/* Minification failed. Returning unminified contents.
(20,37): run-time error CSS1046: Expect comma, found '0'
(20,41): run-time error CSS1046: Expect comma, found '/'
(24,38): run-time error CSS1046: Expect comma, found '255'
(24,46): run-time error CSS1046: Expect comma, found '/'
(28,35): run-time error CSS1046: Expect comma, found '255'
(28,43): run-time error CSS1046: Expect comma, found '/'
(36,35): run-time error CSS1046: Expect comma, found '255'
(36,43): run-time error CSS1046: Expect comma, found '/'
(41,38): run-time error CSS1046: Expect comma, found '237'
(41,46): run-time error CSS1046: Expect comma, found '/'
(42,39): run-time error CSS1046: Expect comma, found '0'
(42,43): run-time error CSS1046: Expect comma, found '/'
(46,36): run-time error CSS1046: Expect comma, found '255'
(46,44): run-time error CSS1046: Expect comma, found '/'
(58,31): run-time error CSS1046: Expect comma, found '255'
(58,39): run-time error CSS1046: Expect comma, found '/'
(62,29): run-time error CSS1046: Expect comma, found '0'
(62,33): run-time error CSS1046: Expect comma, found '/'
(63,31): run-time error CSS1046: Expect comma, found '255'
(63,39): run-time error CSS1046: Expect comma, found '/'
(68,35): run-time error CSS1046: Expect comma, found '255'
(68,43): run-time error CSS1046: Expect comma, found '/'
(77,31): run-time error CSS1046: Expect comma, found '255'
(77,39): run-time error CSS1046: Expect comma, found '/'
(78,31): run-time error CSS1046: Expect comma, found '255'
(78,39): run-time error CSS1046: Expect comma, found '/'
(83,35): run-time error CSS1046: Expect comma, found '237'
(83,43): run-time error CSS1046: Expect comma, found '/'
(103,34): run-time error CSS1046: Expect comma, found '255'
(103,42): run-time error CSS1046: Expect comma, found '/'
(110,31): run-time error CSS1046: Expect comma, found '241'
(110,39): run-time error CSS1046: Expect comma, found '/'
(111,39): run-time error CSS1046: Expect comma, found '0'
(111,43): run-time error CSS1046: Expect comma, found '/'
(126,31): run-time error CSS1046: Expect comma, found '211'
(126,39): run-time error CSS1046: Expect comma, found '/'
(136,36): run-time error CSS1046: Expect comma, found '0'
(136,40): run-time error CSS1046: Expect comma, found '/'
(148,35): run-time error CSS1046: Expect comma, found '255'
(148,43): run-time error CSS1046: Expect comma, found '/'
(152,38): run-time error CSS1046: Expect comma, found '255'
(152,46): run-time error CSS1046: Expect comma, found '/'
(168,38): run-time error CSS1046: Expect comma, found '255'
(168,46): run-time error CSS1046: Expect comma, found '/'
(182,35): run-time error CSS1046: Expect comma, found '255'
(182,43): run-time error CSS1046: Expect comma, found '/'
(188,27): run-time error CSS1046: Expect comma, found '212'
(188,35): run-time error CSS1046: Expect comma, found '/'
(194,31): run-time error CSS1046: Expect comma, found '255'
(194,39): run-time error CSS1046: Expect comma, found '/'
(198,25): run-time error CSS1046: Expect comma, found '255'
(198,33): run-time error CSS1046: Expect comma, found '/'
(199,31): run-time error CSS1046: Expect comma, found '255'
(199,39): run-time error CSS1046: Expect comma, found '/'
(205,35): run-time error CSS1046: Expect comma, found '255'
(205,43): run-time error CSS1046: Expect comma, found '/'
(210,25): run-time error CSS1046: Expect comma, found '255'
(210,33): run-time error CSS1046: Expect comma, found '/'
(211,31): run-time error CSS1046: Expect comma, found '255'
(211,39): run-time error CSS1046: Expect comma, found '/'
(221,31): run-time error CSS1046: Expect comma, found '255'
(221,39): run-time error CSS1046: Expect comma, found '/'
(225,35): run-time error CSS1046: Expect comma, found '255'
(225,43): run-time error CSS1046: Expect comma, found '/'
(237,38): run-time error CSS1046: Expect comma, found '255'
(237,46): run-time error CSS1046: Expect comma, found '/'
(241,43): run-time error CSS1046: Expect comma, found '255'
(241,51): run-time error CSS1046: Expect comma, found '/'
(245,43): run-time error CSS1046: Expect comma, found '255'
(245,51): run-time error CSS1046: Expect comma, found '/'
(249,43): run-time error CSS1046: Expect comma, found '255'
(249,51): run-time error CSS1046: Expect comma, found '/'
(253,43): run-time error CSS1046: Expect comma, found '255'
(253,51): run-time error CSS1046: Expect comma, found '/'
(269,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(270,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(271,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(272,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(273,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(274,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(275,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(280,27): run-time error CSS1046: Expect comma, found '255'
(280,35): run-time error CSS1046: Expect comma, found '/'
(284,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(289,27): run-time error CSS1046: Expect comma, found '255'
(289,35): run-time error CSS1046: Expect comma, found '/'
(293,38): run-time error CSS1046: Expect comma, found '255'
(293,46): run-time error CSS1046: Expect comma, found '/'
(297,31): run-time error CSS1046: Expect comma, found '255'
(297,39): run-time error CSS1046: Expect comma, found '/'
(301,37): run-time error CSS1046: Expect comma, found '255'
(301,45): run-time error CSS1046: Expect comma, found '/'
(321,19): run-time error CSS1046: Expect comma, found '255'
(321,27): run-time error CSS1046: Expect comma, found '/'
(335,21): run-time error CSS1046: Expect comma, found '255'
(335,29): run-time error CSS1046: Expect comma, found '/'
(340,37): run-time error CSS1046: Expect comma, found '255'
(340,45): run-time error CSS1046: Expect comma, found '/'
(341,39): run-time error CSS1046: Expect comma, found '0'
(341,43): run-time error CSS1046: Expect comma, found '/'
(346,41): run-time error CSS1046: Expect comma, found '255'
(346,49): run-time error CSS1046: Expect comma, found '/'
(347,42): run-time error CSS1046: Expect comma, found '255'
(347,50): run-time error CSS1046: Expect comma, found '/'
(364,37): run-time error CSS1046: Expect comma, found '255'
(364,45): run-time error CSS1046: Expect comma, found '/'
(374,33): run-time error CSS1046: Expect comma, found '255'
(374,41): run-time error CSS1046: Expect comma, found '/'
(379,29): run-time error CSS1046: Expect comma, found '255'
(379,37): run-time error CSS1046: Expect comma, found '/'
(388,35): run-time error CSS1046: Expect comma, found '255'
(388,43): run-time error CSS1046: Expect comma, found '/'
(404,38): run-time error CSS1046: Expect comma, found '226'
(404,46): run-time error CSS1046: Expect comma, found '/'
(408,35): run-time error CSS1046: Expect comma, found '226'
(408,43): run-time error CSS1046: Expect comma, found '/'
(413,37): run-time error CSS1046: Expect comma, found '0'
(413,41): run-time error CSS1046: Expect comma, found '/'
(418,37): run-time error CSS1046: Expect comma, found '255'
(418,45): run-time error CSS1046: Expect comma, found '/'
(423,38): run-time error CSS1046: Expect comma, found '255'
(423,46): run-time error CSS1046: Expect comma, found '/'
(424,35): run-time error CSS1046: Expect comma, found '255'
(424,43): run-time error CSS1046: Expect comma, found '/'
(428,38): run-time error CSS1046: Expect comma, found '255'
(428,46): run-time error CSS1046: Expect comma, found '/'
(434,40): run-time error CSS1046: Expect comma, found '0'
(434,44): run-time error CSS1046: Expect comma, found '/'
(438,37): run-time error CSS1046: Expect comma, found '123'
(438,45): run-time error CSS1046: Expect comma, found '/'
(444,36): run-time error CSS1046: Expect comma, found '0'
(444,40): run-time error CSS1046: Expect comma, found '/'
(448,33): run-time error CSS1046: Expect comma, found '123'
(448,41): run-time error CSS1046: Expect comma, found '/'
(453,31): run-time error CSS1046: Expect comma, found '255'
(453,39): run-time error CSS1046: Expect comma, found '/'
(459,30): run-time error CSS1046: Expect comma, found '110'
(459,38): run-time error CSS1046: Expect comma, found '/'
(467,35): run-time error CSS1046: Expect comma, found '255'
(467,43): run-time error CSS1046: Expect comma, found '/'
(472,38): run-time error CSS1046: Expect comma, found '255'
(472,46): run-time error CSS1046: Expect comma, found '/'
(481,38): run-time error CSS1046: Expect comma, found '255'
(481,46): run-time error CSS1046: Expect comma, found '/'
(514,37): run-time error CSS1046: Expect comma, found '0'
(514,41): run-time error CSS1046: Expect comma, found '/'
(519,37): run-time error CSS1046: Expect comma, found '255'
(519,45): run-time error CSS1046: Expect comma, found '/'
(524,38): run-time error CSS1046: Expect comma, found '255'
(524,46): run-time error CSS1046: Expect comma, found '/'
(525,35): run-time error CSS1046: Expect comma, found '255'
(525,43): run-time error CSS1046: Expect comma, found '/'
(530,38): run-time error CSS1046: Expect comma, found '255'
(530,46): run-time error CSS1046: Expect comma, found '/'
(549,31): run-time error CSS1046: Expect comma, found '255'
(549,39): run-time error CSS1046: Expect comma, found '/'
(562,35): run-time error CSS1046: Expect comma, found '255'
(562,43): run-time error CSS1046: Expect comma, found '/'
(568,31): run-time error CSS1046: Expect comma, found '255'
(568,39): run-time error CSS1046: Expect comma, found '/'
(586,25): run-time error CSS1046: Expect comma, found '255'
(586,33): run-time error CSS1046: Expect comma, found '/'
(587,38): run-time error CSS1046: Expect comma, found '255'
(587,46): run-time error CSS1046: Expect comma, found '/'
(601,35): run-time error CSS1046: Expect comma, found '255'
(601,43): run-time error CSS1046: Expect comma, found '/'
(605,31): run-time error CSS1046: Expect comma, found '255'
(605,39): run-time error CSS1046: Expect comma, found '/'
(609,31): run-time error CSS1046: Expect comma, found '255'
(609,39): run-time error CSS1046: Expect comma, found '/'
(629,39): run-time error CSS1046: Expect comma, found '255'
(629,47): run-time error CSS1046: Expect comma, found '/'
(639,31): run-time error CSS1046: Expect comma, found '255'
(639,39): run-time error CSS1046: Expect comma, found '/'
(640,27): run-time error CSS1046: Expect comma, found '255'
(640,35): run-time error CSS1046: Expect comma, found '/'
(645,35): run-time error CSS1046: Expect comma, found '255'
(645,43): run-time error CSS1046: Expect comma, found '/'
(646,31): run-time error CSS1046: Expect comma, found '255'
(646,39): run-time error CSS1046: Expect comma, found '/'
(669,31): run-time error CSS1046: Expect comma, found '255'
(669,39): run-time error CSS1046: Expect comma, found '/'
(674,31): run-time error CSS1046: Expect comma, found '255'
(674,39): run-time error CSS1046: Expect comma, found '/'
(675,27): run-time error CSS1046: Expect comma, found '226'
(675,35): run-time error CSS1046: Expect comma, found '/'
(679,31): run-time error CSS1046: Expect comma, found '255'
(679,39): run-time error CSS1046: Expect comma, found '/'
(683,20): run-time error CSS1046: Expect comma, found '200'
(683,27): run-time error CSS1046: Expect comma, found ')'
(685,31): run-time error CSS1046: Expect comma, found '255'
(685,39): run-time error CSS1046: Expect comma, found '/'
(689,31): run-time error CSS1046: Expect comma, found '255'
(689,39): run-time error CSS1046: Expect comma, found '/'
(713,31): run-time error CSS1046: Expect comma, found '255'
(713,39): run-time error CSS1046: Expect comma, found '/'
(719,31): run-time error CSS1046: Expect comma, found '255'
(719,39): run-time error CSS1046: Expect comma, found '/'
(731,31): run-time error CSS1046: Expect comma, found '255'
(731,39): run-time error CSS1046: Expect comma, found '/'
(741,31): run-time error CSS1046: Expect comma, found '255'
(741,39): run-time error CSS1046: Expect comma, found '/'
(745,31): run-time error CSS1046: Expect comma, found '255'
(745,39): run-time error CSS1046: Expect comma, found '/'
(746,31): run-time error CSS1046: Expect comma, found '255'
(746,39): run-time error CSS1046: Expect comma, found '/'
(751,31): run-time error CSS1046: Expect comma, found '255'
(751,39): run-time error CSS1046: Expect comma, found '/'
(755,31): run-time error CSS1046: Expect comma, found '255'
(755,39): run-time error CSS1046: Expect comma, found '/'
(756,31): run-time error CSS1046: Expect comma, found '255'
(756,39): run-time error CSS1046: Expect comma, found '/'
(762,31): run-time error CSS1046: Expect comma, found '255'
(762,39): run-time error CSS1046: Expect comma, found '/'
(772,31): run-time error CSS1046: Expect comma, found '255'
(772,39): run-time error CSS1046: Expect comma, found '/'
(776,31): run-time error CSS1046: Expect comma, found '252'
(776,39): run-time error CSS1046: Expect comma, found '/'
(777,32): run-time error CSS1046: Expect comma, found '255'
(777,40): run-time error CSS1046: Expect comma, found '/'
(781,31): run-time error CSS1046: Expect comma, found '255'
(781,39): run-time error CSS1046: Expect comma, found '/'
(782,32): run-time error CSS1046: Expect comma, found '255'
(782,40): run-time error CSS1046: Expect comma, found '/'
(787,31): run-time error CSS1046: Expect comma, found '255'
(787,39): run-time error CSS1046: Expect comma, found '/'
(788,39): run-time error CSS1046: Expect comma, found '0'
(788,43): run-time error CSS1046: Expect comma, found '/'
(795,31): run-time error CSS1046: Expect comma, found '255'
(795,39): run-time error CSS1046: Expect comma, found '/'
(799,31): run-time error CSS1046: Expect comma, found '255'
(799,39): run-time error CSS1046: Expect comma, found '/'
(807,31): run-time error CSS1046: Expect comma, found '255'
(807,39): run-time error CSS1046: Expect comma, found '/'
(812,31): run-time error CSS1046: Expect comma, found '255'
(812,39): run-time error CSS1046: Expect comma, found '/'
(816,37): run-time error CSS1046: Expect comma, found '255'
(816,45): run-time error CSS1046: Expect comma, found '/'
(820,38): run-time error CSS1046: Expect comma, found '255'
(820,46): run-time error CSS1046: Expect comma, found '/'
(824,20): run-time error CSS1046: Expect comma, found '255'
(824,28): run-time error CSS1046: Expect comma, found '/'
(828,24): run-time error CSS1046: Expect comma, found '255'
(828,32): run-time error CSS1046: Expect comma, found '/'
(832,31): run-time error CSS1046: Expect comma, found '128'
(832,39): run-time error CSS1046: Expect comma, found '/'
(836,31): run-time error CSS1046: Expect comma, found '58'
(836,38): run-time error CSS1046: Expect comma, found '/'
(840,31): run-time error CSS1046: Expect comma, found '53'
(840,37): run-time error CSS1046: Expect comma, found '/'
(844,29): run-time error CSS1046: Expect comma, found '215'
(844,37): run-time error CSS1046: Expect comma, found '/'
(848,29): run-time error CSS1046: Expect comma, found '139'
(848,37): run-time error CSS1046: Expect comma, found '/'
(852,31): run-time error CSS1046: Expect comma, found '193'
(852,37): run-time error CSS1046: Expect comma, found '/'
(856,30): run-time error CSS1046: Expect comma, found '167'
(856,37): run-time error CSS1046: Expect comma, found '/'
(860,30): run-time error CSS1046: Expect comma, found '143'
(860,38): run-time error CSS1046: Expect comma, found '/'
(864,31): run-time error CSS1046: Expect comma, found '43'
(864,38): run-time error CSS1046: Expect comma, found '/'
(868,25): run-time error CSS1046: Expect comma, found '152'
(868,32): run-time error CSS1046: Expect comma, found '/'
(887,27): run-time error CSS1046: Expect comma, found '0'
(887,31): run-time error CSS1046: Expect comma, found '/'
(896,31): run-time error CSS1046: Expect comma, found '255'
(896,39): run-time error CSS1046: Expect comma, found '/'
(920,27): run-time error CSS1046: Expect comma, found '11'
(920,33): run-time error CSS1046: Expect comma, found '/'
(921,35): run-time error CSS1046: Expect comma, found '211'
(921,43): run-time error CSS1046: Expect comma, found '/'
(956,31): run-time error CSS1046: Expect comma, found '241'
(956,39): run-time error CSS1046: Expect comma, found '/'
(957,39): run-time error CSS1046: Expect comma, found '0'
(957,43): run-time error CSS1046: Expect comma, found '/'
(987,36): run-time error CSS1046: Expect comma, found '255'
(987,44): run-time error CSS1046: Expect comma, found '/'
(1065,37): run-time error CSS1046: Expect comma, found '228'
(1065,45): run-time error CSS1046: Expect comma, found '/'
(1071,38): run-time error CSS1046: Expect comma, found '255'
(1071,46): run-time error CSS1046: Expect comma, found '/'
(1080,20): run-time error CSS1046: Expect comma, found '255'
(1080,28): run-time error CSS1046: Expect comma, found '/'
(1098,25): run-time error CSS1046: Expect comma, found '255'
(1098,33): run-time error CSS1046: Expect comma, found '/'
(1102,20): run-time error CSS1046: Expect comma, found '255'
(1102,28): run-time error CSS1046: Expect comma, found '/'
(1107,25): run-time error CSS1046: Expect comma, found '255'
(1107,33): run-time error CSS1046: Expect comma, found '/'
(1189,39): run-time error CSS1046: Expect comma, found '0'
(1189,43): run-time error CSS1046: Expect comma, found '/'
(1195,42): run-time error CSS1046: Expect comma, found '255'
(1195,50): run-time error CSS1046: Expect comma, found '/'
(1213,33): run-time error CSS1046: Expect comma, found '255'
(1213,41): run-time error CSS1046: Expect comma, found '/'
(1218,29): run-time error CSS1046: Expect comma, found '255'
(1218,37): run-time error CSS1046: Expect comma, found '/'
(1272,29): run-time error CSS1046: Expect comma, found '0'
(1272,33): run-time error CSS1046: Expect comma, found '/'
 */
html.dark-theme .switcher-wrapper {
    background: #1e1e1e
}

html.dark-theme body {
    color: #e4e5e6;
    background-color: #1e1e1e
}

html.dark-theme .text-option {
    color: #ffffff !important
}

html.dark-theme .h1, html.dark-theme .h2, html.dark-theme .h3, html.dark-theme .h4, html.dark-theme .h5, html.dark-theme .h6, html.dark-theme h1, html.dark-theme h2, html.dark-theme h3, html.dark-theme h4, html.dark-theme h5, html.dark-theme h6 {
    color: #e4e5e6
}

html.dark-theme .card {
    background-color: #171717;
    box-shadow: 0 .1rem .7rem rgb(0 0 0 / 32%)
}

html.dark-theme .card-header {
    border-bottom: 1px solid rgb(255 255 255 / 13%)
}

html.dark-theme .card-footer {
    border-top: 1px solid rgb(255 255 255 / 13%)
}

html.dark-theme .text-secondary {
    color: #a8adb0 !important
}

html.dark-theme hr {
    border-top: 1px solid rgb(255 255 255 / 10%)
}

html.dark-theme .topbar {
    background-color: #171717;
    border-bottom: 1px solid rgb(237 237 237 / 12%);
    box-shadow: 0 0.1rem 0.7rem rgb(0 0 0 / 32%)
}

html.dark-theme .user-box {
    border-left: 1px solid rgb(255 255 255 / .15)
}

html.dark-theme .user-info .user-name {
    color: #e4e5e6
}

html.dark-theme .user-info .designattion {
    color: #b3b3b3
}

html.dark-theme .product-list .row {
    background-color: rgb(255 255 255 / 8%)
}

html.dark-theme .product-img {
    background-color: rgb(0 0 0 / 25%);
    border: 1px solid rgb(255 255 255 / 15%)
}

@media (min-width:992px) {
    html.dark-theme .product-list .row:hover {
        background-color: rgb(255 255 255 / 15%);
        margin-top: -.25rem;
        margin-bottom: .25rem;
        -webkit-box-shadow: 0 .5rem 1rem 0 rgba(0, 0, 0, .2);
        box-shadow: 0 .25rem .5rem 0 rgba(0, 0, 0, .2)
    }
}

html.dark-theme .recent-product-img {
    background-color: rgb(255 255 255 / 10%);
    border: 1px solid rgb(255 255 255 / 10%)
}

html.dark-theme .page-footer {
    background-color: #171717;
    border-top: 1px solid rgb(237 237 237 / 12%)
}

html.dark-theme .mobile-toggle-menu {
    color: #e4e5e6
}

html.dark-theme .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%)
}

html.dark-theme .logo-icon {
    filter: invert(1) grayscale(100%) brightness(200%)
}

html.dark-theme .toggle-icon {
    color: #e7e9ec
}

html.dark-theme .topbar .navbar-nav .nav-link {
    border-left: 0 solid rgb(255 255 255 / 12%);
    color: #e4e5e6
}

html.dark-theme .search-bar input {
    color: #e4e5e6;
    background-color: #1e1e1e;
    border: 1px solid rgb(241 241 241 / 15%);
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 0%)
}

    html.dark-theme .search-bar input::placeholder {
        color: #e4e5e6 !important;
        opacity: .5 !important
    }

html.dark-theme::placeholder {
    color: #e4e5e6 !important;
    opacity: .5 !important
}

html.dark-theme .search-bar .btn-search {
    background: #1e1e1e;
    border: 1px solid rgb(217 211 211 / 30%)
}

    html.dark-theme .search-bar .btn-search i {
        color: #e4e5e6
    }

html.dark-theme .dropdown-menu {
    color: #e4e5e6;
    background-color: #1e1e1e;
    box-shadow: 0 .5rem 1rem rgb(0 0 0 / .3)
}

html.dark-theme .dropdown-item {
    color: #acafb3
}

html.dark-theme .dropdown-menu .dropdown-item:hover {
    background-color: #171717
}

html.dark-theme .dropdown-divider {
    border-top: 1px solid rgb(255 255 255 / 12%)
}

html.dark-theme .dropdown-large .dropdown-menu .dropdown-item {
    border-bottom: 1px solid rgb(255 255 255 / 12%)
}

html.dark-theme .dropdown-large .msg-name {
    color: #fff
}

html.dark-theme .dropdown-large .msg-info {
    color: #80868c
}

html.dark-theme .dropdown-large .msg-time {
    color: #b1afaf
}

html.dark-theme .dropdown-large .msg-header {
    border-bottom: 1px solid rgb(255 255 255 / 15%);
    background: 0 0
}

    html.dark-theme .dropdown-large .msg-header .msg-header-title {
        color: #e4e5e6
    }

    html.dark-theme .dropdown-large .msg-header .msg-header-clear {
        color: #999ea2
    }

html.dark-theme .dropdown-large .msg-footer {
    color: #d1d7de;
    border-top: 1px solid rgb(255 255 255 / .15)
}

html.dark-theme .btn-white {
    color: #e4e5e6;
    background-color: #1e1e1e;
    border-color: rgb(206 212 218 / 45%);
    border-top: 1px solid #63686f;
    border-left: 1px solid #63686f
}

html.dark-theme .user-img {
    border: 1px solid rgb(255 255 255 / 28%)
}

html.dark-theme .customers-contacts a {
    background: rgb(255 255 255 / 12%);
    border: 1px solid rgb(255 255 255 / 14%);
    color: #fff
}

@media (min-width:992px) {
    html.dark-theme .customers-list .customers-list-item:hover {
        background-color: rgb(255 255 255 / 12%)
    }
}

html.dark-theme .order-actions a {
    background: rgb(255 255 255 / 12%);
    border: 1px solid rgb(255 255 255 / 14%);
    color: #fff
}

html.dark-theme .alert {
    background-color: #161515
}

html.dark-theme .accordion-button {
    color: #bac0c6;
    border: 1px solid rgb(255 255 255 / 14%)
}

    html.dark-theme .accordion-button:not(.collapsed) {
        background-color: rgb(255 255 255 / 12%)
    }

html.dark-theme .nav-tabs .nav-link {
    color: #e3e4e5
}

    html.dark-theme .nav-tabs .nav-item.show .nav-link, html.dark-theme .nav-tabs .nav-link.active {
        background-color: #090707
    }

html.dark-theme .nav-tabs {
    border-bottom: 1px solid rgb(255 255 255 / 14%)
}

html.dark-theme .nav-primary.nav-tabs .nav-link.active {
    border-color: #0d6efd #0d6efd rgb(255 255 255 / 14%)
}

html.dark-theme .nav-danger.nav-tabs .nav-link.active {
    border-color: #f41127 #f41127 rgb(255 255 255 / .14)
}

html.dark-theme .nav-success.nav-tabs .nav-link.active {
    border-color: #17a00e #17a00e rgb(255 255 255 / .14)
}

html.dark-theme .nav-warning.nav-tabs .nav-link.active {
    border-color: #ffc107 #ffc107 rgb(255 255 255 / .14)
}

html.dark-theme .nav-pills .nav-link {
    color: #e7e8ea
}

html.dark-theme .theme-icons {
    background-color: #171717
}

html.dark-theme .pricing-table .card ul li.list-group-item {
    color: #e5dede
}

html.dark-theme .table {
    --bs-table-bg: transparent;
    --bs-table-striped-color: #e4e5e6;
    --bs-table-striped-bg: rgba(255, 255, 0255, 0.05);
    --bs-table-active-color: #e4e5e6;
    --bs-table-active-bg: rgba(255, 255, 255, 0.1);
    --bs-table-hover-color: #e4e5e6;
    --bs-table-hover-bg: rgba(255, 255, 255, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: #e4e5e6;
    vertical-align: top;
    border-color: rgb(255 255 255 / 12%)
}

html.dark-theme .table-light {
    --bs-table-bg: rgb(255 255 255 / 12%);
    color: #fff
}

html.dark-theme .table td, html.dark-theme .table th {
    border-color: rgb(255 255 255 / 12%)
}

html.dark-theme .table thead th {
    border-bottom: 2px solid rgb(255 255 255 / 12%)
}

html.dark-theme .border {
    border: 1px solid rgb(255 255 255 / 12%) !important
}

html.dark-theme .border-end {
    border-right: 1px solid rgb(255 255 255 / 12%) !important
}

html.dark-theme .border-3 {
    border-width: 3px !important
}

html.dark-theme .topbar .navbar .dropdown-menu::after {
    background: #1e1e1e;
    border-top: 1px solid #0b2354;
    border-left: 1px solid #0b2354
}

html.dark-theme .topbar .navbar .dropdown-large .dropdown-menu::after {
    background: #1e1e1e;
    border-top: 1px solid #0b2354;
    border-left: 1px solid #0b2354
}

html.dark-theme .highcharts-background {
    fill: rgb(255 255 255 / 0%)
}

html.dark-theme .highcharts-title {
    fill: #e4e5e6 !important;
    font-size: 1.5em
}

html.dark-theme .highcharts-root text {
    fill: #8f949a
}

html.dark-theme .highcharts-grid-line {
    fill: none;
    stroke: rgb(255 255 255 / 12%)
}

html.dark-theme .sidebar-wrapper {
    background: #171717;
    border-right: 1px solid rgb(255 255 255 / 12%);
    box-shadow: 0 0.1rem 0.7rem rgb(0 0 0 / 32%) !important;
}

    html.dark-theme .sidebar-wrapper .sidebar-header {
        background: #171717;
        border-right: 1px solid rgb(255 255 255 / 12%);
        border-bottom: 1px solid rgb(255 255 255 / 12%)
    }

        html.dark-theme .sidebar-wrapper .sidebar-header .logo-text {
            color: #e7e9ec
        }

        html.dark-theme .sidebar-wrapper .sidebar-header .toggle-btn {
            color: #e7e9ec
        }

            html.dark-theme .sidebar-wrapper .sidebar-header .toggle-btn:hover {
                color: #fff
            }

            html.dark-theme .sidebar-wrapper .sidebar-header .toggle-btn:active {
                color: #fff;
                background: rgb(255 255 255 / 25%)
            }

    html.dark-theme .sidebar-wrapper .metismenu a {
        color: #9ea4aa
    }

        html.dark-theme .sidebar-wrapper .metismenu .mm-active > a, html.dark-theme .sidebar-wrapper .metismenu a:active, html.dark-theme .sidebar-wrapper .metismenu a:focus, html.dark-theme .sidebar-wrapper .metismenu a:hover {
            color: #fff;
            text-decoration: none;
            background: rgb(255 255 255 / 18%)
        }

    html.dark-theme .sidebar-wrapper .metismenu ul {
        border: 1px solid #ffffff00;
        background: rgb(255 255 255 / 8%)
    }

html.dark-theme .simplebar-scrollbar:before {
    background: rgba(255, 255, 255, .4)
}

html.dark-theme .footer {
    background: #1e1e1e;
    border-top: 1px solid rgb(255 255 255 / 12%)
}

html.dark-theme .btn-light-warning {
    color: #ff9305
}

html.dark-theme .btn-light-dark {
    color: #757c83
}

html.dark-theme .modal-content {
    background-color: #171717
}

html.dark-theme .modal-header {
    border-bottom: 1px solid rgb(222 226 230 / 16%)
}

html.dark-theme .modal-footer {
    border-top: 1px solid rgb(222 226 230 / 16%)
}

html.dark-theme .email-wrapper {
    background: #171717;
    box-shadow: 0 .1rem .7rem rgb(0 0 0 / 24%)
}

html.dark-theme .email-sidebar {
    background: #171717;
    border-right: 1px solid rgb(255 255 255 / .12)
}

html.dark-theme .email-sidebar-header {
    background: #171717;
    border-bottom: 1px solid rgb(255 255 255 / .12);
    border-right: 0 solid rgb(255 255 255 / 12%)
}

html.dark-theme .email-navigation {
    border-bottom: 1px solid rgb(255 255 255 / 13%)
}

    html.dark-theme .email-navigation a.list-group-item {
        color: #e4e5e6;
        background-color: #171717;
        border-bottom: 1px solid rgb(0 0 0 / 0%)
    }

        html.dark-theme .email-navigation a.list-group-item:hover {
            background-color: rgb(0 123 255 / 15%)
        }

html.dark-theme .email-meeting a.list-group-item {
    color: #e4e5e6;
    background-color: #171717;
    border-bottom: 1px solid rgb(0 0 0 / 0%)
}

    html.dark-theme .email-meeting a.list-group-item:hover {
        background-color: rgb(0 123 255 / 15%)
    }

html.dark-theme .list-group-item {
    background-color: #171717;
    border: 1px solid rgb(255 255 255 / 13%)
}

html.dark-theme .email-navigation a.list-group-item.active {
    color: #0d6efd;
    font-weight: 600;
    background-color: rgb(13 110 253 / 14%)
}

html.dark-theme .list-group-flush > .list-group-item {
    border-width: 0 0 1px
}

html.dark-theme .border-top {
    border-top: 1px solid rgb(255 255 255 / 13%) !important
}

html.dark-theme .email-header {
    background: #171717;
    border-bottom: 1px solid rgb(255 255 255 / 13%)
}

html.dark-theme .email-content {
    background: #171717
}

html.dark-theme .email-list div.email-message {
    background: #171717;
    border-bottom: 1px solid rgb(255 255 255 / 12%);
    color: #e4e5e6
}

    html.dark-theme .email-list div.email-message:hover {
        transition: all .2s ease-out;
        background: #434a50
    }

html.dark-theme .bg-body {
    background-color: #1e1e1e !important
}

html.dark-theme .email-time {
    font-size: 13px;
    color: #8c969e
}

html.dark-theme .chat-time {
    font-size: 13px;
    color: #8c969e
}

html.dark-theme .widgets-icons {
    color: #1e1e1e
}

html.dark-theme .invoice {
    background-color: #171717
}

html.dark-theme .chat-wrapper {
    background: #171717;
    box-shadow: 0 .1rem .7rem rgb(0 0 0 / 22%)
}

html.dark-theme .chat-sidebar {
    background: #171717;
    border-right: 1px solid rgb(255 255 255 / 13%)
}

html.dark-theme .chat-sidebar-header {
    background: #171717;
    border-bottom: 1px solid rgb(255 255 255 / 13%);
    border-right: 0 solid rgb(255 255 255 / 13%)
}

html.dark-theme .chat-header {
    background: #171717;
    border-bottom: 1px solid rgb(255 255 255 / 13%)
}

html.dark-theme .chat-tab-menu li a.nav-link {
    color: #c3c5c8
}

html.dark-theme .chat-title {
    color: #e4e5e6
}

html.dark-theme .chat-msg {
    font-size: 14px;
    color: #848992
}

html.dark-theme .chat-top-header-menu a {
    color: #c3c5c8;
    background-color: #1e1e1e;
    border: 1px solid rgb(255 255 255 / 15%)
}

html.dark-theme .chat-content-leftside .chat-left-msg {
    background-color: #1e1e1e
}

html.dark-theme .chat-content-rightside .chat-right-msg {
    background-color: #41484e
}

html.dark-theme .chat-footer {
    background: #171717;
    border-top: 1px solid rgb(255 255 255 / 13%)
}

html.dark-theme .chat-footer-menu a {
    color: #c3c5c8;
    background-color: #1e1e1e;
    border: 1px solid rgb(255 255 255 / 15%)
}

html.dark-theme .fm-menu .list-group a {
    color: #c3c5c8
}

html.dark-theme .fm-icon-box {
    background: #1e1e1e;
    color: #fff
}

html.dark-theme .contacts-social a {
    background: #1e1e1e;
    color: #fff
}

html.dark-theme .invoice table td, html.dark-theme .invoice table th {
    background: rgb(255 255 255 / 12%);
    border-bottom: 1px solid rgb(255 255 255 / 12%)
}

html.dark-theme .invoice table .no {
    color: #fff;
    background: #007bff
}

html.dark-theme .invoice main .notices {
    background: #1e1e1e
}

html.dark-theme .invoice footer {
    color: #e4e5e6;
    border-top: 1px solid rgb(255 255 255 / 12%)
}

html.dark-theme .fc-theme-standard td, html.dark-theme .fc-theme-standard th {
    border: 1px solid rgb(255 255 255 / .12)
}

html.dark-theme .fc-theme-standard .fc-scrollgrid {
    border: 1px solid rgb(255 255 255 / 12%)
}

html.dark-theme .fc .fc-col-header-cell-cushion {
    color: #fff
}

html.dark-theme .fc .fc-daygrid-day-number {
    color: #fff
}

html.dark-theme .breadcrumb {
    background-color: #1e1e1e
}

html.dark-theme .breadcrumb-item.active {
    color: #8b969f
}

html.dark-theme .breadcrumb-title {
    border-right: 1.5px solid rgb(255 255 255 / 18%)
}

html.dark-theme .btn-outline-secondary {
    color: #c5cace;
    border-color: #c2c9ce
}

html.dark-theme .btn-light {
    color: #fff;
    background-color: rgb(255 255 255 / 15%);
    border-color: rgb(255 255 255 / 22%)
}

    html.dark-theme .btn-light:hover {
        color: #fff;
        background-color: rgb(255 255 255 / 25%);
        border-color: rgb(255 255 255 / 32%)
    }

html.dark-theme .btn-dark {
    color: #fff;
    background-color: #181e22;
    border-color: #181e22
}

    html.dark-theme .btn-dark:hover {
        color: #fff;
        background-color: #13181b;
        border-color: #13181b
    }

html.dark-theme .btn-outline-dark {
    color: #fff;
    border-color: #181e22
}

html.dark-theme .page-link {
    color: #b2b6ba;
    background-color: #1e1e1e;
    border: 1px solid rgb(255 255 255 / .12)
}

html.dark-theme .page-item.disabled .page-link {
    color: #b0b6bc;
    background-color: rgb(255 255 255 / 28%);
    border-color: rgb(222 226 230 / 14%)
}

html.dark-theme .progress {
    background-color: rgb(255 255 255 / 14%)
}

html.dark-theme .chip {
    color: rgb(198 200 203);
    background-color: #1e1e1e;
    border: 1px solid rgb(255 255 255 / 15%)
}

html.dark-theme .bg-light {
    background-color: rgb(255 255 255 / 15%) !important
}

html.dark-theme ul.icons li {
    box-shadow: 0 1px 5px #13171a;
    background: #1e1e1e
}

    html.dark-theme ul.icons li i {
        color: #fff
    }

html.dark-theme .icon-box {
    background: #171717;
    box-shadow: 0 1px 5px #161a1e
}

html.dark-theme .pByfF i {
    color: #fff
}

html.dark-theme .form-control {
    color: #c0c8d1;
    background-color: #1e1e1e;
    border: 1px solid rgb(255 255 255 / 34%)
}

html.dark-theme .form-select {
    color: #c0c8d1;
    background-color: #1e1e1e;
    border: 1px solid rgb(255 255 255 / 34%)
}

html.dark-theme .form-control:focus {
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25)
}

html.dark-theme .form-select:focus {
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25)
}

html.dark-theme .form-control:disabled, html.dark-theme .form-control[readonly] {
    background-color: rgb(255 255 255 / 22%)
}

html.dark-theme .form-control::placeholder {
    color: #e4e5e6 !important;
    opacity: .5 !important
}

html.dark-theme .picker__input {
    background-color: #1e1e1e !important;
    border: 1px solid rgb(255 255 255 / 34%) !important
}

html.dark-theme .select2-container--bootstrap4 .select2-selection {
    background-color: rgb(255 255 255 / .14);
    border: 1px solid rgb(255 255 255 / .35)
}

html.dark-theme .select2-dropdown {
    background-color: #171717;
    border: 1px solid rgb(255 255 255 / 38%)
}

html.dark-theme .select2-search--dropdown .select2-search__field {
    border: 1px solid rgb(255 255 255 / 34%);
    background-color: rgb(255 255 255 / 14%);
    color: #e3dfdf
}

html.dark-theme .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
    color: #dee1e5;
    border: 1px solid rgb(255 255 255 / 55%);
    background: #171717
}

html.dark-theme .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered .select2-search__field {
    background: 0 0;
    color: #e6e1e1
}

html.dark-theme .select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected=true] {
    background-color: rgb(255 255 255 / 20%)
}

html.dark-theme .ff_fileupload_wrap .ff_fileupload_dropzone {
    background-color: rgb(252 252 252 / 14%);
    border: 2px dashed rgb(255 255 255 / 50%)
}

html.dark-theme .imageuploadify {
    background-color: rgb(255 255 255 / 14%);
    border: 2px dashed rgb(255 255 255 / .5)
}

html.dark-theme .bootstrap-tagsinput {
    background-color: #1e1e1e;
    border: 1px solid rgb(255 255 255 / 35%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 37%);
    color: #e5e0e0
}

html.dark-theme .input-group-text {
    color: #d1d7de;
    background-color: #3e464c;
    border: 1px solid rgb(255 255 255 / 35%)
}

html.dark-theme .table-bordered td, html.dark-theme .table-bordered th {
    border: 1px solid rgb(255 255 255 / 12%)
}

html.dark-theme .table-dark {
    background-color: #1d2126
}

html.dark-theme .table .thead-light th {
    background-color: rgb(255 255 255 / 20%);
    border-color: #fff
}

html.dark-theme .table-bordered {
    border: 1px solid rgb(255 255 255 / 12%)
}

html.dark-theme .login-card {
    border-right: 1px solid rgb(255 255 255 / 12%) !important
}

html.dark-theme .border-bottom {
    border-bottom: 1px solid rgb(255 255 255 / 14%) !important
}

html.dark-theme .navbar-light .navbar-nav .nav-link {
    color: rgb(255 255 255 / 50%)
}

    html.dark-theme .navbar-light .navbar-nav .active > .nav-link, html.dark-theme .navbar-light .navbar-nav .nav-link.active, html.dark-theme .navbar-light .navbar-nav .nav-link.show, html.dark-theme .navbar-light .navbar-nav .show > .nav-link {
        color: rgb(255 255 255 / 90%)
    }

html.dark-theme .bg-light-purple {
    background-color: rgb(130 128 255 / 32%) !important
}

html.dark-theme .bg-light-primary {
    background-color: rgb(103 58 183 / 33%) !important
}

html.dark-theme .bg-light-danger {
    background-color: rgb(220 53 69 / 33%) !important
}

html.dark-theme .bg-light-shineblue {
    background-color: rgb(1 215 255 / 33%) !important
}

html.dark-theme .bg-light-cyne {
    background-color: rgb(0 139 139 / 32%) !important
}

html.dark-theme .bg-light-warning {
    background-color: rgb(255 193 7 / 32%) !important
}

html.dark-theme .bg-light-success {
    background-color: rgb(40 167 69 / 33%) !important
}

html.dark-theme .bg-light-info {
    background-color: rgb(25 143 237 / 22%) !important
}

html.dark-theme .bg-light-sinata {
    background-color: rgb(165 43 187 / 33%) !important
}

html.dark-theme .bg-light-mehandi {
    background: rgb(131 152 56 / 32%) !important
}

html.dark-theme .logo-white {
    display: block
}

html.dark-theme .logo-dark {
    display: none
}

html.dark-theme .email-toggle-btn {
    color: #c9cbce;
    background-color: #ffffff00
}

html.dark-theme .chat-toggle-btn {
    color: #c9cbce;
    background-color: #ffffff00;
    border: 0 solid rgb(0 0 0 / 15%)
}

html.dark-theme .apexcharts-datalabel, html.dark-theme .apexcharts-datalabel-label, html.dark-theme .apexcharts-datalabel-value, html.dark-theme .apexcharts-datalabels, html.dark-theme .apexcharts-pie-label {
    fill: #fff
}

html.dark-theme .product-discount {
    color: #fff;
    background-color: rgb(255 255 255 / 12%)
}

@media screen and (max-width:1024px) {
    html.dark-theme .wrapper.toggled .overlay {
        background: #fff;
        opacity: .4
    }

    html.dark-theme .chat-toggled .overlay {
        background: #fff;
        opacity: .4
    }

    html.dark-theme .email-toggled .overlay {
        background: #fff;
        opacity: .4
    }

    html.dark-theme .full-search-bar {
        background: #171717
    }

    html.dark-theme .search-bar .btn-search-back {
        background: rgb(3 11 35 / 0%);
        border: 1px solid rgb(217 211 211 / 0%);
        height: calc(1.6em + .75rem + 2px)
    }

        html.dark-theme .search-bar .btn-search-back i {
            color: #e4e5e6
        }
}

@media screen and (max-width:767px) {
    html.dark-theme .topbar .navbar-nav .nav-link {
        border-left: 0 solid #ededed
    }
}

.dx-header-row {
    color: #212529;
    font-weight: bold;
}

.dx-datagrid .dx-column-indicators .dx-header-filter, .dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter {
    color: #008cff;
}

    .dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter-empty, .dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter.dx-header-filter-empty {
        color: #959595;
    }

html.color-header .topbar .navbar-nav .nav-link {
    color: #fff
}

html.color-header .search-bar input {
    color: #413f3f;
    background-color: #fff !important;
    border: 1px solid rgb(241 241 241 / 15%) !important;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 0%)
}

    html.color-header .search-bar input:focus {
        box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25)
    }

    html.color-header .search-bar input::placeholder {
        color: #08090a !important;
        opacity: .5 !important
    }

html.color-header::placeholder {
    color: #08090a !important;
    opacity: .5 !important
}

html.color-header .search-show {
    color: #221f1f
}

html.color-header .user-info .user-name {
    color: #fff
}

html.color-header .user-info .designattion {
    color: #fff
}

html.color-header .user-box {
    border-left: 1px solid rgb(255 255 255 / .35) !important
}

html.color-header .mobile-toggle-menu {
    color: #fff
}

.switcher-body .headercolor1 {
    background: #0727d7 !important
}

.switcher-body .headercolor2 {
    background: #23282c !important
}

.switcher-body .headercolor3 {
    background: #e10a1f !important
}

.switcher-body .headercolor4 {
    background: #157d4c !important
}

.switcher-body .headercolor5 {
    background: #673ab7 !important
}

.switcher-body .headercolor6 {
    background: #795548 !important
}

.switcher-body .headercolor7 {
    background: #d3094e !important
}

.switcher-body .headercolor8 {
    background: #ff9800 !important
}

html.headercolor1 .topbar {
    background: #0727d7
}

html.headercolor2 .topbar {
    background: #23282c
}

html.headercolor3 .topbar {
    background: #e10a1f
}

html.headercolor4 .topbar {
    background: #157d4c
}

html.headercolor5 .topbar {
    background: #673ab7
}

html.headercolor6 .topbar {
    background: #795548
}

html.headercolor7 .topbar {
    background: #d3094e
}

html.headercolor8 .topbar {
    background: #ff9800
}



/* sidebar color */


html.color-sidebar .sidebar-wrapper {
    background-color: #171717;
    border-right: 1px solid rgb(228 228 228 / 0%);
}

html.color-sidebar .sidebar-header {
    background-color: transparent;
    border-right: 1px solid #e4e4e400;
    border-bottom: 1px solid rgb(255 255 255 / 15%);
    position: absolute;
}

html.color-sidebar .logo-icon {
    filter: invert(1) grayscale(100%) brightness(200%);
}

html.color-sidebar .menu-label {
    color: rgb(255 255 255 / 65%);
}

html.color-sidebar .sidebar-wrapper .sidebar-header .logo-text {
    color: #ffffff;
}

html.color-sidebar .sidebar-wrapper .sidebar-header .toggle-icon {
    color: #ffffff;
}

html.color-sidebar .simplebar-scrollbar:before {
    background: rgba(255, 255, 255, .4)
}

html.color-sidebar .sidebar-wrapper .metismenu .mm-active > a, html.color-sidebar .sidebar-wrapper .metismenu a:active, html.color-sidebar .sidebar-wrapper .metismenu a:focus, html.color-sidebar .sidebar-wrapper .metismenu a:hover {
    color: #fff;
    text-decoration: none;
    background: rgb(255 255 255 / 18%);
}

html.color-sidebar .sidebar-wrapper .metismenu a {
    color: rgb(255 255 255 / 85%);
}

html.color-sidebar .sidebar-wrapper .metismenu ul {
    border: 1px solid #ffffff00;
    background: rgb(255 255 255 / 8%);
}


html.color-sidebar .sidebar-wrapper {
    background-size: 100% 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}


.switcher-wrapper .sidebarcolor1 {
    background-image: url(../images/bg-themes/1.png);
}

.switcher-wrapper .sidebarcolor2 {
    background-image: url(../images/bg-themes/2.png);
}

.switcher-wrapper .sidebarcolor3 {
    background-image: url(../images/bg-themes/3.png);
}

.switcher-wrapper .sidebarcolor4 {
    background-image: url(../images/bg-themes/4.png);
}

.switcher-wrapper .sidebarcolor5 {
    background-image: url(../images/bg-themes/5.png);
}

.switcher-wrapper .sidebarcolor6 {
    background-image: url(../images/bg-themes/6.png);
}

.switcher-wrapper .sidebarcolor7 {
    background-image: url(../images/bg-themes/7.png);
}

.switcher-wrapper .sidebarcolor8 {
    background-image: url(../images/bg-themes/8.png);
}




html.color-sidebar.sidebarcolor1 .sidebar-wrapper {
    background-image: url(../images/bg-themes/1.png);
}

html.color-sidebar.sidebarcolor2 .sidebar-wrapper {
    background-image: url(../images/bg-themes/2.png);
}

html.color-sidebar.sidebarcolor3 .sidebar-wrapper {
    background-image: url(../images/bg-themes/3.png);
}

html.color-sidebar.sidebarcolor4 .sidebar-wrapper {
    background-image: url(../images/bg-themes/4.png);
}

html.color-sidebar.sidebarcolor5 .sidebar-wrapper {
    background-image: url(../images/bg-themes/5.png);
}

html.color-sidebar.sidebarcolor6 .sidebar-wrapper {
    background-image: url(../images/bg-themes/6.png);
}

html.color-sidebar.sidebarcolor7 .sidebar-wrapper {
    background-image: url(../images/bg-themes/7.png);
}

html.color-sidebar.sidebarcolor8 .sidebar-wrapper {
    background-image: url(../images/bg-themes/8.png);
}

html.semi-dark .sidebar-wrapper {
    background: #171717;
    border-right: 1px solid #e4e4e400;
    box-shadow: 0 0.1rem 0.7rem rgb(0 0 0 / 32%) !important;
}

    html.semi-dark .sidebar-wrapper .sidebar-header {
        background: #171717;
        border-right: 1px solid #e4e4e400;
        border-bottom: 1px solid rgb(255 255 255 / 15%)
    }

        html.semi-dark .sidebar-wrapper .sidebar-header .logo-text {
            color: #e7e9ec
        }

        html.semi-dark .sidebar-wrapper .sidebar-header .toggle-icon {
            color: #e7e9ec
        }

    html.semi-dark .sidebar-wrapper .metismenu a {
        color: #9ea4aa
    }

        html.semi-dark .sidebar-wrapper .metismenu .mm-active > a, html.semi-dark .sidebar-wrapper .metismenu a:active, html.semi-dark .sidebar-wrapper .metismenu a:focus, html.semi-dark .sidebar-wrapper .metismenu a:hover {
            color: #fff;
            text-decoration: none;
            background: rgb(255 255 255 / 18%)
        }

    html.semi-dark .sidebar-wrapper .metismenu ul {
        border: 1px solid #ffffff00;
        background: rgb(255 255 255 / 8%)
    }

html.semi-dark .simplebar-scrollbar:before {
    background: rgba(255, 255, 255, .4)
}

html.semi-dark .logo-icon {
    filter: invert(1) grayscale(100%) brightness(200%)
}

html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-1, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-10, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-11, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-12, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-2, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-3, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-4, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-5, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-6, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-7, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-8, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-9 {
    color: inherit
}




html.minimal-theme .topbar {
    background: #f7f7ff;
    border-bottom: 1px solid #dee2e6;
    box-shadow: none !important
}

html.minimal-theme .sidebar-wrapper .metismenu ul {
    background: #f7f7ff;
    border-bottom: 1px solid #dee2e6;
    box-shadow: none !important
}

html.minimal-theme .topbar .search-control {
    background-color: #f7f7ff;
    border: 1px solid #dee2e6
}

html.minimal-theme .topbar .user-box {
    border-left: 1px solid #dee2e6
}

html.minimal-theme .sidebar-wrapper {
    background: #f7f7ff;
    border-right: 1px solid #dee2e6;
    box-shadow: none !important
}

html.minimal-theme .sidebar-header {
    background: #f7f7ff;
    border-bottom: 1px solid #dee2e6;
    background-clip: padding-box
}

html.minimal-theme .card {
    background-color: #f7f7ff;
    box-shadow: none;
    border: 1px solid rgb(0 0 0 / 12%) !important;
}

html.minimal-theme .page-footer {
    background: #f7f7ff;
}

@media screen and (min-width:1025px) {
    html.minimal-theme .wrapper.toggled.sidebar-hovered .sidebar-wrapper {
        box-shadow: 0 .3rem .8rem rgba(0, 0, 0, .12) !important
    }
}