/* light and dark */

body.dark .sidebar-theme,
.sidebar-theme {
    background: #009688 !important;
    padding-left: 10px;
}

body.dark .sidebar-theme {
    background: #006d63 !important;
}

body.dark .sidebar-wrapper,
.sidebar-wrapper {
    width: 232px;
    position: fixed;
    z-index: 9999;
    transition: width 0.1s, left 0.1s;
    height: 100vh;
    touch-action: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border-right: 1px solid rgb(215, 224, 234);
    top: 107px;
}

body.dark .sidebar-wrapper {
    border-right: 1px solid rgba(215, 224, 234, 0) !important;
}

body.dark .main-container,
.main-container {
    padding-left: 0px
}

@media (min-width: 768px) {

    body.dark #content,
    #content {
        margin-left: 230px;
    }
}

body.dark #content,
#content {
    width: 50%;
    flex-grow: 8;
    margin-top: 107px;
    margin-bottom: 0;
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all;
}

body.dark .shadow-bottom,
.shadow-bottom {
    display: block;
    position: absolute;
    z-index: 2;
    height: 33px;
    width: 100%;
    pointer-events: none;
    margin-top: -13px;
    left: -4px;
    -webkit-filter: blur(5px);
    filter: blur(3px);
    /* background: -webkit-linear-gradient(180deg, #f1f2f3 49%, rgba(241, 242, 243, 0.9490196078) 85%, rgba(44, 48, 60, 0)); */
    /* background: linear-gradient(#F2F4F4 41%, rgba(255, 255, 255, 0.11) 95%, rgba(255, 255, 255, 0)); */
    background: none
}

body.dark .layout-px-spacing,
.layout-px-spacing {
    padding: 0 24px !important;
    min-height: calc(100vh - 150px) !important;
}

body.dark #sidebar ul.menu-categories li.menu:first-child a.dropdown-toggle,
#sidebar ul.menu-categories li.menu:first-child a.dropdown-toggle {
    margin-top: 10px;
}

body.dark #sidebar ul.menu-categories.ps,
#sidebar ul.menu-categories.ps {
    height: calc(100vh - 100px) !important;
    padding-right: 10px;
}

body.dark #sidebar ul.menu-categories li.menu>.dropdown-toggle,
#sidebar ul.menu-categories li.menu>.dropdown-toggle {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    padding: 10.2px 16px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 2px;
    border-radius: 8px;
    margin-top: 2px;
}

body.dark .secondary-nav,
.secondary-nav {
    position: fixed;
    top: 54px;
    width: 100%;
    z-index: 9999;
    left: 0;
    right: 0;
    display: flex;
    -webkit-box-shadow: 0px 0px 18px 1px rgba(138, 132, 206, 0.03);
    -moz-box-shadow: 0px 0px 18px 1px rgba(138, 132, 206, 0.03);
    box-shadow: 0px 1px 4px #141414;
    background: #009688 !important;
    min-height: 52px;
}

body.dark .breadcrumb .breadcrumb-item a,
.breadcrumb .breadcrumb-item a {
    color: #fff;
    vertical-align: text-bottom;
    vertical-align: text-top;
}

body.dark .secondary-nav .breadcrumbs-container .navbar,
.secondary-nav .breadcrumbs-container .navbar {
    border-radius: 0;
    padding: 9px 0;
    justify-content: flex-start;
    width: 100%;
    border-bottom: 1px solid #2f2121;
}

body.dark .spinner-grow,
.spinner-grow {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-grow;
    background-color: #009688;
    opacity: 0;
}

body.dark .list-unstyled.menu-categories ion-icon,
.list-unstyled.menu-categories ion-icon {
    font-size: 20px;
    margin-right: 10px;
    padding-bottom: 5px
}

body.dark #sidebar ul.menu-categories ul.submenu>li a,
#sidebar ul.menu-categories ul.submenu>li a {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 10px 12px 10px 48px;
    padding-left: 24px;
    margin-left: 36px;
    font-size: 14px;
    color: #fff;
}

body.dark #sidebar ul.menu-categories li.menu>.dropdown-toggle[aria-expanded=true],
#sidebar ul.menu-categories li.menu>.dropdown-toggle[aria-expanded=true] {
    background: #ffffffb3;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    border-radius: 6px;
    color: #0e1726;
}

body.dark #sidebar ul.menu-categories li.menu.active>.dropdown-toggle,
#sidebar ul.menu-categories li.menu.active>.dropdown-toggle {
    background: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    color: #009688
}

body.dark #sidebar ul.menu-categories li.menu>.dropdown-toggle:hover,
#sidebar ul.menu-categories li.menu>.dropdown-toggle:hover {
    background: #ffffffb3;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    border-radius: 6px;
    color: #030305;
}

body.dark #sidebar ul.menu-categories li.menu ul.submenu>li a:hover,
#sidebar ul.menu-categories li.menu ul.submenu>li a:hover {
    color: #00ffd5;
    font-weight: bold;
}

body.dark #sidebar ul.menu-categories li.menu>.dropdown-toggle svg:not(.badge-icon),
#sidebar ul.menu-categories li.menu>.dropdown-toggle svg:not(.badge-icon) {
    color: #fff;
}

body.dark .sidebar-wrapper,
.sidebar-wrapper {
    width: 232px;
    position: fixed;
    z-index: 9999;
    transition: width 0.1s, left 0.1s;
    height: 100vh;
    touch-action: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border-right: 1px solid rgb(215, 224, 234);
    top: 105px;
    padding-top: 5px
}

/* dark */

body.dark #sidebar ul.menu-categories li.menu.active>.dropdown-toggle {
    background: #191e3a !important;
    color: #00ffe5;
}

body.dark #sidebar ul.menu-categories li.menu>.dropdown-toggle[aria-expanded=true] span {
    color: #00ffd5;
}

body.dark #sidebar ul.menu-categories li.menu>.dropdown-toggle[aria-expanded=true] {
    background: #191e3a !important;
    /* box-shadow: inset -7px 1px 17px 20px rgb(6 8 24), inset 0px 0px 0px 8px rgb(6 8 24) !important; */
    color: #00ffe5 !important;
}

body.dark .secondary-nav {
    background: #006d63 !important;
}

body.dark #sidebar ul.menu-categories li.menu ul.submenu>li.active a,
#sidebar ul.menu-categories li.menu ul.submenu>li.active a {
    color: #00ffd5 !important;
    font-weight: bolder;
}

.nav.nav-pills {
    background: rgba(0, 150, 136, 0.26) !important;
}

.nav.nav-pills[aria-orientation=vertical] button.nav-link {
    color: #009688 !important;
}

body.dark .breadcrumb .breadcrumb-item.active,
.breadcrumb .breadcrumb-item.active {
    color: #00ffd5;
    font-weight: 900;
}

body.dark .breadcrumb-style-five .breadcrumb-item+.breadcrumb-item::before,
.breadcrumb-style-five .breadcrumb-item+.breadcrumb-item::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right' style='color: %23888ea8;'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
    color: #ffffff;
    background-size: 20px;
}


body.dark .table tbody tr td,
.table tbody tr td {
    white-space: normal;
}

#sidebar ul.menu-categories li.menu ul.submenu>li.active a:before {
    background-color: #fff !important;
}

body.dark #sidebar ul.menu-categories li.menu ul.submenu>li.active a:before {
    background-color: #00ffd5 !important;
}

body.dark #sidebar ul.menu-categories li.menu ul.submenu>li a:before,
#sidebar ul.menu-categories li.menu ul.submenu>li a:before {
    background-color: #fff !important;
}

body.dark .btn-primary,
.btn-primary {
    color: #fff !important;
    background-color: #4361ee96 !important;
    border-color: #4361ee;
    box-shadow: 0 10px 20px -10px rgba(27, 85, 226, 0.59);
}

body.dark .btn-secondary,
.btn-secondary {
    color: #fff !important;
    background-color: #805dca61;
    border-color: #805dca;
    box-shadow: 0 10px 20px -10px rgba(92, 26, 195, 0.59);
}

/* body.layout-boxed div#load_screen {
    background: #1b2e4b;
} */

body.dark .form-control:focus,
.form-control:focus {
    box-shadow: none;
    border-color: #00937b !important;
    color: #3b3f5c;
    background-color: #fff;
}

body.dark .widget.box .widget-header,
.widget.box .widget-header {
    border-bottom: 1px solid #00b395 !important;
}

table thead tr th {
    font-weight: 900 !important;
}

body.dark .dataTables_processing {
    color: #00ffd5;
    font-weight: bold;
}

.dataTables_processing {
    color: #363636;
    font-weight: bold;
}

body.dark .dataTable.table-striped.table>thead>tr>th {
    background: transparent;
    border-top: 1px solid #3b3f5c !important;
    border-bottom: 1px solid #3b3f5c !important;
}

body.dark .header-container {
    background: #060818;
    z-index: 10000;
    position: fixed;
    top: 0;
    padding: 4px 20px 4px 16px;
    width: 100%;
}

body.dark .auth.header-container,
.auth.header-container {
    background: #006d63;
    z-index: 10000;
    position: fixed;
    top: 0;
    padding: 4px 20px 4px 16px;
    width: 100%;
}

body.dark .btn-warning,
.btn-warning {
    color: #fff !important;
    background-color: #e2a03f94;
    border-color: #e2a03f;
    box-shadow: 0 10px 20px -10px rgba(226, 160, 63, 0.59);
}

body.dark .btn-danger,
.btn-danger {
    color: #fff !important;
    background-color: #e7515ab8;
    border-color: #e7515a;
    box-shadow: 0 10px 20px -10px rgba(231, 81, 90, 0.59);
}

/* @media (max-width: 767px) {
    .secondary-nav .breadcrumbs-container .navbar .breadcrumb-content .page-header nav .breadcrumb .breadcrumb-item:not(.active) {
        display: inline-block;
    }
} */