* {
    --bgcolor: #0b0b0b;
    --h1text-color: #ffffff;
    --h2text-color: #ffffff;
    --h3text-color: #ffffff;
    --h4text-color: #ffffff;
    --h5text-color: #ffffff;
    --h6text-color: #ffffff;
    --lbltext-color: White;
    --p-txtcolor: #ffffff;
    --span-txtcolor: #ffffff;
    --a-txtcolor: #ffffff;
    --a-text-decoration: none;
    --strong-txtcolor: #ffffff;
    --b-txtcolor: #ffffff;
    --small-txtcolor: #ffffff;
    --li-txtcolor: #ffffff;
    --ol-txtcolor: #ffffff;
    --td-txtcolor: #ffffff;
    --bar-inner-bordercolor: #5a5959;
    --stats-card-box-bgcolor: #000000;
    --stats-card-box-bordercolor: 1px solid #5A5959;
    --card-bgcolor: #000000;
    --card-bordercolor: 1px solid #5a5959;
    --card-header-bgcolor: #000000;
    --toggle-color: #ffffff;
    --sidemenu-area-bgcolor: #000000;
    --sidemenu-area-bordercolor: 1px solid #595859;
    --sidemenu-area-bottom-bordercolor: 1px solid #595859;
    --sidemenu-body-bgcolor: #000000;
    --sidemenu-body-bordercolor: 1px solid #595859;
    --top-navbar-sticky-bgcolor: #000000;
    --top-sticky-border-bottom-bordercolor: 1px solid #595859;
    --top-search-bgcolor: #000000;
    --top-search-txtcolor: #ffffff;
    --top-search-icon-color: #ffffff;
    --top-search-bordercolor: 1px solid #595859;
    --footer-area-line-bordercolor: #595859;
    --top-navbar-nav-item-color: #CDCDCD;
    --sidemenu-area-nav-item-title-color: #ffffff;
    --sidemenu-hover-bgcolor: #5a5959;
    --sidemenu-nav-before-bgcolor: #b9b2b2;
    --sidemenu-nav-mm-active-bgcolor: #595859;
    --burger-menubgcolor: #c6c6c6;
    --browser-used-box-table-th-bordercolor: #5a5959;
    --browser-used-box-table-th-txtcolor: #ffffff;
    --top-navbar-profile-bgcolor: #000000;
    /*--btn-focus-bgcolor: #5a5959;*/
    --dropdown-item-btn-focus-bgcolor: #5a5959;
    --nav-link-i-txtcolor: #ffffff;
    --card-card-header-dropdown-menu-bgcolor: #000000;
    --card-card-header-dropdown-menu-txtcolor: #ffffff;
    --card-card-header-dropdown-menu-txtcolor: #ffffff;
    --card-card-header-dropdown-menu-icolor: #ffffff;
    --form-control-txtcolor: #ffffff;
    --form-control-bgcolor: #5A5959;
    --form-control-bordercolor: 1px solid #5a5959;
    --widget-todo-top-bordercolor: 1px solid #5a5959;
    --widget-todo-list-hover-bgcolor: #595859;
    /*--table-last-child-bottom-bordercolor: #595859;*/
    --tbl-top-bordercolor: 1px solid #595859;
    --tbl-top-color: #ffffff;
    --tbl-bottom-bordercolor: 2px solid #595859;
    --tbl-txt-txtcolor: #ffffff;
    --m_border-bottom-bordercolor: 1px solid #595859;
    --mborder-txt-txtcolor: #ffffff;
    --pagination-txtcolor: #ffffff;
    --pagination-bgcolor: #000000;
    --pagination-bordercolor: 1px solid #595859;
    --pagination-page-link-txtcolor: #ffffff;
    --pagination-page-link-bgcolor: #000000;
    --pagination-page-link-bordercolor: 1px solid #595859;
    --pagination-page-link-hover-txtcolor: #ffffff;
    --pagination-page-link-hover-bgcolor: #595859;
    --pagination-page-link-hover-bordercolor: 1px solid #595859;
    --item-tbl-hover-bgcolor: #000000;
    --list-tbl-hover-bgcolor: #59585900;
    --P5Select3-bordercolor: 1px solid #595859;
    --P5Select3-arrow-color: #ffffff;
    --P5Select3-options-bgcolor: #000000;
    --danger-btn-border-focuscolor: 1px solid #595859;
    --danger-btn-shadowcolor: #595859;
    --demo-code-preview-bordercolor: 2px solid #595859;
    --demo-code-preview-bgcolor: #000000;
    --demo-code-preview-befor-color: #ffffff;
    --demo-code-preview-before-bgcolor: #000;
    --profile-item-top-bordercolor: 1px solid #595859;
    --profile-item-bottom-bordercolor: 1px solid #595859;
    --placeholder-txtcolor: #cdcdcd;
    --tbl-top-bordercolor: 1px solid #595859;
    --trs-bgcolor: #595859;
    --table-border-bordercolor: #595859;
    --sidemenu-nav-arrow-color: #ffffff;
    --profile-top-nav-link-active-bgcolor: #595859;
    --pagination-link-boxshadowcolor: 0 0 0 0.2rem rgb(68 102 242 / 5%);
    --outlined-label-bgcolor: #000000;
    --outlined-focus-label-color: #ffffff;
    --input-group-text-bgcolor: #000000;
    --input-group-text-bordercolor: 1px solid #595859;
    /*--outlined-input-field-active-text-bgcolor: #000000;*/
    --outlined-text-field-text-color: #ffffff;
    --outlined-text-field-text-bordercolor: 1px solid rgb(100 100 100);
    --t-head-bgcolor: #5a5959;
    --table-data-bgcolor: #000000;
    --view-bgcolor: #72c5d2;
    --view-color: #00879c;
    --p5select3-placeholder-color: #ffffff;
    --span-list-group-item-bgcolor: #000000;
    --cust_search-bgcolor: #000000;
    --cust_search-bgcolor: 1px solid #595859;
    --cust_search-color: #ffffff;
    --model-bgcolor: #000000;
    --model-txtcolor: #ffffff;
    --model-footer-bordercolor: 1px solid #5a5959;
    --model-header-bordercolor: 1px solid #5a5959;
    --user-setting-bgcolor: #5a5959;
    --user-setting--hover-bgcolor: #e1000a;
    --model-footer-btn-bordercolor: 2px solid #a81a31;
    --model-footer-btn-color: #ffffff;
    --model-footer-btn-bgcolor: #a81a31;
    --form-group-label-color: #ffffff;
    --order-header-bgcolor: #000000;
    --cust_second_border-bordercolor: 2px solid #595859;
    --tab-round-bgcolor: #000000;
    --tab-slider-trigger-active-bgcolor: #737373;
    --thead-cus-tbl-bg-bgcolor: #000000;
    --custom-order-price-bordercolor: 2px solid #595859;
    --picture1-bgcolor: #000000;
    --tab-nav-pills-bgcolor: #5a5959;
    --tab-nav-pills-color: #fff;
    --tab-nav-pills-bordercolor: 1px solid #5a5959;
    --tab-nav-pills-active-color: #fff;
    --tab-nav-pills-active-bgcolor: #a81a31;
    --bg-white-bgcolor: #000000;
    --bg-white-bordercolor: 1px solid #5a5959;
    --tab-nav-pills--before-bordercolor: 10px solid #881527;
    --tabledata-bordercolor: 0px solid #ddd;
    --outline-input-dark-bordercolor: 1pt solid #ffffff;
    --outline-input-text-dark-bordercolor: #ffffff;
    --outline-input-text-dark-color: #ffffff;
    --label-active-focus-bgcolor: #000000;
    --bx-color: #ffffff;
    --table-header-sticky-bgcolor: #000;
    --table-border-last-child-bordercolor: #cccccc;
    --table-header-txtcolor: #ffffff;
    --table-row-txtcolor: #ffffff;
    --table-header-custom-sticky-bgcolor: #000;
    --btn-outline-color: #ffffff;
    --btn-outline-bordercolor: 1px solid #fff;
    --page-size-P5Select3-bgcolor: #000000;
    --page-size-txtcolor: #fff;
    --p5-navigation-navigation-buttons-bgcolor: #000;
    --p5-navigation-navigation-buttons-disabled-bgcolor: rgb(0 0 0 / 34%);
    --p5-navigation-navigation-buttons-disabled-color: rgb(128 128 128 / 78%);
    --form-login-control-bgcolor: #fff;
    --cust_spy_tab_space-bgcolor: #5a5959;
    --cust_tab_space-txtcolor: #fff;
    --role-header-sticky-bgcolor: #000;
    --role-cust_header_scrollspy-bgcolor: #5a5959;
    --custom-switch-bgcolor: #5a5959;
    --cus_row-txtcolor: #ddd;
    --divider-bgcolor: #5a5959;
    --tab-nav-pills-bordercolor: #a81a31;
    --cust_fix_btn-bgcolor: #000;
    --table_small-border-bottom: 1px solid #5a5959;
    --model-bgcolor: rgb(58 58 58 / 50%);
    --model-header-bgcolor: #000;
    --model-body-bgcolor: #000;
    --model-footer-bgcolor: #000;
    --active-label-bgcolor: #fff0;
    --p5-heading-item-bgcolor: #5a5959;
    --jconfirm-bgcolor: #5a5959;
    --jconfirm-txtcolor: #5a5959;
    --cust_static_bgcolor: #000000;
    --apexcharts-tooltip-bgcolor: #000;
    --apexcharts-tooltip-bordercolor: #000;
    --apexcharts-xaxistooltip-color: #ffffff;
    --apexcharts-xaxistooltip-bgcolor: #060606;
    --apexcharts-xaxistooltip-bordercolor: 1px solid #5a5959;
    --apexcharts-tooltip-title-color: #fff;
    --apexcharts-tooltip-title-bgcolor: #000;
    --apexcharts-tooltip-title-bordercolor: #5a5959;
    --p5_serach-bgcolor: #000;
    --table-bg-bgcolor: #4e4e4e;
    --filter-menu-bgcolor: #000000;
    --filter-menu-bordercolor: 1px solid #5a5959;
    --daterangepicker-bgcolor: #000;
    --calendar-bgcolor: #000;
    --calendar-bordercolor: 1px solid #5a5959;
    --daterangepicker-td-bgcolor: #000;
    --daterangepicker-bordercolor: 1px solid #5a5959;
    --daterangepicker-btn-bgcolor: #fff;
    --daterangepicker-bottom-bordercolor: 6px solid #000;
    --daterangepicker-next-span-bordercolor: #fff;
    --daterangepicker-prev-span-bordercolor: #fff;
    --calendar-monthselect-bgcolor: #000;
    --calendar-yearselect-bgcolor: #000;
    --calendar-yearselect-color: #fff;
    --calendar-monthselect-color: #fff;
    --table_small-bgcolor: #000;
    --table_small-color: #fff;
    --cust_page_footer-bgcolor: #000;
    --disabled-label-bgcolor: #1b1c1d;
    --table-report-th-bgcolor: #5a5959;
    --table-report-th-color: #fff;
    --table-report-bgcolor: #858585;
    --bg-remove-bgcolor: #000;
    --P5Picture-bgcolor: #000;
    --txtrolename-bgcolor: #000;
    --money-bgcolor: #000000;
    --money-bordercolor: 1px solid #5a5959;
    --money-color: #fff;
    --div-jconfirm-content-pane-color: #fff;
    --cursor-color: #fff;
    --outlined-input-field-label-color: #fff;
    --P5Select3-Options-search-bgcolor: #000;
    --P5Select3-Options-search-color: #fff;
    --P5Select3-button-color: #fff;
    --P5Select3-poplabel-color: #fff;
    --cust_line-border-color: 1px solid #5a5959;
    --cust_table-top-bordercolor: 0px solid #5a5959;
    --table-caption-bgcolor: #000;
    --table-responsive-caption-bordercolor: none;
    --table-responsive-even-bgcolor: #000;
    --P5Select3-Options-search-bgcolor: #000;
    --txt-select-all-bgcolor: #000;
    --txt-select-all-color: #fff;
    --daterangepicker-h-m-s-bgcolor: #000;
    --daterangepicker-h-m-s-color: #fff;
    --custom-switch-label-color: #fff;
    --user-profile-nav-bgcolor: #000;
    --user-profile-nav-border-bottom-color: 1px solid #5a5959;
    --user-profile-nav-border-left-color: 1px solid #5a5959;
    --user-profile-nav-border-right-color: 1px solid #5a5959;
    --user-settings-box-bgcolor: #000;
    --user-settings-box-bordercolor: 1px solid #5a5959;
    --user-settings-box-color: #fff;
    --user-profile-images-bordercolor: 5 px solid #595859;
    --infile-color: #fff;
    --cust_inline_header_color: #fff;
    --responsive-burger-menu-bgcolor: #fff;
    --sidemenu-header-responsive-burger-menu-bgcolor: #fff;
    --error-404-area-box-shadow-1-color: 5px 5px 0 0 #595859;
    --error-404-area-box-shadow-2-color: 5px 5px 0 0 #595859;
    --error-404-area-box-shadow-3-color: 5px 5px 0 0 #595859;
    --error-404-area-notfound-bgcolor: #000;
    --AskReason-bgcolor: #000;
    --reasons-item-bgcolor: #000;
    --table-ask-even-bgcolor: #000;
    --table-ask-odd-bgcolor: #595859;
    --table-ask-btn-bgcolor: #9d9d9d;
    --askReason-content-color: #fff;
    --tbl-cust-bordercolor: 1px solid #5a5959;
    --table-border-table_header-bordercolor: 1px solid #5a5959;
    --cust_id-bgcolor: #0b0b0b;
    --cust_id-bordercolor: #000 0px solid;
    --add-itm-label: #fff !important;
    --P5Select3-down-aero: #fff !important;
    --P5Select3-workpanel-span: #fff !important;
    --input-color: #fff !important;
    --input-bgcolor: #000;
    --table-scroll-bgcolor: #000;
    --cus-tbl-bgcolor: #000;
    --sidebar-contact-bordercolor: 1px solid #363636;
    --sidebar-link-hover-bgcolor: #3a3a3a;
    --sidebar-link-hover-second-color: #3a3a3a;
    --sidebar-second-link-bgcolor: transparent;
    --nav-active-color: #fff;
    --nav-active-bgcolor: #a81a31;
    --cust_tab_space-bgcolor: #5a5959;
    --cust_tab_space-txtcolor: #fff;
    --nav-hover-color: #fff;
    --table-header-bgcolor: #000;
    --checkbox-bordercolor: 1px solid #595859;
    --chkbox-disable-bgcolor: #323232;
    --poplabel-bgcolor: #000;
    --p5-navigation-navigation-buttons--active-color: #686868;
    --table-color: #fff;
    --table-th-bgcolor: #5a5959;
    --cust_dark-bgcolor: #5a5959;
    --sidebar-link-bgcolor: #5a595996;
    --sidebar-sub-link-bgcolor: #5a595996;
    --selperiod-bgcolor: #323232 !important;
    --table-bordercolor: 1px solid #fff;
    --txtamount-bgcolor: #000000;
    --txtamount-color: #ffffff;
    --txtbilldate-bgcolor: #000;
    --navtab--bgcolor: #595859;
    --navtab-active-bgcolor: #a81a31;
    --navtab-active-bordercolor: 10px solid #a81a31;
    --cust_tab_space_bgcolor: #595859;
    --txtBirthdate-bgcolor: #000000;
    --text-tspan-fill: #fff;
    --daterangepicker-ranges-bgcolor: #5a5959;
    --daterangepicker-ranges-hovercolor: #5a5959;
    --daterangepicker-ranges-td-range-hovercolor: #5a5959;
    --ui-widget-content-bgcolor: #000000;
    --ui-widget-content-color: #ffffff;
    --ui-widget-content-border-color: 1px solid #363636;
    --fieldErrorMessage-color: #dc3545 !important;
    --span-txtfill: #ffffff;
    --input-text-bgcolor: #000000;
    --nav-tb-bgcolor: #595859;
}
body.dark-theme .select2-container--default .select2-selection--multiple {
    background-color: #000000;
    border: 1px solid #707070;
}
body.dark-theme label.cbx.form-check-label {
    background: none;
}
body.dark-theme .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffffff !important;
    background: #000000;
    border: 1px solid #707070;
    border-radius: 4px;
}
body.dark-theme label {
    color: #ffffff !important;
    background: #000000;
}
body.dark-theme .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffffff;
    line-height: 35px;
    background: #000000;
}
body.dark-theme .cus_tbl_bg {
    border-right: #707070 2px solid !important;
}
body.dark-theme li.page-item {
    color: #ffffff;
}
body.dark-theme button.page-link.prev {
    background: #000000;
}
body.dark-theme  button.page-link.next {
    border: 1px solid #a81a31;
    background: #000000;
}
body.dark-theme button.page-link.black {
    color: #000;
}
body.dark-theme p.mb-0.pt-1.ml-2 {
    color: #000000 !important;
}
body.dark-theme .time-select {
    background: #000000;
    color: #ffffff;
}
body.dark-theme .special-hours {
    background-color: #000000;
    border: 1px solid #707070;
}
body.dark-theme .day-card {
    background-color: #000000;
    border: 1px solid #707070;
}
body.dark-theme .card-sp {
    background: #707070;
    color: #333333;
    border-radius: 4px 4px 0px 0px;
}
body.dark-theme .btn-continue {
    background-color: #707070;
    color: white;
}
body.dark-theme .container-custm.card-custom {
    background: #000000;
    box-shadow: 0 0px 4px rgb(255 255 255 / 30%);
}
body.dark-theme .card-c {
    background: #000000;
    box-shadow: 0 2px 12px rgb(255 255 255 / 25%);
}
body.dark-theme .table_header {
    border-right: 1px solid #707070 !important;
}
body.dark-theme button.btn.btn-outline-danger.cus_btn {
    padding: 4px 11px !important;
    background: #5a5959;
    color: #ffffff;
}
body.dark-theme .btn-outline-danger.dropdown-toggle.show {
    color: #ffffff;
    background-color: #000000;
    border-color: #ffffff;
}
body.dark-theme .stats-card-box .sub-title {
    color: #ffffff;
}
body.dark-theme .dropdown-toggle {
    color : #ffffff !important;
    border: 1px solid #595859;
    background:#000000;
}
body.dark-theme svg.feather.feather-refresh-ccw {
    color: #ffffff;
}
body.dark-theme .notesm {
    color: #000000;
}
body.dark-theme .lineheihgt {
    color: #000000 !important;
}
body.dark-theme span.font-weight-bold {
    color: #000000 !important;
}
body.dark-theme span.st {
    color: #ffffff;
}
body.dark-theme .cust_gr {
    background: #040404;
    border: 1px solid #5a5959;
}
body.dark-theme .nav-tabs {
    border-bottom: 1px solid #595859;
    color:#ffffff;
    /*background: var( --nav-tb-bgcolor);*/
}
body.dark-theme span.whites {
    color: #FFFFFF;
}
body.dark-theme #divitmhis .btn-outline-secondary {
    color: #ffffff;
}
body.dark-theme .red-note {
    color: #000000 !important;
}
body.dark-theme .cust_pt {
    color: #a81a31 !important;
}
    body .dark-theme span.name {
    color: #ffffff;
}
body.dark-theme h6.todo_st {
    color: #000000 !important;
}
body.dark-theme .jconfirm-title {
    color: var(--span-txtcolor) !important;
}

body.dark-theme .P5Select3_Options .item span {
    color: var(--span-txtcolor) !important;
}

body.dark-theme #apex-grouped-chart * tspan {
    fill: var(--text-tspan-fill) !important;
}

body.dark-theme .list-group-item {
    color: var(--span-txtcolor) !important;
}

body.dark-theme .cust_mr {
    color: var(--span-txtcolor) !important;
}

body.dark-theme .apexcharts-tooltip-title {
    fill: var(--span-txtfill) !important;
}

body.dark-theme span.apexcharts-legend-text {
    color: var(--span-txtcolor) !important;
}

body.dark-theme .text-danger {
    fill: var(--fieldErrorMessage-color);
}

body.dark-theme .ui-widget-content {
    background-color: var(--ui-widget-content-bgcolor);
    color: var(--ui-widget-content-color);
    border-color: var(--ui-widget-content-border-color);
}

body.dark-theme .daterangepicker td.in-range {
    background-color: var(--daterangepicker-ranges-td-range-hovercolor);
}

body.dark-theme .daterangepicker td.available:hover {
    background-color: var(--daterangepicker-ranges-hovercolor);
}

body.dark-theme .daterangepicker .ranges li:hover {
    background-color: var(--daterangepicker-ranges-bgcolor);
}

body.dark-theme #apex-multiple-radialbar-chart * text {
    fill: var(--text-tspan-fill) !important;
}

body.dark-theme #apex-column-with-negative-values * tspan {
    fill: var(--text-tspan-fill) !important;
}

body.dark-theme #apex-column-with-negative-values * text {
    fill: var(--text-tspan-fill) !important;
}

body.dark-theme #website-analytics-chart * tspan {
    fill: var(--text-tspan-fill) !important;
}

body.dark-theme #website-analytics-chart * text {
    fill: var(--text-tspan-fill) !important;
}

body.dark-theme #revenue-summary-chart * tspan {
    fill: var(--text-tspan-fill) !important;
}

body.dark-theme #revenue-summary-chart * text {
    fill: var(--text-tspan-fill) !important;
}

body.dark-theme #invbydistchart * tspan {
    fill: var(--text-tspan-fill) !important;
}

body.dark-theme #txtBirthdate {
    background-color: var(--txtBirthdate-bgcolor);
}

body.dark-theme .cust_tab_space {
    background-color: var(--cust_tab_space_bgcolor);
}

    body.dark-theme .cust_tab_space.active::before {
        border-left: var(--navtab-active-bordercolor);
    }

body.dark-theme .nav-tabs .nav-link.active {
    background-color: var(--navtab-active-bgcolor);
}

body.dark-theme .nav-tabs .nav-link {
    background-color: var(--navtab--bgcolor);
}

#txtbilldate {
    background-color: var(--txtbilldate-bgcolor);
}

body.dark-theme .sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .sidemenu-nav-second-level .nav-item .nav-link {
    padding-left: 20px;
}

body.dark-theme .sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .sidemenu-nav-second-level {
    padding-left: 0px;
}

body.dark-theme input#txtAmount {
    background-color: var(--txtamount-bgcolor);
    color: var(--txtamount-color);
}

/*for MENU*/
body.dark-theme .top-navbar.navbar .profile-nav-item .menu-profile .name {
    color: var(--a-txtcolor);
}

body.dark-theme .top-navbar.navbar .profile-nav-item.dropdown .dropdown-menu .dropdown-header .name {
    color: var(--a-txtcolor);
}

body.dark-theme .top-navbar.navbar .profile-nav-item.dropdown .dropdown-menu .dropdown-body .nav-item .nav-link {
    color: var(--a-txtcolor);
}
/*for MENU*/


body .dark-theme .collecpMove i {
    color: var(--h5text-color);
}

body.dark-theme #lstData .Modules span {
    color: var(--a-txtcolor);
}

body.dark-theme .GroupPanel {
    border: var(--demo-code-preview-bordercolor);
}

    body.dark-theme .GroupPanel .GroupHeader {
        background-color: var(--demo-code-preview-bgcolor);
    }

body.dark-theme table thead th {
    /*border-color: var(--browser-used-box-table-th-bordercolor);*/
    color: var(--browser-used-box-table-th-txtcolor);
}

body.dark-theme .sales_summary {
    border: var(--table-bordercolor);
}

body.dark-theme td.d-table-cell.cust_dark {
    background-color: var(--cust_dark-bgcolor);
}

body.dark-theme #txtselPeriod {
    background-color: var(--selperiod-bgcolor);
}

body.dark-theme .sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .sidemenu-nav-second-level .nav-item.mm-active .nav-link {
    background-color: var(--sidebar-sub-link-bgcolor);
}

body.dark-theme .sidemenu-area .sidemenu-body .nav-item.mm-active .nav-link {
    background-color: var(--sidebar-link-bgcolor);
}

body.dark-theme .bg_grey td {
    background-color: var(--table-th-bgcolor) !important;
}

body.dark-theme .bg_grey th {
    background-color: var(--table-th-bgcolor) !important;
}

body.dark-theme table th {
    color: var(--table-color);
}

body.dark-theme :disabled + label {
    background-color: var(--chkbox-disable-bgcolor) !important;
}

body.dark-theme .cbx span:first-child {
    border: var(--checkbox-bordercolor);
}

body.dark-theme .header_sticky {
    background-color: var(--table-header-sticky-bgcolor);
}

body.dark-theme .nav-link:hover, .nav-link:focus {
    color: var(--nav-hover-color);
}

body.dark-theme nav a.active {
    color: var(--nav-active-color);
    background-color: var(--nav-active-bgcolor);
}

body.dark-theme .sidemenu-nav .nav-item .sidemenu-nav-second-level .nav-link:active {
    background-color: var(--sidebar-link-hover-bgcolor);
}

body.dark-theme .sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link:hover {
    background-color: var(--sidebar-link-hover-bgcolor);
}

body.dark-theme .sidebar-contact {
    border: var(--sidebar-contact-bordercolor);
    background-color: var(--sidebar-contact-bgcolor);
}

body.dark-theme .table-scroll td {
    background-color: var(--table-scroll-bgcolor);
}

body.dark-theme .input {
    color: var(--input-color);
    background-color: var(--input-bgcolor);
}

body.dark-theme .P5Select3 .workPanel .elevalue_sg span {
    color: var(--P5Select3-workpanel-span);
}

body.dark-theme .P5Select3 .down::after {
    color: var(--P5Select3-down-aero);
}

body.dark-theme label.cbx {
    color: var(--add-itm-label);
}

body.dark-theme .cust_id {
    background-color: var(--cust_id-bgcolor) !important;
    border: var(--cust_id-bordercolor) !important;
}

body.dark-theme .AskReason-Block .AskReason-content .btnSend:focus {
    color: var(--askReason-content-color);
}

body.dark-theme .AskReason-Block .AskReason-content .btnSend {
    background: var(--table-ask-btn-bgcolor);
}

body.dark-theme .table.ask tbody tr:nth-child(even) {
    background-color: var(--table-ask-even-bgcolor);
}

body.dark-theme .table.ask tbody tr:nth-child(odd) {
    background-color: var(--table-ask-odd-bgcolor);
}

body.dark-theme .AskReason-Block .AskReason-content .reasons-content .reasons-item {
    background-color: var(--reasons-item-bgcolor);
}

body.dark-theme .AskReason-Block {
    background-color: var(--AskReason-bgcolor);
}

body.dark-theme .error-404-area .notfound .notfound-bg div:nth-child(3) {
    box-shadow: var(--error-404-area-box-shadow-3-color);
}

body.dark-theme .error-404-area .notfound .notfound-bg div:nth-child(2) {
    box-shadow: var(--error-404-area-box-shadow-2-color);
}

body.dark-theme .error-404-area .notfound .notfound-bg div:nth-child(1) {
    box-shadow: var(--error-404-area-box-shadow-1-color);
}

body.dark-theme .error-404-area .notfound .notfound-bg div {
    background-color: var(--error-404-area-notfound-bgcolor);
}

body.dark-theme .sidemenu-area .sidemenu-header .responsive-burger-menu span {
    background-color: var(--sidemenu-header-responsive-burger-menu-bgcolor);
}

body.dark-theme .top-navbar.navbar .responsive-burger-menu span {
    background-color: var(--responsive-burger-menu-bgcolor);
}

body.dark-theme .cust_inline_header {
    color: var(--cust_inline_header_color) !important;
}

body.dark-theme #inFile {
    color: var(--infile-color) !important;
}

body.dark-theme .profile-header .user-profile-images .profile-image img {
    border: var(--user-profile-images-bordercolor);
}

body.dark-theme .user-settings-box form .form-group .form-control {
    background-color: var(--user-settings-box-bgcolor);
    border: var(--user-settings-box-bordercolor);
    color: var(--user-settings-box-color);
}

body.dark-theme .profile-header .user-profile-nav {
    background-color: var(--user-profile-nav-bgcolor);
    border-bottom: var(--user-profile-nav-border-bottom-color);
    border-left: var(--user-profile-nav-border-left-color);
    border-right: var(--user-profile-nav-border-right-color);
}

body.dark-theme .custom-control.custom-switch label {
    color: var(--custom-switch-label-color);
}

body.dark-theme .daterangepicker select.hourselect {
    background-color: var(--daterangepicker-h-m-s-bgcolor);
    color: var(--daterangepicker-h-m-s-color);
}

body.dark-theme .daterangepicker select.minuteselect {
    background-color: var(--daterangepicker-h-m-s-bgcolor);
    color: var(--daterangepicker-h-m-s-color);
}

body.dark-theme .daterangepicker select.secondselect {
    background-color: var(--daterangepicker-h-m-s-bgcolor);
    color: var(--daterangepicker-h-m-s-color);
}

body.dark-theme .daterangepicker select.ampmselect {
    background-color: var(--daterangepicker-h-m-s-bgcolor);
    color: var(--daterangepicker-h-m-s-color);
}

body.dark-theme .P5Select3_Options .search .txt_select_all {
    background-color: var(--txt-select-all-bgcolor) !important;
    color: var(--txt-select-all-color) !important;
}

body.dark-theme .P5Select3_Options .search {
    background-color: var(--P5Select3-Options-search-bgcolor);
}

body.dark-theme .table-responsive .table tbody tr:nth-child(even) {
    background-color: var(--table-responsive-even-bgcolor);
}

body.dark-theme .table-responsive .table > :not(caption) > * > * {
    background-color: var(--table-responsive-caption-bgcolor);
    border: var(--table-responsive-caption-bordercolor);
}

body.dark-theme .cust_table td {
    border-top: var(--cust_table-top-bordercolor) !important;
}

body.dark-theme .cust_line {
    border-bottom: var(--cust_line-border-color) !important;
}

body.dark-theme .P5Select3 .poplabel {
    color: var(--P5Select3-poplabel-color);
    background-color: var(--poplabel-bgcolor) !important;
}

body.dark-theme .P5Select3 button {
    color: var(--P5Select3-button-color);
}

body.dark-theme .P5Select3_Options .search input {
    background-color: var(--P5Select3-Options-search-bgcolor);
    color: var(--P5Select3-Options-search-color);
}

body.dark-theme .outlined-input-field label {
    color: var(--outlined-input-field-label-color) !important;
}

body.dark-theme input, textarea {
    caret-color: var(--cursor-color) !important;
}

body.dark-theme .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
    color: var(--div-jconfirm-content-pane-color);
}

body.dark-theme .money input[type="text"] {
    background-color: var(--money-bgcolor);
    border: var(--money-bordercolor);
    color: var(--money-color);
}

body.dark-theme #txtRoleName:focus + label {
    background-color: var(--txtrolename-bgcolor);
}

body.dark-theme .P5Picture .container {
    background-color: var(--P5Picture-bgcolor);
}

body.dark-theme .bg_remove {
    background-color: var(--bg-remove-bgcolor) !important;
}

body.dark-theme .table tbody tr:nth-child(even) {
    background-color: var(--table-report-bgcolor);
}

body.dark-theme .table th {
    background-color: var(--table-report-th-bgcolor);
    color: var(--table-report-th-color);
}

body.dark-theme .label-text :disabled + label {
    background: var(--disabled-label-bgcolor) !important;
}

body.dark-theme .cust_page_footer {
    background: var(--cust_page_footer-bgcolor);
}

body.dark-theme .table_row > .table_small > .table_cell {
    background-color: var(--table_small-bgcolor);
    color: var(--table_small-color);
}

body.dark-theme .P5Select3_Options .search span {
    color: var(--calendar-yearselect-color);
}

body.dark-theme i.bx.bx-calendar {
    color: var(--calendar-yearselect-color);
}

body.dark-theme .daterangepicker select.yearselect {
    background-color: var(--calendar-yearselect-bgcolor);
    color: var(--calendar-yearselect-color);
}

body.dark-theme .daterangepicker select.monthselect {
    background-color: var(--calendar-monthselect-bgcolor);
    color: var(--calendar-monthselect-color);
}

body.dark-theme .daterangepicker .calendar-table .next span {
    border-color: var(--daterangepicker-next-span-bordercolor);
}

body.dark-theme .daterangepicker .calendar-table .prev span {
    border-color: var(--daterangepicker-prev-span-bordercolor);
}

body.dark-theme .daterangepicker:after {
    border-bottom: var(--daterangepicker-bottom-bordercolor);
}

body.dark-theme .daterangepicker .drp-buttons .btn {
    color: var(--daterangepicker-btn-bgcolor);
}

body.dark-theme .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: var(--daterangepicker-td-bgcolor);
}

body.dark-theme .daterangepicker .calendar-table {
    background-color: var(--calendar-bgcolor);
    border-color: var(--calendar-bordercolor);
}

body.dark-theme .daterangepicker {
    background-color: var(--daterangepicker-bgcolor);
    border-color: var(--daterangepicker-bordercolor);
}

body.dark-theme #menu {
    background-color: var(--filter-menu-bgcolor);
    border-color: var(--filter-menu-bordercolor);
}

body.dark-theme .bg {
    background-color: var(--table-bg-bgcolor);
}

body.dark-theme #p5_serach .iconSearch {
    background-color: var(--p5_serach-bgcolor);
}

body.dark-theme .apexcharts-xaxistooltip {
    color: var(--apexcharts-xaxistooltip-color);
    background-color: var(--apexcharts-xaxistooltip-bgcolor);
    border-color: var(--apexcharts-xaxistooltip-bordercolor);
}

body.dark-theme .apexcharts-tooltip.apexcharts-theme-light {
    background-color: var(--apexcharts-tooltip-bgcolor);
    border-color: var(--apexcharts-tooltip-bordercolor);
}

    body.dark-theme .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
        color: var(--apexcharts-tooltip-title-color);
        background-color: var(--apexcharts-tooltip-title-bgcolor);
        border-color: var(--apexcharts-tooltip-title-bordercolor);
    }

body.dark-theme {
    background-color: var(--bgcolor);
}

    body.dark-theme .modal_bg {
        background-color: var(--model-bgcolor);
    }

    body.dark-theme h1 {
        color: var(--h1text-color) !important;
    }

    body.dark-theme h2 {
        color: var(--h2text-color) !important;
    }

    body.dark-theme h3 {
        color: var(--h3text-color) !important;
    }

    body.dark-theme h4 {
        color: var(--h4text-color) !important;
    }

    body.dark-theme h5 {
        color: var(--h5text-color) !important;
    }

    body.dark-theme h6 {
        color: var(--h6text-color) !important;
    }

    body.dark-theme label {
        color: var(--lbltext-color) !important;
    }

    body.dark-theme p {
        color: var(--p-txtcolor) !important;
    }

    body.dark-theme span.icon {
        color: var(--span-txtcolor) !important;
    }

    body.dark-theme .menu-title {
        color: var(--span-txtcolor) !important;
    }

    body.dark-theme a {
        color: var(--a-txtcolor);
        text-decoration: var(--a-text-decoration);
    }

    body.dark-theme strong {
        color: var(--strong-txtcolor);
    }

    body.dark-theme b {
        color: var(--b-txtcolor);
    }

    body.dark-theme small {
        color: var(--small-txtcolor);
    }

    body.dark-theme li {
        color: var(--li-txtcolor);
    }

    body.dark-theme ol {
        color: var(--ol-txtcolor);
    }

    body.dark-theme td {
        color: var(--td-txtcolor) !important;
    }

    body.dark-theme .jconfirm .jconfirm-box {
        background-color: var(--jconfirm-bgcolor);
        color: var(--jconfirm-txtcolor);
    }

    body.dark-theme :active + label {
        background-color: var(--active-label-bgcolor);
    }

    body.dark-theme .p5-heading-item.btn-outline-dark .badge {
        background-color: var(--p5-heading-item-bgcolor);
    }

    body.dark-theme .nav-pills-custom .cust_tab_space.nav-link {
        background-color: var(--cust_spy_tab_space-bgcolor);
        color: var(--cust_tab_space-txtcolor);
    }

    body.dark-theme .cust_static.sticky {
        background-color: var(--cust_static_bgcolor);
    }

    body.dark-theme .stic.sticky {
        background-color: var(--role-header-sticky-bgcolor);
    }

    body.dark-theme .cust_header_scrollspy {
        background-color: var(--role-cust_header_scrollspy-bgcolor);
    }

    body.dark-theme .custom_sticky {
        background-color: var(--table-header-custom-sticky-bgcolor);
    }

    body.dark-theme .cust_sticky_scroll .custom-switch {
        background-color: var(--custom-switch-bgcolor);
    }

    body.dark-theme .cus_row {
        color: var(--cus_row-txtcolor);
    }

    body.dark-theme .divider {
        background-color: var(--divider-bgcolor);
    }

    body.dark-theme .cust_fix_btn {
        background-color: var(--cust_fix_btn-bgcolor);
    }

    body.dark-theme .table_small {
        border-bottom: var(--table_small-border-bottom);
    }

    body.dark-theme.table > :not(:last-child) > :last-child > * {
        border: var(--table-border-last-child-bordercolor) !important;
    }

    body.dark-theme .table_header {
        color: var(--table-header-txtcolor) !important;
        background-color: var(--table-header-bgcolor) !important;
        border: var(--table-border-table_header-bordercolor);
    }

    body.dark-theme .table_row > .table_small > .table_cell {
        color: var(--table-row-txtcolor);
    }

    body.dark-theme .btn-outline-dark {
        color: var(--btn-outline-color);
        border: var(--btn-outline-bordercolor);
    }

    body.dark-theme .p5-heading-item.btn-outline-dark:hover {
        color: var(--btn-outline-color);
        border: var(--btn-outline-bordercolor);
    }

    body.dark-theme .page-size .P5Select3 {
        background-color: var(--page-size-P5Select3-bgcolor);
    }

    body.dark-theme .form-control.login {
        /*color: var(--form-control-txtcolor);*/
        background-color: var(--form-login-control-bgcolor) !important;
    }

    body.dark-theme .page-size::after {
        color: var(--page-size-txtcolor) !important;
    }

    body.dark-theme .p5-listing-heading .p5-navigation .navi-buttons {
        background-color: var(--p5-navigation-navigation-buttons-bgcolor);
    }

    body.dark-theme .p5-listing-heading .action-buttons button[disabled="disabled"] {
        /*background-color: var(--p5-navigation-navigation-buttons-disabled-bgcolor);*/
        /*color: var(--p5-navigation-navigation-buttons--active-color);*/
    }

    body.dark-theme .stats-card-box {
        background-color: var(--stats-card-box-bgcolor);
        border: var(--stats-card-box-bordercolor);
    }

    body.dark-theme .card {
        background-color: var(--card-bgcolor);
        border: var(--card-bordercolor) !important;
    }

    body.dark-theme .card-header {
        background-color: var(--card-header-bgcolor);
    }

    body.dark-theme .dropdown-toggle {
        color: var(--toggle-color) !important;
    }

    body.dark-theme .sidemenu-area .sidemenu-header {
        background: var(--sidemenu-area-bgcolor);
        border-right: var(--sidemenu-area-bordercolor);
        border-bottom: var(--sidemenu-area-bottom-bordercolor);
    }

    body.dark-theme .sidemenu-area .sidemenu-body {
        background: var(--sidemenu-body-bgcolor);
        border-right: var(--sidemenu-body-bordercolor);
    }

    body.dark-theme .top-navbar.navbar.is-sticky {
        background-color: var(--top-navbar-sticky-bgcolor) !important;
        border-bottom: var(--top-sticky-border-bottom-bordercolor);
    }

    body.dark-theme .top-navbar.navbar .nav-search-form .form-control {
        background-color: var(--top-search-bgcolor);
        color: var(--top-search-txtcolor) !important;
        border: var(--top-search-bordercolor);
    }

    body.dark-theme .footer-area {
        border-color: var(--footer-area-line-bordercolor);
    }

    body.dark-theme .top-navbar.navbar .nav-item .nav-link {
        color: var(--top-navbar-nav-item-color);
    }

    body.dark-theme .sidemenu-area .sidemenu-body .sidemenu-nav .nav-item-title {
        color: var(--sidemenu-area-nav-item-title-color);
    }

    /*body.dark-theme .sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link:hover {
        background-color: var(--sidemenu-hover-bgcolor);
    }*/

    body.dark-theme .sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link::before {
        background-color: var(--sidemenu-nav-before-bgcolor);
    }

    /*body.dark-theme .sidemenu-area .sidemenu-body .sidemenu-nav .nav-item.mm-active .nav-link {
        background-color: var(--sidemenu-nav-mm-active-bgcolor);
    }*/

    body.dark-theme .sidemenu-area .sidemenu-header .burger-menu span {
        background-color: var(--burger-menubgcolor);
    }



    body.dark-theme .top-navbar.navbar .nav-item.dropdown .dropdown-menu {
        background-color: var(--top-navbar-profile-bgcolor);
    }

    body.dark-theme button:focus {
        background-color: var(--btn-focus-bgcolor) !important;
    }

    body.dark-theme .dropdown-item:focus, .dropdown-item:hover {
        background-color: var(--dropdown-item-btn-focus-bgcolor) !important;
    }

    body.dark-theme .top-navbar.navbar .profile-nav-item.dropdown .dropdown-menu .dropdown-body .nav-item .nav-link i {
        color: var(--nav-link-i-txtcolor);
    }

    body.dark-theme .card .card-header .dropdown .dropdown-menu {
        background-color: var(--card-card-header-dropdown-menu-bgcolor);
    }

        body.dark-theme .card .card-header .dropdown .dropdown-menu .dropdown-item {
            color: var(--card-card-header-dropdown-menu-txtcolor);
        }

            body.dark-theme .card .card-header .dropdown .dropdown-menu .dropdown-item i {
                color: var(--card-card-header-dropdown-menu-icolor);
            }

    body.dark-theme .form-control {
        color: var(--form-control-txtcolor);
        background-color: var(--form-control-bgcolor);
        border: var(--form-control-bordercolor);
        border: var(--form-control-bordercolor);
    }

    body.dark-theme .widget-todo-list {
        border-top: var(--widget-todo-top-bordercolor);
    }

        body.dark-theme .widget-todo-list ul li:hover {
            background-color: var(--widget-todo-list-hover-bgcolor);
        }

    body.dark-theme .bar-inner {
        border-color: var(--bar-inner-bordercolor) !important;
    }

    /*body.dark-theme .table > :not(:last-child) > :last-child > * {
    border-bottom-color: var(--table-last-child-bottom-bordercolor);
}*/

    body.dark-theme .cus_tbl_bg {
        border-top: var(--tbl-top-bordercolor);
        border-bottom: var(--tbl-bottom-bordercolor);
        color: var(--tbl-txt-txtcolor);
        background-color: var(--cus-tbl-bgcolor) !important;
        border: var(--tbl-cust-bordercolor);
    }

    body.dark-theme .m_border {
        border-bottom: var(--m_border-bottom-bordercolor);
        color: var(--mborder-txt-txtcolor);
        background: #000000;
    }

    body.dark-theme .page-item.disabled .page-link {
        color: var(--pagination-txtcolor);
        background-color: var(--pagination-bgcolor) !important;
        border: var(--pagination-bordercolor) !important;
    }

    body.dark-theme .page-link {
        color: var(--pagination-page-link-txtcolor);
        background-color: var(--pagination-page-link-bgcolor);
        border: var(--pagination-page-link-bordercolor);
    }

        body.dark-theme .page-link:hover {
            color: var(--pagination-page-link-hover-txtcolor);
            background-color: var(--pagination-page-link-hover-bgcolor);
            border: var(--pagination-page-link-hover-bordercolor);
        }

    body.dark-theme .item:hover {
        background-color: var(--item-tbl-hover-bgcolor);
    }

    body.dark-theme .list-inline {
        background-color: var(--list-tbl-hover-bgcolor);
    }

    body.dark-theme .P5Select3 {
        border: var(--P5Select3-bordercolor);
    }

        body.dark-theme .P5Select3 .arrow {
            color: var(--P5Select3-arrow-color);
        }

    body.dark-theme .P5Select3_Options {
        background-color: var(--P5Select3-options-bgcolor);
    }

    body.dark-theme .btn-danger.focus, .btn-danger:focus {
        border-color: var(--danger-btn-border-focuscolor);
        box-shadow: var(--danger-btn-shadowcolor);
    }

    body.dark-theme .demo-code-preview {
        border: var(--demo-code-preview-bordercolor);
        background-color: var(--demo-code-preview-bgcolor);
    }

        body.dark-theme .demo-code-preview:before {
            color: var(--demo-code-preview-befor-color);
            background-color: var(--demo-code-preview-before-bgcolor);
        }

    body.dark-theme .top-navbar.navbar .profile-nav-item.dropdown .dropdown-menu .dropdown-footer {
        border-top: var(--profile-item-top-bordercolor);
    }

    body.dark-theme .top-navbar.navbar .profile-nav-item.dropdown .dropdown-menu .dropdown-header {
        border-bottom: var(--profile-item-bottom-bordercolor);
    }

    body.dark-theme ::-webkit-input-placeholder {
        color: var(--placeholder-txtcolor);
    }

    body.dark-theme .table td, .table th {
        border-top: var(--tbl-top-bordercolor);
        color: var(--tbl-top-color);
    }

    body.dark-theme .trs {
        background-color: var(--trs-bgcolor);
    }

    body.dark-theme tbody, td, tfoot, th, thead, tr {
        border: var(--table-border-bordercolor);
    }

    body.dark-theme .sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link.collapsed-nav-link::after {
        color: var(--sidemenu-nav-arrow-color);
    }

    body.dark-theme .top-navbar.navbar .profile-nav-item.dropdown .dropdown-menu .dropdown-body .nav-item .nav-link.active, .top-navbar.navbar .profile-nav-item.dropdown .dropdown-menu .dropdown-body .nav-item .nav-link:active {
        background-color: var(--profile-top-nav-link-active-bgcolor);
    }

    body.dark-theme .page-link:focus {
        box-shadow: var(--pagination-link-boxshadowcolor);
    }

    body.dark-theme .outlined-input-field label {
        background-color: var(--outlined-label-bgcolor);
    }

    body.dark-theme .outlined-input-field .outlined-text-field:focus + label, .outlined-input-field .outlined-select-field:focus + label {
        color: var(--outlined-focus-label-color);
    }

    body.dark-theme .input-group-text {
        background-color: var(--input-group-text-bgcolor);
        border: var(--input-group-text-bordercolor);
    }

    /*body.dark-theme .outlined-input-field .active, :active + label {
    background-color: var(--outlined-input-field-active-text-bgcolor)!important;
}*/
    body.dark-theme .outlined-input-field .outlined-text-field {
        background-color: #000000;
        color: #ffffff;
        border: 1px solid #5a5959 !important;
    }
body.dark-theme input#txtsrchitmupc {
    border: 1px solid #5a5959;
}
body.dark-theme input {
    background-color: #000000;
    border: 1px solid #5a5959;
    color: #ffffff;
}
    body.dark-theme .outlined-input-field .outlined-text-field {
        color: var(--outlined-text-field-text-color) !important;
        border: var(--outlined-text-field-text-bordercolor) !important;
        background-color: var(--input-text-bgcolor) !important;
    }

    body.dark-theme .t_head {
        background-color: var(--t-head-bgcolor);
    }

    body.dark-theme .row.item.m_table_box.tableData {
        background-color: var(--table-data-bgcolor) !important;
    }

    body.dark-theme .todo-item-action .view {
        background-color: var(--view-bgcolor);
        color: var(--view-color);
    }
    body.dark-theme .P5Select3 .workPanel {
        border-bottom: 1px solid #595859;
    }
    body.dark-theme .P5Select3 .Placeholder {
        color: var(--p5select3-placeholder-color);
        background:#000000;
    }
    body.dark-theme .disabled {
        background-color: #505050;
    }
    body.dark-theme .P5Select3 {
        background: #000000;
    }
    body.dark-theme span.list-group-item {
        background-color: var(--span-list-group-item-bgcolor);
    }

    body.dark-theme .cust_search.nav-search-form .form-control {
        background-color: var(--cust_search-bgcolor);
        border: var(--cust_search-bgcolor);
        color: var(--cust_search-color);
    }

    body.dark-theme #SAP5ZPopupFP .cus_modal {
        background-color: var(--model-bgcolor);
        color: var(--model-txtcolor);
    }

    body.dark-theme #SAP5ZPopupFP .modal_body {
        background-color: var(--model-body-bgcolor);
    }

    body.dark-theme #SAP5ZPopupFP .modal_footer {
        border-top: var(--model-footer-bordercolor);
        background-color: var(--model-footer-bgcolor);
    }

    body.dark-theme #SAP5ZPopupFP .modal_header {
        border-bottom: var(--model-header-bordercolor);
        background-color: var(--model-header-bgcolor);
    }

    body.dark-theme .user-settings-box h3 i {
        background-color: var(--user-setting-bgcolor);
    }

    body.dark-theme .user-settings-box h3:hover i {
        background-color: var(--user-setting--hover-bgcolor);
    }

    body.dark-theme #SAP5ZPopupFP .modal_footer .cus_btn {
        color: var(--model-footer-btn-color);
        border: var(--model-footer-btn-bordercolor);
        background-color: var(--model-footer-btn-bgcolor);
    }

    body.dark-theme .form-group label {
        color: var(--form-group-label-color);
    }

    body.dark-theme .header {
        background-color: var(--order-header-bgcolor);
    }

    body.dark-theme .cust_second_border {
        border: var(--cust_second_border-bordercolor);
    }

    body.dark-theme .tab-round .content {
        background: var(--tab-round-bgcolor);
    }

    body.dark-theme .tab-slider--trigger.active {
        background: var(--tab-slider-trigger-active-bgcolor);
    }

    body.dark-theme thead.cus_tbl_bg.sticky_tablehead {
        background: var(--thead-cus-tbl-bg-bgcolor) !important;
    }

    body.dark-theme .custom_border_price {
        border-right: var(--custom-order-price-bordercolor);
    }

    body.dark-theme .picture1 {
        background: var(--picture1-bgcolor);
    }

    body.dark-theme .nav-pills-custom .nav-link {
        background: var(--tab-nav-pills-bgcolor);
        border: var(--tab-nav-pills-bordercolor);
        color: var(--tab-nav-pills-color);
    }

        body.dark-theme .nav-pills-custom .nav-link.active {
            color: var(--tab-nav-pills-active-color);
            background: var(--tab-nav-pills-active-bgcolor);
            border: var(--tab-nav-pills-bordercolor);
        }

        body.dark-theme .nav-pills-custom .nav-link::before {
            border-left: var(--tab-nav-pills--before-bordercolor);
        }

    body.dark-theme .bg-white {
        background: var(--bg-white-bgcolor) !important;
        border: var(--bg-white-bordercolor);
    }

    body.dark-theme .tableData {
        border: var(--tabledata-bordercolor);
    }

    body.dark-theme .outlined-input-field.bordercolor .outlined-text-field {
        border: var(--outline-input-dark-bordercolor) !important;
    }

    body.dark-theme .warning-input-field .outlined-text-field:focus + label.txtcolor {
        color: var(--outline-input-text-dark-bordercolor) !important;
    }

    body.dark-theme .outlined-input-field label.txtcolor {
        color: var(--outline-input-text-dark-color);
    }

    /*body.dark-theme .outlined-input-field .active, :active + label {
        background: var(--label-active-focus-bgcolor);
    }*/

    body.dark-theme .nav .bx {
        color: var(--bx-color);
    }

    body.dark-theme .portal-logo {
        display: none;
    }

    body.dark-theme .dark-portal-logo {
        display: unset;
    }


    /*Start Device Style*/
    body.dark-theme .device-container .device-item {
        background-color: var(--stats-card-box-bgcolor);
        box-shadow: 0px 0px 3px #fff;
    }

        body.dark-theme .device-container .device-item[data-isonline="true"] {
            border-top: 10px solid green;
        }

        body.dark-theme .device-container .device-item[data-isonline="false"] {
            border-top: 10px solid red;
        }

        body.dark-theme .device-container .device-item .device-id input[type="text"] {
            background-color: rgb(100,100,100);
            color: rgba(255,255,255,0.5);
        }

        body.dark-theme .device-container .device-item .device-icon {
            color: rgba(255,255,255,0.5);
        }

/*End Device Style*/