@font-face {
    font-family: "VisbyCF";
    src: url("fonts/VisbyCF-Regular.woff") format("woff");
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: "VisbyCF";
    src: url("fonts/VisbyCF-Medium.woff") format("woff");
    font-style: normal;
    font-weight: 500;
}
@font-face {
    font-family: "Inter";
    src: url("fonts/Inter-Regular.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: "Inter";
    src: url("fonts/Inter-Medium.woff2") format("woff2");
    font-style: normal;
    font-weight: 500;
}

body, p, span {
    font-family: "Inter", sans-serif;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "VisbyCF", sans-serif;
    font-weight: 500;
}

:root{
    --primary: #1F4F58;
    --lime-main:#D9FB19;
    --lime-dark:#7FA00E;
    --terracotta:#E87162;
    --crimson:#DC3545;
    --skyblue:#8BC8F3;
    --lightgreen:#7CEEA3;
    --forestgreen:#0FB70C;
    --lawngreen:#51FE00;
    --warning:#F2E64E;
}


.lime-main{
    color: var(--lime-main)!important;
}
.bg-lime-main{
    background-color: var(--lime-main)!important;
}
.border-lime-main{
    border: 2px solid var(--lime-main)!important;
}
bnt-circle{

}


/*----- BTN -----*/
.btn-circle {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 2px solid transparent;
    padding: .75rem .75rem;
    font-size: 1rem;
    line-height: 1;
    border-radius: 50%;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.btn-outline-lime-main{
    color: var(--lime-main);
    border: 2px solid var(--lime-main);
}
.btn-outline-lime-main:hover {
    color: #211F20;
    background-color: var(--lime-main);
    border-color: var(--lime-main);
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    color: #DBFB19;
    background-color: #1F4F58;
    border-color: #1C4B54;
}
.bg-primary {
    background-color: #1F4F58!important;
}






/*----- MENU -----*/
.main-sidebar{
    overflow: visible;
}
.sidebar-mini.sidebar-collapse .main-sidebar{
    overflow: visible;
}
.pushmenu{
    display: block;
    position: absolute;
    z-index: 9999;
    margin-left: 230px;
    margin-top: 43px;
    border: none;
    background-color: #211F20;
    transition: margin .3s ease-in-out, width .3s ease-in-out;
    font-size: 24px;
    padding: 0;
    opacity: 1;
    color: #5E770A;
    border: 2px solid #211F20;
}
.pushmenu:hover{
    opacity: 1;
    background-color: var(--lime-main);
    transition: margin .3s ease-in-out, background-color .3s;
}
[class*=sidebar-dark] .brand-link {
    transition: .3s ease-in-out;
}
.sidebar-mini.sidebar-closed.sidebar-collapse .pushmenu, .sidebar-mini.sidebar-collapse .pushmenu{
    margin-left: 58px;
    rotate: 180deg;
}
@media (max-width: 991.98px) {
    .sidebar-mini.sidebar-closed.sidebar-collapse .pushmenu, .sidebar-mini.sidebar-collapse .pushmenu{
        margin-left: 260px;
        margin-top: 10px;
        color: var(--lime-dark);
        font-size: 2rem;
    }
}
@media (min-width: 992px) {
    .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .pushmenu, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .pushmenu {
        margin-left: 230px;
    }
}



.navbar-expand-md .navbar-nav .nav-link {
    margin-right: 0.5rem;
}

a {
    color: #2E7784;
    text-decoration: none;
}
a:hover{
    color: #58640A;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #193F46;
    border-color: #193F46;
}
.page-link {
    color: #193F46;
    background-color: #FEFEFE;
    border: 1px solid #ECECEC;
}
.page-link:hover {
    color: #193F46;
}

/*.acf-fields > .acf-field {*/
/*    padding-left: 0px;*/
/*    padding-right: 0px;*/
/*    border-top-width: 1px;*/
/*    border-top-style: solid;*/
/*    border-top-color: #EAECF0;*/
/*}*/
/*.acf-form-submit{*/
/*    margin: 2rem 0;*/
/*}*/
/*.acf-form-submit .acf-button{*/
/*    color: #DBFB19;*/
/*    background-color: #1F4F58;*/
/*    border-color: #5D8991;*/
/*    padding: 0.5rem 2rem;*/
/*    font-size: 1.25rem;*/
/*    border-radius: 0.3rem;*/
/*}*/
/*.acf-form-submit .acf-button{*/
/*    color: #DBFB19;*/
/*    background-color: #1F4F58;*/
/*    border: 2px solid #3E6C74;*/
/*    padding: 0.5rem 2rem;*/
/*    font-size: 1.25rem;*/
/*    border-radius: 0.3rem;*/
/*    transition: .15s ease-in-out;*/
/*}*/
/*.acf-form-submit .acf-button:hover{*/
/*    color: #E2FC47;*/
/*    background-color: #193F46;*/
/*    border: 2px solid #3E6C74;*/
/*}*/
/*.acf-table > tbody > tr > th, .acf-table > tbody > tr > td, .acf-table > thead > tr > th, .acf-table > thead > tr > td {*/
/*    background: #f9f9f9;*/
/*}*/
/*.acf-table > thead > tr > th {*/
/*    border-color: #eaebec;*/
/*}*/
/*.acf-table {*/
/*    border: #dbddd4 solid 1px;*/
/*}*/
/*.acf-field input[type=text], .acf-field input[type=password], .acf-field input[type=date], .acf-field input[type=datetime], .acf-field input[type=datetime-local], .acf-field input[type=email], .acf-field input[type=month], .acf-field input[type=number], .acf-field input[type=search], .acf-field input[type=tel], .acf-field input[type=time], .acf-field input[type=url], .acf-field input[type=week], .acf-field textarea, .acf-field select {*/
/*    border-width: 1px;*/
/*    border-color:#0C202377;*/
/*    border-radius: 4px;*/
/*}*/
/*ul.acf-radio-list li, ul.acf-checkbox-list li {*/
/*    font-size: 14px;*/
/*}*/
/*button, input, optgroup, select, textarea {*/
/*    font-size: 14px;*/
/*}*/
/*.photos .acf-field .acf-label label {*/
/*    font-weight: 400;*/
/*    font-size: 15px;*/
/*}*/
/*.navbar-brand{*/
/*    padding: 0;*/
/*    margin: 0;*/
/*    margin-top: -8px;*/
/*    margin-bottom: -8px;*/
/*}*/
/*.navbar-brand img {*/
/*    height: 58px;*/
/*    width: auto;*/
/*}*/
/*article.post {*/

/*}*/
/*article.post .acf-fields.-border {*/
/*    border: none;*/
/*    background: transparent;*/
/*}*/

/* NEW */
.card-primary.card-outline {
    border-top: 3px solid #1f4f58;
}



/*   ------------------------------  Index Posts  ------------------------------------------*/
/* table */
main table.table-bordered {
    border: none;
    border: 1px solid #1C4B5433;
}
main.index_posts table th {
    border: none;
}
main table th:not(:last-child) {
    border-right: 1px solid #1C4B5433;
}
main table tbody tr td {
    height: 2rem;
    padding: 0;
    border: none;
}
main table tbody tr td a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0.75rem;
    box-sizing: content-box;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #9991;
}
main table tbody tr {
    transition: 0.35s;
}
main table tbody tr:hover {
    background-color: #1C4B5411;
    -webkit-box-shadow: inset 0px 0px 2px 1px #1C4B5455;
    -moz-box-shadow: inset 0px 0px 2px 1px #1C4B5455;
    box-shadow: inset 0px 0px 2px 1px #1C4B5455;
    transition: 0.35s;
}
main table tbody tr.new, .table-striped tbody tr.new:nth-of-type(2n+1) {background-color: #a2d1d9;}
.table-striped tbody tr.is_closed{
    /*background-color: #9e8268;*/
}
.table-striped tbody tr.is_closed a{
    color: #474747;
}

/* HEADER */
.main-header .nav-link {
    height: 2.5rem;
}

blockquote {
    border-left-color: #1F4F58;
}
.btn-outline-primary {
    color: #1F4F58;
    border-color: #1F4F58;
}
.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled):active {
     color: #fff;
     background-color: #3b646b;
     border-color: #3b646b;
 }
.btn-outline-success {
    color: #7fa00e;
    border-color: #7FA00E;
}
.btn-outline-success:hover {
    color: #fff;
    background-color: #7fa00e;
    border-color: #7fa00e;
}
.alert-success {
    background-color: #7fa00e;
    border-color: #7FA00E;
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #44575a;
    border-color: #353738;
}


.underline {
    text-decoration: underline;
}
.closed{
    font-style: italic;
    text-decoration: line-through;
    opacity: 0.5;
    transition: 0.5s;
}
.closed:hover{
    opacity: 0.85;
}
.successfully_completed, .patient_refused, .Additional_retainers, .retainers  {
    font-style: normal;
    text-decoration: none;
    opacity: 1;
}
.successfully_completed:hover, patient_refused:hover, .Additional_retainers:hover, .retainers:hover  {
    opacity: 1;
}
.timeline-body, .white-space-pre-line{
    white-space: pre-line;
}

tr.child>td.child>ul>li{
    display: inline-block;
}

/* Тариф на сторінці кейсу зліва */
.left_profile_part .payment_package {
    position: absolute;
    right: 0;
    padding: 0.25rem 0.5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
    color: #fff;
    background-color: #adb5bd;
    border-color: #adb5bd;
    box-shadow: none;
}










/* 2024 New Design */
/*.content-wrapper{*/
/*    background-color: #313131;*/
/*}*/
label:not(.form-check-label):not(.custom-file-label){
    font-weight: 500;
}
b, strong {
    font-weight: 500;
}
[class*=sidebar-dark-] {
    background-color: #211F20;
}
.dark2024 .form-control {
    color: #00232b;
    background-color: #777777;
    border-color: #707070;
    transition: background-color .5s;
}
.dark2024 .form-control:focus {
    background-color: #eeeeee;
}

/* -------  POST PREVIEW   --------*/
.post-preview {
    border-radius: 100px/100px;
    border-top-style: solid;
    border-top-width: 3px;
}


.post-preview.creation, .post-preview.planning, .post-preview.payment{
    border-top-color: var(--skyblue);
    background-color: #8BC8F325;
}
.post-preview.creation .info, .post-preview.planning .info, .post-preview.payment .info{
    color: var(--skyblue);
}
.post-preview.production{
    border-top-color: var(--lightgreen);
    background-color: #7CEEA325;
    color: var(--lightgreen);
}
.post-preview.production .info{
    color: var(--lightgreen);
}
.post-preview.new, .post-preview.plan-is-ready, .post-preview.awaiting-payment, .post-preview.limecheck-plan-is-ready, .post-preview.paused {
    border-top-color: var(--terracotta);
    background-color: #E8716225;
}
.post-preview.new .info .status, .post-preview.plan-is-ready .info .status, .post-preview.awaiting-payment .info .status, .post-preview.limecheck-plan-is-ready .info .status, .post-preview.paused .info{
    color: var(--crimson);
    font-weight: 500;
}
.post-preview.closed{
    border-top-color: var(--lawngreen);
    background-color: #0FB70C25;
    text-decoration: none;
    opacity: inherit;
    font-style: inherit;
}
.post-preview.closed .info{
    color: var(--lawngreen);
}
.post-preview.deleted, .post-preview.canceled{
    border-top-color: #adb5bd;
    background-color: #adb5bd25;
}
.post-preview.deleted .info, .post-preview.canceled .info{
    color: #adb5bd;
}

.post-preview .printing{
    color: var(--lime-main);
}

/* підправляю для Index */
.dark2024 .post-preview{

}



.card .col-information .item {

}
.card .col-information a{
    color: #ffffff;
    transition: .5s;
}
.card .col-information a:hover{
    color: #e3f182;
}
.card .col-information .item .key{
    color: var(--lime-main);
    font-weight: 500;
    display: inline-block;
    margin-right: 1.5rem;
}
.card .col-information .item .value{
    display: inline-block;
}
.card .col-information .other .item .key{
    font-weight: normal;
    color: #ffffff;
}
.card .col-information a.other-btn{
    color: #A4A6B3;
}
.card .col-information a.other-btn:hover{
    color: #cfd2dc;
}
.card .col-information a.other-btn[aria-expanded="true"]{
    display: none;
}

/* -- card-file --*/
.card.card-file .card-body{
    padding: 0;
    overflow: hidden;
    height: 100px;
}
.card.card-file img{
    width: 100%;
}
.card.card-file .card-footer{
    overflow: hidden;
    height: 42px;
    line-height: 1;
}


/* -------  callout   --------*/
.callout{
    border-radius: 1rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow:none;
    border-left: 8px solid #e9ecef;
    margin-bottom: 0rem;
    padding: 0rem;
}
.dark2024 .callout {
    background-color: #444444;
    color: #FFFFFF;
}
.remarks.callout{
    background-color: transparent;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    border-left: 0px solid #e9ecef;
    color:#aaaaaa;
}
.callout a{
    color: #2E7784;
    text-decoration: none;
}
.callout.callout-primary{
    border-left-color: var(--lightgreen);
    border-left-color: #1F4F58;
}
.callout.callout-success{
        border-left-color: var(--lightgreen);
    border-left-color: #1F4F58;
}
.callout.callout-info{
    border-left-color: var(--skyblue);
}
.callout.callout-warning{
    border-left-color: var(--warning);
}
.callout.callout-danger{
    border-left-color: var(--terracotta);
}

.dark2024 .btn-collapseAllRemarks{
    color: var(--skyblue);
}


/* -------  btn   --------*/
.btn{
    border-radius: 1rem;
    transition: background 0s ease-in-out;
    border-color: transparent;
    /*border-width: 2px;*/
    /*font-weight: 500;*/
}

.btn-link {
    color: var(--skyblue);
}
.btn-link:hover {
    color: #FFFFFF;
}

.btn-primary{
    color: #FFFFFF;
    background: #2E7784 linear-gradient(180deg, #2E7784, #256570) repeat-x;
}
.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active{
    color: #E2FC47;
    border-color: #256570;
    background: #256570;
}
.btn-outline-primary{
    color: #2E7784;
    border-color: #2E7784;
}
.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled):active:hover{
    color: #FFFFFF;
    border-color: #2E7784;
    background: #2E7784 linear-gradient(180deg, #2E7784, #18454E) repeat-x;
}
.btn-outline-primary:not(:disabled):not(.disabled).active {
    border-color: #2E7784;
    background: #2E7784 linear-gradient(180deg, #2E7784, #18454E) repeat-x;
}



.btn-secondary{
    color: #FFFFFF;
    background: #588B8F linear-gradient(180deg, #588B8F, #4E797C) repeat-x;
}
.btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled):active{
    color: #E2FC47;
    border-color: #4E797C;
    background: #4E797C;
}
.btn-outline-secondary{
    color: #588B8F;
    border-color: #588B8F;
}
.btn-outline-secondary:hover, .btn-outline-secondary:not(:disabled):not(.disabled):active:hover{
    color: #FFFFFF;
    border-color: #588B8F;
    background: #588B8F linear-gradient(180deg, #588B8F, #4E797C) repeat-x;
}

.btn-success{
    color: #FFFFFF;
    background: #7FA00E linear-gradient(180deg, #7FA00E, #77960F) repeat-x;
}
.btn-success:hover, .btn-success:not(:disabled):not(.disabled):active{
    color: #E2FC47;
    border-color: #77960F;
    background: #77960F;
}
.btn-outline-success{
    color: #7FA00E;
    border-color: #7FA00E;
}
.btn-outline-success:hover, .btn-outline-success:not(:disabled):not(.disabled):active:hover{
    color: #FFFFFF;
    border-color: #7FA00E;
    background: #7FA00E linear-gradient(180deg, #7FA00E, #77960F) repeat-x;
}

.btn-info{
    color: #FFFFFF;
    background: #55C0CC linear-gradient(180deg, #55C0CC, #50B4C0) repeat-x;
}
.btn-info:hover, .btn-info:not(:disabled):not(.disabled):active{
    color: #E2FC47;
    border-color: #50B4C0;
    background: #50B4C0;
}
.btn-outline-info{
    color: #55C0CC;
    border-color: #55C0CC;
}
.btn-outline-info:hover, .btn-outline-info:not(:disabled):not(.disabled):active:hover{
    color: #FFFFFF;
    border-color: #55C0CC;
    background: #55C0CC linear-gradient(180deg, #55C0CC, #50B4C0) repeat-x;
}

.btn-danger{
    color: #FFFFFF;
    background: #E87162 linear-gradient(180deg, #E87162, #D05F51) repeat-x;
}
.btn-danger:hover, .btn-danger:not(:disabled):not(.disabled):active{
    color: #E2FC47;
    border-color: #D05F51;
    background: #D05F51;
}
.btn-outline-danger{
    color: #E87162;
    border-color: #E87162;
}
.btn-outline-danger:hover, .btn-outline-info:not(:disabled):not(.disabled):active:hover{
    color: #FFFFFF;
    border-color: #E87162;
    background: #E87162 linear-gradient(180deg, #E87162, #D05F51) repeat-x;
}


.btn-lime{
    color: #211F20;
    background: var(--lime-main) linear-gradient(180deg, var(--lime-main), #D6F41B) repeat-x;
}
.btn-lime:hover, .btn-lime:not(:disabled):not(.disabled):active{
    color: #211F20;
    border-color: #B8D317;
    background: #B8D317;
}
.btn-outline-lime{
    color: #DBFB19;
    border-color: var(--lime-main);
}
.btn-outline-lime:hover{
    color: #211F20;
    border-color: var(--lime-main);
    background: var(--lime-main) linear-gradient(180deg, var(--lime-main), #D6F41B) repeat-x;
}
.btn-outline-lime:not(:disabled):not(.disabled).active {
    color: #211F20;
    border-color: var(--lime-main);
    background: var(--lime-main) linear-gradient(180deg, var(--lime-main), #D6F41B) repeat-x;
}

.btn-outline-warning {color: #965b00; border-color: #ffc107;}


/* -------  STEPS   --------*/
.steps .profile-user-img {
    /*border: 2px solid #adb5bd;*/
    border: none;
    margin: 0 auto;
    padding: 1px;
    width: 52px;
    min-height: 52px;
}
.timeline>div {
    margin: 1rem;
}
.timeline::before{
    content: none;
}
.timeline>div>.timeline-item {
    margin-top: -52px;
    border-radius: 1rem;
    border-top-left-radius: 0px;
    border: 2px solid var(--lime-dark);
    box-shadow: none;
    background-color: #444444;
    color: #FFFFFF
}

.steps .doc_style_rtl .profile-user-img {
    left: calc(100% - 52px);
    position: relative;
    z-index: 2;
}
.timeline>div.doc_style_rtl>.timeline-item{
    margin-right: 60px;
    margin-left: 15px;
    border-radius: 1rem;
    border-top-right-radius: 0px;
    border: 2px solid #588B8F;
}

.card {
    box-shadow: none;
    margin-bottom: 0;
    color: #211F20;
}

body, html, .content-wrapper{
    background-color: #313131;
    color: #FFFFFF;
}
.dark2024, .dark2024 .card{
    background-color: #313131;
    color: #FFFFFF;
}

.dark2024 section.container {
    background-color: #2D2B2C;
    box-shadow: 0px 4px 4px 0px #211F20;
    border-radius: 2rem;
}
.dark2024 .timeline>div>.timeline-item>.timeline-header{
    color: #FFFFFF;
    padding: .5rem 1rem;
}
.dark2024 .timeline>div>.timeline-item>.timeline-body, .timeline>div>.timeline-item>.timeline-footer{
    padding: .5rem 2rem;
}






.index_posts.dark2024{

}
.index_posts.dark2024 .h2, .index_posts.dark2024 h2{
font-size: 1.2rem;
}
.index_posts.dark2024 .post-preview .info, .index_posts.dark2024 .post-preview .printing{
    font-size: 12px;
}
.index_posts.dark2024 .post-preview .info .t{
    display: none;
}
.index_posts.dark2024 a .post-preview{
    color: #FFFFFF;
}
.index_posts.dark2024 a.post_link .post-preview{
    transition: .35s;
    opacity: .85;
}
.index_posts.dark2024 a.post_link:hover .post-preview{
    box-shadow: 0px 4px 4px 0px #211F20;
    opacity: 1;
}

/* SELECT2 */
.select2-container--default .select2-results__option{color: #333333;}
.select2-container--default .select2-results>.select2-results__options {max-height: 320px; /* регулює висоту */}
.select2-container--default .select2-dropdown {border: 2px solid #80bdff;}
.select2-container--default.select2-container--focus .select2-selection--single {border: 2px solid #80bdff;}
.select2-selection.select2-selection--single[aria-expanded="true"] .select2-selection__rendered {color: #696969;}