[data-sidebar="dark"] #left_wide {
    background-color: #232426;
    border-right-color: #393939;
    color: #d7dde5;
}

[data-sidebar="dark"] .crm-sidebar-top-fixed,
[data-sidebar="dark"] .crm-sidebar-scroll,
[data-sidebar="dark"] .crm-sidebar-shell {
    background-color: #232426;
}

[data-sidebar="dark"] #right_wide,
[data-layout-mode="dark"] #right_wide {
    background-image: url('/images/bg_dark.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
[data-sidebar="dark"] .app-section,
[data-layout-mode="dark"] .app-section {
    background-color: #161616;
}
[data-sidebar="dark"] #right_wide>img {
    display: none;
}

[data-sidebar="dark"] #menu-pin-btn i {
    color: #8ab4f8;
}

[data-sidebar="dark"] #main_menu .navmenu_divs {
    color: #d7dde5;
}

[data-sidebar="dark"] #main_menu .navmenu_divs:hover {
    border-color: #3f4954 !important;
    background: #30363d;
    color: #ffffff;
}

[data-sidebar="dark"] #main_menu .navmenu_divs>i {
    color: #aeb8c5;
}

[data-sidebar="dark"] #main_menu .navmenu_divs:hover>i,
[data-sidebar="dark"] #main_menu>li.menu_section_active .navmenu_divs>i {
    color: #ffffff;
}

[data-sidebar="dark"] .main_menu_new_ticket_icon,
[data-sidebar="dark"] #newticky_li_i {
    color: #8ab4f8 !important;
}

[data-sidebar="dark"] #main_menu>li.menu_section_active .navmenu_divs {
    background-color: #3f68c5;
    border-color: #5b7fce !important;
    color: #ffffff;
}

[data-sidebar="dark"].menu-expanded #main_menu>li.menu_section_active .navmenu_divs::after {
    border-left-color: #24292d;
}

[data-sidebar="dark"] #qsearch {
    border-color: #323b44;
    background-color: #141416;
    color: #f3f6f9;
}

[data-sidebar="dark"] #qsearch::placeholder {
    color: #8d98a6;
}

[data-sidebar="dark"] #qsearch_button,
[data-sidebar="dark"] #qsearch_box .icon {
    color: #aeb8c5;
}

[data-sidebar="dark"] #qsearch_button:hover,
[data-sidebar="dark"] #qsearch_button:hover .icon {
    color: #ffffff;
}

[data-sidebar="dark"] #dock {
    border-top-color: #3a444f !important;
    background-color: #24292d !important;
}

[data-sidebar="dark"] #dock_profile_trigger {
    background: #30363d;
    color: #d7dde5;
}

[data-sidebar="dark"] #dock_profile_trigger:hover,
[data-sidebar="dark"] #dock_profile_trigger:focus {
    background: #39414a;
    color: #ffffff;
}

[data-sidebar="dark"] #dock_profile_trigger::after {
    color: #aeb8c5;
}

[data-sidebar="dark"] #dock_profile_avatar {
    background: #414b56;
}

[data-sidebar="dark"] #dock_profile_name {
    color: #ffffff;
}

[data-sidebar="dark"] #dock_profile_dropdown .dropdown-menu,
[data-sidebar="dark"] .main_menu_context {
    border-color: #3a444f;
    background: #2b3036;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.36);
}

[data-sidebar="dark"] #dock_profile_dropdown .dropdown-item,
[data-sidebar="dark"] #dock_profile_dropdown .dropdown-item button,
[data-sidebar="dark"] .main_menu_context_item {
    color: #d7dde5 !important;
}

[data-sidebar="dark"] #dock_profile_dropdown .dropdown-item:hover,
[data-sidebar="dark"] #dock_profile_dropdown .dropdown-item:focus,
[data-sidebar="dark"] .main_menu_context_item:hover {
    background: #363d45;
    color: #ffffff !important;
}

[data-sidebar="dark"] #dock_profile_dropdown .dropdown-divider {
    border-top-color: #3a444f;
}

[data-sidebar="dark"] #timeclock_area_mainmenu #timeclock_container {
    border-color: #3a444f;
    background: #1f2429;
    color: #d7dde5;
}

[data-sidebar="dark"] #timeclock_area_mainmenu #timeclock_status_text {
    color: #ffffff;
}

[data-sidebar="dark"] #qsearch_results {
    border-color: #2f363d;
    background-color: #1f2429;
    color: #f1f5f9;
    box-shadow: 10px 10px 26px -22px rgba(0, 0, 0, 0.9);
}

[data-sidebar="dark"] .standard-loader-logo {
    background-image: url('/images/loader_2021_white.png');
}

[data-sidebar="dark"] .standard-loader-text {
    color: #aeb8c5;
}

[data-sidebar="dark"] #qsearch_title {
    border-bottom-color: #3a4149;
    color: #f3f6f9;
}

[data-sidebar="dark"] #qsearch_ajax {
    color: #f1f5f9;
}

[data-sidebar="dark"] #qsearch_ajax::-webkit-scrollbar {
    background-color: #20262c;
}

[data-sidebar="dark"] #qsearch_ajax::-webkit-scrollbar-track {
    background-color: #20262c;
}

[data-sidebar="dark"] #qsearch_ajax::-webkit-scrollbar-thumb {
    background-color: #424b55;
    border-color: #20262c;
}

[data-sidebar="dark"] .qsearch_close {
    color: #c8d0d9;
}

[data-sidebar="dark"] .qsearch_close:hover {
    color: #ffffff;
}

[data-sidebar="dark"] .qsearch_subtitle {
    color: #dce4ee;
}

[data-sidebar="dark"] .qsearch_subtitle i {
    color: #c2ccd8;
}

[data-sidebar="dark"] .qsearch_result {
    border-color: #3b3f45;
    background: #262c33;
    color: #f4f7fb;
}

[data-sidebar="dark"] .qsearch_result:hover {
    border-color: #53606d;
    background: #2d343d;
}

[data-sidebar="dark"] .qsearch_email,
[data-sidebar="dark"] .qsearch_contact_name {
    color: #b8c3cf;
}

[data-sidebar="dark"] .qsearch_status {
    border: 1px solid #36513a;
    border-radius: 2px;
    background-color: #203126;
    color: #8fd69b !important;
    padding: 1px 3px;
}

[data-sidebar="dark"] .qsearch_invct {
    background-color: #203126;
    color: #d7f4dc;
}

[data-sidebar="dark"] #timer_dock_host {
    color: #d7dde5;
}

[data-sidebar="dark"] #timer_dock_panel {
        border-color: #454545;
    background: #262626;
    box-shadow: none;
}

[data-sidebar="dark"] #timer_dock_panel .timer-dock-title,
[data-sidebar="dark"] #timer_dock_host .timer-dock-title {
    color: #f3f6f9;
}

[data-sidebar="dark"] #timer_dock_panel .timer-dock-header {
    border-bottom-color: #323a43;
}

[data-sidebar="dark"] #timer_dock_panel .timer-dock-popout,
[data-sidebar="dark"] #timer_dock_host .timer-dock-popout {
    border: 1px solid #3a444f;
    background: #2b3036;
    color: #c6d0dc;
}

[data-sidebar="dark"] #timer_dock_panel .timer-dock-popout:hover,
[data-sidebar="dark"] #timer_dock_host .timer-dock-popout:hover {
    border-color: #4d5964;
    background: #363d45;
    color: #ffffff;
}

[data-sidebar="dark"] .timer-docked-row {
    border-color: #3b3b3b;
    background: #1e1e1e;
}

[data-sidebar="dark"] .timer-docked-row:hover {
    border-color: #5a6b7d;
    background: #12161a;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24);
}

[data-sidebar="dark"] .timer-docked-row.timer-docked-active {
    border-color: #35b86a;
}

[data-sidebar="dark"] .timer-docked-row.timer-docked-paused {
    border-color: #3b3b3b;
}

[data-sidebar="dark"] .timer-docked-client,
[data-sidebar="dark"] #timer_dock_host .timer-client-name {
    color: #ffffff;
}

[data-sidebar="dark"] .timer-docked-time {
    color: #45d16f;
}

[data-sidebar="dark"] .timer-docked-row.timer-docked-paused .timer-docked-time {
    color: #c5c5c5;
}

[data-sidebar="dark"] .timer-dock-placeholder-note {
    color: #aeb8c5;
}

[data-sidebar="dark"] .timer-dock-placeholder-row {
    border-color: #3a444f;
    background: linear-gradient(90deg, #252b31 25%, #303841 37%, #252b31 63%);
    background-size: 400% 100%;
}

[data-sidebar="dark"] .timer-surface-busy::after {
    background: rgba(20, 24, 28, 0.58);
}

[data-sidebar="dark"] .timer-surface-busy::before {
    border-color: #4a5561;
    border-top-color: #f0bf35;
}

[data-sidebar="dark"] .timer-dock-loader {
    color: #f0bf35;
}

[data-sidebar="dark"] .timer-dock-loader.timer-dock-loader-active {
    color: #45d16f;
}

[data-sidebar="dark"] .timer-dock-loader.timer-dock-loader-paused {
    color: #f0bf35;
}

[data-layout-mode="dark"] .enhanced-timer-popup,
[data-sidebar="dark"] .enhanced-timer-popup {
    border-color: #3a444f;
    background: #1f2429;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.42);
}

[data-layout-mode="dark"] .enhanced-timer-header,
[data-sidebar="dark"] .enhanced-timer-header {
    border-bottom-color: #323a43;
    background: #242a31;
}

[data-layout-mode="dark"] .enhanced-timer-title,
[data-sidebar="dark"] .enhanced-timer-title {
    color: #f3f6f9 !important;
}

[data-layout-mode="dark"] .enhanced-timer-title-text,
[data-sidebar="dark"] .enhanced-timer-title-text {
    color: #f3f6f9 !important;
}

[data-layout-mode="dark"] .enhanced-timer-title-icon,
[data-sidebar="dark"] .enhanced-timer-title-icon {
    color: #c2ccd8 !important;
}

[data-layout-mode="dark"] .enhanced-timer-body,
[data-sidebar="dark"] .enhanced-timer-body {
    border: 10px solid #1f2429 !important;
    background: #1f2429 !important;
    box-shadow: none !important;
}

[data-layout-mode="dark"] .enhanced-timer-toggle-btn,
[data-sidebar="dark"] .enhanced-timer-toggle-btn,
[data-layout-mode="dark"] #timer_popup_toggle_btn,
[data-sidebar="dark"] #timer_popup_toggle_btn {
    border: 1px solid #3a444f;
    background: #2b3036;
    color: #c6d0dc;
    box-shadow: none;
}

[data-layout-mode="dark"] .enhanced-timer-toggle-btn:hover,
[data-sidebar="dark"] .enhanced-timer-toggle-btn:hover,
[data-layout-mode="dark"] #timer_popup_toggle_btn:hover,
[data-sidebar="dark"] #timer_popup_toggle_btn:hover {
    border-color: #4d5964;
    background: #363d45;
    color: #ffffff;
    box-shadow: none;
}

[data-layout-mode="dark"] .enhanced-timer-popup .timer-row,
[data-sidebar="dark"] .enhanced-timer-popup .timer-row {
    border-color: #3b3b3b;
    background: #283038;
}

[data-layout-mode="dark"] .enhanced-timer-popup .timer-row:hover,
[data-sidebar="dark"] .enhanced-timer-popup .timer-row:hover {
    border-color: #53606d;
    background: #303943;
}

[data-layout-mode="dark"] .enhanced-timer-popup .timer-ticket-number,
[data-sidebar="dark"] .enhanced-timer-popup .timer-ticket-number {
    color: #65d485;
}

[data-layout-mode="dark"] .enhanced-timer-popup .timer-client-name,
[data-sidebar="dark"] .enhanced-timer-popup .timer-client-name {
    color: #d7dde5;
}

[data-layout-mode="dark"] .enhanced-timer-popup .timer-time-display,
[data-sidebar="dark"] .enhanced-timer-popup .timer-time-display {
    color: #45d16f;
}

[data-layout-mode="dark"] .enhanced-timer-popup .timer-time-display-paused,
[data-sidebar="dark"] .enhanced-timer-popup .timer-time-display-paused {
    color: #c5c5c5;
}

[data-layout-mode="dark"] .enhanced-timer-popup .timer-paused-icon,
[data-sidebar="dark"] .enhanced-timer-popup .timer-paused-icon {
    color: #c5c5c5;
}

[data-layout-mode="dark"] .floating-window,
[data-sidebar="dark"] .floating-window {
  border: 1px solid #383838;
    background: #1e1e1e !important;
    box-shadow: 0 24px 54px rgba(0, 0, 0, 0.48) !important;
    color: #FFF;
}

[data-layout-mode="dark"] .floating-window:hover,
[data-sidebar="dark"] .floating-window:hover {
    box-shadow: 0 28px 64px rgba(0, 0, 0, 0.56) !important;
}

[data-layout-mode="dark"] .floating-header,
[data-sidebar="dark"] .floating-header {
   border-bottom: 1px solid #383838;
    background: #363636;
    color: #d7dde5;
}

[data-layout-mode="dark"] .floating-header:hover,
[data-sidebar="dark"] .floating-header:hover {
    background: #29313a;
}

[data-layout-mode="dark"] .floating-title,
[data-sidebar="dark"] .floating-title {
    color: #f3f6f9;
}

[data-layout-mode="dark"] .floating-header i,
[data-sidebar="dark"] .floating-header i {
    color: #c2ccd8;
}

[data-layout-mode="dark"] .floating-close,
[data-sidebar="dark"] .floating-close {
    border: 1px solid transparent;
    background: transparent;
    color: #c6d0dc;
}

[data-layout-mode="dark"] .floating-close:hover,
[data-sidebar="dark"] .floating-close:hover {
    border-color: transparent;
    background: transparent;
    color: #2279ff;;
}

[data-layout-mode="dark"] h5,
[data-sidebar="dark"] h5 {
    color: #dfdfdf;
}

[data-layout-mode="dark"] .btn-light,
[data-sidebar="dark"] .btn-light {
    border-color: #4f4f4f;
}

[data-layout-mode="dark"] .btn-light:hover,
[data-layout-mode="dark"] .btn-light:focus,
[data-layout-mode="dark"] .btn-light:active,
[data-sidebar="dark"] .btn-light:hover,
[data-sidebar="dark"] .btn-light:focus,
[data-sidebar="dark"] .btn-light:active {
    background-color: rgb(16 22 28 / 75%);
    border-color: rgb(87 92 97 / 75%);
}

[data-layout-mode="dark"] .btn-secondary,
[data-sidebar="dark"] .btn-secondary {
    color: #eeeeee;
    background-color: #455272;
    border-color: #6c7ba8;
}

[data-layout-mode="dark"] .btn-primary,
[data-sidebar="dark"] .btn-primary {
    color: #eeeeee;
    background-color: #446e87;
    border-color: #528bac;
}

[data-layout-mode="dark"] .btn-success,
[data-sidebar="dark"] .btn-success {
    color: #e1e1e1;
    background-color: #387147;
    border-color: #358d46;
}

[data-layout-mode="dark"] .tox.tox-tinymce,
[data-sidebar="dark"] .tox.tox-tinymce {
    border-color: #3a444f;
    background: #1f2429;
}

[data-layout-mode="dark"] .tox .tox-toolbar,
[data-layout-mode="dark"] .tox .tox-toolbar__overflow,
[data-layout-mode="dark"] .tox .tox-toolbar__primary,
[data-layout-mode="dark"] .tox .tox-menubar,
[data-sidebar="dark"] .tox .tox-toolbar,
[data-sidebar="dark"] .tox .tox-toolbar__overflow,
[data-sidebar="dark"] .tox .tox-toolbar__primary,
[data-sidebar="dark"] .tox .tox-menubar {
    background: #242a31;
    border-color: #3a444f;
}

[data-layout-mode="dark"] .tox .tox-edit-area,
[data-layout-mode="dark"] .tox .tox-edit-area__iframe,
[data-sidebar="dark"] .tox .tox-edit-area,
[data-sidebar="dark"] .tox .tox-edit-area__iframe {
    background: #1f2429;
}

[data-layout-mode="dark"] .tox .tox-tbtn,
[data-sidebar="dark"] .tox .tox-tbtn {
    color: #c6d0dc;
}

[data-layout-mode="dark"] .tox .tox-tbtn svg,
[data-sidebar="dark"] .tox .tox-tbtn svg {
    fill: #c6d0dc;
}

[data-layout-mode="dark"] .tox .tox-tbtn:hover,
[data-layout-mode="dark"] .tox .tox-tbtn--enabled,
[data-sidebar="dark"] .tox .tox-tbtn:hover,
[data-sidebar="dark"] .tox .tox-tbtn--enabled {
    background: #303943;
    color: #ffffff;
}

[data-layout-mode="dark"] .tox .tox-tbtn:hover svg,
[data-layout-mode="dark"] .tox .tox-tbtn--enabled svg,
[data-sidebar="dark"] .tox .tox-tbtn:hover svg,
[data-sidebar="dark"] .tox .tox-tbtn--enabled svg {
    fill: #ffffff;
}

[data-layout-mode="dark"] .tox .tox-statusbar,
[data-sidebar="dark"] .tox .tox-statusbar {
    border-top-color: #3a444f;
    background: #242a31;
    color: #aeb8c5;
}

[data-layout-mode="dark"] .mce-panel,
[data-sidebar="dark"] .mce-panel {
    border-color: #3a444f !important;
    background-color: #242a31 !important;
}

[data-layout-mode="dark"] .mce-btn,
[data-sidebar="dark"] .mce-btn {
    border: 1px solid #414b55 !important;
    background: #242a31 !important;
}

[data-layout-mode="dark"] .mce-btn:hover,
[data-layout-mode="dark"] .mce-btn:focus,
[data-sidebar="dark"] .mce-btn:hover,
[data-sidebar="dark"] .mce-btn:focus {
    border-color: #57616d !important;
    background: #303943 !important;
}

[data-layout-mode="dark"] .mce-ico,
[data-sidebar="dark"] .mce-ico {
    color: #c5c5c5 !important;
}

[data-layout-mode="dark"] .mce-btn-group:not(:first-child),
[data-sidebar="dark"] .mce-btn-group:not(:first-child) {
    border-left: 1px solid #3a444f !important;
}
[data-sidebar="dark"] #the_body,
[data-layout-mode="dark"] #the_body {
    
    background:#000;


}

[data-layout-mode="dark"] .flatpickr-calendar,
[data-sidebar="dark"] .flatpickr-calendar {
    border: 1px solid #3a444f;
    background: #1f2429;
    color: #d7dde5;
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.48);
}

[data-layout-mode="dark"] .flatpickr-calendar.arrowTop:before,
[data-sidebar="dark"] .flatpickr-calendar.arrowTop:before {
    border-bottom-color: #3a444f;
}

[data-layout-mode="dark"] .flatpickr-calendar.arrowTop:after,
[data-sidebar="dark"] .flatpickr-calendar.arrowTop:after {
    border-bottom-color: #1f2429;
}

[data-layout-mode="dark"] .flatpickr-calendar.arrowBottom:before,
[data-sidebar="dark"] .flatpickr-calendar.arrowBottom:before {
    border-top-color: #3a444f;
}

[data-layout-mode="dark"] .flatpickr-calendar.arrowBottom:after,
[data-sidebar="dark"] .flatpickr-calendar.arrowBottom:after {
    border-top-color: #1f2429;
}

[data-layout-mode="dark"] .flatpickr-months,
[data-layout-mode="dark"] .flatpickr-weekdays,
[data-sidebar="dark"] .flatpickr-months,
[data-sidebar="dark"] .flatpickr-weekdays {
    border-bottom: 1px solid #3a444f;
    background: #242a31 !important;
}


[data-layout-mode="dark"] .flatpickr-day.today,
[data-sidebar="dark"] .flatpickr-day.today {
    background-color: #586480 !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
}

[data-layout-mode="dark"] .mce-content-body,
[data-sidebar="dark"] .mce-content-body,
#tinymce {
    background: #1f2429 !important;
    color: #d7dde5 !important;
}

[data-layout-mode="dark"] .flatpickr-months .flatpickr-month,
[data-layout-mode="dark"] .flatpickr-months .flatpickr-prev-month,
[data-layout-mode="dark"] .flatpickr-months .flatpickr-next-month,
[data-layout-mode="dark"] .flatpickr-current-month,
[data-layout-mode="dark"] .flatpickr-current-month input.cur-year,
[data-layout-mode="dark"] .flatpickr-current-month .flatpickr-monthDropdown-months,
[data-sidebar="dark"] .flatpickr-months .flatpickr-month,
[data-sidebar="dark"] .flatpickr-months .flatpickr-prev-month,
[data-sidebar="dark"] .flatpickr-months .flatpickr-next-month,
[data-sidebar="dark"] .flatpickr-current-month,
[data-sidebar="dark"] .flatpickr-current-month input.cur-year,
[data-sidebar="dark"] .flatpickr-current-month .flatpickr-monthDropdown-months {
    color: #f3f6f9;
    fill: #f3f6f9;
}

[data-layout-mode="dark"] .flatpickr-current-month span.cur-month:hover,
[data-layout-mode="dark"] .flatpickr-current-month .flatpickr-monthDropdown-months:hover,
[data-layout-mode="dark"] .numInputWrapper:hover,
[data-sidebar="dark"] .flatpickr-current-month span.cur-month:hover,
[data-sidebar="dark"] .flatpickr-current-month .flatpickr-monthDropdown-months:hover,
[data-sidebar="dark"] .numInputWrapper:hover {
    background: #303943;
}

[data-layout-mode="dark"] .flatpickr-current-month .flatpickr-monthDropdown-month,
[data-sidebar="dark"] .flatpickr-current-month .flatpickr-monthDropdown-month {
    background-color: #1f2429;
    color: #f3f6f9;
}

[data-layout-mode="dark"] span.flatpickr-weekday,
[data-sidebar="dark"] span.flatpickr-weekday {
    color: #aeb8c5;
}

[data-layout-mode="dark"] .flatpickr-day,
[data-sidebar="dark"] .flatpickr-day {
    color: #d7dde5;
}

[data-layout-mode="dark"] .flatpickr-day:hover,
[data-layout-mode="dark"] .flatpickr-day:focus,
[data-layout-mode="dark"] .flatpickr-day.prevMonthDay:hover,
[data-layout-mode="dark"] .flatpickr-day.nextMonthDay:hover,
[data-sidebar="dark"] .flatpickr-day:hover,
[data-sidebar="dark"] .flatpickr-day:focus,
[data-sidebar="dark"] .flatpickr-day.prevMonthDay:hover,
[data-sidebar="dark"] .flatpickr-day.nextMonthDay:hover {
    border-color: #3a444f;
    background: #303943;
    color: #ffffff;
}

[data-layout-mode="dark"] .flatpickr-day.today,
[data-sidebar="dark"] .flatpickr-day.today {
    border-color: #5a8fb0;
}

[data-layout-mode="dark"] .flatpickr-day.today:hover,
[data-sidebar="dark"] .flatpickr-day.today:hover {
    border-color: #528bac;
    background: #446e87;
    color: #ffffff;
}

[data-layout-mode="dark"] .flatpickr-day.selected,
[data-layout-mode="dark"] .flatpickr-day.startRange,
[data-layout-mode="dark"] .flatpickr-day.endRange,
[data-layout-mode="dark"] .flatpickr-day.selected.inRange,
[data-layout-mode="dark"] .flatpickr-day.startRange.inRange,
[data-layout-mode="dark"] .flatpickr-day.endRange.inRange,
[data-layout-mode="dark"] .flatpickr-day.selected:focus,
[data-layout-mode="dark"] .flatpickr-day.startRange:focus,
[data-layout-mode="dark"] .flatpickr-day.endRange:focus,
[data-layout-mode="dark"] .flatpickr-day.selected:hover,
[data-layout-mode="dark"] .flatpickr-day.startRange:hover,
[data-layout-mode="dark"] .flatpickr-day.endRange:hover,
[data-sidebar="dark"] .flatpickr-day.selected,
[data-sidebar="dark"] .flatpickr-day.startRange,
[data-sidebar="dark"] .flatpickr-day.endRange,
[data-sidebar="dark"] .flatpickr-day.selected.inRange,
[data-sidebar="dark"] .flatpickr-day.startRange.inRange,
[data-sidebar="dark"] .flatpickr-day.endRange.inRange,
[data-sidebar="dark"] .flatpickr-day.selected:focus,
[data-sidebar="dark"] .flatpickr-day.startRange:focus,
[data-sidebar="dark"] .flatpickr-day.endRange:focus,
[data-sidebar="dark"] .flatpickr-day.selected:hover,
[data-sidebar="dark"] .flatpickr-day.startRange:hover,
[data-sidebar="dark"] .flatpickr-day.endRange:hover {
    border-color: #4f9df7;
    background: #2778d4;
    color: #ffffff;
}

[data-layout-mode="dark"] .flatpickr-day.inRange,
[data-sidebar="dark"] .flatpickr-day.inRange {
    border-color: #303943;
    background: #303943;
    box-shadow: -5px 0 0 #303943, 5px 0 0 #303943;
    color: #f3f6f9;
}

[data-layout-mode="dark"] .flatpickr-day.flatpickr-disabled,
[data-layout-mode="dark"] .flatpickr-day.flatpickr-disabled:hover,
[data-layout-mode="dark"] .flatpickr-day.prevMonthDay,
[data-layout-mode="dark"] .flatpickr-day.nextMonthDay,
[data-layout-mode="dark"] .flatpickr-day.notAllowed,
[data-layout-mode="dark"] .flatpickr-day.notAllowed.prevMonthDay,
[data-layout-mode="dark"] .flatpickr-day.notAllowed.nextMonthDay,
[data-sidebar="dark"] .flatpickr-day.flatpickr-disabled,
[data-sidebar="dark"] .flatpickr-day.flatpickr-disabled:hover,
[data-sidebar="dark"] .flatpickr-day.prevMonthDay,
[data-sidebar="dark"] .flatpickr-day.nextMonthDay,
[data-sidebar="dark"] .flatpickr-day.notAllowed,
[data-sidebar="dark"] .flatpickr-day.notAllowed.prevMonthDay,
[data-sidebar="dark"] .flatpickr-day.notAllowed.nextMonthDay {
    background: transparent;
    color: #687481;
}

[data-layout-mode="dark"] .flatpickr-time,
[data-sidebar="dark"] .flatpickr-time {
    border-top-color: #3a444f;
    background: #1f2429;
}

[data-layout-mode="dark"] .flatpickr-time input,
[data-layout-mode="dark"] .flatpickr-time .flatpickr-time-separator,
[data-layout-mode="dark"] .flatpickr-time .flatpickr-am-pm,
[data-sidebar="dark"] .flatpickr-time input,
[data-sidebar="dark"] .flatpickr-time .flatpickr-time-separator,
[data-sidebar="dark"] .flatpickr-time .flatpickr-am-pm {
    color: #f3f6f9;
}

[data-layout-mode="dark"] .flatpickr-time input:hover,
[data-layout-mode="dark"] .flatpickr-time .flatpickr-am-pm:hover,
[data-layout-mode="dark"] .flatpickr-time input:focus,
[data-layout-mode="dark"] .flatpickr-time .flatpickr-am-pm:focus,
[data-sidebar="dark"] .flatpickr-time input:hover,
[data-sidebar="dark"] .flatpickr-time .flatpickr-am-pm:hover,
[data-sidebar="dark"] .flatpickr-time input:focus,
[data-sidebar="dark"] .flatpickr-time .flatpickr-am-pm:focus {
    background: #303943;
}

[data-layout-mode="dark"] .numInputWrapper span,
[data-sidebar="dark"] .numInputWrapper span {
    border-color: #3a444f;
}

[data-layout-mode="dark"] .numInputWrapper span.arrowUp:after,
[data-layout-mode="dark"] .flatpickr-current-month .numInputWrapper span.arrowUp:after,
[data-layout-mode="dark"] .flatpickr-time .numInputWrapper span.arrowUp:after,
[data-sidebar="dark"] .numInputWrapper span.arrowUp:after,
[data-sidebar="dark"] .flatpickr-current-month .numInputWrapper span.arrowUp:after,
[data-sidebar="dark"] .flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #c6d0dc;
}

[data-layout-mode="dark"] .numInputWrapper span.arrowDown:after,
[data-layout-mode="dark"] .flatpickr-current-month .numInputWrapper span.arrowDown:after,
[data-layout-mode="dark"] .flatpickr-time .numInputWrapper span.arrowDown:after,
[data-sidebar="dark"] .numInputWrapper span.arrowDown:after,
[data-sidebar="dark"] .flatpickr-current-month .numInputWrapper span.arrowDown:after,
[data-sidebar="dark"] .flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #c6d0dc;
}

[data-layout-mode="dark"] .nw-timepicker-popover,
[data-sidebar="dark"] .nw-timepicker-popover {
    border-color: #454545;
    background: #1e1e1e;
    color: #dedede;
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.48);
}

[data-layout-mode="dark"] .nw-timepicker-header,
[data-sidebar="dark"] .nw-timepicker-header {
    border-bottom-color: #454545;
    background: #262626;
}

[data-layout-mode="dark"] .nw-timepicker-number-wrap,
[data-layout-mode="dark"] .nw-timepicker-period,
[data-sidebar="dark"] .nw-timepicker-number-wrap,
[data-sidebar="dark"] .nw-timepicker-period {
    border-color: #454545;
    background: #202020;
}

[data-layout-mode="dark"] .nw-timepicker-number,
[data-layout-mode="dark"] .nw-timepicker-separator,
[data-sidebar="dark"] .nw-timepicker-number,
[data-sidebar="dark"] .nw-timepicker-separator {
    color: #ededed;
}

[data-layout-mode="dark"] .nw-timepicker-spin-buttons,
[data-layout-mode="dark"] .nw-timepicker-spin + .nw-timepicker-spin,
[data-layout-mode="dark"] .nw-timepicker-period-btn + .nw-timepicker-period-btn,
[data-sidebar="dark"] .nw-timepicker-spin-buttons,
[data-sidebar="dark"] .nw-timepicker-spin + .nw-timepicker-spin,
[data-sidebar="dark"] .nw-timepicker-period-btn + .nw-timepicker-period-btn {
    border-color: #454545;
}

[data-layout-mode="dark"] .nw-timepicker-spin,
[data-layout-mode="dark"] .nw-timepicker-period-btn,
[data-sidebar="dark"] .nw-timepicker-spin,
[data-sidebar="dark"] .nw-timepicker-period-btn {
    background: #202020;
    color: #cecace;
}

[data-layout-mode="dark"] .nw-timepicker-spin:hover,
[data-layout-mode="dark"] .nw-timepicker-period-btn:hover,
[data-sidebar="dark"] .nw-timepicker-spin:hover,
[data-sidebar="dark"] .nw-timepicker-period-btn:hover {
    background: #363636;
    color: #ffffff;
}

[data-layout-mode="dark"] .nw-timepicker-period-btn.active,
[data-sidebar="dark"] .nw-timepicker-period-btn.active {
    background: #446e87;
    color: #ffffff;
}

[data-layout-mode="dark"] .nw-timepicker-face,
[data-sidebar="dark"] .nw-timepicker-face {
    background: #262626;
}

[data-layout-mode="dark"] .nw-timepicker-tick,
[data-sidebar="dark"] .nw-timepicker-tick {
    color: #dedede;
    background: #000;
}

[data-layout-mode="dark"] .nw-timepicker-tick:hover,
[data-sidebar="dark"] .nw-timepicker-tick:hover {
    background: #363636;
    color: #ffffff;
}

[data-layout-mode="dark"] .nw-timepicker-tick.active,
[data-sidebar="dark"] .nw-timepicker-tick.active {
    background: #2778d4;
    color: #ffffff;
}

[data-layout-mode="dark"] .nw-timepicker-hand,
[data-layout-mode="dark"] .nw-timepicker-hand-dot,
[data-sidebar="dark"] .nw-timepicker-hand,
[data-sidebar="dark"] .nw-timepicker-hand-dot {
    background: #4f9df7;
}

[data-layout-mode="dark"] .nw-timepicker-slider,
[data-sidebar="dark"] .nw-timepicker-slider {
    background: #1e1e1e;
}

[data-layout-mode="dark"] .nw-timepicker-slider-label,
[data-sidebar="dark"] .nw-timepicker-slider-label {
    color: #cecace;
}

[data-layout-mode="dark"] .nw-timepicker-slider input[type="range"],
[data-sidebar="dark"] .nw-timepicker-slider input[type="range"] {
    accent-color: #2778d4;
}

[data-layout-mode="dark"] .nw-timepicker-footer,
[data-sidebar="dark"] .nw-timepicker-footer {
    border-top-color: #454545;
}

[data-layout-mode="dark"] .nw-timepicker-footer button,
[data-sidebar="dark"] .nw-timepicker-footer button {
    background: #262626;
    color: #ededed;
}

[data-layout-mode="dark"] .nw-timepicker-footer button + button,
[data-sidebar="dark"] .nw-timepicker-footer button + button {
    border-left-color: #454545;
}

[data-layout-mode="dark"] .nw-timepicker-footer .primary,
[data-sidebar="dark"] .nw-timepicker-footer .primary {
    background: #2778d4;
    color: #ffffff;
}

[data-layout-mode="dark"] .nw-timepicker-footer button:hover,
[data-sidebar="dark"] .nw-timepicker-footer button:hover {
    filter: none;
    background: #363636;
}

[data-layout-mode="dark"] .nw-timepicker-footer .primary:hover,
[data-sidebar="dark"] .nw-timepicker-footer .primary:hover {
    background: #3488e8;
}

/* Sidebar surfaces use the same neutral palette as the module workspaces. */
[data-layout-mode="dark"] #left_wide { background: #1e1e1e; border-right-color: #383838; color: #dedede; }
[data-layout-mode="dark"] :is(.crm-sidebar-top-fixed, .crm-sidebar-scroll, .crm-sidebar-shell) { background-color: #1e1e1e; }
[data-layout-mode="dark"] #main_menu .navmenu_divs { color: #dedede; }
[data-layout-mode="dark"] #main_menu .navmenu_divs > i { color: #cecace; }
[data-layout-mode="dark"] #main_menu .navmenu_divs:hover { background: #303030; border-color: #454545 !important; color: #fff; }
[data-layout-mode="dark"].menu-expanded #main_menu > li.menu_section_active .navmenu_divs::after { border-left-color: #7084c7; }
[data-layout-mode="dark"] #qsearch { background: #161616; border-color: #383838; color: #ededed; }
[data-layout-mode="dark"] #qsearch::placeholder { color: #909090; }
[data-layout-mode="dark"] #dock { background: #1e1e1e !important; border-top-color: #383838 !important; }
[data-layout-mode="dark"] #dock_profile_trigger { background: #262626; color: #dedede; }
[data-layout-mode="dark"] #dock_profile_trigger:is(:hover, :focus) { background: #333; color: #fff; }
[data-layout-mode="dark"] #dock_profile_trigger::after { color: #bcbcbc; }
[data-layout-mode="dark"] #dock_profile_avatar { background: #454545; }
[data-layout-mode="dark"] #dock_profile_dropdown .dropdown-menu,
[data-layout-mode="dark"] .main_menu_context { background: #262626; border-color: #454545; }
[data-layout-mode="dark"] #dock_profile_dropdown .dropdown-item,
[data-layout-mode="dark"] #dock_profile_dropdown .dropdown-item button,
[data-layout-mode="dark"] .main_menu_context_item { color: #dedede !important; }
[data-layout-mode="dark"] #dock_profile_dropdown .dropdown-item:is(:hover, :focus),
[data-layout-mode="dark"] .main_menu_context_item:hover { background: #363636; color: #fff !important; }
[data-layout-mode="dark"] #dock_profile_dropdown .dropdown-divider { border-color: #454545; }
[data-layout-mode="dark"] #timeclock_area_mainmenu #timeclock_container { background: #262626; border-color: #454545; color: #ededed; }

[data-layout-mode="dark"] .nw-timepicker-tick { background: #202020; }
[data-layout-mode="dark"] .nw-timepicker-tick.active { background: #487da0; color: #ededed; }
[data-layout-mode="dark"] .nw-timepicker-slider input[type="range"] { accent-color: #5ea3cb; }

/* Theme switch in the profile menu. */
.profile_theme_menu_item { padding: 6px 10px 10px; }
#profile_theme_toggle { 
   display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3px;
    width: 176px;
    min-width: 0;
    padding: 10px 8px;
    border: 1px solid #d6d6d6;
    border-radius: 9px;
    background: #ffffff;
    color: #333;
    cursor: pointer;
    text-align: left;
 }


.profile_theme_caption { display: flex; flex-direction: column; gap: 2px; font-size: 11px; }
.profile_theme_caption strong { font-size: 12px; }
.profile_theme_track { position: relative; display: flex; align-items: center; justify-content: space-around; flex: 0 0 64px; height: 30px; border-radius: 18px; background: #d4d4d4; }
.profile_theme_track i { position: relative; z-index: 1; font-size: 14px; }
.profile_theme_thumb { position: absolute; left: 3px; top: 3px; width: 26px; height: 24px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px #0003; transition: transform .18s ease; }
#profile_theme_toggle[aria-checked="true"] .profile_theme_thumb { transform: translateX(32px); background: #65739b; }
#profile_theme_toggle[aria-checked="true"] .profile_theme_track { background: #161616; }
[data-layout-mode="dark"] #profile_theme_toggle { background: #262626; border-color: #454545; color: #dedede; }
[data-layout-mode="dark"] #profile_theme_toggle:hover { background: #303030; }
[data-layout-mode="dark"] .profile_theme_track .bi-moon-stars-fill { color: #fff1b5; }
@media (prefers-reduced-motion: reduce) { .profile_theme_thumb { transition: none; } }

/* Quick search uses the same neutral surfaces as the ticket panels. */
[data-layout-mode="dark"] #qsearch_results { background: #1e1e1e; border-color: #454545; color: #dedede; }
[data-layout-mode="dark"] #qsearch_title { border-color: #383838; color: #ededed; }
[data-layout-mode="dark"] #qsearch_ajax { color: #dedede; scrollbar-color: #555 #1e1e1e; }
[data-layout-mode="dark"] #qsearch_ajax::-webkit-scrollbar,
[data-layout-mode="dark"] #qsearch_ajax::-webkit-scrollbar-track { background: #1e1e1e; }
[data-layout-mode="dark"] #qsearch_ajax::-webkit-scrollbar-thumb { background: #555; border-color: #1e1e1e; border-radius: 6px; }
[data-layout-mode="dark"] .qsearch_close,
[data-layout-mode="dark"] .qsearch_subtitle,
[data-layout-mode="dark"] .qsearch_subtitle i { color: #dedede; }
[data-layout-mode="dark"] .qsearch_result { background: #262626; border-color: #383838; color: #ededed; }
[data-layout-mode="dark"] .qsearch_result:hover,
[data-layout-mode="dark"] .qsearch_result:focus-visible { background: #303030; border-color: #79bce3; }
[data-layout-mode="dark"] .qsearch_email,
[data-layout-mode="dark"] .qsearch_contact_name,
[data-layout-mode="dark"] .qsearch_search_status { color: #a5a5a5; }
[data-layout-mode="dark"] .qsearch_search_error { color: #ef9b9b; }
[data-layout-mode="dark"] .qsearch_close:hover,
[data-layout-mode="dark"] .qsearch_close:focus-visible { color: #fff; }
[data-layout-mode="dark"] .alert-primary {
    color: #72c1ef;
    background-color: #252525;
    border-color: #7ca2b9;
}

/* Select2 dropdowns are appended to the page body and must be themed globally. */
[data-layout-mode="dark"] .select2-dropdown,
[data-sidebar="dark"] .select2-dropdown {
    border-color: #383838;
    background: #262626;
    color: #dedede;
}

[data-layout-mode="dark"] .select2-search--dropdown .select2-search__field,
[data-sidebar="dark"] .select2-search--dropdown .select2-search__field {
    border-color: #383838;
    background: #161616;
    color: #ededed;
}

[data-layout-mode="dark"] .select2-results__option,
[data-sidebar="dark"] .select2-results__option {
    color: #dedede;
}

[data-layout-mode="dark"] .select2-results__option--highlighted,
[data-layout-mode="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected],
[data-sidebar="dark"] .select2-results__option--highlighted,
[data-sidebar="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #2f5f7c;
    color: #ffffff;
}

[data-layout-mode="dark"] .select2-container--default .select2-results__option--selected,
[data-layout-mode="dark"] .select2-container--default .select2-results__option[aria-selected="true"],
[data-sidebar="dark"] .select2-container--default .select2-results__option--selected,
[data-sidebar="dark"] .select2-container--default .select2-results__option[aria-selected="true"] {
    background: #303030;
    color: #ffffff;
}