:root{}
body.darkMode{background: #1f2937;/* color: #e8e8e8; */}
body.darkMode .app-content .page-description h1{color: #fff;}
/* body.darkMode .css-63vwl1-MuiTypography-root-MuiBreadcrumbs-root{color: #fff;} */
/* body.darkMode .css-1gqyz35-MuiTypography-root{color: rgb(52, 211, 153);} */
body.darkMode .card{background: rgb(55 65 81) !important;}
body.darkMode .horizontal-menu .card{border: 1px solid #515f74;}
body.darkMode .horizontal-menu .app-menu{background-color: #263243;}
body.darkMode .mainHeader{background-color: #111827 !important;}
body.darkMode .horizontal-menu .app-menu{border-bottom: 1px solid #394e6b;}
body.darkMode .horizontal-menu .app-content .page-description{border-bottom: 1px solid #394e6b;}
body.darkMode .widget-stats .widget-stats-container .widget-stats-content .widget-stats-title{color: #e8e8e8;}
body.darkMode .widget-stats .widget-stats-container .widget-stats-content .widget-stats-amount{color: #fff;}
body.darkMode .dropdown-menu, body.darkMode .sub-menu{background-color: #374151 !important;}
body.darkMode .dropdown-menu li a{color: #fff;}
body.darkMode .horizontal-menu .navbar .dropdown-menu, body.darkMode .sub-menu{border: 1px solid #4d6280 !important;}
body.darkMode .horizontal-menu .app-menu .menu-list > li > a:hover, body.darkMode .horizontal-menu .app-menu .menu-list > li:hover > a, body.darkMode .horizontal-menu .app-menu .menu-list > li > a.active, body.darkMode .horizontal-menu .app-menu .menu-list > li.active-page > a{color: #51db7d;}
body.darkMode .ReactModal__Overlay.ReactModal__Overlay--after-open{background: rgb(40 58 73 / 75%) !important;}
body.darkMode .ReactModal__Content.ReactModal__Content--after-open{border: 1px solid #274e70 !important;background: #274e70 !important;}
body.darkMode .btn-outline-dark, body.darkMode .btn-outline-dark.disabled, body.darkMode .btn-outline-dark:disabled{color: #d1d2d6;border-color: #d1d2d6;}
body.darkMode .btn-outline-dark:hover, body.darkMode .btn-outline-dark.focus, body.darkMode .btn-outline-dark:focus, body.darkMode .btn-outline-dark:not(:disabled):not(.disabled).active, body.darkMode .btn-outline-dark:not(:disabled):not(.disabled):active, body.darkMode .show>.btn-outline-dark.dropdown-toggle, body.darkMode .btn-check:active+.btn-outline-dark, body.darkMode .btn-check:checked+.btn-outline-dark, body.darkMode .btn-outline-dark.active, body.darkMode .btn-outline-dark.dropdown-toggle.show, body.darkMode .btn-outline-dark:active{background-color: #435383;border-color:#435383 ;}
body.darkMode .MuiButton-sizeMedium{color: #a5d1fc;border-color: #a5d1fc;}
body.darkMode .MuiFormLabel-root.Mui-error.MuiInputLabel-shrink, body.darkMode .MuiFormLabel-root.MuiInputLabel-shrink{color: #fff !important;}
body.darkMode .btn-style-light.btn-info, body.darkMode .btn-style-light.btn-info.disabled, body.darkMode .btn-style-light.btn-info:disabled{background: rgb(55, 65, 81);color: #fff;}
body.darkMode .MuiButtonGroup-text .MuiButtonGroup-grouped{border-color: rgb(137 197 255 / 50%);color: #e8e8e8;}
/* body.darkMode label[data-shrink=false]+.MuiInputBase-formControl .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input{background: #fff; border-radius: 5px;} */
body.darkMode .text-primary{color: #e8e8e8 !important;}
body.darkMode .dropdown-menu.large-items-menu .dropdown-header{color: #e8e8e8;}
body.darkMode .app-header .navbar-nav .dropdown-menu.dropdown-lg{min-width: 290px;}
body.darkMode .dropdown-item-title .hidden-helper-text{margin-top: 5px !important;}
body.darkMode .dropdown-menu.large-items-menu li a:hover{background: rgb(83 91 100 / 70%);}
body.darkMode .sub-menu li a{color: #d5d5d5 !important;}
body.darkMode .rdt_Table .sc-jrcTuL.bRqgcP.rdt_TableRow, body.darkMode .sc-dkrFOg.BsBsV.rdt_TableHeadRow, body.darkMode .sc-iJnaPW.gKbhqU.rdt_Pagination{background-color: #293950 !important;color: #c8c8c8 !important;transition: all ease-out .3s;}
body.darkMode .fyrdjl:disabled{fill: #c8c8c8 !important;}
body.darkMode .rdt_Table .sc-jrcTuL.bRqgcP.rdt_TableRow:nth-child(odd){background-color: #314663 !important;}
body.darkMode .rdt_Table .sc-jrcTuL.bRqgcP.rdt_TableRow:hover{background-color:#3a5882 !important ;}
body.darkMode .modal-title{color:#fff !important}
/* body.darkMode .css-bhp9pd-MuiPaper-root-MuiCard-root{background: #374151;} */
body.darkMode .table * {border-color: rgb(74 86 107 / 84%)!important;}
/* body.darkMode .table, body.darkMode .css-bhp9pd-MuiPaper-root-MuiCard-root, body.darkMode .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input{color:#dee6ed} */
/* body.darkMode .css-md26zr-MuiInputBase-root-MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color: #dee6ed !important;} */
body.darkMode .dropdown-menu .dropdown-header, body.darkMode .text-dark{color: #e8e8e8 !important;}
body.darkMode .mobileMenuDesign{background: #111827;}
.app-auth-sign-in>.app-auth-background{background-color: rgb(52 70 124) !important;}
.app-auth-sign-in .app-auth-container{background: #354167;}
.app-auth-sign-in .app-auth-container .logo a{color: #fff;}
body.darkMode table{background:#293950;}
body.darkMode table tr{transition: all ease-in .4s; color: #c8c8c8;background:#293950 !important;}
body.darkMode table tr:nth-child(odd){--bs-table-striped-bg: #314663;color: #c8c8c8;transition: all ease-in .4s;}
body.darkMode table tr:hover{background-color:#3a5882 !important ;}
body.darkMode table tr:nth-child(odd):hover{--bs-table-striped-bg: #3a5882;}
body.darkMode table td{vertical-align: middle;}
body.darkMode table td a{color: #75d9f8;text-decoration: none;}

.lightMode{display: none;}
body.darkMode .lightMode{display: block;}
body.darkMode .darkMode{display: none;}
.modeChange .iconLight{text-align: center;line-height: 1;font-size: 1.4rem;position: relative;top: 4px;}
.modeChange .lightMenuText{font-size: .8rem;line-height: 1;}
.horizontal-menu .notificationBtn{background: #e3e3ff;border-radius: 20px;color: purple !important;width: 35px;height: 35px;text-align: center;margin: 4px !important;padding-top: 1px; position: relative;}
.notificationIconText{position: absolute;top: -10px;left: -11px;background: #b33943;width: 25px;height: 20px;font-size: .8rem;border-radius: 5px;color: #fff;padding-top: 0px;line-height: 2;}

body.darkMode .chartDesign .InerChart .react-resizable{background: rgb(55 65 81);}
body.darkMode .chartDesign .InerChart .react-resizable .tick text{fill:#fff !important}
/* body.darkMode .css-1pysi21-MuiFormLabel-root-MuiInputLabel-root{color:#fff} */
/* body.darkMode .MuiTextField-root.MuiFormControl-marginDense label.MuiFormLabel-root{color:hsl(0, 0%, 20%)} */
/* body.darkMode .css-1d3z3hw-MuiOutlinedInput-notchedOutline{border-color:#fff !important} */
/* body.darkMode .css-1yq5fb3-MuiButtonBase-root-MuiIconButton-root, body.darkMode .css-19qh8xo-MuiInputBase-input-MuiOutlinedInput-input{color:#fff} */
body.darkMode .inerNotification li small{color: #b5b5b5;}
body.darkMode .app-header .notifications-dropdown-item:hover, body.darkMode .inerNotification li:hover{background-color: #2c3747;}
body.darkMode .inerNotification li a:hover, body.darkMode .notifications-dropdown-list .notifications-dropdown-item-text .bold-notifications-text{color:#e8e8e8}
/* body.darkMode .css-1ps6pg7-MuiPaper-root{background:none} */
body.darkMode .linkInerListOrder .text-success{color: #66ffb8!important;}
body.darkMode .linkInerListOrder ul li:before{background:#66ffb8;}
body.darkMode .linkInerListOrder ul li:after{border: 1px dashed #29a4b6;}
body.darkMode .linkInerListOrder ul li.false:before{background: #d2d6da;}
body.darkMode .linkInerListOrder ul li p{color: #d2d6da;}
body.darkMode .showProgress .dropdown-menu.show{border: 1px solid #47586e;}
body.darkMode .MuiTypography-root{color:#fff}
body.darkMode .app-content{color:#fff}
body.darkMode .alert-content{color: #47586e;}
body.darkMode .css-i4bv87-MuiSvgIcon-root{fill:#fff !important}
body.darkMode .css-nz481w-MuiInputBase-input-MuiInput-input{color:#fff}
body.darkMode .footerMainSection{background: #1d314a;} 
/* body.darkMode .stepFormDetails fieldset legend{color:#000} */
body.darkMode .stepFormDetails div.MuiInputBase-root{background:#fff}
/* body.darkMode .stepFormDetails .MuiInputLabel-shrink{color:#000 !important;} */
body.darkMode .ReactModalPortal{color:#fff}
body.darkMode .textFormAllField fieldset{background:#fff}
body.darkMode form .MuiTextField-root .MuiInputBase-input{z-index: 1;}
body.darkMode .MuiCardContent-root .col.mt-2 .MuiFormControl-fullWidth .MuiInputLabel-shrink{color: #000 !important;}
body.darkMode .MuiCardContent-root p.MuiTypography-root.MuiTypography-body1{color:#000 !important}
body.darkMode tr td, body.darkMode .text-black, body.darkMode{color: #c8c8c8;}
body.darkMode .count-box-select .card-body {background: #506079;}


@media(max-width:991.7px){
    .modeChange{padding: 0px;}
    .iconLight{top: 0px !important;}
    .modeChange .iconLight{font-size: 1.2rem;}
    .modeChange .lightMenuText{display: none;}
    .notificationIconText{top: 0px;}
}