:root {
    --theme-background: #060818;
}
[data-theme="dark"] {
  --theme-background: #070707;
  --theme-light-background: #303030;
  --theme-dark-gray: #1d1d1d;
  --theme-foreground: #212121;
  --theme-inputbox: #464646;
  --theme-foregroundmodel: #2329424D;
  --theme-white: #ffffff;
  --theme-tableinputborder: #6d7f9a;
  --theme-tableinputsearch: #646464;
  --theme-tr-odd: #303030;
  --theme-tr-even: #3a3a3a;
  --theme-model-tr-odd: #070707;
  --theme-popbtn-confirm: rgb(221, 107, 85);
  --theme-gray: #5c5c5c;
  --theme-gray-light: #737373;
  --theme-btn-hover: #363636;
  --theme-modalbtn-hover: #4d4d4d;
  --theme-borderfocus: #646464;
  --theme-table-input-focus: #7f7f7f;
  --theme-lightblack: #101010;
  --multilanguage: #3d4f5e;
  --multilanguage-hover: #253643;
  --theme-success: #15860e;
  --theme-cancel: #d53f3f;
  --theme-offwhite: #ffffff;
  --theme-white: #dedede;
  --scrollbarBG: #CFD8DC;
  --thumbbarBG: #90A4AE;
  --widgets-border: #4d4d4d;
  --theme-inputdisabled: #555555;
  --theme-lightblue: #0e1726;
  --theme-lightskyblue: #506690;
  --theme-lightpurple: rgb(26, 28, 45);
  --theme-titletext: #888ea8;
  --theme-leftdrag: #1b2e4b;
  --theme-offpurple: #3b3f5c;
  --theme-hover: #3b3f5c;
  --theme-model: #191e3a;
  --theme-transparent: transparent;
  --theme-translucent: #ffffff0d;
  --theme-active: #575757;
  --theme-activewithopacity: #E26F0299;
  --theme-rowactive: #07070780;
  --theme-rowselected: #000000;
  --theme-textactive: #d2cdbd
}



body[data-theme="dark"] .page-content .head-bar,
body[data-theme="dark"] .edit-tiles-preview .grid-container,
body[data-theme="dark"] .tiles-grid-box,
body[data-theme="dark"] .tiles-box-size label .tiles-grid-box .grid1x1, body[data-theme="dark"] .tiles-box-size label .tiles-grid-box .grid2x1,
body[data-theme="dark"] .tiles-box-size label .tiles-grid-box .grid2x2, body[data-theme="dark"] .tiles-box-size label .tiles-grid-box .grid3x1,
body[data-theme="dark"] .shortcut-modal .section .nav a.active,
body[data-theme="dark"] .checkbox input[type=radio]:checked + label:after,
body[data-theme="dark"] .radio input[type=radio]:checked + label:after,
body[data-theme="dark"] .cke_top.cke_reset_all .cke_toolbar .cke_toolgroup a.cke_button:hover,
body[data-theme="dark"] .cke_top.cke_reset_all .cke_toolbar .cke_toolgroup a.cke_button cke_button_icon:hover,
body[data-theme="dark"] .cke_top.cke_reset_all .cke_toolbar .cke_combo:hover,
body[data-theme="dark"] .cke_top.cke_reset_all .cke_toolbar a.cke_combo_button:hover,
body[data-theme="dark"] .cke_top.cke_reset_all .cke_toolbar .cke_combo.cke_combo_on,
body[data-theme="dark"] .cke_top.cke_reset_all .cke_toolbar .cke_combo.cke_combo_on a.cke_combo_button,
body[data-theme="dark"] .bar-icon:hover, body[data-theme="dark"] .sidebar-nav .colapsable .title,
body[data-theme="dark"] .user-menu.filter-dropdown .dropdown-menu a.dropdown-item:hover,
body[data-theme="dark"] .drop-menu-edit-mode .btn-link:hover,
body[data-theme="dark"] .edit-tile > ul > li:hover, body[data-theme="dark"] #multiStoragePop #DNDataGridTablePop thead th,
body[data-theme="dark"] .shortcut-modal .section .nav a:hover,
body[data-theme="dark"].dashboard .head-bar-dashboard,
body[data-theme="dark"] #viewPlaceHolderV2 div#booking-calendar-page .toolbar,
body[data-theme="dark"] ul.dn-dd-dropzone.layoutcontainer li button .wsd-header-menu-node-container,
body[data-theme="dark"] #booking-calendar-page .reservation-order-list table th,
body[data-theme="dark"] .email-template-properties,
body[data-theme="dark"] #itemsGridPop thead th,
body[data-theme="dark"] .select2-container--arrow .select2-selection--multiple .select2-selection__choice,
body[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice,
body[data-theme="dark"] .select2-container--white .select2-selection--multiple .select2-selection__choice
body[data-theme="dark"] button.resource-list-event-toggle,
body[data-theme="dark"] .DNDataGridSimple,
body[data-theme="dark"] table#itemsGrid > thead > tr th,
body[data-theme="dark"] .theme-categories,
body[data-theme="dark"] .top-bar, body[data-theme="dark"] .splf-parent,
body[data-theme="dark"] .signage-page .sp-right-container,
body[data-theme="dark"] .footer-lable-designer {
  background-color: var(--theme-dark-gray) !important;
}

body[data-theme="dark"] .action-bar .img-icon:hover {
    color: var(--theme-dark-gray) !important;
}
body[data-theme="dark"] .site-header, body[data-theme="dark"] ul.search-for-menu,
body[data-theme="dark"] ul.side-menu-list, body[data-theme="dark"] .side-menu-list li, body[data-theme="dark"] .side-menu,
body[data-theme="dark"] #ReportModal #ReportBackground .modal-header,
body[data-theme="dark"] #ReportModal #reportbody,
body[data-theme="dark"] .DNImageContainer .DisplayContainer .btnremove,
body[data-theme="dark"] .designer-sidebar, body[data-theme="dark"] .header-align-toolbar,
body[data-theme="dark"] .modal .pagination > li > a, body[data-theme="dark"] div.rssproduct-list,
body[data-theme="dark"] ul.context-menu-list.context-menu-root,
body[data-theme="dark"] ul.context-menu-list.context-menu-root .context-menu-item,
body[data-theme="dark"] #divSideMenu li.with-sub.opened.li-active,
body[data-theme="dark"] .bm-content .form-control.item-menu,
body[data-theme="dark"] .modal .pagination > li.active > a:hover,
body[data-theme="dark"] .bm-content .multiseek-pagination .multiseek-pagination-nav,
body[data-theme="dark"] .bm-content .multiseek-pagination .multiseek-pagination-nav.active:hover,
body[data-theme="dark"] .side-menu-addl {
    background-color: var(--theme-foreground) !important;
}
body[data-theme="dark"] li.paginate_button a, body[data-theme="dark"] button.datagrid-context-menu.btn.bottomexport,
body[data-theme="dark"] #booking-calendar-modal .reservation-container [type="text"],
body[data-theme="dark"] #booking-calendar-modal .reservation-container [type="tel"],
body[data-theme="dark"] #booking-calendar-modal .reservation-container [type="email"],
body[data-theme="dark"] .webshopdesigner-details-main button.btn-back:hover,
body[data-theme="dark"] .wsd-image-preview .btn.btn-delete:hover,
body[data-theme="dark"] .webshopdesigner-details-main .webshopdesigner-details-content .btn.btn-new:hover,
body[data-theme="dark"] .wsd-header-menu-nav .wsd-header-menu-nav-item.btn.btn-primary:hover,
body[data-theme="dark"] .add-section .btn.btn-delete:hover,
body[data-theme="dark"] legend + button.DNButton.btn.btn-default:hover,
body[data-theme="dark"] .webshopdesigner-details-content .btn.btn-primary,
body[data-theme="dark"] .box-typical-body.panel-body .pagination > .paginate_button.active:hover > a,
body[data-theme="dark"] .reservation-order-list td a.so-link:hover,
body[data-theme="dark"] button.DNButton.btn.btn-default.btn-back-callback:hover,
body[data-theme="dark"] .wsd-header-menu-node-container-top-left button[type="submit"]:hover,
body[data-theme="dark"] .wsd-header-menu-node-container-top-right .wsd-header-menu-btn-group .btn.btn-primary:hover,
body[data-theme="dark"] .wsd-header-menu-node-container-top-right .wsd-header-menu-btn-group .btn.btn-danger:hover,
body[data-theme="dark"] ul.dn-dd-dropzone li button:hover,
body[data-theme="dark"] ul.dn-dd-dropzone.layoutcontainer li button:hover,
body[data-theme="dark"] .container.tab-pane .btn-new.dynamic-property-add:hover,
body[data-theme="dark"] .defined-dynamic-property-list .define-dyn-pro-remove.btn.dnicon_delete:hover,
body[data-theme="dark"] .divcheckbox.hierarchypage button:hover
{
    background-color: var(--theme-tr-even) !important;
}
body[data-theme="dark"] .link-icons {
    top: 108px;
}
body[data-theme="dark"], body[data-theme="dark"] .onoffswitch-inner:before,
body[data-theme="dark"] .onoffswitch-inner:after {
    color: var(--theme-white) !important;
}
body[data-theme="dark"] .site-header img.hidden-lg-down, body[data-theme="dark"] .site-header img.hidden-md-down {
    display: none;
}
body[data-theme="dark"] .site-header img.darktheme-active {
    display: inline-block;
}
body[data-theme="dark"] .checkbox-toggle input + label:hover:after {
    border-color: var(--gray);
}

    /*body[data-theme="dark"] .inserttbody .checkbox-toggle input:checked + label:before {
        background-color: var(--theme-foreground) !important;
    }*/

    body[data-theme="dark"] .checkbox-toggle.dropdown.user-menu label span {
        position: absolute;
        left: -88px;
    }
    body[data-theme="dark"] .checkbox-toggle input:checked + label:after, body[data-theme="dark"] .modal-content,
    body[data-theme="dark"] table#tblUserForms th, body[data-theme="dark"] table#tblUserForms td, body[data-theme="dark"] table#tblUserWidgets th, body[data-theme="dark"] table#tblUserWidgets td,
    body[data-theme="dark"] table#tblUserForms td, body[data-theme="dark"] .ui-autocomplete-input, body[data-theme="dark"] .box-typical .form-control,
    body[data-theme="dark"] .tbl-btn, body[data-theme="dark"] button.tbl-btn, body[data-theme="dark"] button.fc-button,
    body[data-theme="dark"] .fc-unthemed td, body[data-theme="dark"] .fc-unthemed th,
    body[data-theme="dark"] .fc-toolbar .fc-right,
    body[data-theme="dark"] .select2-container--default .select2-selection--multiple,
    body[data-theme="dark"] .fc-unthemed .fc-divider, body[data-theme="dark"] input#templateName, body[data-theme="dark"] #divInboxPage .fc-right,
    body[data-theme="dark"] .modal-content .form-control, body[data-theme="dark"] .textareastyle,
    body[data-theme="dark"] .dropdown-divider, body[data-theme="dark"] .designer-sidebar-body .form-control,
    body[data-theme="dark"] .action-btn .form-control,
    body[data-theme="dark"] .box-typical .inner-containerbox [type="text"],
    body[data-theme="dark"] .shortcutslist-area .panel-content-list,
    body[data-theme="dark"] #unpaidremindersdiv .form-control-wrapper .form-control:focus,
    body[data-theme="dark"] #divDnEventCanlendarPage .tab-content.modal-content-scroll .tab-pane .pagination > li,
    body[data-theme="dark"] #divDnEventCanlendarPage .tab-content.modal-content-scroll .tab-pane .pagination > li,
    body[data-theme="dark"] .input-group-prepend .input-group-text, body[data-theme="dark"] .input-group-append .input-group-text,
    body[data-theme="dark"] .theme-categories-panel .form-control,
    body[data-theme="dark"] #StepTabHeaders li.nav-item,
    body[data-theme="dark"] .sidebar-sub-container .form-control,
    body[data-theme="dark"] .properties-body .form-control,
    body[data-theme="dark"] .email-template-designer .form-control,
  body[data-theme="dark"] .side-menu-addl .form-control,
    body[data-theme="dark"] .periodselection .form-control, body[data-theme="dark"] .filter-bar input#txtmediasearch,
    body[data-theme="dark"] .element-section .form-control {
        border-color: var(--theme-inputbox) !important;
    }
        body[data-theme="dark"] .modal-header, body[data-theme="dark"] #MultiseekBackground,
        body[data-theme="dark"] .modal-body, body[data-theme="dark"] .modal-footer, body[data-theme="dark"] .filterbox,
        body[data-theme="dark"] .total-record-value .filterbtn,
        body[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_calendar td,
        body[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_calendar th,
        body[data-theme="dark"] .xdsoft_datetimepicker, body[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_label,
        body[data-theme="dark"] .modal-content .edititem-model .card,
        body[data-theme="dark"] div#layoutEmailDesign,
        body[data-theme="dark"] .layout-manager-section .toggle-view li button,
        body[data-theme="dark"] ul.toggle-view li,
        body[data-theme="dark"] .blazor-modal,
        body[data-theme="dark"] .divsidebar-body .order-list-filter div,
        body[data-theme="dark"] button#large1_RemoveImgBtn,
        body[data-theme="dark"] #large1_EditImgBtn:hover,
        body[data-theme="dark"] button.editimage,
      body[data-theme="dark"] .modal-body #customercardHistorygrid,
    body[data-theme="dark"] .resource-toolbar,
    body[data-theme="dark"] .filterSecionContainer,
    body[data-theme="dark"] .resource-calendar-view-options,
    body[data-theme="dark"] #tbl-resource-week thead tr th,
    body[data-theme="dark"] .resource-top-bar,
    body[data-theme="dark"] #tbl-resource-week > thead > tr th,
    body[data-theme="dark"] #header-time-fixed > thead > tr th,
    body[data-theme="dark"] #eventLinkNotificationModal body[data-theme="dark"] .modal-content, body[data-theme="dark"] .modal-content .col-md.resize-edit, body[data-theme="dark"] .modal-content .modal-body .cus-info, body[data-theme="dark"] .modal .files.imagegalleryvalidationtext, body[data-theme="dark"] .imageEditmodal {
      background-color: var(--theme-light-background) !important;
    }
    body[data-theme="dark"] button.editimage {
        background-color: #00000088 !important;
        border: 1px solid #ffffff33 !important;
    }
  body[data-theme="dark"] .modal-content,
  body[data-theme="dark"] .list-group-item .btn.btn-secondary:active, body[data-theme="dark"] .list-group-item .btn.btn-secondary:hover {
    background-color: var(--theme-foregroundmodel) !important;
  }
  body[data-theme="dark"] .modal-content, body[data-theme="dark"] .filterbox, body[data-theme="dark"] label.onoffswitch-label,
  body[data-theme="dark"] ul.context-menu-list.context-menu-root{
    border: solid 1px var(--theme-foreground);
  }
body[data-theme="dark"] .checkbox-toggle label {
    color: var(--theme-th-searchtext);
}
    body[data-theme="dark"] #dashboardShotcutModal .nav-tabs li a.active,
    body[data-theme="dark"] .action-bar-body .checkbox-toggle input + label:before,
    body[data-theme="dark"] .wsd-toggle-check-input:checked ~ .wsd-toggle-check-text,
    body[data-theme="dark"] .action-bar .img-icon:hover {
        background-color: var(--theme-active) !important;
    }
    body[data-theme="dark"] #dashboardShotcutModal .modal-content .table > tbody > tr:nth-child(2n+1),
    body[data-theme="dark"] #MultiseekModal .table > tbody > tr:nth-child(2n+1),
    body[data-theme="dark"] .box-typical-body .btn.btn-save,
    body[data-theme="dark"] .action-bar .btn.btn-save,
    body[data-theme="dark"] .action-bar .btn.btn-back,
    body[data-theme="dark"] #btnAddMoreItem, body[data-theme="dark"] .box-typical #btnAddAllergens,
    body[data-theme="dark"] #btnMultiSave, body[data-theme="dark"] #webshopDesignerPage .modal-footer .btn,
    body[data-theme="dark"] .footerbox .btn.btn-print,
    body[data-theme="dark"] .filetargetlayer .table-striped .odd,
    body[data-theme="dark"] .filetargetlayer .table-striped tr:nth-child(2n+1),
    body[data-theme="dark"] .builder-layout-page .previewpagebtn,
    body[data-theme="dark"] #builderLayout .page-edit-buttongroup .removepagebtn,
    body[data-theme="dark"] #menubuilderedit .btn-wsd-nav.btn-back, body[data-theme="dark"] #wsd-menubuilder .card .btn-outline-secondary,
    body[data-theme="dark"] .modal-content .edititem-model .card-footer .btn.btn-default, body[data-theme="dark"] .btn:disabled,
    body[data-theme="dark"] .wsd.wsd-headerbar-area .btn-wsd-nav.btn-back, body[data-theme="dark"] .wsd.wsd-header-area .btn.btn-back,
    body[data-theme="dark"] .box-typical .btn.btn-copy,
    body[data-theme="dark"] .select-all .btn.btn-default,
    body[data-theme="dark"] tr.d-table-row:nth-child(odd),
    body[data-theme="dark"] .box-typical .btn.btn-new,
    body[data-theme="dark"] .designer-sidebar .nav a,
    body[data-theme="dark"] .box-typical-body.panel-body .btn.btn-default,
    body[data-theme="dark"] .btn-default.btn-ordersuggestion-filter,
    body[data-theme="dark"] .box-typical-body.panel-body #masterPageNavbar #EventDetailsLi,
    body[data-theme="dark"] .component-block .btn,
    body[data-theme="dark"] .webshopdesigner-details-content .component-block .nav.nav-pills .nav-item.active,
    body[data-theme="dark"] .component-block .btn,
    body[data-theme="dark"] .theme-item .btn,
    body[data-theme="dark"] .blazor-modal tr:nth-child(odd), body[data-theme="dark"] .blazor-modal .multiseek-row-odd,
    body[data-theme="dark"] .box-typical.box-typical-dashboard .btn.btn-previous,
    body[data-theme="dark"] .box-typical-body .form-group .btn.dnicon_add-plus,
    body[data-theme="dark"] .email-template-properties .btn,
    body[data-theme="dark"] .row-designer .tools .tools-item:hover,
    body[data-theme="dark"] .tag-type div, body[data-theme="dark"] .btn.btn-primary.btn-continue,
    body[data-theme="dark"] #SizeGroupDiv .btn.btn-back,
    body[data-theme="dark"] .btn.showNewEntryBtn,
    body[data-theme="dark"] .btn.addNewEntryBtn,
    body[data-theme="dark"] .box-typical-body.panel-body .btn.btn-save,
    body[data-theme="dark"] .box-typical.box-typical-dashboard .bottom .btn.dnicon_delete,
    body[data-theme="dark"] .handal-properties,
    body[data-theme="dark"] .form-group.spaceDetail .btn.btn-new,
    body[data-theme="dark"] .side-menu-addl .btn.btn-new,
    body[data-theme="dark"] .btn.dyn-dropdown-add-button,
    body[data-theme="dark"] .defined-dynamic-property-list .define-dyn-pro-remove.btn.dnicon_delete {
        background: var(--theme-tr-odd) !important;
    }
    body[data-theme="dark"] .btn.define-dyn-pro-remove:hover{
border:0px !important;
    }
    body[data-theme="dark"] .add-dyn-pro-base-bottom {
        background: unset;
    }
    body[data-theme="dark"] [type="button"], body[data-theme="dark"] .edit-component-designer-view .btn.btn-preview,
    body[data-theme="dark"] .edit-component-designer-view .btn.BN-Remove {
        border: var(--theme-background) !important;
        color: var(--theme-white) !important;
    }
    body[data-theme="dark"] #webshopDesignerPage .modal-footer {
        padding-top: 0px;
    }
    body[data-theme="dark"] .modal-content .table tr:hover td,
    body[data-theme="dark"] .table tr.highlight td, banner-inner-container
    body[data-theme="dark"] .filetargetlayer .table-striped tr:hover td,
    body[data-theme="dark"] .edit-tile > ul > li,
    body[data-theme="dark"] .drop-menu-edit-mode.active,
    body[data-theme="dark"] .imgcontainerrow.slide,
    body[data-theme="dark"] .customizer span.img-icon,
    body[data-theme="dark"] .extendweekoptions .btn-default.form-check-label.active,
    body[data-theme="dark"] .extendweekdayoptions .btn-default.form-check-label.active,
    body[data-theme="dark"] .btn-group-toggle.weekoptions label.btn.btn-default.form-check-label.active,
    body[data-theme="dark"] .btn-group-toggle.weekdayoptions label.btn.btn-default.form-check-label.active,
    body[data-theme="dark"] .row-preview .prv-col,
    body[data-theme="dark"] #ScreenContainer {
        background: var(--theme-inputbox) !important;
    }
  body[data-theme="dark"] #dvUserFormsPrt #tblUserForms td,
  body[data-theme="dark"] .filterbox .footerbox,
  body[data-theme="dark"] table#tblUserWidgets td,
  body[data-theme="dark"] .pagination > li > a, .pagination > li > span:hover,
  body[data-theme="dark"] .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus,
  body[data-theme="dark"] #menustepAdd ul.nav.nav-tabs,
  body[data-theme="dark"] table input[type='text']:focus, body[data-theme="dark"] table input[type='text']:active, body[data-theme="dark"] .email-designer-container .navigation, body[data-theme="dark"] .sms-designer-container .navigation,
  body[data-theme="dark"] .email-designer-container .sidebar-sub-container, body[data-theme="dark"] .sms-designer-container .sidebar-sub-container,
  body[data-theme="dark"] .designer-element-section .drop_content_area,
  body[data-theme="dark"] .sa-button-container,
  body[data-theme="dark"] .custome-bottom .btn-preview.btn.btn-primary,
  body[data-theme="dark"] ul.dn-dd-dropzone.layoutcontainer li button .wsd-header-menu-node-container,
  body[data-theme="dark"] .box-typical-body .form-group .btn.dnicon_add-plus:hover{
    border: 0px !important;
  }
    body[data-theme="dark"] #dashboardShotcutModal input#txtbxUserForms, body[data-theme="dark"] #dashboardShotcutModal input#txtbxUserWidgets {
        border: 1px solid var(--theme-transparent);
        background-color: var(--theme-inputbox) !important;
        border-radius: 30px !important;
        color: var(--theme-th-searchtext) !important;
    }
    body[data-theme="dark"].dashboard,
    body[data-theme="dark"],
    body[data-theme="dark"] #calendar .fc-toolbar.fc-header-toolbar .fc-left button:hover,
    body[data-theme="dark"] #calendar .fc-toolbar.fc-header-toolbar .fc-right button:hover,
    body[data-theme="dark"] .iti__country:hover {
        background-color: var(--theme-background) !important;
        transition: ease all 0.3s;
    }
        body[data-theme="dark"] .site-header, body[data-theme="dark"] .iti__country-list, body[data-theme="dark"] .iti__divider {
            border-color: var(--theme-background) !important;
        }
    body[data-theme="dark"] .customizer.open .customizer-body,
    body[data-theme="dark"] #calendar .fc-toolbar .fc-right button,
    body[data-theme="dark"] .date-picker-events .ui-datepicker-week-col,
    body[data-theme="dark"] .date-picker-events thead,
    body[data-theme="dark"] #divInboxPage .fc-right button, body[data-theme="dark"] #divInboxPage .compose-email,
    body[data-theme="dark"] .modal-header-sliderbox, body[data-theme="dark"] .modal-sliderbox,
    body[data-theme="dark"] .search-for-email,
    body[data-theme="dark"] .filterbox .form-control.onlydatepicker {
        background-color: var(--theme-dark-gray) !important;
      }
    body[data-theme="dark"] .site-header {
        border-bottom: solid 0px #e0e0e0;
    }
    body [data-theme="dark"] .dash-tiles span:hover,
    body[data-theme="dark"] .box-typical,
    body[data-theme="dark"] .box-typical .panel-heading,
    body[data-theme="dark"] .side-menu .side-menu-list > li.opened > span,
    body[data-theme="dark"] #wsd-menubuilder .card,
    body[data-theme="dark"] .box-typical-body.panel-body, body[data-theme="dark"] .template-preview-container,
    body[data-theme="dark"] ul.page-list li .page-name-edit,
    body[data-theme="dark"] .email-designtype .select-target, body[data-theme="dark"] .designer-element-section .drop_content_area,
    body[data-theme="dark"] #unpaidremindersdiv .card-body,
    body[data-theme="dark"] li.mainlistandli a,
    body[data-theme="dark"] .component-block,
    body[data-theme="dark"] .box-typical.box-typical-dashboard .box-typical-header,
    body[data-theme="dark"] .theme-item,
    body[data-theme="dark"] .add-section,
      body[data-theme="dark"] .ui-widget.ui-widget-content, body[data-theme="dark"] .crm-page .Email-section, body[data-theme="dark"] .gallery-media-information,
      body[data-theme="dark"] .addnewimage-modal, body[data-theme="dark"] .modal-dialog .addnewimage-modal .box-typical-body.panel-body, body[data-theme="dark"] .addnewimage-modal .modal-header {
        background: var(--theme-foreground) !important;
        transition: ease all 0.3s;
    }

    body[data-theme="dark"] .email-listed-body .divemail-listed.active,
    body[data-theme="dark"] .email-listed-body .divemail-listed:hover,
    body[data-theme="dark"] .divemail-listed:hover,
    body[data-theme="dark"] .sidebar-nav.email-nav .colapsable .data-item.active,
    body[data-theme="dark"] .sidebar-nav.email-nav .colapsable .data-item:hover,
    body[data-theme="dark"] .onoffswitch-inner:before, body[data-theme="dark"] .onoffswitch-inner:after,
    body[data-theme="dark"] .designer-sidebar .header-action-event .img-icon,
    body[data-theme="dark"] .articlebox:hover, body[data-theme="dark"] .builder.edit .edit,
    body[data-theme="dark"] .builder.edit .sidebar-nav .drag {
      background-color: var(--theme-active) !important;
    }
body[data-theme="dark"] .xdsoft_today {
            color: var(--theme-active) !important;
}
      body[data-theme="dark"] .with-sub.opened > span,
      body[data-theme="dark"] .date-picker-events .ui-datepicker .ui-datepicker-title,
      body[data-theme="dark"] .date-picker-events select,
      body[data-theme="dark"] .theme-categories .nav a.active{
        background-color: var(--theme-light-background) !important;
      }
    body[data-theme="dark"] .grid-stack-item-content, body[data-theme="dark"] .grid-stack-item-content:hover,
    body[data-theme="dark"] .error-page .bg-white {
        background: var(--theme-foreground) !important;
        transition: ease all 0.3s;
    }
        body[data-theme="dark"] .box-typical .panel-heading .panel-title
         {
            border-bottom: 1px solid var(--theme-modalbtn-hover);
        }
    body[data-theme="dark"] .grid-stack .dash-tiles > a, body[data-theme="dark"] .dash-tiles a,
    body[data-theme="dark"] .dash-tiles span, body[data-theme="dark"] .dash-tiles span:hover,
    body[data-theme="dark"] .head-bar ul.ulHeader li a {
      background-color: transparent;
      transition: ease all 0.3s;
    }
        body[data-theme="dark"] .bar-icon {
            background: var(--theme-active);
            transition: ease all 0.3s;
        }

        body[data-theme="dark"] .panel-title, 
        body[data-theme="dark"] .form-group label,
        body[data-theme="dark"] .pd-15,
        body[data-theme="dark"] .settingtag {
            color: var(--theme-white) !important;
        }

        body[data-theme="dark"] .settingtag {
            opacity: .9;
        }
 body[data-theme="dark"] .jspDrag {
            background-color: var(--theme-active);
            border-color: var(--theme-active);
            transition: ease all 0.3s;
        }

      body[data-theme="dark"] .side-menu .side-menu-list > li.opened.with-sub a .lbl,
      body[data-theme="dark"] .checkbox-toggle label, body[data-theme="dark"] div.dataTables_wrapper div.dataTables_info,
      body[data-theme="dark"] .close, body[data-theme="dark"] .close:hover, body[data-theme="dark"] .nav-item a.nav-link,
      body[data-theme="dark"] .nav-tabs .nav-link.active, body[data-theme="dark"] .item-box, body[data-theme="dark"] .video-conference-page,
      body[data-theme="dark"] .navigation-header-containt .sub-content, body[data-theme="dark"] .call-dialler .fa,
      body[data-theme="dark"] .head-bar, body[data-theme="dark"] .side-menu-list li.opened > span .lbl, body[data-theme="dark"] .head-bar ul.ulHeader li a, body[data-theme="dark"] h4.modal-title,
      body[data-theme="dark"] .fc-toolbar.fc-header-toolbar h2, body[data-theme="dark"] .modal-header p.h5.modal-title,
      body[data-theme="dark"] #closemodalMultiseekMain span, body[data-theme="dark"] h2.title, body[data-theme="dark"] .error-text, body[data-theme="dark"] .customizer .customizer-body,
      body[data-theme="dark"] .date-picker-events .ui-state-default, body[data-theme="dark"] .date-picker-events .ui-widget-content .ui-state-default,
      body[data-theme="dark"] .date-picker-events .ui-datepicker-week-end a, body[data-theme="dark"] .ui-widget-content, body[data-theme="dark"] .date-picker-events .ui-datepicker-week-end,
      body[data-theme="dark"] .date-picker-events .ui-datepicker-week-col, body[data-theme="dark"] #calendar .fc-toolbar .fc-right button,
      body[data-theme="dark"] .fc-icon-right-single-arrow:after, body[data-theme="dark"] .fc-icon-left-single-arrow:after,
      body[data-theme="dark"] .date-picker-events select, body[data-theme="dark"] .select2-results__option,
      body[data-theme="dark"] .modal-body p, body[data-theme="dark"] .sweet-alert, body[data-theme="dark"] .sweet-alert p,
      body[data-theme="dark"] .sweet-alert h2, body[data-theme="dark"] .checkbox input + label,
      body[data-theme="dark"] table.table td, body[data-theme="dark"] table.table th,
      body[data-theme="dark"] span.fc-day-number, body[data-theme="dark"] .fc-widget-header,
      body[data-theme="dark"] .sidebar-nav .builder-pagecomponentlist .nav-item.nav-header,
      body[data-theme="dark"] .demo-wrapper h3, body[data-theme="dark"] .builder .sidebar-nav, body[data-theme="dark"] .layout-designer-component-box .view h4,
      body[data-theme="dark"] #menupreview h4, body[data-theme="dark"] .builder .sidebar-nav .preview,
      body[data-theme="dark"] .header-cart span#cart .cart-icon,
      body[data-theme="dark"] header .top-header > ul > li a, body[data-theme="dark"] .top-header .company-logo h1 a,
      body[data-theme="dark"] .form-check-input:disabled ~ .form-check-label,
      body[data-theme="dark"] header .lang-select select,
      body[data-theme="dark"] .ql-snow.ql-toolbar .ql-picker-label:hover,
      body[data-theme="dark"] .ql-snow.ql-toolbar .ql-picker-label,
      body[data-theme="dark"] .widgets-header .tbl-item .title,
      body[data-theme="dark"] .color-blue, body[data-theme="dark"] div#HeaderBarpreview,
      body[data-theme="dark"] span.select2-search.select2-search--dropdown .select2-search__field,
      body[data-theme="dark"] .side-menu .side-menu-list > li.opened.with-sub a:hover .lbl, body[data-theme="dark"] .side-menu .side-menu-list > li.opened.with-sub > span:hover .lbl,
      body[data-theme="dark"] .clock,
      body[data-theme="dark"] .side-menu-list .lbl, body[data-theme="dark"] .sidebar-nav,
      body[data-theme="dark"] #divInboxPage .fc-right button, body[data-theme="dark"] .ql-editor,
      body[data-theme="dark"] #divInboxPage .compose-email:hover, body[data-theme="dark"] .panel-heading h1,
      body[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_calendar td,
      body[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_calendar th,
      body[data-theme="dark"] #multiseekStorageCounter a,
      body[data-theme="dark"] .xdsoft_calendar table thead th,
      body[data-theme="dark"] .xdsoft_mounthpicker .xdsoft_label.xdsoft_month,
      body[data-theme="dark"] .xdsoft_mounthpicker .xdsoft_label.xdsoft_year, body[data-theme="dark"] .widget-header-action-bar .action-icon,
      body[data-theme="dark"] .modal-sliderbox .box-typical.box-typical-dashboard .box-typical-body,
      body[data-theme="dark"] .about-side-slider a, body[data-theme="dark"] .about-side-slider a:focus,
      body[data-theme="dark"] .about-side-slider a:hover,
      body[data-theme="dark"] .divemail-listed .message-title,
      body[data-theme="dark"] .divemail.view-message .message-content-text,
      body[data-theme="dark"] .email-header-section .email-date,
      body[data-theme="dark"] .sidebar-nav.email-nav .colapsable .data-item.active,
      body[data-theme="dark"] .sidebar-nav.email-nav .colapsable .data-item:hover,
      body[data-theme="dark"] .email-nav .data-item .counter,
      body[data-theme="dark"] .files:before,
      body[data-theme="dark"] .files:after,
      body[data-theme="dark"] .list-group-item .btn.btn-secondary,
      body[data-theme="dark"] .list-group-item .btn.btn-secondary, body[data-theme="dark"] .btn.btn-primary.btnEdit .fa,
      body[data-theme="dark"] .xdsoft_timepicker .xdsoft_time_box .xdsoft_time_variant div,
      body[data-theme="dark"] .maxlength-label, body[data-theme="dark"] .dropdown-menu,
      body[data-theme="dark"] .edit-tile > ul > li,
      body[data-theme="dark"] tr.d-table-row td, body[data-theme="dark"] tr.d-table-row th,
      body[data-theme="dark"] .drop-menu-edit-mode .btn-link,
      body[data-theme="dark"] #spanMiximumSixe, body[data-theme="dark"] .dropdown-item,
      body[data-theme="dark"] .panelcheckbox .label,
      body[data-theme="dark"] .panelcheckbox input:checked ~ .checkmark + .label,
      body[data-theme="dark"] .designer-sidebar .nav a, body[data-theme="dark"] .header-align-toolbar .align-tools,
      body[data-theme="dark"] .sidebar-nav.email-nav .colapsable .data-item:hover,
      body[data-theme="dark"] .builder.edit .edit,
      body[data-theme="dark"] .builder.edit .sidebar-nav .drag,
      body[data-theme="dark"] table.table .offerExpired td, body[data-theme="dark"] .template-preview-card .layout-info-block .edit-layout,
      body[data-theme="dark"] ul.page-list li .page-name-edit,
      body[data-theme="dark"] .shortcut-modal .section .nav a.active, body[data-theme="dark"] .shortcut-modal .section .nav a,
      body[data-theme="dark"] span.closeon,
      body[data-theme="dark"] ul.context-menu-list.context-menu-root li,
      body[data-theme="dark"] .action-bar .img-icon, body[data-theme="dark"] #errordiv font, body[data-theme="dark"] .input-group-prepend .input-group-text, body[data-theme="dark"] .input-group-append .input-group-text,
      body[data-theme="dark"] #divEditDiscountDetailPage .colapsable-data:hover .data-item, body[data-theme="dark"] #divEditDiscountDetailPage .colapsable:hover .data-item,
      body[data-theme="dark"] .anchorstyle h2, body[data-theme="dark"] .anchorstyle h3, body[data-theme="dark"] .anchorstyle p, body[data-theme="dark"] .search-for-menu .dn-project-title,
      body[data-theme="dark"] .anchorstyle div, body[data-theme="dark"] .menu-icon span, body[data-theme="dark"] .action-grid, body[data-theme="dark"] .action-menu-icon div, body[data-theme="dark"] .pagination > li > a, body[data-theme="dark"] .checkbox input[type=checkbox] + label:after, body[data-theme="dark"] .radio input[type=checkbox] + label:after,
      body[data-theme="dark"] .page-list li:hover .page-name-edit span, body[data-theme="dark"] #maxlengthspan,
      body[data-theme="dark"] .wsd-click-span, body[data-theme="dark"] li .layoutrow .btn-outline-delete,
      body[data-theme="dark"] .page-title.pull-left a, body[data-theme="dark"] .page-title.pull-left a:hover,
      body[data-theme="dark"] .page-title.pull-left a span, body[data-theme="dark"] .dash-search-bar + a span, body[data-theme="dark"] .editlistclose span.dnicon_edit,
      body[data-theme="dark"] .page-name-edit .dnicon_chev-forward,
      body[data-theme="dark"] .edit-layout .dnicon_chev-forward:before,
      body[data-theme="dark"] .template-preview-card .btn-delete::before,
      body[data-theme="dark"] .btn-back .dnicon_chev-backward,
      body[data-theme="dark"] .search-for-menu .icon-search .dnicon_search,
      body[data-theme="dark"] .layoutrow .dnicon_delete::before,
      body[data-theme="dark"] .pageload-container .title span.dnicon_alert,
      body[data-theme="dark"] #dialogModal .modal-title span.dnicon_alert,
      body[data-theme="dark"] .search-box .icon-search span,
      body[data-theme="dark"] input span + span,
      body[data-theme="dark"] .valid-msg, body[data-theme="dark"] .multiseek-valid-msg,
      body[data-theme="dark"] .context-menu-list .context-menu-hover.context-menu-visible:hover span,
      body[data-theme="dark"] .modal-header .btn.dnicon_delete,
      body[data-theme="dark"] .modal-dialog.edit-tiles-modal .dash-tiles .tiles-title,
      body[data-theme="dark"] .modal-dialog.edit-tiles-modal .dash-tiles .tiles-info .tiles-icon .icon-img,
      body[data-theme="dark"] .modal-dialog.edit-tiles-modal .dash-tiles .tiles-info .count,
      body[data-theme="dark"] .dropdown-menu .dropdown-item span,
      body[data-theme="dark"] .widget-header-action-bar .action-icon span,
      body[data-theme="dark"] .divsidebar-body .inserttbody tr,
      body[data-theme="dark"] .divsidebar-body h3,
      body[data-theme="dark"] table.main-calendar.booking-calendar th,
      body[data-theme="dark"] .reservation-container .current-event,
      body[data-theme="dark"] .reservation-container .custom-control-label::before,
      body[data-theme="dark"] .textarea-container .character-count input,
      body[data-theme="dark"] .form-group p, body[data-theme="dark"] .form-group ul li,
      body[data-theme="dark"] .custome-bottom .btn-preview.btn.btn-primary,
      body[data-theme="dark"] .bm-title .dnicon_alert:before,
      body[data-theme="dark"] .wsd-image-preview .btn.btn-delete,
      body[data-theme="dark"] ul.dn-dd-dropzone.layoutcontainer li button span,
      body[data-theme="dark"] .dnicon_chev-forward,
      body[data-theme="dark"] .wsd-header-menu-nav .wsd-header-menu-nav-item,
      body[data-theme="dark"] .bm-content .form-control.item-menu,
      body[data-theme="dark"] .bm-footer .btn.btn-primary,
      body[data-theme="dark"] .bm-header .bm-close .dnicon_delete::before,
      body[data-theme="dark"] .wsd-toggle-check-text,
      body[data-theme="dark"] .multiseek-icon-search .dnicon_search,
      body[data-theme="dark"] .add-section .btn.btn-delete,
      body[data-theme="dark"] legend + button.DNButton.btn.btn-default,
      body[data-theme="dark"] .child-action-row select.form-control,
      body[data-theme="dark"] #btnPrintPreview .dnicon_show-preview,
      body[data-theme="dark"] .onlydatepicker + .dnicon_event-calendar:before,
      body[data-theme="dark"] .col-md-9.docs-buttons .btn-group .btn.btn-primary,
      body[data-theme="dark"] .divsidebar-body .order-list-filter div.active,
      body[data-theme="dark"] .divsidebar-body .order-list-filter div:hover,
      body[data-theme="dark"] .blazor-modal .bm-content .btn.btn-primary,
      body[data-theme="dark"] .btn.btn-reload::before,
      body[data-theme="dark"] #ReportModal .modal-header .container.text-right button::before,
      body[data-theme="dark"] .box-typical.box-typical-dashboard .btn.btn-previous::before,
      body[data-theme="dark"] .fixed-area-bottom .btn.btn-reload::before,
      body[data-theme="dark"] .webshopdesigner-details-content .btn.btn-primary,
      body[data-theme="dark"] .divsidebar-body .table-striped tbody tr:nth-child(1),
      body[data-theme="dark"] .ticket-quantity-selector button i,
      body[data-theme="dark"] .reservation-order-list td a.so-link,
      body[data-theme="dark"] .btn-back-callback span,
      body[data-theme="dark"] ul.dn-dd-dropzone li button,
      body[data-theme="dark"] .editimage,
      body[data-theme="dark"] .btn.btn-new.Multiseek, body[data-theme="dark"] .btn.showNewEntryBtn,
      body[data-theme="dark"] #masterPageNavbar .btn.btn-primary:hover,
      body[data-theme="dark"] .btn.addNewEntryBtn,
      body[data-theme="dark"] #PageHeader span,
      body[data-theme="dark"] .wsd-image-preview button.btn.btn-delete:before,
      body[data-theme="dark"] #PageDetails span, body[data-theme="dark"] #ReportFooter span,
      body[data-theme="dark"] .handal-properties span,
      body[data-theme="dark"] .btnpreview-section a,
      body[data-theme="dark"] .list-btngroup.list-hover i.fa,
      body[data-theme="dark"] .list-btngroup.list-hover i.far,
      body[data-theme="dark"] .side-menu-addl h4.panel-title,
      body[data-theme="dark"] .side-menu-addl h4.panel-title a,
      body[data-theme="dark"] #area-body-modal .row-property .btn,
      body[data-theme="dark"] .box-typical-body.panel-body .btn.btn-save:before,
      body[data-theme="dark"] .box-typical-body.panel-body .dnicon_delete:before,
      body[data-theme="dark"] .btn.btn-sendeMail:before,
      body[data-theme="dark"] .btn.btn-draft:before,
      body[data-theme="dark"] .inbox-email-content .email-sender,
      body[data-theme="dark"] .box-typical-component .custom-row.upload-section .btn.btn-delete:before,
      body[data-theme="dark"] .moveBtn i,
      body[data-theme="dark"] .parent-action-row .btn.btn-delete.btn.btn-primary span,
      body[data-theme="dark"] .parent-action-row .btn.btn-delete.btn.btn-primary:before,
      body[data-theme="dark"] .nav-tabs a.nav-item,
      body[data-theme="dark"] .theme-categories .nav a,
      body[data-theme="dark"] td.dt-body-center.text-left p a,
      body[data-theme="dark"] .dn-time-calendar table th,
      body[data-theme="dark"] [type="button"].resource-list-event-toggle .dnicon_list-view,
      body[data-theme="dark"] .resource-calendar-view-options button.resource-list-event-toggle span,
      body[data-theme="dark"] .resource-calendar-view-options button.resource-week-view-event-toggle span,
      body[data-theme="dark"] .resource-calendar-view-options button.resource-calendar-event-toggle span,
      body[data-theme="dark"] #time-extended-data-table tbody tr td,
      body[data-theme="dark"] #extended-cell-viewmodal button.btn.btn-primary,
      body[data-theme="dark"] .child-action-row .subchild-action-btn .DNButton.btn.btn-delete::before,
        body[data-theme="dark"] .theme-categories .nav a, body[data-theme="dark"] td.dt-body-center.text-left p a,
        body[data-theme="dark"] section.newgallery-modal .gallery-media-information .imageURL span.dnicon_copy,
        body[data-theme="dark"] .sp-elements li span, body[data-theme="dark"] span.tool-label,
        body[data-theme="dark"] .element-section h4, body[data-theme="dark"] .signage-page .top-bar .btn-area button, body[data-theme="dark"] .splf-top-container .screenActive.screendutation .title,
        body[data-theme="dark"] .splf-top-container .screenActive.screendutation .time-label,
        body[data-theme="dark"] .zoom-slider-area .form-control:focus {
            color: var(--theme-white) !important;
        }
body[data-theme="dark"] .ql-snow .ql-stroke {
        stroke: var(--theme-white) !important;
    }
body[data-theme="dark"] .builder .column {
    border: 1px solid var(--theme-tr-even) !important;
}


    body[data-theme="dark"] .site-header-shown #dd-user-menu img
     {
      filter: unset;
      -webkit-filter: unset;
    }
    body[data-theme="dark"] .action-bar .img-icon:hover img {
      filter: invert(0) !important;
      -webkit-filter: invert(0) !important;
    }
    body[data-theme="dark"] .side-menu .side-menu-list > li.opened.with-sub > span:hover,
    body[data-theme="dark"] .bm-footer .btn.btn-primary:hover{
        background-color: var(--theme-dark-gray) !important;
    }
        body[data-theme="dark"] ul.search-for-menu {
            border-right: 1px solid transparent;
            border-bottom: 1px solid var(--theme-modalbtn-hover);
        }
        body[data-theme="dark"] .side-menu, body[data-theme="dark"] #wsd-menubuilder .card,
        body[data-theme="dark"] #wsd-menubuilder .card .card-header,
        body[data-theme="dark"] .pagination > li > a, .pagination > li > span:hover,
        body[data-theme="dark"] .pagination > li > a:hover, .pagination > li > span:hover,
        body[data-theme="dark"] .pagination > li > a:focus,
        .pagination > li > span:focus, body[data-theme="dark"] .divpreview .btn.btn-preview,
        body[data-theme="dark"] .email-designtype .select-target,
        body[data-theme="dark"] .sa-confirm-button-container button:hover,
        body[data-theme="dark"] .blazor-modal .bm-footer,
        body[data-theme="dark"] .layoutrow:hover, body[data-theme="dark"] .layoutrow,
        body[data-theme="dark"] .parent-action-row .btn.btn-delete.btn.btn-primary:hover {
            border: 0px !important;
        }

    body[data-theme="dark"] .fixed-area-bottom .btn-delete.btn.btn-primary:hover,
    body[data-theme="dark"] .fixed-area-bottom .btn-new.btn.btn-primary:hover,
    body[data-theme="dark"] .btn.btn-new.btn.btn-primary,
    body[data-theme="dark"] .btn.btn-save.btn.btn-primary, body[data-theme="dark"] .component-block .btn,
    body[data-theme="dark"] .btn.showNewEntryBtn:hover,
    body[data-theme="dark"] .btn.addNewEntryBtn:hover{
        border: 0px !important;
        color: var(--theme-white) !important;
    }
        body [data-theme="dark"] ul.search-for-menu .icon-search {
    right: 21px !important;
    top: 1px;
    width: 40px !important;
    height: 33px !important;
    background-color: var(--theme-active);
    border-radius: 0px 20px 20px 0px !important;
}
body[data-theme="dark"] ul.search-for-menu .icon-search img {
                width: 24px;
                height: 24px;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 8px auto auto auto;
                filter: invert(100%);
                -webkit-filter: invert(100%);
}
 body[data-theme="dark"] ul.search-for-menu .icon-search img {
        margin: 2px auto auto auto;
    }
    body[data-theme="dark"] .side-menu-list li.opened > span .lbl {
        font-weight: 400;
    }
    body[data-theme="dark"] .show-hide-sidebar span:after,
    body[data-theme="dark"] .show-hide-sidebar span:before,
    body[data-theme="dark"] .show-hide-sidebar span,
    body[data-theme="dark"] #mainreport hr,
    body[data-theme="dark"] input[type='radio']:checked:before {
        background-color: var(--theme-white) !important;
    }
   
      body[data-theme="dark"] .designer-sidebar .nav a.active.show, body[data-theme="dark"] .designer-sidebar .nav a.active,
      body[data-theme="dark"] .designer-sidebar-body .margin-box,
      body[data-theme="dark"] .header-align-toolbar .align-tools, body[data-theme="dark"] .font-property .img-icon,
      body[data-theme="dark"] .create-label-list .create-label:hover, body[data-theme="dark"] .header-align-toolbar .align-tools:hover {
        background-color: var(--theme-active) !important;
        border-bottom: 0px solid var(--theme-active);
      }
    body[data-theme="dark"] .ul.nav.nav-tabs{
        border-bottom: 1px solid var(--theme-inputbox);
    }
      body[data-theme="dark"] .nav-tabs .nav-link.active,
      body[data-theme="dark"] #calendar .fc-toolbar .fc-right button.fc-state-active::after,
      body[data-theme="dark"] #divInboxPage .fc-right button.active::after,
      body[data-theme="dark"] .nav-tabs .nav-link:hover {
        background-color: var(--theme-active) !important;
      }
        body[data-theme="dark"] .nav-tabs .nav-link.active:hover, body[data-theme="dark"] .tiles-box-size label .tiles-grid-box .grid1x1, body[data-theme="dark"] .tiles-box-size label .tiles-grid-box .grid2x1,
        body[data-theme="dark"] .tiles-box-size label .tiles-grid-box .grid2x2, body[data-theme="dark"] .tiles-box-size label .tiles-grid-box .grid3x1 {
            border: 1px solid var(--theme-active);
        }
        body[data-theme="dark"] .nav-tabs .nav-link,
        body[data-theme="dark"] .nav-tabs .nav-link:hover,
        body[data-theme="dark"] div.rssproduct-list,
        body[data-theme="dark"] #DNDataGridTable .form-control.datetimepicker,
        body[data-theme="dark"] .custome-bottom .TemplateName .form-control,
        body[data-theme="dark"] .dynamicLink-area,
        body[data-theme="dark"] .modal-dialog div#nav-tabContent {
            border: 1px solid var(--theme-inputbox);
        }
    body[data-theme="dark"] .side-menu-list a:hover .lbl, body[data-theme="dark"] .side-menu-list li > span:hover .lbl {
        color: var(--theme-titletext);
    }
    body[data-theme="dark"] .responsive-data-grid {
        background-color: transparent;
    }
        body[data-theme="dark"] .side-menu-list a:hover, body[data-theme="dark"] .side-menu-list li > span:hover {
            background-color: var(--theme-foreground);

        }
    body[data-theme="dark"] .div.dataTables_wrapper div.dataTables_info {
        color: var(--theme-titletext) !important;
    }
    body[data-theme="dark"] .dataTable thead th, body[data-theme="dark"] table-bordered th,
    body[data-theme="dark"] .dataTable thead th, body[data-theme="dark"] .action-bar .link-icons,
    body[data-theme="dark"] .builder .sidebar-nav,
    body[data-theme="dark"] .builder .column,
    body[data-theme="dark"] #menupreview,
    body[data-theme="dark"] header .top-header, body[data-theme="dark"] header .lang-select select,
    body[data-theme="dark"] .page-content-header,
    body[data-theme="dark"] .page-content-header:after, body[data-theme="dark"] .page-content-header:before,
    body[data-theme="dark"] .page-content-header:after, body[data-theme="dark"] .page-content-header:before,
    body[data-theme="dark"] #divPurchaseorderListPrt .table-bordered .odd,
    body[data-theme="dark"] #divPurchaseorderListPrt .table-bordered tr:nth-child(even),
    body[data-theme="dark"] .sidebar-nav, body[data-theme="dark"] .lableclass input:checked ~ .checkmark,
    body[data-theme="dark"] .label-success, body[data-theme="dark"] .xdsoft_calendar table thead th,
    body[data-theme="dark"] .email-listed-panels .divemail-listed,
    body[data-theme="dark"] .email-content-panel .email-content-body,
    body[data-theme="dark"] .designer-sidebar-property,
    body[data-theme="dark"] #ReportModal #ReportBackground .modal-header,
    body[data-theme="dark"] .wsd-toggle-check-text,
    body[data-theme="dark"] .blazor-modal table thead th
 {
        background-color: var(--theme-light-background) !important;
    }
      body[data-theme="dark"] .fixed-area-bottom .btn, body[data-theme="dark"] .btn.btn-export,
      body[data-theme="dark"] .tbl-cell .btn.btn-new.Multiseek, body[data-theme="dark"] .modal-content .edititem-model .card-footer .btn.btn-default,
      body[data-theme="dark"] .list-group-item .btn.btn-danger:active, body[data-theme="dark"] .list-group-item .btn.btn-danger,
      body[data-theme="dark"] .wsd.wsd-headerbar-area .btn.btn-primary,
      body[data-theme="dark"] #ReportModal .modal-header .btn,
      body[data-theme="dark"] #ReportModal .modal-header .btn.btn-zoomin,
      body[data-theme="dark"] #ReportModal .modal-header .btn.btn-zoomscalefit,
      body[data-theme="dark"] #ReportModal .modal-header .btn.btn-zoomout,
      body[data-theme="dark"] #ReportModal .modal-header .btn.btn-print,
      body[data-theme="dark"] .btn.btn-default,
      body[data-theme="dark"] .fixed-area-bottom .btn.btn-print,
      body[data-theme="dark"] .custom-file-label::after,
      body[data-theme="dark"] .banner-inner-container .btn.btn-delete,
      body[data-theme="dark"] .btn.btn-delete.exit-edit-modal-btn,
      body[data-theme="dark"] #webshopDesignerPage .layout-designer-component-box .modal-footer .btn.exit-edit-modal-btn,
      body[data-theme="dark"] #webshopDesignerPage .layout-designer-component-box .modal-footer .btn.save-edit-modal-btn,
      body[data-theme="dark"] .fixed-area-bottom .btn-btnImportItemRegister,
      body[data-theme="dark"] .fixed-area-bottom .btn-btnExporttoExcel,
      body[data-theme="dark"] .fixed-area-bottom .btn.btn-back,
      body[data-theme="dark"] .modal-footer .btn.btn-default,
      body[data-theme="dark"] .modal-footer .btn.btn-new, body[data-theme="dark"] .modal-footer .btn.btn-Pinned,
      body[data-theme="dark"] .modal-footer .btn.btn-save, body[data-theme="dark"] .modal-footer .btn.btn-Pinned,
      body[data-theme="dark"] .modal-footer .btn.btn-Publish, body[data-theme="dark"] .fixed-area-bottom .btn.btn-delete,
      body[data-theme="dark"] #btnMultiSave.btn, body[data-theme="dark"] .confirm, body[data-theme="dark"] .sweet-alert button.cancel,
      body[data-theme="dark"] .modal-footer .btn:disabled,
      body[data-theme="dark"] #DetailsPartial .btn.btn-Un-Publish,
      body[data-theme="dark"] #DetailsPartial #closeFootNavigation,
      body[data-theme="dark"] .event-popup-btn-groups #EventDetailsLi,
      body[data-theme="dark"] #emailresenddiv .modal-footer .btn.btn-default,
      body[data-theme="dark"] #addeventtagpopup .modal-dialog .btn.dnicon_add-plus,
      body[data-theme="dark"] .modal-footer button,
      body[data-theme="dark"] .ticket-quantity-selector button,
      body[data-theme="dark"] .box-typical-body.panel-body .modal-footer .btn.btn-default,
      body[data-theme="dark"] #eventLinkNotificationModal .btn.btn-new.Multiseek ,
      body[data-theme="dark"] .modal-content.seat-map .btn.btn-SeatMap,
      body[data-theme="dark"] .card-list-box .deleteimage span,
      body[data-theme="dark"] .box-typical-body.panel-body .modal-footer .btn.btn-default, body[data-theme="dark"] .gallery-header-filter .action-area button.btn, body[data-theme="dark"] .imageEditmodal .field-flex .btn, body[data-theme="dark"] .addnewimage-modal .field-flex .btn {
        background: var(--theme-foreground) !important;
        border: var(--theme-background) !important;
        color: var(--theme-white) !important;
    }

    body[data-theme="dark"] .box-typical.box-typical-dashboard .btn.btn-save,
    body[data-theme="dark"] .builder-layout-page .previewpagebtn,
    body[data-theme="dark"] #builderLayout .page-edit-buttongroup .removepagebtn,
    body[data-theme="dark"] #menubuilderedit .btn-wsd-nav.btn-back, body[data-theme="dark"] #wsd-menubuilder .card .btn-outline-secondary,
    body[data-theme="dark"] .wsd.wsd-headerbar-area .btn-wsd-nav.btn-back,
    body[data-theme="dark"] .btn.btn-copy,
    body[data-theme="dark"] .action-bar .btn.btn-save, body[data-theme="dark"] .action-bar .btn.btn-back,
    .body[data-theme="dark"] .select-all .btn.btn-default,
    body[data-theme="dark"] .component-block .btn,
    body[data-theme="dark"] .theme-item .btn,
    body[data-theme="dark"] .email-template-properties .btn,
    body[data-theme="dark"] .row-designer .tools .tools-item,
    body[data-theme="dark"] .btn.btn-primary.btn-continue,
    body[data-theme="dark"] .box-typical.box-typical-dashboard .bottom .btn.dnicon_delete {
        border: var(--theme-background) !important;
        color: var(--theme-white) !important;
    }
    body[data-theme="dark"] .btn.btn-help, body[data-theme="dark"] .btn.btn-print, body[data-theme="dark"] .btn.btn-back,
    body[data-theme="dark"] #nav-grid-tab, body[data-theme="dark"] #nav-list-tab, body[data-theme="dark"] #btnShipment,
    body[data-theme="dark"] .btn.disabled,
    body[data-theme="dark"] #input#file-upload-button,
    body[data-theme="dark"] [type="file"], body[data-theme="dark"] .fixed-area-bottom .btn-multiaction
    {
        background: var(--theme-header) !important;
        border: var(--theme-background) !important;
        color: var(--theme-white) !important;
    }
 body[data-theme="dark"] #divEditStaticLinkDetailsPage .btn.btn-default {
            border: var(--theme-background) !important;
            color: var(--theme-white) !important;
            background: var(--theme-tr-odd) !important;
        }
#body[data-theme="dark"] .fixed-area-bottom .btn.btn-default {
    background: var(--theme-foreground) !important;
    border: var(--theme-background) !important;
    color: var(--theme-white) !important;
}
    body[data-theme="dark"] #cke_PageContent a.cke_combo_button, body[data-theme="dark"] #cke_PageContent a.cke_combo_button:hover,
    body[data-theme="dark"] #cke_PageContent a.cke_combo_button:focus, body[data-theme="dark"] #cke_PageContent a.cke_combo_button:active,
    body[data-theme="dark"] .cke_button.cke_button__source, body[data-theme="dark"] .cke_button.cke_button__source:hover,
    body[data-theme="dark"] .cke_button.cke_button__source:focus, body[data-theme="dark"] .cke_button.cke_button__source:active {
        background: var(--theme-header) !important;
    }
    body [data-theme="dark"] button.fc-button.fc-state-active,
    body[data-theme="dark"] .pagination > .active > a, body[data-theme="dark"] .pagination > .active > span,
    .pagination > .active > a:hover,
    body[data-theme="dark"] .pagination > .active > span:hover, body[data-theme="dark"] .pagination > .active > a:focus,
    body[data-theme="dark"] .pagination > .active > span:focus {
        background-color: var(--theme-lightskyblue);
        border-color: var(--theme-lightskyblue) !important;
    }
body[data-theme="dark"] .table-bordered .odd, body[data-theme="dark"] .table-bordered tr:nth-child(odd),
body[data-theme="dark"] #dashboardShotcutModal .table > tbody > tr:nth-child(2n+1), body[data-theme="dark"] #dashboardShotcutModal .table > tbody > tr:nth-child(2n+1):hover,
body[data-theme="dark"] .fc-widget-header table thead th, body[data-theme="dark"] #wsd-menubuilder .card .list-group-item,
body[data-theme="dark"] #wsd-menubuilder .card .list-group-item:active,
body[data-theme="dark"] .list-group-item,
body[data-theme="dark"] .offerActive td,
body[data-theme="dark"] .table-bordered.table-striped,
body[data-theme="dark"] .table-bordered.table-striped thead th,
body[data-theme="dark"] table.dataTable thead th, body[data-theme="dark"] table.table th,
body[data-theme="dark"] table#DNDataGridTable,
body[data-theme="dark"] #multiStoragePop #DNDataGridTablePop tr:nth-child(odd),
body[data-theme="dark"] .wsd-table-head .wsd-table th,
body[data-theme="dark"] .wsd-table-head,
body[data-theme="dark"] .wsd-table-body tr:nth-child(odd)

 {
    background: var(--theme-tr-odd) !important;
}
body[data-theme="dark"] .table-bordered .odd, body[data-theme="dark"] .table-bordered tr:nth-child(even),
body[data-theme="dark"] .table-striped tbody tr:nth-of-type(even),
body[data-theme="dark"] .dropdown-menu, body[data-theme="dark"] tr.d-table-row:nth-child(even), body[data-theme="dark"] .layoutcontainer .layoutrow,
body[data-theme="dark"] #multiStoragePop #DNDataGridTablePop tr:nth-child(even),
body[data-theme="dark"] .blazor-modal tr:nth-child(even), .blazor-modal .multiseek-row-pair,
body[data-theme="dark"] .wsd-table-body tr:nth-child(even),
body[data-theme="dark"] .box-typical-component table thead th,
body[data-theme="dark"] .row-designer .ed-col
{
    background: var(--theme-tr-even) !important;
}
    body[data-theme="dark"] .table-responsive .table tr:hover td, body[data-theme="dark"] .table-responsive .table tr.highlight td {
        background-color: var(--theme-rowactive) !important;
    }
body[data-theme="dark"] .table-responsive .table tr.selected td {
  background-color: var(--theme-rowselected) !important;
}
        body[data-theme="dark"] .divsidebar-body .table tr:hover td, body[data-theme="dark"] .divsidebar-body .table tr.highlight td,
        body[data-theme="dark"] .designer-sidebar-body .label-box .label-sticker {
            background-color: var(--theme-inputbox) !important;
        }
body[data-theme="dark"] .table th, body[data-theme="dark"] .table td,
body[data-theme="dark"] .table-bordered td, body[data-theme="dark"] table,
body[data-theme="dark"] table.table, body[data-theme="dark"] table.dataTable,
body[data-theme="dark"] table.dataTable.no-footer,
body[data-theme="dark"] table.dataTable tbody td,
body[data-theme="dark"] #unpaidremindersdiv .card.card-body,
body[data-theme="dark"] .add-section .btn.btn-delete:hover{
    border: none;
}
body[data-theme="dark"] .action-bar .link-icons {
  border-top: 7px solid var(--theme-background);
  border-left: 7px solid var(--theme-background)
}
  body[data-theme="dark"] .table-bordered tr, body[data-theme="dark"] table.dataTable.no-footer {
    border-bottom: 0px !important;
  }
        body[data-theme="dark"] table.dataTable thead tr:nth-child(2) > th {
            background: var(--theme-tr-even) !important;
        }
  body[data-theme="dark"] table.dataTable thead tr:nth-child(2) > th:first-child {
                background-size: 24px 24px !Important;
                height: 25px;
  }
    body[data-theme="dark"] .date-picker-events .ui-datepicker-month, body[data-theme="dark"] .date-picker-events select {
        padding: 0px 5px;
    }
    body[data-theme="dark"] select.ui-datepicker-year {
        margin-left: 5px !important;
    }
    body[data-theme="dark"] .fc-unthemed .fc-divider, body[data-theme="dark"] .cke_contents {
        background: var(--theme-inputbox) !important;
    }
body[data-theme="dark"] .box-typical .form-control,
body[data-theme="dark"] #webshopDesignerPage .inner-containerbox .div-with-border,
body[data-theme="dark"] input#templateName, body[data-theme="dark"] .filterbox .form-control,
body[data-theme="dark"] .modal-content .form-control, body[data-theme="dark"] .textareastyle,
body[data-theme="dark"] .select2-search input[type=search],
body[data-theme="dark"] label.custom-file-label,
body[data-theme="dark"] .designer-sidebar-body .form-control, body[data-theme="dark"] .action-btn .form-control,
body[data-theme="dark"] .box-typical .inner-containerbox [type="text"],
body[data-theme="dark"] .SelectFileContainer,
body[data-theme="dark"] #unpaidremindersdiv .form-control-wrapper .form-control,
body[data-theme="dark"] .fixed-area-bottom .TemplateName input.form-control,
body[data-theme="dark"] .sidebar-sub-container .form-control,
body[data-theme="dark"] .properties-body .form-control,
body[data-theme="dark"] .upload-newfile .upload-image-custom-bg,
body[data-theme="dark"] .componentEdit .upload-newfile,
body[data-theme="dark"] .email-template-designer .form-control,
body[data-theme="dark"] .side-menu-addl .form-control,
body[data-theme="dark"] .wsd-header-item-base,
body[data-theme="dark"] .periodselection .form-control,
body[data-theme="dark"] .theme-name input[type="text"],
body[data-theme="dark"] .columns-edit-row .form-control, body[data-theme="dark"] .add-payment-tile .tile,
body[data-theme="dark"] .pos_holder .tile, body[data-theme="dark"] .filter-bar input#txtmediasearch,
body[data-theme="dark"] .element-section .form-control, body[data-theme="dark"] .element-section input.coloris{
  background-color: var(--theme-tr-odd) !important;
  color: var(--theme-white) !important;
}
body[data-theme="dark"] .edititem-model .input-group, body[data-theme="dark"] .edititem-model .form-control.item-menu {
    border: 1px solid var(--theme-transparent);
    background-color: var(--theme-inputbox) !important;
    color: var(--theme-th-searchtext) !important;
}
body[data-theme="dark"] #webshopDesignerPage .inner-containerbox .div-with-border, body[data-theme="dark"] .filterbox .form-control,
body[data-theme="dark"] .designer-sidebar .header-action-event, body[data-theme="dark"] .designer-sidebar-body,
body[data-theme="dark"] .designer-sidebar-body .label-box,
body[data-theme="dark"] .designer-sidebar, body[data-theme="dark"] .designer-sidebar-property,
body[data-theme="dark"] label.custom-file-label, body[data-theme="dark"] .designer-sidebar-body h4.property-title,
body[data-theme="dark"] .create-label-list .create-label:hover,
body[data-theme="dark"] .header-align-toolbar .align-tools:hover,
body[data-theme="dark"] .create-label-list .create-label, body[data-theme="dark"] ul.nav.nav-tabs,
body[data-theme="dark"] .articlebox,
body[data-theme="dark"] .webshopdesigner-details-content .add-section,
body[data-theme="dark"] #itemsGridPop thead th,
body[data-theme="dark"] .side-menu-addl {
    border-color: var(--theme-inputbox) !important;
}
body[data-theme="dark"] #customercardHistorygrid table.dataTable thead th,
body[data-theme="dark"] #customercardHistorygrid .table-bordered tr {
    border-bottom: 2px solid var(--theme-inputbox) !important;
}
body[data-theme="dark"] .app-search .form-control, body[data-theme="dark"] .app-search .form-control:focus,
body[data-theme="dark"] .dash-search-bar input#dashSearchBar,
body[data-theme="dark"] .dash-search-bar input#newDashSearchBar,
body[data-theme="dark"] input[type=number], body[data-theme="dark"] .checkbox input + label:before,
body[data-theme="dark"] input[type=password], body[data-theme="dark"] input[type=tel],
body[data-theme="dark"] input[type=email], body[data-theme="dark"] textarea, body[data-theme="dark"] .select2-selection__rendered,
body[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered,
body[data-theme="dark"] input[type=date], body[data-theme="dark"] .select2-container--default .select2-selection--multiple,
body[data-theme="dark"] .popup #txtsearchdata,
body[data-theme="dark"] .divpreview .btn.btn-preview,
body[data-theme="dark"] .shortcut-modal .section .nav a:hover,
body[data-theme="dark"] .reservation-container .custom-control-label::before,
body[data-theme="dark"] .add-section .form-control.item-menu,
body[data-theme="dark"] .subchild-row label .form-control, body[data-theme="dark"] .child-action-row select.form-control,
body[data-theme="dark"] .box-typical-component label select.form-control.select2,
body[data-theme="dark"] .box-typical-component label .form-control,
body[data-theme="dark"] .subchild-row label .form-control[type="number"],
body[data-theme="dark"] .columns-edit-row .box-typical-component .form-group .form-control,
body[data-theme="dark"] #galleryimagefilter,
body[data-theme="dark"] .theme-categories-panel select.form-control.select2,
body[data-theme="dark"] .col-md-12.rightpanel-width, body[data-theme="dark"] .modal.add-grid .grisFields tr, body[data-theme="dark"] .pos_holder .selv-receipt, body[data-theme="dark"] .newgallery-modal .gallery-media-information .group-check-box,
body[data-theme="dark"] .newgallery-modal .gallery-media-information .grid-col .img, body[data-theme="dark"] .gallery-section select#MailFormatType, body[data-theme="dark"] .gallery-section input#txtmediasearch,
body[data-theme="dark"] .sp-elements li, body[data-theme="dark"] .signage-page .toolbar .dropdown-content button, body[data-theme="dark"] .MultiseekSelectorTemplate span.titleName {
  background-color: var(--theme-inputbox) !important;
  border: 0px solid var(--theme-inputbox);
  color: var(--theme-white) !important;
}
    body[data-theme="dark"] .sp-elements li.active, body[data-theme="dark"] .sp-elements li:hover {
        border: 1px solid var(--theme-white);
    }
body[data-theme="dark"] .sp-elements li {
    border: 1px solid var(--theme-inputbox);
}
body[data-theme="dark"] .child-action-row select.form-control,
body[data-theme="dark"] .box-typical-component label select.form-control.select2
{
    border: 1px solid #646464 !important;
}

    body[data-theme="dark"] input[type=search] {
        background: var(--theme-lightskyblue) !important;
        border: 0px !important;
        color: var(--theme-th-searchtext) !important;
    }
body[data-theme="dark"] .select2-dropdown, body[data-theme="dark"] .page-with-sidebar .sidebar-nav {
    border-color: var(--theme-foreground);
}
body[data-theme="dark"] table input[type='text'], body[data-theme="dark"] .btn.table-btn {
  border: 1px;
  color: var(--theme-white) !important;
  font-weight: 300;
}
  body[data-theme="dark"] table input[type='text'],
  body[data-theme="dark"] .menugroup-actionbtn,
  body[data-theme="dark"] .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch,
  body[data-theme="dark"] .offerExpired td,
  body[data-theme="dark"] .btn.table-btn, body[data-theme="dark"] .btn.table-btn:hover,
  body[data-theme="dark"] .table-responsive th input[type=number],
  body[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_calendar td:hover,
  body[data-theme="dark"] .tab-content .container #DNDataGridTable .btn.btn-primary,
  body[data-theme="dark"] .input-group-prepend .input-group-text,
  body[data-theme="dark"] .input-group-append .input-group-text,
  body[data-theme="dark"] .bm-content table .btn.btn-primary,
  body[data-theme="dark"] .col-md-9.docs-buttons .btn-group .btn.btn-primary,
  body[data-theme="dark"] .modal-content .flex-nowrap .btn.btn-primary:active,
  body[data-theme="dark"] .col-md-3.docs-toggles .btn.btn-primary:hover,
  body[data-theme="dark"] .modal-content .col-md-3.docs-toggles .btn.btn-primary:active,
  body[data-theme="dark"] .divsidebar-body .order-list-filter div.active,
  body[data-theme="dark"] .divsidebar-body .order-list-filter div:hover,
  body[data-theme="dark"] .paginate_button.active a,
  body[data-theme="dark"] .reservation-order-list td a.so-link,
  body[data-theme="dark"] .row-designer .col-tools .tool-list,
  body[data-theme="dark"] .select-grid, body[data-theme="dark"] .non-editable-grid {
    background-color: var(--theme-tableinputsearch) !important;
  }
.divsidebar-body .order-list-filter div {
    border-color: var(--theme-light-background)
}



body[data-theme="dark"] input[type=search]:focus, body[data-theme="dark"] input#templateName:active,
body[data-theme="dark"] input#templateName:focus {
    border: 1px solid var(--theme-borderfocus) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
}
body[data-theme="dark"] .table-responsive::-webkit-scrollbar,
body[data-theme="dark"] #dvUserFormsPrt::-webkit-scrollbar,
body[data-theme="dark"] #select2-Operator_Role-results::-webkit-scrollbar,
body[data-theme="dark"] .action-bar .customizer-body .tab-pane::-webkit-scrollbar,
body[data-theme="dark"] .about-side-slider .modal-body::-webkit-scrollbar,
body[data-theme="dark"] .component-list::-webkit-scrollbar,
body[data-theme="dark"] .designer-sidebar-body::-webkit-scrollbar,
body[data-theme="dark"] .select2-results__options::-webkit-scrollbar,
body[data-theme="dark"] .tree-box .tree::-webkit-scrollbar,
body[data-theme="dark"] .modal-content-scroll::-webkit-scrollbar,
body[data-theme="dark"] .designer-sidebar-body .create-label-list::-webkit-scrollbar,
body[data-theme="dark"] .fc-scroller.fc-time-grid-container::-webkit-scrollbar,
body[data-theme="dark"] .modal-dialog.custom-model .modal-body::-webkit-scrollbar,
body[data-theme="dark"] .shortcut-modal .shortcutslist-area::-webkit-scrollbar,
body[data-theme="dark"] .scrollRSS::-webkit-scrollbar,
body[data-theme="dark"] #viewPlaceHolderPop .modal-content-scroll .box-typical-body.panel-body::-webkit-scrollbar,
body[data-theme="dark"] #ExtendedItemInfo::-webkit-scrollbar,
body[data-theme="dark"] .fc-scroller::-webkit-scrollbar,
body[data-theme="dark"] .action-bar .link-icons::-webkit-scrollbar,
body[data-theme="dark"] .layoutcontainer::-webkit-scrollbar,
body[data-theme="dark"] .themedata .theme-fontsize::-webkit-scrollbar,
body[data-theme="dark"] .componentEdit::-webkit-scrollbar,
body[data-theme="dark"] .blazor-modal::-webkit-scrollbar,
body[data-theme="dark"] .cke_contents::-webkit-scrollbar,
body[data-theme="dark"] .editors #formGroupImage::-webkit-scrollbar,
body[data-theme="dark"] select#SpecialCodeId::-webkit-scrollbar,
body[data-theme="dark"] #reportbody::-webkit-scrollbar,
body[data-theme="dark"] #formGroupImage::-webkit-scrollbar,
body[data-theme="dark"] .properties-body .col-selection::-webkit-scrollbar,
body[data-theme="dark"] .grisFields::-webkit-scrollbar,
body[data-theme="dark"] nav .jspContainer::-webkit-scrollbar,
body[data-theme="dark"] .dynamicLink-area::-webkit-scrollbar,
body[data-theme="dark"] #mainreport::-webkit-scrollbar,
body[data-theme="dark"] .modal-content.image-setting-manger .modal-body::-webkit-scrollbar,
body[data-theme="dark"] .iti__country-list::-webkit-scrollbar,
body[data-theme="dark"] .box-typical-body.panel-body.wsd-section::-webkit-scrollbar,
body[data-theme="dark"] .bm-container .bm-content::-webkit-scrollbar,
body[data-theme="dark"] .box-typical.box-typical-dashboard .box-typical-body::-webkit-scrollbar,
body[data-theme="dark"] .payment-container.bottom-panel::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

body[data-theme="dark"] #masterPageNavbar::-webkit-scrollbar {
  width: 5px;
  height: 6px;
}

body[data-theme="dark"] .table-responsive, body[data-theme="dark"] #dvUserFormsPrt,
body[data-theme="dark"] .fc-scroller.fc-time-grid-container, body[data-theme="dark"] .shortcut-modal .shortcutslist-area,
body[data-theme="dark"] #select2-Operator_Role-results,
body[data-theme="dark"] .action-bar .customizer-body .tab-pane,
body[data-theme="dark"] .about-side-slider .modal-body, body[data-theme="dark"] .fc-scroller
body[data-theme="dark"] .component-list,
body[data-theme="dark"] .designer-sidebar-body,
body[data-theme="dark"] .select2-results__options,
body[data-theme="dark"] .tree-box .tree,
body[data-theme="dark"] .modal-content-scroll,
body[data-theme="dark"] .designer-sidebar-body .create-label-list,
body[data-theme="dark"] .fc-scroller.fc-time-grid-container,
body[data-theme="dark"] .modal-dialog.custom-model .modal-body,
body[data-theme="dark"] .shortcut-modal .shortcutslist-area, body[data-theme="dark"] .scrollRSS,
body[data-theme="dark"] #masterPageNavbar,
body[data-theme="dark"] #viewPlaceHolderPop .modal-content-scroll .box-typical-body.panel-body,
body[data-theme="dark"] #ExtendedItemInfo,
body[data-theme="dark"] .fc-scroller,
body[data-theme="dark"] .action-bar .link-icons,
body[data-theme="dark"] .themedata .theme-fontsize,
body[data-theme="dark"] .componentEdit,
body[data-theme="dark"] #reportbody,
body[data-theme="dark"] #formGroupImage,
body[data-theme="dark"] .properties-body .col-selection,
body[data-theme="dark"] .grisFields,
body[data-theme="dark"] nav .jspContainer,
body[data-theme="dark"] .dynamicLink-area,
body[data-theme="dark"] #mainreport,
body[data-theme="dark"] .modal-content.image-setting-manger .modal-body, body[data-theme="dark"] .iti__country-list,
body[data-theme="dark"] .box-typical-body.panel-body.wsd-section,
body[data-theme="dark"] .bm-container .bm-content,
body[data-theme="dark"] .box-typical.box-typical-dashboard .box-typical-body,
body[data-theme="dark"] .payment-container.bottom-panel, body[data-theme="dark"] .newgallery-modal .gallery-media-information .group-check-box {
    scrollbar-width: thin;
    scrollbar-color: var(--thumbbarBG) var(--scrollbarBG);
}
body[data-theme="dark"] .ui-widget-content:not(.sp-container), body[data-theme="dark"] .fc td,
body[data-theme="dark"] .fc th, body[data-theme="dark"] .fc-toolbar.fc-header-toolbar .fc-left button,
body[data-theme="dark"] .select2-dropdown, body[data-theme="dark"] .edit-card-link:hover,
body[data-theme="dark"] .list-group-item .btn.btn-secondary, body[data-theme="dark"] .list-group-item .btn.btn-secondary,
body[data-theme="dark"] .menugroup-actionbtn .btn.btn-primary,
body[data-theme="dark"] #signage-canvas {
    background: var(--theme-active) !important;
}
body[data-theme="dark"] .table-responsive::-webkit-scrollbar-track,
body[data-theme="dark"] #dvUserFormsPrt::-webkit-scrollbar-track,
body[data-theme="dark"] #select2-Operator_Role-results::-webkit-scrollbar-track,
body[data-theme="dark"] .action-bar .customizer-body .tab-pane::-webkit-scrollbar-track,
body[data-theme="dark"] .about-side-slider .modal-body::-webkit-scrollbar-track,
body[data-theme="dark"] .component-list::-webkit-scrollbar-track,
body[data-theme="dark"] .designer-sidebar-body::-webkit-scrollbar-track,
body[data-theme="dark"] .select2-results__options::-webkit-scrollbar-track,
body[data-theme="dark"] .tree-box .tree::-webkit-scrollbar-track,
body[data-theme="dark"] .modal-content-scroll::-webkit-scrollbar-track,
body[data-theme="dark"] .designer-sidebar-body .create-label-list::-webkit-scrollbar-track,
body[data-theme="dark"] .fc-scroller.fc-time-grid-container::-webkit-scrollbar-track,
body[data-theme="dark"] .modal-dialog.custom-model .modal-body::-webkit-scrollbar-track,
body[data-theme="dark"] .shortcut-modal .shortcutslist-area::-webkit-scrollbar-track,
body[data-theme="dark"] .scrollRSS::-webkit-scrollbar-track,
body[data-theme="dark"] #masterPageNavbar::-webkit-scrollbar-track,
body[data-theme="dark"] #viewPlaceHolderPop .modal-content-scroll .box-typical-body.panel-body::-webkit-scrollbar-track,
body[data-theme="dark"] #ExtendedItemInfo::-webkit-scrollbar-track,
body[data-theme="dark"] .fc-scroller::-webkit-scrollbar-track,
body[data-theme="dark"] .action-bar .link-icons::-webkit-scrollbar-track,
body[data-theme="dark"] .layoutcontainer::-webkit-scrollbar-track,
body[data-theme="dark"] .themedata .theme-fontsize::-webkit-scrollbar-track,
body[data-theme="dark"] .componentEdit::-webkit-scrollbar-track,
body[data-theme="dark"] .table-responsive::-webkit-scrollbar-corner,
body[data-theme="dark"] .table-responsive::-webkit-resizer,
body[data-theme="dark"] .blazor-modal::-webkit-scrollbar-track,
body[data-theme="dark"] .cke_contents::-webkit-scrollbar-track,
body[data-theme="dark"] .editors #formGroupImage::-webkit-scrollbar-track,
body[data-theme="dark"] #formGroupImage::-webkit-resizer,
body[data-theme="dark"] #formGroupImage::-webkit-scrollbar-corner,
body[data-theme="dark"] ul.select2-results__options::-webkit-resizer,
body[data-theme="dark"] ul.select2-results__options::-webkit-scrollbar-corner,
body[data-theme="dark"] .select2-results::-webkit-scrollbar-corner,
body[data-theme="dark"] .select2-results::-webkit-resizer,
body[data-theme="dark"] .blazor-modal::-webkit-resizer,
body[data-theme="dark"] .blazor-modal::-webkit-scrollbar-corner,
body[data-theme="dark"] select#SpecialCodeId::-webkit-scrollbar-track,
body[data-theme="dark"] #reportbody::-webkit-scrollbar-track,
body[data-theme="dark"] #formGroupImage::-webkit-scrollbar-track,
body[data-theme="dark"] .properties-body .col-selection::-webkit-scrollbar-track,
body[data-theme="dark"] .grisFields::-webkit-scrollbar-track,
body[data-theme="dark"] nav .jspContainer::-webkit-scrollbar-track,
body[data-theme="dark"] .dynamicLink-area::-webkit-scrollbar-track,
body[data-theme="dark"] #mainreport::-webkit-scrollbar-track,
body[data-theme="dark"] .modal-content.image-setting-manger .modal-body::-webkit-scrollbar-track,
body[data-theme="dark"] .iti__country-list::-webkit-scrollbar-track,
body[data-theme="dark"] .box-typical-body.panel-body.wsd-section::-webkit-scrollbar-track,
body[data-theme="dark"] .bm-container .bm-content::-webkit-scrollbar-track,
body[data-theme="dark"] .box-typical.box-typical-dashboard .box-typical-body::-webkit-scrollbar-track,
body[data-theme="dark"] .payment-container.bottom-panel::-webkit-scrollbar-track {
    background: var(--theme-tr-odd) !important;
}

body[data-theme="dark"] .modal-dialog .grisFields::-webkit-scrollbar-track {
    background: var(--theme-foreground) !important;
}

body[data-theme="dark"] .table-responsive::-webkit-scrollbar-thumb,
body[data-theme="dark"] #dvUserFormsPrt::-webkit-scrollbar-thumb, body[data-theme="dark"] .fc-scroller.fc-time-grid-container::-webkit-scrollbar-thumb,
body[data-theme="dark"] #select2-Operator_Role-results::-webkit-scrollbar-thumb,
body[data-theme="dark"] .action-bar .customizer-body .tab-pane::-webkit-scrollbar-thumb,
body[data-theme="dark"] .about-side-slider .modal-body::-webkit-scrollbar-thumb,
body[data-theme="dark"] .component-list::-webkit-scrollbar-thumb,
body[data-theme="dark"] .designer-sidebar-body::-webkit-scrollbar-thumb,
body[data-theme="dark"] .select2-results__options::-webkit-scrollbar-thumb,
body[data-theme="dark"] .tree-box .tree::-webkit-scrollbar-thumb,
body[data-theme="dark"] .designer-sidebar-body .create-label-list::-webkit-scrollbar-thumb,
body[data-theme="dark"] .modal-dialog.custom-model .modal-body::-webkit-scrollbar-thumb,
body[data-theme="dark"] .shortcut-modal .shortcutslist-area::-webkit-scrollbar-thumb,
body[data-theme="dark"] .scrollRSS::-webkit-scrollbar-thumb,
body[data-theme="dark"] #masterPageNavbar::-webkit-scrollbar-thumb,
body[data-theme="dark"] #viewPlaceHolderPop .modal-content-scroll .box-typical-body.panel-body::-webkit-scrollbar-thumb,
body[data-theme="dark"] #ExtendedItemInfo::-webkit-scrollbar-thumb,
body[data-theme="dark"] .fc-scroller::-webkit-scrollbar-thumb,
body[data-theme="dark"] .action-bar .link-icons::-webkit-scrollbar-thumb,
body[data-theme="dark"] .layoutcontainer::-webkit-scrollbar-thumb,
body[data-theme="dark"] .themedata .theme-fontsize::-webkit-scrollbar-thumb,
body[data-theme="dark"] .componentEdit::-webkit-scrollbar-thumb,
body[data-theme="dark"] .blazor-modal::-webkit-scrollbar-thumb,
body[data-theme="dark"] .cke_contents::-webkit-scrollbar-thumb,
body[data-theme="dark"] .editors #formGroupImage::-webkit-scrollbar-thumb,
body[data-theme="dark"] select#SpecialCodeId::-webkit-scrollbar-thumb,
body[data-theme="dark"] #reportbody::-webkit-scrollbar-thumb,
body[data-theme="dark"] #formGroupImage::-webkit-scrollbar-thumb,
body[data-theme="dark"] .properties-body .col-selection::-webkit-scrollbar-thumb,
body[data-theme="dark"] .grisFields::-webkit-scrollbar-thumb,
body[data-theme="dark"] nav .jspContainer::-webkit-scrollbar-thumb,
body[data-theme="dark"] .dynamicLink-area::-webkit-scrollbar-thumb,
body[data-theme="dark"] #mainreport::-webkit-scrollbar-thumb,
body[data-theme="dark"] .modal-content.image-setting-manger .modal-body::-webkit-scrollbar-thumb,
body[data-theme="dark"] .iti__country-list::-webkit-scrollbar-thumb,
body[data-theme="dark"] .box-typical-body.panel-body.wsd-section::-webkit-scrollbar-thumb,
body[data-theme="dark"] .bm-container .bm-content::-webkit-scrollbar-thumb {
    background-color: var(--theme-tableinputsearch);
    border-radius: 6px;
    border: 0px;
}
body[data-theme="dark"] .modal-body .table-responsive::-webkit-scrollbar-track,
body[data-theme="dark"] .modal-body .shortcutslist-area::-webkit-scrollbar-track{
  background: var(--theme-dark-gray) !important;
}
body[data-theme="dark"] .edit-card-link, body[data-theme="dark"] header .ws-header-search-container .icon-search {
  background-color: var(--theme-tableinputsearch) !important;
}
        body[data-theme="dark"] .box-typical.box-typical-dashboard .box-typical-header {
            border-bottom: none;
        }
body[data-theme="dark"] .box-typical .form-control:focus, body[data-theme="dark"] input[type='text']:focus,
body[data-theme="dark"] label.custom-file-label:focus,body[data-theme="dark"] .gallery-section .checkbox input + label:before {
  border: 1px solid var(--theme-tableinputsearch);
  background: var(--theme-foreground);
  -webkit-box-shadow: none;
  box-shadow: none;
}

body[data-theme="dark"] .row-preview .prv-col,
body[data-theme="dark"] section.newgallery-modal .image-gallary .card-list-box,
body[data-theme="dark"] section.newgallery-modal .gallery-media-information .checkbox,
body[data-theme="dark"] .docking-frame .df-header,
body[data-theme="dark"] #dockable .ui-resizable-s {
    border-color: var(--theme-tableinputsearch);
}

body[data-theme="dark"] .box-typical .form-control:focus,
body[data-theme="dark"] input[type='text']:focus,
body[data-theme="dark"] .box-typical [type="number"].form-control:focus,
body[data-theme="dark"] .box-typical [type="tel"].form-control:focus,
body[data-theme="dark"] .box-typical [type="email"].form-control:focus,
body[data-theme="dark"] textarea:focus,
body[data-theme="dark"] .box-typical .form-control:focus,
body[data-theme="dark"] .divsidebar-body .order-list-filter div.active,
body[data-theme="dark"] .divsidebar-body .order-list-filter div:hover,
body[data-theme="dark"] .capacity-block [type="number"] {
    border: 1px solid var(--theme-tableinputsearch) !important;
}
body[data-theme="dark"] .form-control:disabled, body[data-theme="dark"] .form-control[readonly],
body[data-theme="dark"] .form-control[readonly]:focus,
body[data-theme="dark"] .filenoattachment, body[data-theme="dark"] .fixed-area-bottom .btn:disabled,
body[data-theme="dark"] .fixed-area-bottom .btn:disabled {
    border: 0px !important;
    background-color: var(--theme-inputdisabled) !important;
    border-color: var(--theme-inputdisabled) !important;
    color: var(--theme-white) !important;
}
body[data-theme="dark"] button#btnDelete[disabled="disabled"] {
    background-color: var(--theme-inputdisabled) !important;
}
body[data-theme="dark"] .fixed-area-bottom,
body[data-theme="dark"] .blazor-modal .multiseek-row-odd:hover,
body[data-theme="dark"] .blazor-modal .multiseek-row-pair:hover {
    background: var(--theme-background) !important;
}
        body[data-theme="dark"] .fixed-area-bottom {
            border-top: 7px solid #000000;
        }
body[data-theme="dark"] .email-designer-container .page-title,
body[data-theme="dark"] .sms-designer-container .page-title
 {
    border-bottom: 1px solid var(--theme-light-background) !important;
}
body[data-theme="dark"] .modal-content .edititem-model .card,
body[data-theme="dark"] .modal-content .edititem-model .card .card-header,
body[data-theme="dark"] .col-md-9.docs-buttons .btn-group .btn.btn-primary:hover,
body[data-theme="dark"] .col-md-9.docs-buttons .btn-group .btn.btn-primary,
body[data-theme="dark"] button#btnDelete[disabled="disabled"] {
    border: 0px solid var(--theme-light-background) !important;
}
body[data-theme="dark"] .pop-icon {
    border-left: 1px solid var(--theme-modalbtn-hover);
    background-color: transparent;
    border-right: 1px solid transparent;
}
body[data-theme="dark"] .wsd-header-grid {
    border-color: var(--theme-modalbtn-hover) !important;
}
body[data-theme="dark"] .pagination > li > a, body[data-theme="dark"] .pagination > li > span {
    color: var(--theme-th-searchtext);
}
body[data-theme="dark"] .pagination > .active > a, body[data-theme="dark"] .pagination > .active > span,
body[data-theme="dark"] .pagination > .active > a:hover, body[data-theme="dark"] .pagination > .active > span:hover,
body[data-theme="dark"] .pagination > .active > a:focus, body[data-theme="dark"] .pagination > .active > span:focus,
body[data-theme="dark"] .multiseek-pagination .multiseek-pagination-nav,
body[data-theme="dark"] .bm-footer .btn.btn-primary,
body[data-theme="dark"] .form-group.spaceDetail .btn:hover,
body[data-theme="dark"] .side-menu-addl .btn:hover,
body[data-theme="dark"] #area-body-modal .row-property .btn:hover

{ /*buttons body hover color*/
    background-color: var(--theme-borderfocus) !important;
    border: 0px solid var(--theme-borderfocus) !important;
    border-radius: 4px;
}

        body[data-theme="dark"] .pagination > .active > span,
        body[data-theme="dark"] .box-typical .pagination > .active > a:hover, body[data-theme="dark"] .pagination > .active > span:hover,
        body[data-theme="dark"] .box-typical .pagination > .active > a:focus, body[data-theme="dark"] .pagination > .active > span:focus {
            background-color: var(--theme-background) !important;
            border: 0px solid var(--theme-background) !important;
            border-radius: 4px;
        }
       body[data-theme="dark"] .pagination > li > span {
            color: var(--theme-white);
            border-color: var(--theme-foreground) !important;
            background-color: var(--theme-header) !important;
        }

body[data-theme="dark"] #calendar .fc-toolbar.fc-header-toolbar .fc-left button,
body[data-theme="dark"] #btnMarkAllergens:hover,
body[data-theme="dark"] #logicalGroupItems:hover {
  background-color: var(--theme-translucent) !important;
}
body[data-theme="dark"] .select-widget-color .clr-field [type="button"] {
    color: unset !important;
}
body[data-theme="dark"] #tool-bar input.coloris {
    color: var(--theme-modalbtn-hover);
}
    body[data-theme="dark"] .box-typical .pagination > .disabled > span,
    body[data-theme="dark"] .box-typical .pagination > .disabled > a,
    body[data-theme="dark"] .box-typical .pagination > .disabled > a:hover,
    body[data-theme="dark"] .box-typical .pagination > .disabled > a:focus {
        color: var(--theme-lightskyblue);
        border-color: var(--theme-header);
        background-color: var(--theme-header);
    }
    body[data-theme="dark"] .date-picker-events .ui-state-default, body[data-theme="dark"] .date-picker-events .ui-widget-content .ui-state-default,
    body[data-theme="dark"] .error-text {
        background-color: var(--theme-translucent);
    }
    body[data-theme="dark"] .date-picker-events .ui-state-active, body[data-theme="dark"] .date-picker-events .ui-widget-content .ui-state-active {
        background: var(--theme-active) !important;
    }
    body[data-theme="dark"] .popup {
        background-color: var(--theme-background);
        border-left: 1px solid var(--theme-tr-even);
    }
        body[data-theme="dark"] .popup .close {
            text-shadow: none;
            color: #fff !important;
            opacity: .8;
            margin-right: 14px;
            margin-bottom: 10px;
        }
        body[data-theme="dark"] .popup .table-striped > tbody > tr:nth-of-type(even),
        body[data-theme="dark"] table thead.wsd-table-header th {
            background-color: var(--theme-tr-even) !important;
        }
        body[data-theme="dark"] .popup .table-striped > tbody > tr:nth-of-type(odd) {
            background-color: var(--theme-header) !important;
        }
body[data-theme="dark"] .divsidebar-body .level-name,
body[data-theme="dark"] .action-gridlistview .layout-gridview.active,
body[data-theme="dark"] .action-gridlistview .layout-listview.active,
body[data-theme="dark"] .select2-results__options .select2-results__option[aria-selected=true],
body[data-theme="dark"] #area-body-modal .row-property .btn, body[data-theme="dark"] .paymean_container_widget .tile .tile_icon, body[data-theme="dark"] .paymean_container_widget .tile-content, body[data-theme="dark"] .pos_holder .tile-close i,
body[data-theme="dark"] .pos_holder .edit-icon, body[data-theme="dark"] .add-payment-tile .tile-content, body[data-theme="dark"] .pos_holder .tile-content, body[data-theme="dark"] .pos_holder .tile_icon, body[data-theme="dark"] .paymean_container_widget .tile-close i,
body[data-theme="dark"] .paymean_container_widget .edit-icon {
  color: var(--theme-white) !important;
}
body[data-theme="dark"] .action-gridlistview .layout-gridview,
body[data-theme="dark"] .action-gridlistview .layout-listview {
    color: var(--theme-active) !important;
}
    body[data-theme="dark"] .modal-content .btn.btn-primary, body[data-theme="dark"] .dngridcbbtn {
        background-color: var(--theme-dark-gray);
        border-color: var(--theme-dark-gray);
    }
    /* hover color*/      /* hover color*/

      body[data-theme="dark"] .dngridcbbtn:hover, body[data-theme="dark"] #MultiseekBackground #btnMultiSave:hover,
      body[data-theme="dark"] .modal-footer .btn.btn-delete:hover,
      body[data-theme="dark"] .modal-footer .btn.btn-save:hover,
      body[data-theme="dark"] .modal-footer .btn.btn-delete:hover,
      body[data-theme="dark"] #dashboardShotcutModal .shortcut-modal .btn.btn-default:hover,
      body[data-theme="dark"] .shortcut-modal .section .nav a.active:hover,
      body[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover,
      body[data-theme="dark"] #viewPlaceHolderPop .modal-footer .btn.btn-default:hover,
      body[data-theme="dark"] .box-typical .btn.btn-new:hover
      body[data-theme="dark"] .box-typical-body .btn.btn-new:hover,
      body[data-theme="dark"] .box-typical #btnAddAllergens:hover,
      body[data-theme="dark"] .box-typical.box-typical-dashboard .btn.btn-save:hover,
      body[data-theme="dark"] .box-typical-body.panel-body .btn.btn-default:hover,
      body[data-theme="dark"] #btnMarkAllergens:hover, body[data-theme="dark"] #btnSendAgain:hover,
      body[data-theme="dark"] .box-typical-body.panel-body .form-group .btn-default:hover,
      body[data-theme="dark"] #btnAddMoreItem:hover, body[data-theme="dark"] #relatedItems:hover,
      body[data-theme="dark"] #itemIngredients:hover, body[data-theme="dark"] #alternateItems:hover,
      body[data-theme="dark"] .confirm:hover, body[data-theme="dark"] .sweet-alert button.cancel:hover,
      body[data-theme="dark"] .btn.btn-new.Multiseek:hover, body[data-theme="dark"] #btnMultiSelect:hover,
      body[data-theme="dark"] .btn-default.btn-ordersuggestion-filter:hover,
      body[data-theme="dark"] #DetailsPartial .modal-content #btnPublish:hover,
      body[data-theme="dark"] #DetailsPartial .modal-content #btnPinned:hover,
      body[data-theme="dark"] #DetailsPartial .modal-footer .btn.btn-new:hover,
      body[data-theme="dark"] #DetailsPartial .nav.nav-tabs li:hover
      body[data-theme="dark"] #DetailsPartial .btn.btn-Un-Publish:hover,
      body[data-theme="dark"] #DetailsPartial #closeFootNavigation:hover,
      body[data-theme="dark"] .box-typical-body.panel-body .pagination > .paginate_button.active > a,
      body[data-theme="dark"] .box-typical-body.panel-body #logicalGroupItems:hover,
      body[data-theme="dark"] .box-typical-body.panel-body .event-popup-btn-groups #EventDetailsLi:hover,
      body[data-theme="dark"] .box-typical-body.panel-body .bottomexport #btnExport:hover,
      body[data-theme="dark"] .box-typical-body.panel-body #btnCopy:hover,
      body[data-theme="dark"] .event-popup-btn-groups #EventDetailsLi:hover,
      body[data-theme="dark"] #ModalCheckItemExistsInOtherDiscounts .btn.btn-default:hover,
      body[data-theme="dark"] #DetailsPartial #btnUn-Publish:hover,
      body[data-theme="dark"] #divImageEditor #btnSaveEditedImage:hover,
      body[data-theme="dark"] #divImageEditor #btnCancelSave:hover,
      body[data-theme="dark"] #divImageEditor .btn-primary.active,
      body[data-theme="dark"] #viewPlaceHolderDialog .btn.btn-default:hover,
      body[data-theme="dark"] #DetailsPartial #btnDeactivateCard:hover,
      body[data-theme="dark"] #DetailsPartial #btncancelDeactivateCard:hover,
      body[data-theme="dark"] #ItemMovementFilter #btnSaveFilter:hover,
      body[data-theme="dark"] #viewPOPlaceHolderPop #btnSaveLines:hover,
      body[data-theme="dark"] #viewPOPlaceHolderPop #btnclose:hover,
      body[data-theme="dark"] #divDnEventCanlendarPage .modal .tab-content .pagination > li > a:hover,
      body[data-theme="dark"] #divDnEventCanlendarPage .modal .tab-content .pagination > li.active > a,
      body[data-theme="dark"] #divSideMenu li.li-active,
      body[data-theme="dark"] .side-menu .side-menu-list > li.opened.with-sub a:hover,
      body[data-theme="dark"] .modal-footer #btnUnPublish:hover,
      body[data-theme="dark"] #divEditDiscountDetailPage .colapsable-data:hover,
      body[data-theme="dark"] #viewFeedPlaceHolderPopup .modal-footer #btnClose:hover,
      body[data-theme="dark"] .box-typical-body.panel-body #masterPageNavbar #EventDetailsLi:hover,
      body[data-theme="dark"] #ReportModal #reportbody div,
      body[data-theme="dark"] button.datagrid-context-menu.btn.bottomexport:hover,
      body[data-theme="dark"] .shortcut-modal .section .nav a,
      body[data-theme="dark"] .box-typical-body .fixed-area-bottom .btn.btn-save:hover,
      body[data-theme="dark"] .component-block .btn:hover,
      body[data-theme="dark"] .modal-footer .btn.btn-delete:hover,
      body[data-theme="dark"] .modal-footer .btn.btn-default:hover,
      body[data-theme="dark"] .modal-footer .btn.dnm-yes:hover,
      body[data-theme="dark"] .modal-footer .btn.dnicon_checkmark:hover,
      body[data-theme="dark"] #alertModal .modal-footer .btn.dnicon_delete:hover,
      body[data-theme="dark"] .blazor-modal .bm-footer button.bm-footer-item:hover,
      body[data-theme="dark"] .webshopdesigner-details-main button.btn-back,
      body[data-theme="dark"] .wsd-image-preview .btn.btn-delete,
      body[data-theme="dark"] .webshopdesigner-details-main .webshopdesigner-details-content .btn.btn-new,
      body[data-theme="dark"] ul.dn-dd-dropzone.layoutcontainer li button,
      body[data-theme="dark"] .wsd-header-menu-nav .wsd-header-menu-nav-item.btn.btn-primary,
      body[data-theme="dark"] .add-section .btn.btn-delete,
      body[data-theme="dark"] legend + button.DNButton.btn.btn-default,
      body[data-theme="dark"] .tab-content .component-list li button,
      body[data-theme="dark"] .tab-content .component-list li,
      body[data-theme="dark"] .component-list li button .layoutrow,
      body[data-theme="dark"] .col-md-9.docs-buttons .btn-group .btn.btn-primary:hover,
      body[data-theme="dark"] .modal-footer .btn.dnicon_delete:hover,
      body[data-theme="dark"] .box-typical.box-typical-dashboard .btn.btn-previous:hover,
      body[data-theme="dark"] .webshopdesigner-details-content .btn.btn-primary:hover,
      body[data-theme="dark"] .box-typical-body .form-group .btn.dnicon_add-plus:hover,
      body[data-theme="dark"] .email-template-designer .row-designer,
      body[data-theme="dark"] .modal-footer button:hover,
      body[data-theme="dark"] .ticket-quantity-selector button:hover,
      body[data-theme="dark"] .child-action-row .subchild-action-btn .btn,
      body[data-theme="dark"] #divImageEditor .btn-primary:hover,
      body[data-theme="dark"] button.DNButton.btn.btn-default.btn-back-callback,
      body[data-theme="dark"] .wsd-header-menu-node-container-top-right .wsd-header-menu-btn-group .btn.btn-primary,
      body[data-theme="dark"] #SizeGroupDiv .btn.btn-back:hover,
      body[data-theme="dark"] .blazor-modal .bm-content .multiseek-row-odd .btn.btn-primary:hover,
      body[data-theme="dark"] .blazor-modal .bm-content .multiseek-row-pair .btn.btn-primary:hover,
      body[data-theme="dark"] .btn.btn-primary.btn-continue:hover,
      body[data-theme="dark"] #SizeGroupDiv .btn.btn-back:hover,
      body[data-theme="dark"] .btn.showNewEntryBtn:hover,
      body[data-theme="dark"] .btn.addNewEntryBtn:hover,
      body[data-theme="dark"] .box-typical.box-typical-dashboard .bottom .btn.dnicon_delete:hover,
      body[data-theme="dark"] .properties-section .btn.dnicon_checkmark:hover,
      body[data-theme="dark"] .designer-element-section .handal-properties:hover,
      body[data-theme="dark"] .row-designer .col-tools .tool-list:hover,
      body[data-theme="dark"] .list-btngroup.list-hover:hover,
      body[data-theme="dark"] .btnpreview-section .btn.btn-default:hover,
      body[data-theme="dark"] .btn.dyn-dropdown-add-button:hover,
      body[data-theme="dark"] .email-template-properties .btn.btn-primary:hover,
      body[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_scroller,
      body[data-theme="dark"] .divcheckbox.hierarchypage button,
      body[data-theme="dark"] #divEditStaticLinkDetailsPage .btn.btn-default:hover,
      body[data-theme="dark"] .StepTab.tab-pane #MenuLinesData .btn.btn-new:hover,
      body[data-theme="dark"] .box-typical .btn.dnicon_add-plus,
      body[data-theme="dark"] #eventLinkNotificationModal .btn.btn-new.Multiseek:hover,
       body[data-theme="dark"] .box-typical .form-group .btn.dnicon_add-plus:hover, body[data-theme="dark"] .Email-section .btn.dnicon_add-plus:hover, body[data-theme="dark"] .gallery-header-filter .action-area button.btn:hover {
        background-color: var(--theme-modalbtn-hover) !important; /*body button hover*/ /*body button hover*/
        border-color: var(--theme-modalbtn-hover) !important;
      }
            body[data-theme="dark"] .modal-content .col-md-3.docs-toggles .btn.btn-primary,
            body[data-theme="dark"] #divImageEditor .btn-primary.active:hover,
            body[data-theme="dark"] ul.dn-dd-dropzone li button {
                background-color: var(--theme-tableinputsearch) !important;
            }
body[data-theme="dark"] .modal-content .col-md-3.docs-toggles .btn.btn-primary,
body[data-theme="dark"] .modal-footer button:hover{
    border: 0px !important;
}
    body[data-theme="dark"] .btn-new::before,
    body[data-theme="dark"] .btn-save::before,
    body[data-theme="dark"] .btn-delete::before,
    .layout-manager-section .toggle-view .iconbutton span {
        color: var(--theme-white) !important;
    }
body[data-theme="dark"] .btn-reload::before,
body[data-theme="dark"] .btn-undo::before,
body[data-theme="dark"] .btn-redo::before,
body[data-theme="dark"] .btn-cut::before,
body[data-theme="dark"] .btn-copy::before,
body[data-theme="dark"] .btn-paste::before,
body[data-theme="dark"] .btn-close::before,
body[data-theme="dark"] .btn-sendMail::before,
body[data-theme="dark"] .btn-filter::before,
body[data-theme="dark"] .btn-functions::before,
body[data-theme="dark"] .btn-preview::before,
body[data-theme="dark"] .btn-clear::before,
body[data-theme="dark"] .btn-distribute::before,
body[data-theme="dark"] .btn-previous::before,
body[data-theme="dark"] .btn-next::before,
body[data-theme="dark"] .btn-export::before,
body[data-theme="dark"] .btn-edit::before,
body[data-theme="dark"] .btn-help::before,
body[data-theme="dark"] .btn-print::before,
body[data-theme="dark"] .btn-back::before,
body[data-theme="dark"] .btn-zoomin::before,
body[data-theme="dark"] .btn-zoomout::before,
body[data-theme="dark"] .btn-zoomscalefit::before,
body[data-theme="dark"] .btn.no-icon::before,
body[data-theme="dark"] .page-title .fa.fa-th, body[data-theme="dark"] .dash-search-bar .app-search .icon-search,
body[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_prev,
body[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_next, body[data-theme="dark"] .search-box .icon-search,
body[data-theme="dark"] .action-bar .img-icon img,
body[data-theme="dark"] .search-for-email .icon-search img,
body[data-theme="dark"] .btn-outline-delete::before,
body[data-theme="dark"] .order-list-filter .order_status:hover,
body[data-theme="dark"] .order-list-filter .order_status.active,
body[data-theme="dark"] fieldset legend,
body[data-theme="dark"] .col-md-3.docs-toggles .btn.btn-primary,
body[data-theme="dark"] .child-action-row .subchild-action-btn .btn,
body[data-theme="dark"] .template-preview-card .btn-delete.template-remove:before,
body[data-theme="dark"] .modal-content .session-action-button .btn.btn-primary:hover, body[data-theme="dark"] .tools-area label {
  color: var(--theme-white) !important;
}

body[data-theme="dark"] .action-bar .action-link.editlanguage-toggle .img-icon img {
  filter: invert(0%) !important;
  -webkit-filter: invert(0%) !important;
}

body[data-theme="dark"] .btn-clear::before,
body[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_prev,
body[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_next,
body[data-theme="dark"] .draganddrop-content-back img,
body[data-theme="dark"] #ReportBackground .btn-zoomin::before,
body[data-theme="dark"] #ReportBackground .btn-zoomscalefit::before,
body[data-theme="dark"] #ReportBackground .btn-zoomout::before,
body[data-theme="dark"] #ReportBackground .btn-print::before,
body[data-theme="dark"] .btn-back::before,
body[data-theme="dark"] .fixed-area-bottom .btn.btn-reload::before,
body[data-theme="dark"] .icon-search img,
body[data-theme="dark"] .btn.btn-sendeMail:before,
body[data-theme="dark"] .btn-draft::before {
    filter: invert(100%);
    -webkit-filter: invert(100%);
}
body[data-theme="dark"] .toolbar .tool-option,
body[data-theme="dark"] .signage-page span.tool-label,
body[data-theme="dark"] #tool-bar input.coloris,
body[data-theme="dark"] .signage-page span.tool-label,
body[data-theme="dark"] .tool-option.action-btn button,
body[data-theme="dark"] .signage-page .top-bar .btn-area button,
body[data-theme="dark"] .docking-frame .df-header,
body[data-theme="dark"] .docking-frame,
body[data-theme="dark"] #dockable .ui-resizable-s {
    background-color: var(--theme-inputbox) !important;
}
    body[data-theme="dark"] .signage-page .top-bar .btn-area button{
        border-color: var(--theme-inputbox) !important;
    }
body[data-theme="dark"] .designer-sidebar .header-action-event .img-icon img {
  filter: invert(85%);
  -webkit-filter: invert(85%);
}
body[data-theme="dark"] .side-menu-list li.with-sub > span:before
 {
    border-color: var(--theme-white) transparent transparent transparent;
}

body[data-theme="dark"] .cke_top {
  border-bottom: 1px solid #232942;
  background: #232942;
}
body[data-theme="dark"] .cke_button_icon, body[data-theme="dark"] .search-page-link img,
body[data-theme="dark"] .dropdown-item i img,
body[data-theme="dark"] .bar-icon img, body[data-theme="dark"] #ul_menu img, body[data-theme="dark"] .site-header-shown img,
body[data-theme="dark"] .drop-menu-edit-mode .btn-link img,
body[data-theme="dark"] .designer-details .nav .icons img,
body[data-theme="dark"] .email-drag-container .drag-elements img,
body[data-theme="dark"] .nav-tabs .nav-item img {
    filter: invert(100%);
    -webkit-filter: invert(100%);
}
    body[data-theme="dark"] .cke_reset_all, .cke_reset_all *, .cke_reset_all a, .cke_reset_all textarea {
        color: var(--theme-white) !important;
        background: var(--theme-foreground);
    }
        body[data-theme="dark"] .sweet-alert {
            background-color: var(--theme-light-background);
            -webkit-box-shadow: 4px 6px 16px -6px rgba(0,0,0,0.75);
            -moz-box-shadow: 4px 6px 16px -6px rgba(0,0,0,0.75);
            box-shadow: 4px 6px 16px -6px rgba(0,0,0,0.75);
        }

    body[data-theme="dark"] .sweet-alert .sa-icon.sa-success .sa-fix, body[data-theme="dark"] .sweet-alert .sa-icon.sa-success::before,
    body[data-theme="dark"] .sweet-alert .sa-icon.sa-success::after {
        background-color: transparent;
    }
body[data-theme="dark"] .transparent-box .stack-item-box, body[data-theme="dark"] .transparent-box:hover,
body[data-theme="dark"] .table-striped tbody.inserttbody tr:nth-of-type(even),
body[data-theme="dark"] .table-striped tbody.inserttbody tr:nth-of-type(odd),
body[data-theme="dark"] .xdsoft_datetimepicker *,
body[data-theme="dark"] .galleryuploadbutton.files {
  background-color: transparent !important;
}

body[data-theme="dark"] .streaming-list-box .item-box,
body[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background-color: var(--theme-foreground) !important;
}
body[data-theme="dark"] .streaming-list-box .item-box, body[data-theme="dark"] .event-popup-btn-groups #EventDetailsLi {
  border-color: var(--theme-foreground) !important;
}
    body[data-theme="dark"] .broadcast-navigation .fa {
        color: var(--dark) !important;
    }
    body[data-theme="dark"] .cke_combo_arrow {
        border-top: 3px solid var(--theme-white);
    }
    body[data-theme="dark"] [dir="ltr"] body.cke_editable.cke_editable_themed.cke_contents_ltr.cke_show_borders {
       background:red !important;
    }
body[data-theme="dark"] .cke_chrome,
body[data-theme="dark"] .dropdown-menu {
    border-color: var(--theme-tr-even) !important;
}
    body[data-theme="dark"] #webshopDesignerPage .inner-containerbox {
        background-color: var(--theme-innersection);
    }
body[data-theme="dark"] .modal-footer,
body[data-theme="dark"] #StepTabHeaders li.nav-item {
  border-top: 0;
}
    body[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__arrow:after {
        border-color: var(--theme-white) transparent transparent transparent;
    }
    body[data-theme="dark"]  th.rowIndex input {
        display: none;
    }
body[data-theme="dark"] .widgets-header .tbl-outer > .tbl-row > .tbl-cell, body[data-theme="dark"] .page-content-header,
body[data-theme="dark"] .page-content-header:after, body[data-theme="dark"] .page-content-header:before,
body[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_calendar td,
body[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_calendar th, body[data-theme="dark"] .xdsoft_datetimepicker,
body[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div,
body[data-theme="dark"] .xdsoft_time_box,
body[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    border-color: var(--widgets-border);
}
 body[data-theme="dark"] .action-bar .close {
            opacity: .9;
}
        body[data-theme="dark"] .session-model-box .session-image.dark-theme {
            display: block;
        }
        body[data-theme="dark"] .session-model-box .session-image.light-theme {
            display: none;
        }
body[data-theme="dark"] .modal-content .session-action-button .btn.btn-primary {
  background-color: var(--theme-activewithopacity) !important;
  border-color: var(--theme-active);
}
body[data-theme="dark"] .modal-content .session-action-button .btn.btn-primary:hover {
                background-color: var(--theme-activewithopacity) !important;
                border-color: var(--theme-active);
       }
body[data-theme="dark"] .session-action-button [type="button"]:nth-child(2),
body[data-theme="dark"] #customercardHistorygrid .table-bordered {
    border: 1px solid var(--theme-inputbox) !important;
}
        body[data-theme="dark"] .divemail-listed.unread .view-message .message-title {
            font-weight: 500;
            color: var(--theme-textactive) !important;
        }
body[data-theme="dark"] .site-header .checkbox-toggle input + label:before {
    /* background: url(../images/moon-1.png) no-repeat center center;*/
    content: "\e95d";
    font-family: 'ico-material-design' !important;
    display: flex;
    width: 23px;
    height: 23px;
    background-size: contain;
    vertical-align: middle;
    color:#fff;
}
body[data-theme="dark"] .site-header .checkbox-toggle input:checked + label:after {
    background: transparent !important;
    border: 0px !important;
}
        body[data-theme="dark"] .builder .sidebar-nav {
            border-right: 0px;
        }
        body[data-theme="dark"] .search-for-menu .app-search .icon-search {
            padding: 0px;
        }
        body[data-theme="dark"] .col-md-12.edititem-model {
            margin-top: -35px;
        }
        body[data-theme="dark"] .modal-header button.close {
            z-index: 2;
        }
body[data-theme="dark"] #ReportModal #ReportBackground .modal-header {
    margin-top: 8px;
}

body[data-theme="dark"] .list-group-item .btn.btn-secondary, body[data-theme="dark"] .list-group-item .btn.btn-secondary
 {
    border-color: var(--theme-gray-light) !important;
}
 body[data-theme="dark"] .btn.btn-primary.btnEdit {
    border: 1px solid var(--theme-gray-light) !important;
}

body[data-theme="dark"] .gridcheckbox .checkmark, body[data-theme="dark"] .panelcheckbox .checkmark {
    width: 16px;
    height: 16px;
    background-color: var(--theme-inputbox);
    border: 0px;
}
body[data-theme="dark"] .gridcheckbox:hover input ~ .checkmark, body[data-theme="dark"] .panelcheckbox:hover input ~ .checkmark {
  background-color: var(--theme-inputdisabled);
  border: 1px solid var(--theme-borderfocus) !important;
}
body[data-theme="dark"] .gridcheckbox .checkmark:after, body[data-theme="dark"] .panelcheckbox .checkmark:after {
    border: solid var(--theme-white);
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
body[data-theme="dark"] .gridcheckbox input:checked ~ .checkmark, body[data-theme="dark"] .panelcheckbox input:checked ~ .checkmark,
body[data-theme="dark"] .edit-component-designer-view .btn.banner-add,
body[data-theme="dark"] .edit-component-designer-view .btn.btn-preview,
body[data-theme="dark"] .edit-component-designer-view .btn.BN-Remove {
  background-color: var(--theme-inputbox) !important;
}
body[data-theme="dark"] .dropdown-item:hover .font-icon {
    color: var(--theme-white) !important;
}
body[data-theme="dark"] .edit-tile > ul > li {
    border: 1px solid;
}
body[data-theme="dark"] .drop-menu-edit-mode .btn-link, body[data-theme="dark"] .edit-tile > ul > li, body[data-theme="dark"] ul.page-list li .page-name-edit {
  border-color: var(--theme-tr-odd);
}
body[data-theme="dark"] .form-group.table tr:hover td {
    background-color: var(--theme-rowactive) !important;
}
body[data-theme="dark"] .company-hierarchy .person .name, .signage-page .signage-canvas .sp-container.ui-widget-content {
  color: var(--theme-background) !important
}
body[data-theme="dark"] table.table .offerExpired:hover td,body[data-theme="dark"] li.li-active::after {
  color: var(--theme-gray-light) !important
}
body[data-theme="dark"] .panelcheckbox .checkmark:after {
    left: 5px;
    top: 2px;
}
body[data-theme="dark"] #MultiseekModal .table#DNDataGridTable {
    border: 1px solid #232323 !important;
}

body[data-theme="dark"] textarea.form-control,
body[data-theme="dark"] .box-typical-body [type="number"].form-control,
body[data-theme="dark"] .box-typical-body [type="tel"].form-control,
body[data-theme="dark"] #unpaidremindersdiv .form-control-wrapper .form-control,
body[data-theme="dark"] .bm-content .form-control.item-menu,
body[data-theme="dark"] #emailresenddiv [type="email"], body[data-theme="dark"] .columns-edit-row .form-control {
  border: 1px solid var(--theme-inputbox);
}
body[data-theme="dark"] .checkbox input + label:hover:before, body[data-theme="dark"] .radio input + label:hover:before {
  background-color: var(--theme-inputbox) !important;
  border: 1px solid var(--theme-borderfocus) !important;
}
body[data-theme="dark"] table.dataTable tbody th.focus, body[data-theme="dark"] table.dataTable tbody td.focus {
  box-shadow: inset 0 0 1px 1px var(--theme-tableinputsearch);
}
body[data-theme="dark"] .lableclass input:checked ~ .checkmark {
  background: var(--theme-white) !important;
}
body[data-theme="dark"] .lableclass .checkmark:after,
body[data-theme="dark"] .DisplayContainer Button,
body[data-theme="dark"] button#large1_RemoveImgBtn,
body[data-theme="dark"] #large_RemoveImgBtn {
    background: var(--theme-light-background);
}

/* // hover // */
body[data-theme="dark"] .fixed-area-bottom .btn:hover, body[data-theme="dark"] .btn.btn-export:hover,
body[data-theme="dark"] .pagination > .active > a:hover, body[data-theme="dark"] .pagination li > a:hover,
body[data-theme="dark"] .box-typical-body.panel-body .pagination > .active > a:hover,
body[data-theme="dark"] .btn.table-btn:hover,
body[data-theme="dark"] .tab-content .container #DNDataGridTable .btn.btn-primary:hover,
body[data-theme="dark"] .btn-back:hover,
body[data-theme="dark"] .webshopdesigner-details-main .btn.btn-new,
body[data-theme="dark"] ul.page-list li .page-name-edit:hover,
body[data-theme="dark"] .email-designtype .select-target:hover,
body[data-theme="dark"] .email-drag-container .drag-elements:hover,
body[data-theme="dark"] .box-typical-body.panel-body .bottomexport .btn-export,
body[data-theme="dark"] span.closeon,
body[data-theme="dark"] ul.context-menu-list.context-menu-root .context-menu-item:hover,
body[data-theme="dark"] .box-typical .pagination li.active > a:hover,
body[data-theme="dark"] .header-action-btn .btn.btn-new:hover,
body[data-theme="dark"] .header-action-btn .btn.btn-default:hover,
body[data-theme="dark"] .multiseek-pagination .multiseek-pagination-nav:hover,
body[data-theme="dark"] .blazor-modal .bm-content .btn.btn-primary:hover,
body[data-theme="dark"] .child-action-row .subchild-action-btn .btn:hover,
body[data-theme="dark"] .moveBtn i:hover,
body[data-theme="dark"] .item-detail a.btn.btn-default:hover,
body[data-theme="dark"] .add-section .btn.btn-delete:hover {
    background-color: var(--theme-btn-hover) !important;
}

    body[data-theme="dark"] .pagination > li > span,
    body[data-theme="dark"] .modal .pagination > li.active > a,
    body[data-theme="dark"] .modal-body .btn.btn-default, body[data-theme="dark"] .modal-body #btnMultiSave,
    body[data-theme="dark"] .label-success,
    body[data-theme="dark"] #divDnEventCanlendarPage .modal .tab-content .pagination > li > a,
    body[data-theme="dark"] #divDnEventCanlendarPage .modal .tab-content .pagination > li.active > a:hover {
        background-color: var(--theme-lightblack) !important;
    }
body[data-theme="dark"] table.dataTable thead .sorting_desc:after,
body[data-theme="dark"] table.dataTable thead .sorting_asc:after,
body[data-theme="dark"] .action-bar .img-icon:hover {
  opacity: 0.8;
}

@media (max-width: 767px) {
  body[data-theme="dark"] .site-header img.hidden-lg-down {
    display: inline-block;
  }
  body[data-theme="dark"] .site-header img.hidden-md-down {
    display: none;
  }
  body[data-theme="dark"] .link-icons {
    top: 127px;
  }
  body[data-theme="dark"] .site-header .site-header-content
{
    border-bottom-color: var(--theme-tableinputsearch);
  }
}
body[data-theme="dark"] .hamburger span:after,
body[data-theme="dark"] .hamburger span:before, body[data-theme="dark"] .hamburger span,
body[data-theme="dark"] .show-hide-sidebar span, body[data-theme="dark"] .show-hide-sidebar span:hover,
body[data-theme="dark"] .show-hide-sidebar span:after, body[data-theme="dark"] .show-hide-sidebar span:before,
body[data-theme="dark"] .action-bar .img-icon:hover {
  background-color: var(--theme-white) !important;
}
body[data-theme="dark"] .modal .pagination > li > a:hover,
body[data-theme="dark"] .modal .pagination > li.active a,
body[data-theme="dark"] #emailresenddiv .modal-footer .btn.btn-default:hover,
body[data-theme="dark"] #addeventtagpopup .modal-dialog .btn.dnicon_add-plus:hover,
body[data-theme="dark"] .DisplayContainer Button:hover,
body[data-theme="dark"] button#large1_RemoveImgBtn:hover,
body[data-theme="dark"] #large_RemoveImgBtn:hover,
body[data-theme="dark"] .bm-content .multiseek-pagination .multiseek-pagination-nav.active

{
    background: var(--theme-modalbtn-hover) !important;
}
body[data-theme="dark"] .bm-content .multiseek-pagination .multiseek-pagination-nav:hover
{
    background: var(--theme-modalbtn-hover) !important;
}

body[data-theme="dark"] .btn-back,
body[data-theme="dark"] .header-action-btn .btn.btn-new,
body[data-theme="dark"] .webshopdesigner-details-main .btn.btn-new {
  background: var(--theme-foreground) !important;
  border: var(--theme-background) !important;
  color: var(--theme-white) !important;
}
body[data-theme="dark"].head-bar ul.ulHeader li.active a,
body[data-theme="dark"] .head-bar ul.ulHeader li a:hover,
body[data-theme="dark"] .company-hierarchy .person,
body[data-theme="dark"] .upload-image-custom-bg,
body[data-theme="dark"] .row-designer.active-row,
body[data-theme="dark"] .row-preview.active-row,
body[data-theme="dark"] .row-preview:hover, body[data-theme="dark"] .signage-page .toolbar .dropdown-content button {
border: 1px solid var(--theme-white) !important;
}
body[data-theme="dark"] .template-preview-card {
    background-color: var(--theme-tr-odd);
    border: 1px solid var(--theme-tr-odd);
}
    body[data-theme="dark"] .template-preview-card:hover{
        border: 1px solid var(--theme-active);
    }
body[data-theme="dark"] .email-designtype .select-target:hover, body[data-theme="dark"] .confirm,
body[data-theme="dark"] .email-drag-container .drag-elements:hover {
  box-shadow: none !important;
}
body[data-theme="dark"] .email-drag-container .drag-elements
 {
  border-color: var(--theme-light-background) !important;
  transition: ease all 0.3s;
}

  body[data-theme="dark"] .designer-sidebar .nav a:hover {
    background-color: var(--theme-tr-even) !important;
  }
/*body[data-theme="dark"] .box-typical .form-control[multilanguage="true"],*/
/*body[data-theme="dark"] textarea[multilanguage="true"] + #cke_ArticleContent span#cke_1_top {
  background-color: var(--multilanguage) !important;
}
*/
body[data-theme="dark"] textarea[multilanguage="true"] + #cke_ArticleContent span#cke_1_top .cke_toolgroup a.cke_button_on,
body[data-theme="dark"] textarea[multilanguage="true"] + #cke_PageContent span#cke_1_top .cke_toolgroup a.cke_button_on,
body[data-theme="dark"] textarea[multilanguage="true"] + #cke_ArticleContent span#cke_89_top .cke_toolgroup a.cke_button_on,
body[data-theme="dark"] #cke_172 .cke_colorauto, body[data-theme="dark"] #cke_172 table .cke_colormore,
body[data-theme="dark"] textarea[multilanguage="true"] + #cke_PageContent span#cke_89_top .cke_toolgroup a.cke_button_on,
body[data-theme="dark"] textarea[multilanguage="true"] + #cke_PageContent span#cke_89_top .cke_toolgroup a.cke_button_on,
body[data-theme="dark"] textarea[multilanguage="true"] + .cke_editor_Description .cke_top.cke_reset_all .cke_toolgroup a.cke_button_on,
body[data-theme="dark"] textarea[multilanguage="true"] + .cke_editor_PageContent .cke_top.cke_reset_all .cke_toolgroup a.cke_button_on,
body[data-theme="dark"] textarea[multilanguage="true"] + .cke_editor_ArticleContent .cke_top.cke_reset_all .cke_toolgroup a.cke_button_on,
body[data-theme="dark"] #cke_editor1 .cke_top.cke_reset_all .cke_toolgroup a.cke_button_on {
    background-color: var(--multilanguage-hover) !important;
}
body[data-theme="dark"] .pagination > li.active > a {
    padding: 6px 12px;
}
body[data-theme="dark"] .side-menu{
  box-shadow: 0 0px 0px 7px #030303
}
body[data-theme="dark"] body[data-theme="dark"] .link-icons {
  box-shadow: 0 0px 0px 7px #030303;
  margin-top:7px;
  
}
body[data-theme="dark"] .head-bar {
    padding-left: 15px;
  
}
body[data-theme="dark"] .dash-tiles a, body[data-theme="dark"] .dash-tiles a:hover,
body[data-theme="dark"] .fa-ellipsis-v:before,
body[data-theme="dark"] .editpreview-section .dash-tiles,
body[data-theme="dark"] .grid-data-box .card-header span,
body[data-theme="dark"] .grid-data-box .dropdown .fa-bars {
    color: var(--theme-light-background);
}
body[data-theme="dark"] .filter-list,
body[data-theme="dark"] .order-list-filter .order_status {
    background: var(--theme-light-background);
    border: 1px solid var(--theme-borderfocus);
}

    body[data-theme="dark"] .head-bar ul.ulHeader li.active a,
    body[data-theme="dark"] .head-bar ul.ulHeader li a:hover,
    body[data-theme="dark"] .order-list-filter .order_status.active
     {
        background: var(--theme-borderfocus);
        border: 1px solid var(--theme-borderfocus);
    }
body[data-theme="dark"] .action-bar .img-icon.editMode-content-back:hover {
    background: var(--theme-borderfocus) !important;
}
body[data-theme="dark"] .row-designer .tools .tools-item {
    background: var(--theme-borderfocus);
}
body[data-theme="dark"] .edit-tiles-preview .grid-item,
body[data-theme="dark"] .edit-tiles-preview .grid-container, body[data-theme="dark"] .head-bar,
body[data-theme="dark"] .layoutcontainer,
body[data-theme="dark"] .layoutcontainer .layoutrow,
body[data-theme="dark"] .dn-dd-dropzone .layoutrow,
body[data-theme="dark"] .component-block ul#pills-tab, body[data-theme="dark"].dashboard .head-bar-dashboard,
body[data-theme="dark"] .theme-item,
body[data-theme="dark"] .theme-item h2,
body[data-theme="dark"] .theme-item .themedata,
body[data-theme="dark"] .profile-header-section,
body[data-theme="dark"] .webshopdesigner-details-content .child-action-row,
body[data-theme="dark"] .componentEdit .imgrow,
body[data-theme="dark"] .editors .toolssection,
body[data-theme="dark"] .email-template-properties,
body[data-theme="dark"] .email-template-properties .footer-section,
body[data-theme="dark"] .box-typical.ui-widget.ui-widget-content.edit-box-active,
body[data-theme="dark"] .input-color-container,
body[data-theme="dark"] .row-preview,
body[data-theme="dark"] .list-btngroup, body[data-theme="dark"] .define-dyn-pro-base,
body[data-theme="dark"] .question,
body[data-theme="dark"] .splf-top-container .screenActive,
body[data-theme="dark"] .splf-parent,
body[data-theme="dark"] .top-bar,
body[data-theme="dark"] .toolbar .tool-option,
body[data-theme="dark"] #tool-bar input.coloris:focus,
body[data-theme="dark"] #tool-bar input.coloris:active{
    border-color: var(--theme-modalbtn-hover);
}
body[data-theme="dark"] .wsd-fieldgroup-header {
    border-block-end: 2px solid var(--theme-modalbtn-hover);
}
body[data-theme="dark"] .box-typical.ui-widget.ui-widget-content.edit-box-active {
    border:solid 2px var(--theme-modalbtn-hover) !important;
}

body[data-theme="dark"] .page-content .dashboardTiles {
  margin-top: 20px;
}
body[data-theme="dark"] table input[type='text']:focus,
body[data-theme="dark"] table input[type='text']:active,
body[data-theme="dark"] table input[type='number']:focus,
body[data-theme="dark"] table input[type='text']:focus,
body[data-theme="dark"] textarea #txtunpublishtext,
body[data-theme="dark"] input[type="checkbox"]:active,
body[data-theme="dark"] input[type="checkbox"]:focus{
  -webkit-text-fill-color: inherit !important;
  box-shadow: 0 0 0 1px var(--theme-table-input-focus) !important;
  -webkit-box-shadow: 0 0 0 1px var(--theme-table-input-focus) !important;
}

body[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  box-shadow: #000 0px 1px 3px 0px inset;
}
body[data-theme="dark"] .modal-footer .btn.btn-delete,
body[data-theme="dark"] .modal-footer .btn.btn-default,
body[data-theme="dark"] .modal-footer .btn.dnm-yes,
body[data-theme="dark"] .modal-footer .btn.dnicon_checkmark,
body[data-theme="dark"] #alertModal .modal-footer .btn.dnicon_delete,
body[data-theme="dark"] .blazor-modal .bm-footer button.bm-footer-item,
body[data-theme="dark"] .modal-footer .btn.dnicon_delete,
body[data-theme="dark"] .modal-body .custom-footer .btn,
body[data-theme="dark"] .iti__country-list {
    background: var(--theme-foreground) !important;
    border: var(--theme-background) !important;
    color: var(--theme-white) !important;
}
body[data-theme="dark"] .drop-menu-edit-mode .btn-link:first-child:hover {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
body[data-theme="dark"] .drop-menu-edit-mode .btn-link:last-child:hover {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

body[data-theme="dark"] input.form-control:active,
body[data-theme="dark"] input.form-control:focus,
body[data-theme="dark"] input:-webkit-autofill:active,
body[data-theme="dark"] input:-webkit-autofill:hover,
body[data-theme="dark"] input:-webkit-autofill:focus,
body[data-theme="dark"] textarea:-webkit-autofill:hover,
body[data-theme="dark"] textarea:-webkit-autofill:focus,
body[data-theme="dark"] textarea:-webkit-autofill:active,
body[data-theme="dark"] textarea.form-control:focus,
body[data-theme="dark"] textarea.form-control:active,
body[data-theme="dark"] select.form-control:focus,
body[data-theme="dark"] select.form-control:active,
body[data-theme="dark"] span[tabindex]:focus, span[tabindex]:active,
body[data-theme="dark"] .select2-dropdown input[type="search"]:focus,
body[data-theme="dark"] .select2-dropdown input[type="search"]:active,
body[data-theme="dark"] .checkbox input[type=checkbox]:focus + label:before,
body[data-theme="dark"] .add-section input[type="number"]:active,
body[data-theme="dark"] .add-section input[type="number"]:focus,
body[data-theme="dark"] textarea:focus,
body[data-theme="dark"] textarea:active {
    -webkit-text-fill-color: inherit !important;
    box-shadow: 0 0 0 2px #64646433 !important;
    -webkit-box-shadow: 0 0 0 1px #64646433 !important;
    border: 1px solid #646464 !important;
}

body[data-theme="dark"] .table input[type="text"],
body[data-theme="dark"] .table input[type="number"] {
  /*border: 1px solid #646464 !important;*/
  border: 1px solid #404040 !important;
}
body[data-theme="dark"] .table input[type="text"]:active,
body[data-theme="dark"] .table input[type="text"]:focus,
body[data-theme="dark"] .table input[type="text"]:active
body[data-theme="dark"] .table input[type="number"]:active,
body[data-theme="dark"] .table input[type="number"]:focus,
body[data-theme="dark"] .table input[type="number"]:active {
    -webkit-text-fill-color: inherit !important;
    box-shadow: 0 0 0 2px #7f7f7f33 !important;
    -webkit-box-shadow: 0 0 0 1px #7f7f7f33 !important;
    border: 1px solid #7f7f7f !important;
}


body[data-theme="dark"] .select2-container--arrow .select2-results__option--highlighted[aria-selected],
body[data-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected],
body[data-theme="dark"] .select2-container--white .select2-results__option--highlighted[aria-selected] {
    background: 0 0;
    color: #ffffff !important;
}

body[data-theme="dark"] table.dataTable thead tr:first-child th,
body[data-theme="dark"] .blazor-modal thead tr:nth-child(2) td {
    border-bottom: 3px solid var(--theme-tableinputsearch) !important;
}
body[data-theme="dark"] .modal-header, body[data-theme="dark"] .modal-dialog section.project-tab.newgallery-modal {
  border-bottom: 1px solid var(--theme-tableinputsearch) !important;
}
body[data-theme="dark"] .box-typical-body {
    margin-right: 0px;
}
body[data-theme="dark"] .box-typical-body.panel-body {
        margin-right: 0px;
    }
body[data-theme="dark"] .layout-manager-section ul.toggle-view li.active {
  border-bottom: 2px solid var(--theme-white);
}
body[data-theme="dark"] .layoutcontainer .layoutrow:hover,
body[data-theme="dark"] .dn-dd-dropzone .layoutrow:hover,
body[data-theme="dark"] .selectedChild {
  border-color: var(--theme-white) !important;
}
body[data-theme="dark"] ::placeholder {
  color: #898989 !important;
}
body[data-theme="dark"] .btn.btn-save:before,
body[data-theme="dark"] .modal-content.unpublishmodel .modal-footer .btn.btn-save {
    color: #15860e !important;
}

body[data-theme="dark"] .btn.btn-delete::before,
body[data-theme="dark"] .fixed-area-bottom .btn.btn-delete,
body[data-theme="dark"] .fixed-area-bottom .btn.dnicon_delete,
body[data-theme="dark"] #alertModal .modal-footer .btn.dnicon_delete,
body[data-theme="dark"] .modal-footer .btn.dnicon_delete,
body[data-theme="dark"] .modal-footer .btn.dnicon_delete::before,
body[data-theme="dark"] .bm-footer .bm-footer-item.btn-delete span,
body[data-theme="dark"] .wsd-image-preview button.btn-delete,
body[data-theme="dark"] .modal-body .custom-footer .btn.dnicon_delete,
body[data-theme="dark"] .modal-body .custom-footer .btn.dnicon_delete:before {
    color: var(--theme-cancel) !important;
}
body[data-theme="dark"] .page-content {
  background: #1d1d1d !important;
}
body[data-theme="dark"].dashboard .page-content {
  background: #090808 !important;
}

body[data-theme="dark"].with-side-menu.theme-picton-blue.ui-droppable.chrome-browser.opened.sidebar-hidden .site-header,
body[data-theme="dark"].with-side-menu.theme-picton-blue.ui-droppable.chrome-browser.dashboard.sidebar-hidden .site-header {
  border-left: 0px !important;
}
body[data-theme="dark"] button.datagrid-context-menu.btn.bottomexport:hover, body[data-theme="dark"] li.paginate_button a:hover,
body[data-theme="dark"] .action-bar-body .btn.btn-back:hover {
  background-color: var(--theme-modalbtn-hover) !important;
  border-color: var(--theme-modalbtn-hover) !important;
}

body[data-theme="dark"] .fixed-area-bottom .btn.btn-save, body[data-theme="dark"] .dvUserFormsPrt .btn.btn-save,
body[data-theme="dark"] .webshopdesigner-details-main + .bm-container.bm-active .blazor-modal .bm-footer-item.btn-save,
body[data-theme="dark"] .webshopdesigner-details-main + .bm-container.bm-active .blazor-modal .bm-footer .btn.btn-save,
body[data-theme="dark"] .webshopdesigner-details-main + .bm-container.bm-active .blazor-modal .bm-footer .btn.btn-save.btn.btn-primary,
body[data-theme="dark"] .sweet-alert.showSweetAlert .sa-button-container .confirm, #dialogModal .modal-footer .btn.btn-save,
body[data-theme="dark"] #dnMessageModal .btn.btn-save.dnm-yes.dnm-acceptance, #dnMessageModal btn.btn-default.dnm-ok.dnm-not-acceptance,
body[data-theme="dark"] #dnMessageModal .btn.dnm-yes,
body[data-theme="dark"] .modal .btn.dnicon_checkmark, body[data-theme="dark"] .fixed-area-bottom .btn.dnicon_checkmark,
body[data-theme="dark"] .bm-footer .bm-footer-item.btn-save span,
body[data-theme="dark"] .modal .btn.dnm-ok {
    color: var(--theme-success) !important;
}
body[data-theme="dark"] #dnMessageModal .modal-content,
body[data-theme="dark"] .bm-container .blazor-modal,
body[data-theme="dark"] #dialogModal .modal-content,
body[data-theme="dark"] #modal-dialog .modal-content {
    border-radius: 10px!important;
}
body[data-theme="dark"] .pageload-alert .modal-footer {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
body[data-theme="dark"] .pageload-alert .modal-body {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
body[data-theme="dark"] .modal-content .modal-header .dnicon_delete,
body[data-theme="dark"] #ReportHeader span,
body[data-theme="dark"] .divsidebar-body .level-name span.dnicon_move-grabber,
body[data-theme="dark"] .action-bar-search .icon-search span,
body[data-theme="dark"] .action-bar-header span {
    color: var(--theme-offwhite) !important;
}
body[data-theme="dark"] .fixed-area-bottom button#btnExportSelectedRecord:hover,
body[data-theme="dark"] .blazor-modal .bm-content .btn.btn-primary,
body[data-theme="dark"] button.btn.btn-primary,
body[data-theme="dark"] .btn.btn-new.Multiseek, body[data-theme="dark"] #masterPageNavbar .btn.btn-primary,
body[data-theme="dark"] .pageload-alert.modal .btn.btn-delete.dnm-no.dnm-acceptance,
body[data-theme="dark"] .pageload-alert.modal .btn.dnm-yes.dnm-acceptance,
body[data-theme="dark"] .pageload-alert.modal .btn.dnm-ok.dnm-not-acceptance {
    border: 0px !important;
}
body[data-theme="dark"] .radio input + label:before,
body[data-theme="dark"] .radio:hover input + label:before
{
    background: var(--theme-white) !important;
    border: 0px !important;
}
body[data-theme="dark"] .customizer.open + .link-icons .action-link.active.show .img-icon,
body[data-theme="dark"] .customizer + .link-icons .action-link.active.show .img-icon {
  background: var(--theme-white) !important;
  color: var(--theme-background) !important;
}
body[data-theme="dark"] .booking-calendar thead tr th {
    background: var(--theme-light-background) !important;
    border: 1px solid #4c4c4c !important;
   
}
body[data-theme="dark"] .booking-calendar thead tr th, body[data-theme="dark"] .custom-form-control,
body[data-theme="dark"] .toolssection .select2.form-control {
  color: var(--theme-white) !important;
}
  body[data-theme="dark"] .col-md-3.docs-toggles .docs-tooltip {
    padding: 0.5rem 0.1rem;
  }
body[data-theme="dark"] .custom-form-control {
    background-color: var(--theme-tr-odd) !important;
    border: 1px solid #646464 !important;
}
body[data-theme="dark"] .toolssection .select2.form-control {
  background-color: var(--theme-inputbox) !important;
  border: 0px;
}
body[data-theme="dark"] .template-preview-card .layout-title h3 {
  border-bottom: 1px solid var(--theme-modalbtn-hover)!important;
}
body[data-theme="dark"] .box-typical-body.panel-body .pagination > .paginate_button.active > a,
body[data-theme="dark"] #ReportBackground .modal-header .container button:hover,
body[data-theme="dark"] .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current:hover, body[data-theme="dark"] .define-dyn-pro-base .dyn-pro-type-element.btn.btn-default:hover
{
    background: var(--theme-borderfocus) !important;
}

body[data-theme="dark"] .divsidebar-body .checkbox-toggle.checkbox-checked input + label:before {
  background: var(--theme-background) !important;
}
body[data-theme="dark"] .shortcutslist-area .checkbox-toggle.checkbox-checked input + label:before,
body[data-theme="dark"] .modal-body .custom-footer .btn:hover, body[data-theme="dark"] .signage-page .docking-frame .layer:hover,
body[data-theme="dark"] .signage-page .docking-frame .layer.active,
body[data-theme="dark"] .checkbox-toggle input + label:before {
    background-color: var(--theme-active) !important;
}
body[data-theme="dark"] .divsidebar-body .table-striped tbody tr:nth-of-type(even),
body[data-theme="dark"] .divsidebar-body .table-striped tbody tr:nth-child(1),
body[data-theme="dark"] .divsidebar-body .table-striped tbody tr:nth-child(1):hover,
body[data-theme="dark"] .divsidebar-body .table-striped tbody tr:nth-child(1):hover td,
body[data-theme="dark"] .shortcutslist-area .checkbox-toggle input:checked + label:before {
  background-color: var(--theme-dark-gray) !important
}
body[data-theme="dark"] .modal-content .form-control[type="number"]
 {
    border: 1px solid var(--theme-inputbox);
}
body[data-theme="dark"] .reservation-container .reserve-resource-details .checkbox {
    margin-left: 1px !important;
    z-index: 50;
}
body[data-theme="dark"] #resource-data-content .checkbox [type="checkbox"] {
    margin-left: -13px !important;
    z-index: 500 !important;
    margin-top: -6px !important;
}

body[data-theme="dark"] #viewPlaceHolderV2 .box-typical-body.panel-body .fc-event-container input[type="checkbox"] {
    left: -3px;
    top: 2px;
}
body[data-theme="dark"] .fc-event-container a.fc-time-grid-event .form-group label {
    opacity: 1 !important;
}
    body[data-theme="dark"] .fc-event-container a.fc-time-grid-event .form-group label.form-check-label {
        color: var(--theme-light-background) !important;
        font-size: 1em;
    }
body[data-theme="dark"] line {
    stroke: var(--theme-white)!important;
}

body[data-theme="dark"] .SelectFileContainer,
body[data-theme="dark"] .componentEdit .upload-newfile {
    border: 1px solid var(--theme-modalbtn-hover) !important;
}
body[data-theme="dark"] .layout_rect,
body[data-theme="dark"] .stage_rect {
    fill: var(--theme-inputbox);
}
body[data-theme="dark"] .define-dyn-pro-base .dyn-pro-type-element.btn.btn-default {
    background-color: var(--theme-active)!important;
}
body[data-theme="dark"] .layout_rect {
    stroke: var(--theme-white);
}
body[data-theme="dark"] .pageload-alert.modal .btn.btn-delete.dnm-no.dnm-acceptance:hover,
body[data-theme="dark"] .pageload-alert.modal .btn.dnm-yes.dnm-acceptance:hover,
body[data-theme="dark"] .pageload-alert.modal .btn.dnm-ok.dnm-not-acceptance:hover {
    background-color: var(--theme-inputbox) !important;
    border-color: var(--theme-inputbox) !important;
}
body[data-theme="dark"] text {
    fill: var(--theme-white);
}
    body[data-theme="dark"].with-side-menu.theme-picton-blue.dashboard.menu-left-opened .site-header {
        border-left: 7px solid #000000 !important;
    }
    body[data-theme="dark"].with-side-menu.theme-picton-blue.dashboard.menu-left-opened .side-menu {
        box-shadow: 0 0px 0px 7px #000000 !important;
    }
@media only screen and (min-width: 900px) and (max-width: 1024px) {
    body[data-theme="dark"].with-side-menu.theme-picton-blue.opened.ui-droppable.dashboard.menu-left-opened .side-menu {
            box-shadow: 0 0px 0px 0px #000000 !important;
        }
    body[data-theme="dark"].with-side-menu.theme-picton-blue.opened.ui-droppable.dashboard.menu-left-opened .site-header {
        border-left: 0px solid #000000 !important;
    }
}

body[data-theme="dark"] #loading {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(55,55,55,0.8);
    z-index: 9999;
}

body[data-theme="dark"] .checkbox-toggle input + label:after {
background: #999;
border: solid 1px #999
}
body[data-theme="dark"] .checkbox-toggle input:disabled + label:after {
background: #333;
border: solid 1px #333
}
body[data-theme="dark"] .checkbox-toggle input:checked + label:after, body[data-theme="dark"] .checkbox-toggle input + label:hover:after {
background: #aaa;
}