body[data-theme=dark]{
    background:#181818!important;
    color:#b4b4b4!important;
}
body[data-theme=dark] .header{
    background:#282828;
}

body[data-theme=dark] #global-loader {
    background: #5e5e5e;
}

body[data-theme=dark] i, body[data-theme=dark] h4, body[data-theme=dark] label, body[data-theme=dark] div{
    color:#b4b4b4
}

body[data-theme=dark] .sidebar .slimScrollDiv{
    background:#282828
}
body[data-theme=dark] .page-wrapper{
    background:#181818;
}

body[data-theme=dark] .sidebar .sidebar-menu>ul>li.submenu ul{
    background:#3c3c3c;
    border-radius:5px;
    padding:10px 0;
}
body[data-theme=dark] .sidebar .sidebar-menu>ul>li.submenu ul li a{
    color:#b4b4b4;
}

body[data-theme=dark] .dash-widget{
    background:#282828;
    border:1px solid #5e5e5e
}
body[data-theme=dark] .dash-widget .dash-widgetcontent h5{
    color:#b4b4b4
}
body[data-theme=dark] .dash-widget .dash-widgetcontent h6{
    color:#b4b4b4
}

body[data-theme=dark] .card{
    background:#282828;
    border:1px solid #5e5e5e
}

body[data-theme=dark] .card .card-header .card-title{
    color:#b4b4b4
}

body[data-theme=dark] .card .card-body .card-title{
    color:#b4b4b4
}

body[data-theme=dark] .modal .modal-dialog .modal-content .modal-header{
    background:#282828;
    border:1px solid #5e5e5e
}
body[data-theme=dark] .modal-content{
    background:#282828;
    border:1px solid #5e5e5e
}

body[data-theme=dark] .table thead, body[data-theme=dark] table.dataTable {
    background:#181818!important;
    border-bottom:1px solid #5e5e5e!important;
}

body[data-theme=dark] .table thead tr:hover{
    background:0 0!important;
}

body[data-theme=dark] .table thead tr th{
    background:#282828;
    color: #b4b4b4!important;
    border: solid #b4b4b4 1px;
}

body[data-theme=dark] .table tfoot tr th{
    background:#282828;
    color: #b4b4b4!important;
    border: solid #b4b4b4 1px;
}

body[data-theme=dark] .table tbody tr:hover{
    background:0 0!important;
}

body[data-theme=dark] .table tbody tr td{
    background:#282828;
    color:#b4b4b4!important;
    border: solid #b4b4b4 1px;
}

body[data-theme=dark] input[type=text], 
body[data-theme=dark] input[type=search], 
body[data-theme=dark] input[type=password], 
body[data-theme=dark]  input[type=search], 
body[data-theme=dark]  input[type=number], 
body[data-theme=dark]  input[type=file], 
body[data-theme=dark]  input[type=date], 
body[data-theme=dark]  input[type=datetime-local] {
    border: 1px solid #5e5e5e!important;
    color: #b4b4b4!important;
    background: #ffffff00!important;
}

body[data-theme=dark] .input-group-text {
    border: 1px solid #5e5e5e!important;
    color: #b4b4b4!important;
    background: #ffffff00!important;
}

body[data-theme=dark] .card-body {
    color: #b4b4b4!important;
    background: #282828!important;
}

body[data-theme=dark] textarea {
    border: 1px solid #5e5e5e!important;
    color: #b4b4b4!important;
    background: #ffffff00!important;
}

body[data-theme=dark] .error-page .main-wrapper .error-box h3{
    color:#b4b4b4
}

body[data-theme=dark] .error-page .main-wrapper .error-box p{
    color:#b4b4b4
}

body[data-theme=dark] .sidebar .sidebar-menu>ul>li>a span{
    color:#b4b4b4
}

body[data-theme=dark] .form-select{
    background:#282828;
    color:#b4b4b4
}

body[data-theme=dark] .nav-tabs{
    border-color: #5e5e5e;
}

body[data-theme=dark] .nav-tabs .nav-link:hover{
    color:#b4b4b4;
}
body[data-theme=dark] .nav-tabs::after{
    background:#5e5e5e;
}


body[data-theme=dark] .mobile .nav-tabs .nav-item.show .nav-link, body[data-theme=dark]  .nav-tabs .nav-link.active {
    color: #b4b4b4;
    background-color: #222d3800;
}



body[data-theme=dark]  .breadcrumb .breadcrumb-item a{
    color: #b4b4b4;
}

body[data-theme=dark] .select2-container--default .select2-selection--single {
    border: 1px solid #5e5e5e!important;
    background: #282828;
    color:#b4b4b4
}

body[data-theme=dark] .select2-selection .select2-selection--single {
    border: 1px solid #5e5e5e!important;
    background: #282828;
    color:#b4b4b4
}

body[data-theme=dark] .select2-dropdown{
    color: #b4b4b4!important;
    background: #282828!important;
    border: 1px solid #5e5e5e;
}

body[data-theme=dark] .select2-container--focus {
    color: #b4b4b4!important;
    background: #282828!important;
}

body[data-theme=dark] .select2-results {
    color: #b4b4b4!important;
    background: #282828!important;
}

body[data-theme=dark] .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #b4b4b4;
}

body[data-theme=dark] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #b4b4b4;
    background: #282828!important;
}

body[data-theme=dark] .select2-container--default .select2-results__option[aria-selected=true] {
    color: #b4b4b4;
    background: #5e5e5e;
}

body[data-theme=dark] .select2-container--default .select2-results__option--highlighted[aria-selected]{
    background:#38386a;
    color:#b4b4b4
}
body[data-theme=dark] .select2-container--focus .select2-selection--single{
    background:#b4b4b4!important;
    border-color:#38386a
}

body[data-theme=dark] .list-group-item {
    color: #b4b4b4;
    background-color: #282828;
    border: var(--bs-list-group-border-width) solid #5e5e5e;
}

body[data-theme=dark]  .list-group-item.active{
     color: #b4b4b4;
     background-color: #262766;
     border-color: #6f70a0;
}

body[data-theme=dark] .list-group-item a {
    color: #b4b4b4;
}

body[data-theme=dark] .modal-footer {
    border-top: var(--bs-modal-footer-border-width) solid #5e5e5e;
}

body[data-theme=dark] .footer-div {
    background: #181818;
}

body[data-theme=dark] .dropdown-menu {
    color: #b4b4b4;
    background-color: #282828;
    border: 1px solid #5e5e5e!important;
}

body[data-theme=dark] .dropdown-menu a{
    color: #b4b4b4!important;
}

body[data-theme=dark] .dropdown-item {
    color: #b4b4b4;
}

body[data-theme=dark] .dropdown-item:hover {
    color: #b4b4b4;
    background: #5e5e5e;
}

body[data-theme=dark] .note-btn {
    color: #b4b4b4;
    background-color: #1e0c42;
}

body[data-theme=dark] .note-editor.note-airframe, body[data-theme=dark] .note-editor.note-frame {
    border: 2px solid #5e5e5e;
}

body[data-theme=dark] .note-editor.note-frame .note-statusbar .note-resizebar {
    background: #5e5e5e;
}

body[data-theme=dark] .container-spliter {
    background: transparent;
}

body[data-theme=dark] .note-editor.note-airframe, body[data-theme=dark] .note-editor.note-frame {
    background: #181818;
}

body[data-theme=dark] .note-editor .note-toolbar {
    background: #181818;
}

body[data-theme=dark] .alert {
    color: #b4b4b4;
    background-color: #5e5e5e;
    border: #5e5e5e;
}

body[data-theme=dark] .fc-timeline-slot-frame a, body[data-theme=dark] .fc-scrollgrid-sync-inner a{
    color: #b4b4b4;
}

body[data-theme=dark] .fc-button, body[data-theme=dark] .fc-button-active{
    border: 1px solid #b4b4b4!important;
}
body[data-theme=dark] .table tbody tr td a {
    color: #b4b4b4!important;
}
body[data-theme=dark] .sub_sub_menu>a{
    background: #3c3c3c!important;
    color: #b4b4b4!important;
}
body[data-theme=dark] .card-footer{
    background: #282828!important;
    color: #b4b4b4!important;
    border-top: 1px solid #37377a;
}
body[data-theme=dark] .btn-submit {
    background: #0e1c2a;
    border-color: #405168;
    color: #fff;
}

body[data-theme=dark] .btn-submit:hover {
    background: #021b33 !important;
    border-color: #edf0f7 !important;
    color: #edf0f7 !important;
}

body[data-theme=dark] .btn-cancel {
    background: #2a2c2e;
    border-color: #405168;
    color: #fff;
}

body[data-theme=dark] .btn-cancel:hover {
    background: #18191a !important;
    border-color: #edf0f7 !important;
    color: #edf0f7 !important;
}

body[data-theme=dark] .sidebar .sidebar-menu>ul>li.active a {
    background: #456789;
}
body[data-theme=dark] .sidebar .sidebar-menu>ul>li :hover{
    background: #456789;
}
body[data-theme=dark] .add-icon span, body[data-theme=dark] .add-icon a {
    background: #456789;
}
body[data-theme=dark] .active>.page-link, body[data-theme=dark] .page-link.active {
    background-color: #456789;
    border-color: #456789;
}

body[data-theme=dark] .product-details {
    background: #282828;
    border: 1px solid #282828;
}

body[data-theme=dark] .product-details h6, body[data-theme=dark] .productset .productsetcontent h4 {
    color: #b4b4b4;
}

body[data-theme=dark] .productset {
    border: 1px solid #282828;
    background: #282828;
}

body[data-theme=dark]  .calculator-set ul li button{
    border: 1px solid #5e5e5e;
    background: #282828;
    color: #b4b4b4;
}

body[data-theme=dark] .pagination li {
    border: 1px solid #282828;
    background: #282828;
    color: #b4b4b4;
}

body[data-theme=dark] .page-link {
    color: #b4b4b4;
    background-color: #4c4c4c;
    border: #b4b4b4;
}

body[data-theme=dark] #global-loader {
    background: #282828;
}
body[data-theme=dark] .bg-light {
    background-color: #282828 !important;
}

body[data-theme=dark] .accordion-button, body[data-theme=dark] .accordion-body  {
    color: #b4b4b4;
    background-color: #282828;
    border: #5e5e5e;
}

body[data-theme=dark] .swal2-popup {
    border: #b4b4b4;
    color: #b4b4b4;
    background: #282828;
}

body[data-theme=dark] .swal2-title {
    color: #ccc;
}

body[data-theme=dark] .offcanvas {
    color: #b4b4b4;
    background-color: #282828;
}

body[data-theme=dark] .page-header .page-btn .btn {
    border: 1px solid #405168!important;
    background: #202b36 !important;
    color: #edf0f5 !important;
}

body[data-theme=dark] .page-header .page-btn .btn:hover,
body[data-theme=dark] .page-header .page-btn a.btn:hover,
body[data-theme=dark] .page-header .page-btn .btn-group > .btn:hover {
    background: #021b33 !important;
    border-color: #edf0f7 !important;
    color: #edf0f7 !important;
}
