/*!
 * Skin Style
 * Color Theme: DarkBlue  is-theme
 * Updated: 21.01.2026

 * ModusSite - DarkBlue: #29667a rgb(41, 102, 122); LightBlue: #58bad3 rgb(88, 186, 211); Black #000000 rgb(0, 0, 0);
 * ModusSite - LightBlue: #5ebfd6; Black drop-down container: #0a0a0a; Black: #18191c;  

 * theme.css:    - care is-theme style (DarkBlue: #29667a; LightBlue #58bad3; Black #000000;)
 * DarkBlue Primary btn:  #0fac81 => #29667a;  Black hover/focus: #0d9973/#0d906c => #000000;
 * DarkBlue a link: #0c8665 => #29667a;
 * DarkBlue Primary link: #0fac81 => #29667a;  Black hover/focus: #0c8665 => #000000;
 * DarkBlue user icon:    #13dba4 => #29667a;
 * Updated: DarkBlue datepicker; DarkBlue nk-error-head 403 404;
 * New: DarkBlue dataTables style; DarkBlue ui DatePicker Style

 * OTRSite - InkBlack: #010100 rgb(1, 1, 0); Black #000; Yellow: #DFDE02 RGB(223, 222, 2); DarkGrey bg: #373739/#323233; Grey text: #444;

**/

.nk-sidebar.is-dark {
    background: #0f192a;
    border-right-color: #1c2f50;
}

/* ** sidebar bg:  DarkGrey bg, no right border     - updated   */
.nk-sidebar.is-theme {
    /*background: #064936;*/
    /*border-right-color: #0a7859;*/
    /*background: #29667a;*/ /* DarkBlue bg */
    background: #010100;
    border-right: none;
}

.is-dark .nk-sidebar-head {
    border-color: #1c2f50;
}

/* ** sidebar head:  DarkGrey bg, InkBlack bottom border     - updated   */
.is-theme .nk-sidebar-head {
    /*border-color: #0a7859;*/
    /*background: #000000;*/ /* new Black bg */
    /*border-color: #000000;*/ /* Black bottom border */
    background: #373739;
    border-color: #010100;
}

.nk-sidebar.is-dark .user-balance-alt, .nk-sidebar.is-theme .user-balance-alt {
    color: rgba(255, 255, 255, 0.8);
}

.nk-header {
    background: #f5f6fa;
    border-bottom-color: #e5e9f2;
}

    .nk-header.is-dark:not([class*=bg-]) {
        background: #0f192a;
    }

    /* ** top header (right side):  DarkGrey bg     - updated   */
    .nk-header.is-theme:not([class*=bg-]) {
        /*background: #000000;*/ /* Black */
        background: #373739;
    }

.is-dark .nk-menu-link {
    color: #8699b2;
}

.is-dark .nk-menu-icon {
    color: #9faec2;
}

.is-dark .nk-menu-badge {
    color: #34edba;
    background: #1c2f50;
}

.is-dark .nk-menu-sub .active > .nk-menu-link, .is-dark .nk-menu-link:hover, .is-dark .active > .nk-menu-link, .is-dark .nk-menu-link:hover .nk-menu-icon, .is-dark .nk-menu-item.active > .nk-menu-link .nk-menu-icon, .is-dark .nk-menu-item.current-menu > .nk-menu-link .nk-menu-icon { /* ** */
    color: #29667a;
}


.is-dark .nk-news-icon .icon { /* ** */
    color: #29667a;
}

.is-dark .nk-news-text .icon {
    color: #8094ae;
}

.is-dark .nk-news-text p span {
    color: rgba(128, 148, 174, 0.9);
}

.is-dark .user-name, .is-dark .nk-news-text p {
    color: #90a1b8;
}

.is-dark .nk-quick-nav-icon {
    color: #9faec2;
}

/* ** sidebar menu link:  White font     - updated   */
.is-theme .nk-menu-link {
    /*color: #a3dfcf;*/
    color: #ffffff;
}

/* ** sidebar menu icon:  White icon     - updated   */
.is-theme .nk-menu-icon {
    /*color: #c2eadf;*/
    color: #ffffff;
}

.is-theme .nk-menu-badge {
    color: #63f1ca;
    background: #0a7859;
}

.is-theme .nk-news-icon .icon {
    color: #1cebb3;
}

/* ** sidebar header trigger icon:  3 White lines     - updated   */
.is-theme .nk-news-text .icon, .is-theme .nk-quick-nav-icon, .is-theme .overline-title {
    color: #ffffff;
}

.is-theme .nk-news-text p span, .is-theme .nk-menu-heading .overline-title {
    color: rgba(171, 226, 211, 0.8);
}

.is-theme .user-name, .is-theme .nk-news-text p { /* ** */
    color: #ffffff;
}

/* ** nav link line:  Yellow     - updated   */
.card-tools-nav li a:before, .nav-tabs .nav-link:after, .progress-bar, .dot-primary, .alert-fill.alert-primary, .badge-primary, .icon-circle, .noUi-connect, .nk-msg-menu-item a:after, .ui-shady .nk-msg-item.active:after, .ui-shady .nk-msg-item.current:after, .ui-softy .nk-msg-item.active:after, .ui-softy .nk-msg-item.current:after {
    background: #DFDE02;
}

.card-bordered.is-dark {
    border-color: #07523d;
}

.card.is-dark {
    background: #07523d;
}

/* ** right header user icon:  Yellow bg, InkBlack text     - updated   */
.user-avatar, [class^="user-avatar"]:not([class*="-group"]) {
    /*background: #29667a;*/ /* DarkBlue */
    background: #DFDE02;
    color: #010100; /* new */
}

/* ** left header news icon:  Yellow bg, InkBlack text     - updated   */
.nk-news-item:hover .nk-news-text .icon {
    /*background: #29667a;*/ /* DarkBlue */
    background: #DFDE02;
    color: #010100; /* new */
}

/* ** a:  Grey => InkBlack    - updated   */
.nk-menu-link:hover, .nk-menu-link:hover .nk-menu-icon, .nk-menu-item.active > .nk-menu-link .nk-menu-icon, .nk-menu-item.current-menu > .nk-menu-link .nk-menu-icon, .nk-menu-link:hover .count, .nk-menu-sub .nk-menu-link:hover, .nk-menu-sub .active > .nk-menu-link, .nk-menu-sm .nk-menu-link:hover, .nk-menu-main .nk-menu-link:hover, .nk-menu-main .nk-menu-link:focus, .nk-menu-main .nk-menu-item.active > .nk-menu-link, .nk-menu-main .nk-menu-item.current-menu > .nk-menu-link, .nk-menu-main .nk-menu-item:hover > .nk-menu-link, .is-light .nk-menu-link:hover, .is-light .active > .nk-menu-link, .active > .nk-menu-link, .active > .nk-menu-link .count, .nav-tabs .nav-link:focus, .nav-tabs .nav-link.active, .nav-tabs .nav-item.active .nav-link, .nk-menu-footer .nk-menu-icon, .nk-menu-footer .nk-menu-link:hover, .nk-footer-copyright a:hover, .page-link:hover, .list-plain a:hover, .link-check li a:hover, .link-list a:hover, .link-list-opt a:hover, .link-list-plain a:hover, .link-list-menu li.active > a, .link-list-menu a.active, .link-list-menu a:hover, .link-list-menu li.active > a .icon, .link-list-menu a.active .icon, .link-list-menu a:hover .icon, .link-list-menu li.active > a:after, .link-list-menu a.active:after, .link-list-menu a:hover:after, .list-checked li:before, .list-step li.list-step-current:before, .accordion-s2 .accordion-head .title, .accordion-s3 .accordion-head .title, .badge-outline-primary, .badge-dim.badge-primary, .badge-dot.badge-primary, .badge-dim.badge-outline-primary, .alert-primary, .form-clip, .form-text-hint, .search-submit:hover, .nk-news-icon .icon, .attach-item .icon, .attach-download:hover span, .nk-reply-meta-info .whom, .nk-msg-tags li > span .icon, .nk-msg-menu-item a:hover, .nk-msg-menu-item.active a, .user-balance, .user-avatar[class*="-primary-dim"], .nk-order-ovwg-data.sell .amount, .nk-order-ovwg-data.sell .title .icon, .nk-wg-action-content p strong, a, .dropzone .dz-message-text span, .nk-switch-icon.active, .link-list-plain a .icon, .chat-upload-option a, .is-unread .chat-context .status, .add-opt:hover .sub-text, .add-opt:hover .icon, .icon[class*="bg-primary-dim"] {
    /*color: #29667a;*/ /* DarkBlue */
    color: #444444;
}

    a:hover {
        color: #010100;
    }

/* ** text link:  Grey => InkBlack    - updated   */
.text-primary, .link-primary {
    color: #444444 !important;
}

    .link-primary:hover, a.text-primary:hover, a.text-primary:focus, .chat-upload-option a:hover { /* ** */
        color: #010100 !important;
    }

.border-primary, .nk-kycfm-control:checked ~ .nk-kycfm-label { /* ** */
    border-color: #010100 !important;
}

/* ** right side body bg:  light grey     - updated   */
.bg-lighter {
    /*background-color: #f5f6fa !important;*/
    background-color: #F9F9F9 !important;
}

/* ** primary bg:  InkBlack     - updated   */
.bg-primary {
    background-color: #010100 !important;
}

a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
    background-color: #0b7d5e !important;
}

.bg-primary-dim, .dual-listbox .dual-listbox__item:active, .dual-listbox .dual-listbox__item.dual-listbox__item--selected {
    background-color: #e7f7f2 !important;
}

.text-primary-dim {
    color: #e7f7f2 !important;
}

.alert-primary, .badge-dim.badge-outline-primary {
    background-color: #e7f7f2;
    border-color: #9fdecd;
}

/* ** form-control input focus:  Yellow border    - updated   */
.alert-pro.alert-primary, .badge-primary, .form-control:focus, .form-control.focus, .custom-file-input:focus ~ .custom-file-label, .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, .select2-container--default .select2-selection--single:focus, .select2-container--default.select2-container--focus .select2-selection--multiple {
    /*border-color: #29667a;*/ /* DarkBlue */
    border-color: #DFDE02;
}

.nk-order-ovwg-data.sell, .badge-outline-primary {
    border-color: #9fdecd;
}

.dropdown-menu-s1 { /* ** */
    border-top-color: #29667a;
}

.nk-iv-wg2-amount.ui-v2 { /* ** */
    border-bottom-color: #29667a;
}

/* ** dataTables      - InkBlack page index active button     - updated   */
.page-item.active .page-link, .custom-control-input:checked ~ .custom-control-label::before, .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    background-color: #010100;
    border-color: #010100;
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before, .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before, .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: #6fcdb3;
}

.badge-dim.badge-primary {
    background-color: #e7f7f2;
    border-color: #e7f7f2;
}

.badge-primary.badge-dot {
    background: transparent;
}

/* ** updated:     Yellow 403 404      DarkBlue (#29667a, #58bad3)     - updated   */
.nk-error-head {
    background: -webkit-linear-gradient(#DFDE02, #e0df00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.nav-switch .nav-link.active { /* ** */
    background: #29667a;
    color: #ffffff;
}

.icon-avatar { /* ** */
    color: #010100;
    background-color: #DFDE02;
}

/* ** sidebar header trigger icon:  black     - updated   */
.is-theme .nk-quick-nav-icon:before {
    /*background-color: #29667a;*/ /* DarkBlue */
    background-color: #DFDE02;
}

/* ** primary btn:  InkBlack bg, Yellow text     - updated   */
.btn-primary {
    /*background-color: #29667a;*/ /* DarkBlue */
    /*border-color: #29667a;*/ /* DarkBlue */
    background-color: #010100;
    border-color: #010100;
}

    /* ** primary btn hover:  Yellow bg, InkBlack text     - updated   */
    .btn-primary:hover {
        /*background-color: #000000;*/ /* Black */
        /*border-color: #000000;*/ /* Black */
        background-color: #DFDE02;
        border-color: #DFDE02;
        color: #010100; /* new */
    }

    /* ** primary btn focus:  Yellow bg, InkBlack text     - updated   */
    .btn-primary:focus {
        /*background-color: #000000;*/ /* Black */
        /*border-color: #000000;*/ /* Black */
        background-color: #DFDE02;
        border-color: #DFDE02;
        color: #010100; /* new */
    }

    .btn-primary.btn-dim { /* ** */
        color: #29667a;
        background-color: #e5f6f1;
        border-color: #e5f6f1;
    }

/* ** btn-dim btn-outline-primary:  very LightBlack bg, InkBlack text     - updated   */
.btn-dim.btn-outline-primary {
    color: #010100;
    background-color: #eaeae5;
    border-color: #010100;
}

    .btn-dim.btn-outline-primary.btn-white {
        background-color: #ffffff;
    }

/* ** btn-outline-primary:  White bg, InkBlack text => InkBlack bg, White text     - updated   */
.btn-outline-primary {
    border-color: #010100;
    color: #010100;
}

    .btn-outline-primary:hover {
        background-color: #010100;
        border-color: #010100;
    }

/* ** primary btn active:  Yellow bg, InkBlack text    - updated   */
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    /*background-color: #0e9e76;*/
    /*border-color: #0d9973;*/
    background-color: #DFDE02;
    border-color: #DFDE02;
    color: #010100; /* new */
}

    /* ** primary btn focus:  Yellow box shadow     - updated   */
    .btn-primary:focus, .btn-outline-primary:focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary.btn-dim:focus, .btn-primary.btn-dim:not(:disabled):not(.disabled):active, .btn-primary.btn-dim:not(:disabled):not(.disabled):active:focus, .btn-dim.btn-outline-primary:focus, .btn-dim.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-dim.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle, .show > .btn-outline-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(223, 222, 2, 0.2);
    }

.btn-outline-light:focus, .btn-outline-light.focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(128, 148, 174, 0.1);
}

.btn-trigger:focus {
    box-shadow: none;
}

/* ** form-control input focus:  Yellow box shadow     - updated   */
.form-control:focus, .form-control.focus, .custom-control-input:focus ~ .custom-control-label::before, .custom-file-input:focus ~ .custom-file-label, .select2-container--default .select2-selection--single:focus, .select2-container--default.select2-container--focus .select2-selection--multiple {
    /*box-shadow: 0 0 0 3px rgba(88, 186, 211, 0.1);*/ /* LightBlue */
    box-shadow: 0 0 0 3px rgba(223, 222, 2, 0.1);
}

.form-control-simple:focus {
    box-shadow: none;
}

/* ** btn-dim btn-outline-primary hover:  InkBlack bg, White text     - updated   */
.btn-primary.btn-dim:not(:disabled):not(.disabled):hover, .btn-dim.btn-outline-primary:not(:disabled):not(.disabled):hover, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle, .btn-primary.disabled, .btn-primary:disabled {
    background-color: #010100;
    border-color: #010100;
}

.form-focus-none:focus {
    border-color: transparent;
    box-shadow: none;
}

@media (min-width: 992px) {
    .nk-menu-main > li > .nk-menu-link:before { /* ** */
        background: #29667a;
    }

    .is-theme .nk-menu-main > li > .nk-menu-link {
        color: #abe2d3;
    }

        .is-theme .nk-menu-main > li > .nk-menu-link.nk-menu-toggle:after {
            color: rgba(171, 226, 211, 0.7);
        }
}

/* ** updated:     today: InkBlack bg + Yellow color   - need update color */
.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    background-color: #010100;
    /*color: #0fac81;*/
    color: #DFDE02;
}
    /* ** updated:     today hover: Yellow bg + White color   - no update */
    .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] {
        background-color: #DFDE02;
    }

/* ** updated:     active day: Yellow bg + InkBlack color   - need update bg + add color */
.datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td span:hover, .datepicker table tr td span.focused {
    /*background-color: #0fac81;*/
    background-color: #DFDE02;
    color: #010100; /* new */
}

.code-tag {
    color: blue;
}

.alert-pro {
    background: #ffffff;
    color: #526484;
}

.nk-menu-badge {
    color: #57c5a7;
    background-color: #e7f7f2;
}

.is-theme .nk-sidebar-footer, .is-theme .nk-sidebar-profile-fixed {
    background: #064936;
    border-color: #0a7859;
}

.is-theme .nk-menu-footer .nk-menu-link, .is-theme .sub-text, .is-theme .lead-text span {
    color: #abe2d3;
}

.nav-switch-s2 .nav-link:hover, .nav-switch-s2 .nav-link:focus {
    color: #526484;
}

.nav-switch-s2 .nav-link.active {
    color: #364a63;
}

.active .nk-ibx-menu-text, .active .nk-ibx-menu-item .icon, .nk-reply-form-nav li a:hover, .nk-reply-form-input .toggle-opt:hover { /* ** */
    color: #29667a;
}

.nk-ibx-menu li.active {
    background: #ecf8f5;
}

.nk-fmg-menu li.active {
    background: #ecf8f5;
}

.nk-file-name .asterisk .icon, .nk-file-name-text a.title:hover, .nk-file-link:hover .title, .active .nk-fmg-menu-item .icon, .active .nk-fmg-menu-text { /* ** */
    color: #29667a;
}

.nk-files-view-list .nk-file.selected {
    background-color: #e2f5f0;
}

.chat.is-me .chat-msg { /* ** */
    background-color: #29667a;
}

.kanban-add-task { /* ** */
    color: #29667a;
}

    .kanban-add-task:hover { /* ** */
        background: #29667a;
        border-color: #29667a;
    }

.actions ul li a { /* ** */
    border-color: #29667a;
    background: #29667a;
}

.nk-wizard-simple .steps ul li.done h5, .nk-wizard-simple .steps ul li.done .number, .nk-wizard-simple .steps ul li.current h5, .nk-wizard-simple .steps ul li.current .number { /* ** */
    color: #29667a;
}

.nk-wizard-simple .steps ul li:after { /* ** */
    background: #29667a;
}

.invoice-contact ul .icon, .invoice-desc .title, .invoice-bills .table th { /* ** */
    color: #29667a;
}

.product-gallery .slider-nav .slider-item.slick-current .thumb, .custom-control-pro.no-control .custom-control-input:checked ~ .custom-control-label, .custom-control-pro.no-control .custom-control-input:not(:disabled):active ~ .custom-control-label, .custom-control.color-control .custom-control-label:before { /* ** */
    border-color: #29667a !important;
}


/* ** 
* ==========================================================
*     New
* ========================================================== 
*/

/* ** dataTables      - InkBlack page index button     - updated   */
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: 1px solid #010100;
    background: #010100;
}

/* ** dataTables      - Yellow list length = btn-primary     - updated   */
.custom-select:focus, div.dataTables_wrapper div.dataTables_length select:focus {
    border-color: #DFDE02;
    box-shadow: 0 0 0 0.2rem rgba(223, 222, 2, 0.2);
}

/* ** dataTables      - Yellow Search input focus = form-control input focus    - #58bad3 = rgba(88, 186, 211);     - updated   */
div.dataTables_wrapper div.dataTables_filter input:focus, .dual-listbox .dual-listbox__search:focus {
    border-color: #DFDE02;
    box-shadow: 0 0 0 3px rgba(223, 222, 2, 0.1);
}


/* ====================== ui DatePicker Style ====================== */

/* ** ui DatePicker:  today       - InkBlack bg + Yellow color     - updated   */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #010100;
    color: #DFDE02;
    border: 1px solid #010100;
}

    /* ** ui DatePicker hover:  today       - Yellow bg + White color     - updated   */
    .ui-state-highlight:hover {
        background: #DFDE02;
        color: #ffffff;
        border: 1px solid #DFDE02; /* new */
    }

/* ** ui DatePicker:  active day       - Yellow bg + InkBlack color      ** site theme bg     - updated   */
.ui-datepicker-calendar .ui-state-active {
    background: #DFDE02;
    color: #010100;
    border: 1px solid transparent;
}

    /* ** ui DatePicker:  active day   - hover:  Yellow bg + White color     - updated   */
    .ui-datepicker-calendar .ui-state-active:hover {
        background: #DFDE02;
        color: #ffffff;
    }