/*Dark theme css starts*/
.dark_logo, .dark .light_logo {
    display: none
}

.dark header#topnav {
    background: #292e32 !important;
}

.dark .dark_logo {
    display: block;
    height: 35px;
}

.dark .has-submenu i.fa {
    color: #878a99;
}

.dark #topnav .navigation-menu > li > a {
    color: #878a99 !important
}

.dark li.has-submenu.last-elements.active {
    background: #ffffff;
}

.dark #topnav .has-submenu.active a, .dark li.has-submenu.active a i.fa {
    color: #fff !important;
}

.dark .container-fluid.body-content {
    background: #1a1d21 !important
}

.dark:root {
    background: #1a1d21 !important
}

.dark .m-title h4 {
    color: #fff;
}

.dark label {
    color: #fff
}

.btn_dark {
    width: 20px;
    height: 20px;
    background: linear-gradient(to left, #000 50%, #fff 50%);
    border-radius: 50px;
    border: 2px solid #000;
    position: relative;
    top: 3px;
}

.dark .btn_dark {
    width: 20px;
    height: 20px;
    background: linear-gradient(to left, #c9c9c9 50%, #1a1d21 50%);
    border-radius: 50px;
    border: 2px solid #c9c9c9;
    position: relative;
    top: 3px;
    margin: 0px 5px;
}

.dark .m-table__main .ui-state-default, .dark .ui-widget-content .ui-state-default, .dark .ui-widget-header .ui-state-default {
    color: #ffffff !important;
}

.dark .ui-jqgrid .ui-jqgrid-pager, .dark .ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels {
    background: #2c3034 !important;
}

.dark .ui-jqgrid .ui-jqgrid-htable .ui-search-toolbar th {
    background: #212529 !important
}

.dark .m-table__main .table td {
    background: #212529;
}

.dark .ui-jqgrid .ui-jqgrid-htable th, .dark .ui-jqgrid .ui-jqgrid-btable tr.jqgrow td {
    padding: 4px 13px !important;
    border: 1px solid #32383e !important;
    color: #ced4da !important;
}

.m-table__main .ui-jqgrid tr.ui-search-toolbar td > input {
    border: 1px solid #32383e !important;
}

.dark .ui-widget-content, .dark .ui-widget-content a {
    color: rgb(64,81,137)
}

.dark .footer {
    background: #212529;
    color: #fff;
}

    .dark .footer p {
        color: #fff !important
    }

.dark_expand, .dark .light_expand {
    display: none
}

.dark .dark_expand {
    display: block;
    opacity: 0.7;
    position: relative;
    top: 8px;
    width: 17px;
    height: 17px;
}

.dark body {
    background: #000 !important
}

.dark .notification-list span.ml-1.pro-user-name {
    color: #fff;
}

.dark .card-box {
    background: #212529;
    box-shadow: 0px 0px 1px #000;
}

.dark i.fa.fa-envelope {
    color: #dedede;
}

    .dark i.fa.fa-envelope:hover {
        color: #fff
    }

.dark .modal-content {
    background: #1a1d21
}

.dark .nav-tabs li a {
    color: #fff
}

.dark li.has-submenu.active, .dark #topnav .navigation-menu > li:hover {
    background: transparent !important
}

.dark .text-success {
    color: #0ab39c !important;
}
.dark .text-danger {
    color: #0ab39c !important;
}

.dark .btn.btn-success, .dark .add_product {
    background: #0ab39c;
    font-size: 12px !important;
    padding: 7px 10px;
    box-shadow: none !important;
    line-height: 1.2;
    border-radius: 4px !important;
    border: 1px solid #219897 !important;
    font-weight: 600;
    color: #fff !important
}

.dark .mail_popup .ui-th-ltr, .dark .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {
    border-top: 1px solid #444444 !important;
    border-left: 0.8px solid #444444 !important;
}

.dark .ui-jqgrid .ui-jqgrid-pager .ui-pager-table {
    border: 1px solid #444444 !important;
}

.dark .ui-jqgrid .ui-jqgrid-pager {
    border: 0px !important;
}

.dark .form-control {
    background: transparent;
    border: 1px solid #444;
    color: #bbb;
    height: 34px;
}

.dark .calendar_Icon i.fa {
    position: absolute;
    top: 35px;
    right: 10px;
    color: #fff;
}

.dark .select2-container .select2-selection--single {
    border: 1px solid #e0e8ed;
    height: 34px;
    background: transparent;
    border: 1px solid #444 !important;
    color: #bbb
}

    .dark .select2-container .select2-selection--single .select2-selection__rendered {
        color: #bbb
    }

.dark button.multiselect.dropdown-toggle.btn.btn-default {
    border: 1px solid #444 !important;
    background: transparent
}

.dark .multiselect-selected-text {
    color: #bbb;
}

.dark .dropdown-toggle::after {
    border-top: 0.3em solid #bbb;
}

.dark .btn-back {
    border: 1px solid #f06548 !important;
    color: #fff !important;
    background: #f06548 !important;
}

    .dark .btn-back:hover {
        background: #d24528 !important;
        color: #fff !important;
        border: 1px solid #d24528 !important
    }

.dark .notification-list:hover .profile-dropdown {
    box-shadow: 0px 0px 0px 0px #dedede !important;
    background: #444
}

.dark .dropdown-item {
    color: #fff !important
}

    .dark .dropdown-item:focus, .dark .dropdown-item:hover {
        background-color: #2b2b2b;
    }

.dark .data_multiselect .btn-group {
    background: transparent !important;
}

.dark .productMapping .btn.btn-success, .dark .productMapping .add_product {
    padding: 7px 10px
}

.dark .modal-header {
    color: #fff;
    background: #292e32;
}

.dark .modal .ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels .ui-th-div {
    color: #fff !important;
}

.dark .modal .modal-dialog .modal-content .modal-header {
    border-bottom-width: 0px;
}

.dark button.btn.btn-danger.btn-cancel {
    background: transparent !important;
    border: 1px solid #f06548 !important;
    color: #f06548 !important;
}

.dark .can-toggle label .can-toggle__switch:before {
    color: #00d647 !important;
}

.dark .can-toggle label .can-toggle__switch:after {
    background: #f06548;
    transform: translate3d(0, 0, 0);
    color: #fff !important;
}

.dark .can-toggle label .can-toggle__switch, .dark .can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch {
    background: #242424
}

    .dark .can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:before {
        color: #f06548 !important;
    }

    .dark .can-toggle input[type="checkbox"]:checked ~ label .can-toggle__switch:after {
        background: #405189;
    }

.dark .can-toggle input[type="checkbox"]:focus ~ label .can-toggle__switch, .dark .can-toggle input[type="checkbox"]:hover ~ label .can-toggle__switch {
    background: #242424 !important
}

.dark .btn-excel {
    background: #4e4e4e !important;
    border: 1px solid #000000;
}

.dark .btn-danger {
    background-color: #f38844 !important;
    border: 0px solid #f38844 !important;
    color: #000 !important;
}

.dark .btn.btn-success:hover, .dark .add_product:hover {
    color: #000 !important;
    background: #39bebd;
}

.dark .custom_monthpicker {
    background: #1a1d21;
    border: 1px solid #5c5c5c;
}

    .dark .custom_monthpicker .form-control {
        border: 0px;
    }

.dark .card-section {
    background: #323232;
    color: #fff;
    border: 1px solid #242424;
    box-shadow: 0px 0px 3px #242424 !important;
}

.dark .card_title {
    border-bottom: 1px solid rgb(45 45 45)
}

.dark button.btn.btn-label.btn-green, .dark button.btn.btn-label.btn-danger, .dark button.btn.btn-label.btn_warning {
    background: #1e1e1e !important
}

.dark .btn.btn-success:focus, .dark .add_product:focus {
    color: #fff !important
}

.dark .user_actions i.fa {
    font-size: 16px;
    color: #8d7db6 !important;
}

.dark .code_details {
    background: #393939;
    border: 1px solid #888888;
}

    .dark .code_details ul li {
        color: #fff;
    }

.dark .color-red {
    color: #405189 !important;
}

.dark .icon_color span {
    color: #00d39e;
}

.dark .modal-body p {
    color: #fff
}

.dark .m-table__main .ui-jqgrid-view {
    background: transparent
}

.dark .card_details .color-link {
    color: #405189 !important;
}

.dark .nav-tabs li.active {
    background: #0ab39c;
}

.dark .nav-tabs li {
    border: 1px solid #0ab39c;
}

    .dark .nav-tabs li a {
        color: #ced4da !important;
    }

    .dark .nav-tabs li.active a {
        color: #fff !important
    }

.dark .account_details i.fa {
    color: #c9c9c9;
}

    .dark .account_details i.fa:hover {
        color: #dedede;
    }

.dark .modal-body span {
    color: #fff;
}

/* width */
.dark ::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.dark ::-webkit-scrollbar-track {
    background: #e0e8ed;
}

/* Handle */
.dark ::-webkit-scrollbar-thumb {
    background: #444444;
}

    /* Handle on hover */
    .dark ::-webkit-scrollbar-thumb:hover {
        background: #232323;
    }
.dark .scroll-left {
    overflow: hidden;
    position: relative;
    background: #292e32;
    color: white;
    border: 0px solid orange;
    padding: 0px;
    font-size: 13px;
    margin: 0px 0px 10px;
}

.dark_mode {
    margin: 3px 5px;
}

.dark .dark_mode {
    margin: 3px 0px;
}
.dark .card_title {
    background: #292e32;
}
.dark .code_details {
    border: 1px solid #292e32;
    background: #292e32;
}


#topnav .navigation-menu > li:hover a i {
    color: #161616 !important;
}

.dark button.btn.btn-success.mail_send {
    color: #219897 !important;
 
}
.dark #topnav .navigation-menu > li .submenu {
    background: #292e33;
    border: 0px solid #695990;
    box-shadow: 0 0 5px rgb(15 34 58 / 15%);
}
.dark #topnav .navigation-menu li:hover .submenu li a.active {
    color: white !important;
}
.dark #topnav .navigation-menu li:hover .submenu li a {
    color: #878a99 !important;
}
.dark #topnav .navigation-menu > li:hover .submenu li.active:hover a, .dark #topnav .navigation-menu li:hover .submenu li a:hover {
    color: #ffffff !important;
}
.dark #topnav .navigation-menu > li:hover .submenu i.fa {
    color: #878a99 !important;
}


.dark .display-4{
    color:#fff
}
.dark .m-table__main .ui-jqgrid .ui-jqgrid-htable .ui-th-div {
    font-size: 14px;
    line-height: normal;
    color: #878a99 !important;
}
.dark #topnav .navigation-menu > li:hover > a, .dark #topnav .navigation-menu > li:hover > a i.fa{
    color: #fff !important
}
.dark .card-section {
    background: #212529;
    color: #fff;
}
.dark .card_details {
    color: #ced4da;
}

.dark button.btn.btn-label.btn-green {
    color: #0ab39c;
    background-color: rgba(10,179,156,.1) !important;
}
.dark button.btn.btn-label.btn_warning {
    background: rgba(240,101,72,.1) !important;
    color: #f06548 !important;
}
button.btn.btn-label.btn-danger.btn-green {
    color: #3577f1 !important;
    background-color: rgba(53,119,241,.1) !important;
}

.dark ui-jqgrid .ui-jqgrid-view button, .dark .ui-jqgrid .ui-jqgrid-view input, .dark .ui-jqgrid .ui-jqgrid-view select, .dark .ui-jqgrid .ui-jqgrid-view textarea {
    background: transparent !important;
    border: 1px solid #32383e !important;
}
.dark .details_icon li {
    color: #ced4da;
}
.dark .can-toggle label .can-toggle__switch {
    border: 1px solid #444444 !important;
}
.dark .details_exclusion ul li {
    color: #fff;
}
.dark .modal .modal-dialog .modal-content .modal-body {
    color: #fff;
}
.dark .bg_white .table-responsive .table {
    background: #212529;
}
    .dark .bg_white .table-responsive .table td {
        color: #ced4da !important;
        border: 1px solid #32383e !important;
    }
.dark .bg_white .table-responsive .table tr:hover {
    background: #212529;
}
.dark .menu_table th {
    background: #2c3034;
    border: 1px solid #32383e !important;
}

/*Dark theme new addded*/

.dark label.checkbox {
    color: #000;
}

.dark .modal li {
    color: #000;
}

.dark .modal .text-danger {
    color: #0ab39c !important
}

.dark .search_refresh .btn.btn-success:hover, .dark .search_refresh .add_product:hover {
    color: #fff !important
}

.dark .card_details .color-link {
    color: #0ab39c !important;
}

.dark td .text-danger {
    color: #ef00ff !important;
}

.dark .table_scroll thead tr th {
    border-bottom: 0px;
    padding: 5px 10px !important;
    line-height: 1;
    position: sticky;
    top: 0px;
    background: #0ab39c;
}

.dark i.flaticon.flaticon-eye {
    color: #0ab39c !important;
}

  .dark .user_actions i.fa {
    font-size: 16px;
    color: #0ab39c !important;
}

.dark .m-table__main .ui-jqgrid .ui-jqgrid-htable {
    border-bottom: 1px solid #252525;
}

.dark .c-legendary-item__text {
    color: #fff;
}

.dark .jqgrow.ui-row-ltr.ui-widget-content.ui-state-highlight {
    background: #fff !important;
}

.dark .allocation_table .ui-jqgrid .ui-jqgrid-htable th, .dark .allocation_table .ui-jqgrid .ui-jqgrid-btable tr.jqgrow td {
    color: #000000 !important;
}

.dark .color-red {
    color: #0ab39c !important;
}

/*31-03-2023*/

.dark .allocationDetail input {
    color: #000 !important;
}