/* Theme Dark */
.hp-dark-block {
    display: none;
}

body.dark {
    color: #FFFFFF;
    background: #1b222e;
}

body.dark .hp-dark-none {
    display: none;
}

body.dark .hp-dark-block {
    display: block;
}

body.dark .hp-dark-block.hp-dir-block {
    display: none;
}

body.dark a {
    color: #0daae5;
}

body.dark.app-layout-bg:before {
    background: #1b222e;
}

body.dark .divider {
    color: #FFFFFF;
    border-color: #303848;
}

body.dark .hp-theme-customizer.active {
    -webkit-box-shadow: -13px 0px 20px rgba(255, 255, 255, 0.03);
    box-shadow: -13px 0px 20px rgba(255, 255, 255, 0.03);
}

body.dark .hp-theme-customizer.active .hp-theme-customizer-button-bg svg path {
    fill: #303848;
}

body.dark .hp-theme-customizer-container-body-item + .hp-theme-customizer-container-body-item {
    border-color: #474747;
}

body.dark .hp-theme-customizer-container-body-item-svg {
    border-color: #999999;
}

body.dark .hp-theme-customizer-container-body-item-svg svg {
    -webkit-filter: grayscale(0) brightness(0.9);
    filter: grayscale(0) brightness(0.9);
}

body.dark .hp-theme-customizer-container-body-item-svg-other {
    border-color: #999999;
}

body.dark .hp-theme-customizer-container-body-item-svg-other svg {
    -webkit-filter: grayscale(0) brightness(0.9);
    filter: grayscale(0) brightness(0.9);
}

body.dark .hp-theme-customizer-container-body-item-svg-other.active {
    border-color: #C2C2C2;
}

body.dark .hp-theme-customizer-container-body-item-svg.active {
    border-color: #C2C2C2;
}

body.dark ::-moz-selection {
    background: #0daae5;
    color: #FFFFFF;
}

body.dark ::selection {
    background: #0daae5;
    color: #FFFFFF;
}

body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6,
body.dark .h1,
body.dark .h2,
body.dark .h3,
body.dark .h4,
body.dark .h5,
body.dark .h6 {
    color: #FFFFFF;
}

body.dark .hp-p1-body {
    color: #C2C2C2;
}

body.dark .hp-p2-body {
    color: #C2C2C2;
}

body.dark .hp-button {
    color: #C2C2C2;
}

body.dark .hp-placeholder {
    color: #C2C2C2;
}

body.dark .hp-input-description {
    color: #C2C2C2;
}

body.dark .hp-input-label {
    color: #C2C2C2;
}

body.dark .hp-badge-text {
    color: #C2C2C2;
}

body.dark header > .row > .col {
    background: #1b222e;
}

body.dark.horizontal-active.header-full header {
    background: #1b222e;
}

body.dark .hp-horizontal-menu > ul > li > a.active {
    color: #FFFFFF;
}

body.dark .hp-horizontal-menu > ul > li > a:hover,
body.dark .hp-horizontal-menu > ul > li > a:focus {
    background: #303848;
    color: #FFFFFF;
}

body.dark .hp-horizontal-menu ul li a {
    color: #C2C2C2;
}

body.dark .hp-horizontal-menu ul > li ul:before {
    background: #1b222e;
    -webkit-box-shadow: 0 3px 6px -4px rgba(255, 255, 255, 0), 0 6px 16px 0 rgba(255, 255, 255, 0.01), 0 9px 28px 8px rgba(255, 255, 255, 0.01);
    box-shadow: 0 3px 6px -4px rgba(255, 255, 255, 0), 0 6px 16px 0 rgba(255, 255, 255, 0.01), 0 9px 28px 8px rgba(255, 255, 255, 0.01);
}

body.dark .hp-horizontal-menu > ul > li ul li a.active {
    background: #303848;
    color: #FFFFFF;
}

body.dark .hp-horizontal-menu > ul > li ul li a:hover,
body.dark .hp-horizontal-menu > ul > li ul li a:focus {
    color: #FFFFFF;
}

body.dark .autocomplete-suggestions {
    background: #1b222e;
}

body.dark .autocomplete-suggestions .autocomplete-suggestion {
    color: #D7D7D7;
}

body.dark .autocomplete-suggestions .autocomplete-suggestion:hover {
    color: #FFFFFF;
    background: #303848;
}

body.dark .hp-basket-dropdown:before {
    border-color: #303848;
    background: #1b222e;
}

body.dark .btn:not(.btn-dashed) {
    border-color: #303848;
}

body.dark .btn-dashed-primary {
    background: #1b222e !important;
}

body.dark .btn-dashed-secondary {
    background: #1b222e !important;
}

body.dark .btn-dashed-danger {
    background: #1b222e !important;
}

body.dark .btn-dashed-info {
    background: #1b222e !important;
}

body.dark .btn-dashed-success {
    background: #1b222e !important;
}

body.dark .btn-dashed-warning {
    background: #1b222e !important;
}

body.dark .btn-dashed-dark {
    background: #1b222e !important;
}

body.dark .btn[disabled],
body.dark .btn.disabled,
body.dark .btn[disabled]:hover,
body.dark .btn[disabled]:focus,
body.dark .btn[disabled]:active {
    background: #303848 !important;
    border-color: #303848 !important;
    color: #474747 !important;
}

body.dark .btn-text[disabled],
body.dark .btn-text.disabled,
body.dark .btn-text[disabled]:hover,
body.dark .btn-text[disabled]:focus,
body.dark .btn-text[disabled]:active {
    border-color: transparent !important;
    background: transparent !important;
}

body.dark .hp-sidebar-container .hp-sidebar-header-menu > ul li .menu-title {
    color: rgba(255, 255, 255, 0.65);
}

body.dark .hp-sidebar-container .hp-sidebar-header-menu > ul > li > ul li a > span > span {
    color: #C2C2C2;
}

body.dark .hp-sidebar-container .hp-sidebar-header-menu > ul > li > ul li a > span > i {
    color: #C2C2C2;
}

body.dark .hp-sidebar-container .hp-sidebar-header-menu > ul > li > ul li a.active {
    color: #ffffff;
}

body.dark .hp-sidebar-container .hp-sidebar-header-menu > ul > li > ul li a.active i {
    color: #ffffff !important;
}

body.dark .hp-sidebar-container .hp-sidebar-header-menu > ul > li > ul li a.active > span > span {
    color: #ffffff;
}

body.dark .hp-sidebar-container .hp-sidebar-header-menu > ul > li > ul li a:hover {
    color: #ffffff;
}

body.dark .hp-sidebar-container .hp-sidebar-header-menu > ul > li > ul li a:hover i {
    color: #ffffff !important;
}

body.dark .hp-sidebar-container .hp-sidebar-header-menu > ul > li > ul li a:hover > span {
    color: #ffffff !important;
}

body.dark .hp-sidebar-container .hp-sidebar-header-menu > ul > li > ul li a:hover > span > span {
    color: #ffffff;
}

body.dark .hp-sidebar-container .hp-sidebar-header-menu > ul > li > ul li a:hover .menu-arrow:before,
body.dark .hp-sidebar-container .hp-sidebar-header-menu > ul > li > ul li a:hover .menu-arrow:after {
    background-color: #ffffff;
}

body.dark .hp-sidebar-container .hp-sidebar-header-menu > ul > li > ul li .submenu-children li > a > span {
    color: #C2C2C2;
}

body.dark .hp-sidebar-container .hp-sidebar-header-menu > ul > li > ul li .submenu-children li > a:before {
    background: #ffffff;
}

body.dark .hp-sidebar-container .hp-sidebar-header-menu > ul > li > ul li .submenu-children li > a.active:not(.submenu-item) {
    background: rgb(13, 170, 229, .1)
}

body.dark .hp-sidebar-container .hp-sidebar-header-menu > ul > li > ul li .submenu-children li > a.active > span {
    color: #ffffff;
}

body.dark .hp-sidebar-dropdown-container ul:before {
    background: #1b222e;
}

body.dark .hp-sidebar-dropdown-container ul li a {
    color: #C2C2C2;
}

body.dark .hp-sidebar-dropdown-container ul li a:before {
    background: #0daae5;
}

body.dark .hp-sidebar-dropdown-container ul li a:hover {
    color: #FFFFFF;
}

body.dark .hp-sidebar-dropdown-container ul li a:hover .menu-arrow {
    color: #FFFFFF;
}

body.dark .hp-sidebar-dropdown-container ul li a:hover .menu-arrow:before,
body.dark .hp-sidebar-dropdown-container ul li a:hover .menu-arrow:after {
    background-color: #FFFFFF;
}

body.dark .hp-sidebar-dropdown-container ul li a.active {
    color: #FFFFFF;
}

body.dark .hp-sidebar-dropdown-container ul li a .menu-arrow {
    color: #C2C2C2;
}

body.dark .hp-sidebar-dropdown-container ul li a .menu-arrow:before,
body.dark .hp-sidebar-dropdown-container ul li a .menu-arrow:after {
    background-color: #C2C2C2;
}

body.dark .breadcrumb {
    color: #D7D7D7;
}

body.dark .breadcrumb a {
    color: #D7D7D7;
}

body.dark .breadcrumb-item.active {
    color: #999999;
}

body.dark .breadcrumb-item + .breadcrumb-item::before {
    color: #D7D7D7;
}

body.dark .hljs-container pre {
    background: #303848 !important;
}

body.dark .hljs-container .hljs {
    color: #FFFFFF !important;
    -webkit-filter: brightness(2.4);
    filter: brightness(2.4);
}

body.dark .card {
    color: #FFFFFF;
    background: #1b222e;
    border-color: #303848;
}

body.dark .card-header {
    background: #303848;
    border-color: #303848;
}

body.dark .card-footer {
    background: #303848;
    border-color: #303848;
}

body.dark .form-control {
    border-color: #424a5b;
    background: #1b222e;
    color: #F0F0F0;
}

body.dark .form-control::-webkit-input-placeholder {
    color: #C2C2C2;
}

body.dark .form-control:-ms-input-placeholder {
    color: #C2C2C2;
}

body.dark .form-control::-moz-placeholder {
    color: #C2C2C2;
}

body.dark .form-control::-ms-input-placeholder {
    color: #C2C2C2;
}

body.dark .form-control::placeholder {
    color: #C2C2C2;
}

body.dark .form-control:focus,
body.dark .form-select:focus,
body.dark .form-group:focus {
    border-color: #0daae5;
}

body.dark .form-control::-webkit-file-upload-button {
    background-color: #303848;
    color: #FFFFFF;
}

body.dark .form-control::file-selector-button {
    background-color: #303848;
    color: #FFFFFF;
}

body.dark .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #303848;
}

body.dark .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #303848;
}

body.dark .input-number {
    border-color: #424a5b;
    background: #1b222e;
}

body.dark .input-number.input-number-disabled,
body.dark .input-number .input-number-input:disabled {
    border-color: #303848;
    background: #303848;
    color: #5C5C5C;
}

body.dark .input-number .input-number-input {
    color: #E1E1E1;
}

body.dark .input-number .input-number-handler-wrap {
    background: #303848;
}

body.dark .input-number .input-number-handler {
    border-color: #424a5b;
}

body.dark .input-number .input-number-handler:active {
    background: #474747;
}

body.dark .input-number .input-number-handler svg {
    fill: #E1E1E1;
}

body.dark .input-number .input-number-handler-up-disabled,
body.dark .input-number .input-number-handler-down-disabled {
    background: #303848;
    color: #5C5C5C;
}

body.dark .timeline {
    color: #FFFFFF;
}

body.dark .timeline-item-tail {
    border-color: #303848;
}

body.dark .timeline-item-head {
    background-color: #1b222e;
}

body.dark .event-desc {
    background-color: lightslategray;
}

body.dark .dropdown-menu {
    background: #1b222e;
    border-color: #303848;
    -webkit-box-shadow: 0 3px 6px -4px rgba(255, 255, 255, 0.001), 0 6px 16px 0 rgba(255, 255, 255, 0.008), 0 9px 28px 8px rgba(255, 255, 255, 0.005);
    box-shadow: 0 3px 6px -4px rgba(255, 255, 255, 0.001), 0 6px 16px 0 rgba(255, 255, 255, 0.008), 0 9px 28px 8px rgba(255, 255, 255, 0.005);
}

body.dark .dropdown-item:hover,
body.dark .dropdown-item:focus,
body.dark .dropdown-item.active,
body.dark .dropdown-item:active {
    color: #FFFFFF;
    background: #303848;
}

body.dark .dropdown-item {
    color: #FFFFFF;
}

body.dark .dropdown-item.disabled,
body.dark .dropdown-item:disabled {
    color: #474747;
}

body.dark .navbar-light .navbar-brand,
body.dark .navbar-light .navbar-nav .show > .nav-link,
body.dark .navbar-light .navbar-nav .nav-link.active {
    color: #0daae5;
}

body.dark .navbar-light .navbar-nav .nav-link {
    color: #FFFFFF;
}

body.dark .page-link {
    background: #1b222e;
    border-color: #303848;
}

body.dark .page-link:hover {
    background: #1b222e;
    color: #0daae5;
    border-color: #0daae5;
}

body.dark .page-item.active .page-link {
    background: #1b222e;
    color: #0daae5;
    border-color: #0daae5;
}

body.dark .page-link:focus {
    background: #1b222e;
    color: #0daae5;
}

body.dark .page-item.disabled .page-link {
    background: #303848;
    color: #303848;
    border-color: #303848;
}

body.dark .form-check-input {
    background: #1b222e;
    border-color: #424a5b;
}

body.dark .form-check-input:checked {
    background-color: #0daae5;
    border-color: #0daae5;
}

body.dark .form-check-input:disabled {
    background: #303848;
    border-color: #303848;
}

body.dark .form-check-input:disabled ~ label {
    color: #474747;
}

body.dark .input-group-text {
    color: #FFFFFF;
    background: #303848;
    border-color: #424a5b;
}

body.dark .form-check-input:focus {
    -webkit-box-shadow: 0 0 0 0.25rem #303848;
    box-shadow: 0 0 0 0.25rem #303848;
}

body.dark .form-check-input[type=radio] ~ label:before {
    background: #1b222e;
    border-color: #303848;
}

body.dark .form-check-input:checked[type=radio] ~ label:before {
    border-color: #0daae5;
}

body.dark .form-check-input:disabled[type=radio] ~ label:before {
    border-color: #303848;
    background: #474747;
}

body.dark .form-check-input:disabled:checked[type=radio] ~ label:before {
    border-color: #424a5b;
}

body.dark .form-check-input:disabled:checked[type=radio] ~ label:after {
    background: #303848;
}

body.dark .btn-check[disabled] + .btn,
body.dark .btn-check:disabled + .btn {
    background: #303848 !important;
    border-color: #303848 !important;
    color: #474747 !important;
}

body.dark .form-select {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #1b222e;
    border-color: #424a5b;
    color: #FFFFFF;
}

body.dark input[type=range]::-webkit-slider-runnable-track {
    background: #303848;
}

body.dark input[type=range]::-moz-range-track {
    background: #303848;
}

body.dark input[type=range]::-ms-fill-lower {
    background: #303848;
}

body.dark input[type=range]::-ms-fill-upper {
    background: #303848;
}

body.dark .form-switch .form-check-label:before {
    background: #474747;
}

body.dark .avatar-item {
    background: #303848;
    color: #FFFFFF;
}

body.dark .avatar-item-max-count .avatar-group-dropdown-container {
    background-color: #1b222e;
    -webkit-box-shadow: 0 3px 6px -4px rgba(255, 255, 255, 0.012), 0 6px 16px 0 rgba(255, 255, 255, 0.08), 0 9px 28px 8px rgba(255, 255, 255, 0.05);
    box-shadow: 0 3px 6px -4px rgba(255, 255, 255, 0.012), 0 6px 16px 0 rgba(255, 255, 255, 0.08), 0 9px 28px 8px rgba(255, 255, 255, 0.05);
}

body.dark .avatar-item-max-count .avatar-group-dropdown-container:before {
    background-color: #1b222e;
}

body.dark .avatar-group .avatar-item {
    border-color: #1b222e;
}

body.dark .badge {
    background: #303848;
    border-color: #303848;
    color: #FFFFFF;
}

body.dark .accordion-item {
    background: #1b222e;
    border-color: #303848;
}

body.dark .accordion-item:first-of-type .accordion-button {
    background: #1b222e;
    -webkit-box-shadow: inset 0 -1px 0 #303848;
    box-shadow: inset 0 -1px 0 #303848;
}

body.dark .accordion-button:not(.collapsed) {
    -webkit-box-shadow: inset 0 -1px 0 #303848;
    box-shadow: inset 0 -1px 0 #303848;
}

body.dark .accordion-button {
    background: #1b222e;
}

body.dark .list-group-item {
    color: #FFFFFF;
    background: #1b222e;
    border-color: #303848;
}

body.dark .list-group-item.active {
    background: #0daae5;
    border-color: #0daae5;
}

body.dark .list-group-item.disabled,
body.dark .list-group-item:disabled {
    color: #707070;
    background: #474747;
}

body.dark .list-group-item-action:hover,
body.dark .list-group-item-action:focus {
    color: #FFFFFF;
    background: #303848;
}

body.dark .popover {
    background: #1b222e;
    -webkit-box-shadow: 0 3px 6px -4px rgba(255, 255, 255, 0.01), 0 6px 16px 0 rgba(255, 255, 255, 0.08), 0 9px 28px 8px rgba(255, 255, 255, 0.05);
    box-shadow: 0 3px 6px -4px rgba(255, 255, 255, 0.01), 0 6px 16px 0 rgba(255, 255, 255, 0.08), 0 9px 28px 8px rgba(255, 255, 255, 0.05);
}

body.dark .popover-header {
    background: #303848;
}

body.dark .popover-body {
    color: #FFFFFF;
}

body.dark .bs-popover-end > .popover-arrow::before,
body.dark .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
    border-right-color: #1b222e;
}

body.dark .bs-popover-end > .popover-arrow::after,
body.dark .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
    border-right-color: #1b222e;
}

body.dark .bs-popover-start > .popover-arrow::before,
body.dark .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
    border-left-color: #1b222e;
}

body.dark .bs-popover-start > .popover-arrow::after,
body.dark .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
    border-left-color: #1b222e;
}

body.dark .bs-popover-bottom > .popover-arrow::before,
body.dark .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
    border-bottom-color: #1b222e;
}

body.dark .bs-popover-bottom > .popover-arrow::after,
body.dark .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
    border-bottom-color: #1b222e;
}

body.dark .bs-popover-top > .popover-arrow::before,
body.dark .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
    border-top-color: #1b222e;
}

body.dark .bs-popover-top > .popover-arrow::after,
body.dark .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
    border-top-color: #1b222e;
}

body.dark .table thead th {
    background: #303848;
    color: #fff;
}

body.dark .table-responsive .table thead > tr > th {
    color: #FFFFFF;
    background: #303848 !important;
    border-bottom: none;
}

body.dark table.table {
    color: #FFFFFF;
    border-color: #292929;
}

body.dark .table-hover > tbody > tr:hover > * {
    color: #FFFFFF;
    -webkit-box-shadow: inset 0 0 0 9999px #5C5C5C !important;
    box-shadow: inset 0 0 0 9999px #5C5C5C !important;
}

body.dark .table-striped > tbody > tr:nth-of-type(odd) > * {
    color: #FFFFFF;
    -webkit-box-shadow: inset 0 0 0 9999px #474747;
    box-shadow: inset 0 0 0 9999px #474747;
}

body.dark .table-active {
    --bs-table-accent-bg: $dark-70;
    color: #FFFFFF;
}

body.dark .table tfoot td {
    background: #303848;
}

body.dark .nav-tabs .nav-link.active,
body.dark .nav-tabs .nav-item.show .nav-link {
    color: #FFFFFF;
    background: #303848;
    border-color: #292929;
}

body.dark .nav-tabs .nav-link:hover,
body.dark .nav-tabs .nav-link:focus {
    border-color: #292929;
}

body.dark .nav-tabs {
    border-color: #292929;
}

body.dark .nav-pills .show > .nav-link {
    color: #FFFFFF;
}

body.dark .nav-link {
    color: #FFFFFF;
}

body.dark .nav-link:hover,
body.dark .nav-link:focus {
    color: #0daae5;
}

body.dark .nav-link.active {
    color: #FFFFFF;
}

body.dark .alert-primary {
    background-color: #183b52;
    border-color: #183b52;
    color: #0daae5;
}

body.dark .alert-primary .alert-link {
    color: #0daae5;
}

body.dark .alert-secondary {
    background-color: #290034;
    border-color: #290034;
}

body.dark .alert-success {
    background-color: #18342a;
    border-color: #18342a;
}

body.dark .alert-info {
    background-color: #1e383d;
    border-color: #1e383d;
}

body.dark .alert-warning {
    background-color: #3b3117;
    border-color: #3b3117;
}

body.dark .alert-danger {
    background-color: #2e1619;
    border-color: #2e1619;
}

body.dark .alert-dark {
    color: #FFFFFF;
    background-color: #292929;
    border-color: #292929;
}

body.dark .alert-dark .alert-link {
    color: #FFFFFF;
}

body.dark .offcanvas {
    background: #1b222e;
}

body.dark .offcanvas .offcanvas-body {
    color: #FFFFFF;
}

body.dark .offcanvas-backdrop {
    background: #1b222e;
}

body.dark .modal-backdrop {
    background: #000;
}

body.dark .modal-content {
    background: #1b222e;
    border-color: #1b222e;
    color: #FFFFFF;
}

body.dark .toast {
    background: #292929;
    color: #FFFFFF;
    -webkit-box-shadow: 0 0.5rem 1rem rgba(255, 255, 255, 0.05);
    box-shadow: 0 0.5rem 1rem rgba(255, 255, 255, 0.05);
}

body.dark .toast .toast-header {
    color: #FFFFFF;
    background: #303848;
}

body.dark .progress {
    background-color: #303848;
}

body.dark .spinner-border {
    border-right-color: transparent !important;
}

body.dark .disabled .spinner-border,
body.dark [disabled] .spinner-border {
    border-color: #474747;
    border-right-color: transparent !important;
}

body.dark .disabled .spinner-grow,
body.dark [disabled] .spinner-grow {
    background: #474747;
}

body.dark .hp-pricing-item-special button {
    color: #0daae5 !important;
}

body.dark .hp-pricing-item-special button:hover {
    background: #FFFFFF !important;
}

body.dark .hp-landing-features-slide:before,
body.dark .hp-landing-features-slide:after {
    background: -webkit-gradient(linear, left top, right top, from(rgba(48, 56, 72, 0)), to(rgb(48, 56, 72)));
    background: linear-gradient(to right, rgba(48, 56, 72, 0), rgb(48, 56, 72));
}

body.dark .hp-profile-menu-body .active {
    background: #0daae5;
    color: #FFFFFF !important;
}

body.dark .hp-lock-screen .hp-screen-bg {
    -webkit-filter: grayscale(1) brightness(0.4);
    filter: grayscale(1) brightness(0.4);
}

body.dark .hp-lock-screen-row {
    background: rgba(0, 1, 8, 0.3);
    border: 3px solid rgba(72, 72, 72, 0.3);
}

body.dark .hp-authentication-page .hp-or-line:before {
    background-color: #303848;
}

body.dark .hp-faq-tabs .ant-tabs-nav .ant-tabs-tab-active svg {
    fill: #0daae5 !important;
}

body.dark .hp-faq-tabs .ant-tabs-nav .ant-tabs-tab-active span {
    color: #0daae5 !important;
}

body.dark .hp-invoice-card p {
    color: #C2C2C2;
}

body.dark .hp-profile-menu {
    border-color: #303848 !important;
}

body.dark .hp-profile-menu-header .ant-avatar:after {
    background: #1b222e;
}

body.dark .hp-landing-features .slick-slider:before,
body.dark .hp-landing-features .slick-slider:after {
    background: -webkit-gradient(linear, right top, left top, from(#303848), to(rgba(48, 56, 72, 0)));
    background: linear-gradient(to left, #303848, rgba(48, 56, 72, 0));
}

body.dark .apexchartsexpensesxdonutxcard .apexcharts-pie-series path {
    stroke: #1b222e;
}

body.dark .apexcharts-gridline {
    stroke: #707070;
}

body.dark .apexcharts-yaxis-label,
body.dark .apexcharts-xaxis-label {
    fill: #707070;
}

body.dark .apexcharts-xaxis line {
    stroke: #5C5C5C;
}

body.dark .apexcharts-heatmap-rect {
    stroke: #1b222e;
}

body.dark .apexcharts-xaxistooltip-bottom:after {
    border-bottom-color: #303848;
}

body.dark .apexcharts-xaxistooltip-bottom:before {
    border-bottom-color: #303848;
}

body.dark .apexcharts-xaxistooltip {
    background: #303848;
    border-color: #303848;
}

body.dark .apexcharts-canvas .apexcharts-xaxistooltip-text {
    color: #FFFFFF !important;
}

body.dark path#apexcharts-radialbarTrack-0 {
    stroke: #474747;
}

body.dark .apexcharts-legend-text {
    color: #FFFFFF !important;
}

body.dark .apexcharts-pie-area {
    stroke: #1b222e;
}

body.dark .apexcharts-pie .apexcharts-datalabel-value {
    fill: #FFFFFF;
}

body.dark .apexcharts-pie .apexcharts-datalabel-label {
    fill: #474747;
}

body.dark .apexcharts-radialbar .apexcharts-datalabel-value {
    fill: #FFFFFF !important;
}

body.dark .apexchartsexpensesxdonutxcard .apexcharts-text:nth-child(1) {
    color: #707070 !important;
}

body.dark .apexchartsexpensesxdonutxcard .apexcharts-text:nth-child(2) {
    fill: #FFFFFF !important;
}

body.dark .apexcharts-radar-series polygon {
    stroke: #707070;
}

body.dark .apexcharts-radar-series.apexcharts-plot-series {
    stroke: #474747;
}

body.dark .apexcharts-radar-series.apexcharts-plot-series line {
    stroke: #474747;
}

body.dark .apexcharts-canvas .apexcharts-tooltip {
    color: #FFFFFF;
    background: rgba(27, 34, 46, 0.9);
    border-color: #303848;
}

body.dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
    background: #303848;
    border-color: #303848;
}

body.dark .hp-analytics-visiters-chart .apexcharts-text {
    fill: #707070 !important;
}

body.dark .hp-chart-text-color .apexcharts-text {
    fill: #707070 !important;
}

body.dark .footer-logo {
    height: 25px;
    margin: 0;
    padding: 0;
    content: url(../../img/footer-logo-dark.png);
}

body.dark .login-logo {
    width: 250px;
    /* content: url(../../img/logo-login-white.png); */
    content: url(../../img/footer-logo-dark.png);
}

@media(max-width: 1375px) {

    body.dark .login-logo {
        width: 250px;
        /* content: url(../../img/logo-login-white-blue.png); */
        content: url(../../img/footer-logo-dark.png);
    }
}

body.dark .head-xl {
    background: #1b222e;

}

body.dark .tooltip-inner {
    color: #dadada;
    background-color: #1b222e;
}

body.dark .image-container:hover + .hidden-span {
  position: fixed;
  opacity: 1;
  margin-left: 35px;
  margin-top: 2px;
  z-index: 99999 !important;
  display: block;
  background-color: #1b222e !important;
  padding: 5px;
}

body.dark .loader-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(27, 34, 46, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

body.dark .loader {
  border: 5px solid #303848;
  border-top: 5px solid #0daae5;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

  
/* body.dark .metric-card {
  background: #1e293b;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

body.dark .metric-content h3 {
  color: #cbd5e1;
}

body.dark .metric-content p {
  color: #f1f5f9;
}

body.dark .chart-card {
  background: #1e293b;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

body.dark .mini-alert-card {
  background: #242d3a;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

body.dark .mini-alert-header {
  color: #cbd5e1;
}

body.dark .mini-progress-bar-container {
  background-color: #334155;
} 
 */


/* === DARK THEME START === */
body.dark .metric-card,
body.dark .chart-card,
body.dark .fail-card{
  background: #1b222e;
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

body.dark .metric-content h3,
body.dark .metric-content p {
  color: #ffffff !important;
}

body.dark .metric-icon {
  color: #0daae5; /* Optional: accent color for icons */
}

body.dark .mini-alert-card {
  background: #242d3a;
  color: #ffffff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

body.dark .mini-alert-header {
  color: #cbd5e1;
}

body.dark .mini-progress-bar-container {
  background-color: #334155;
}

body.dark .alert-table {
  color: #ffffff;
}

/* Optional: Dot colors remain unchanged but can be muted */
body.dark .mini-dot.critical { background-color: #ef5350; }
body.dark .mini-dot.high     { background-color: #ffa726; }
body.dark .mini-dot.medium   { background-color: #42a5f5; }
body.dark .mini-dot.low      { background-color: #66bb6a; }

/* Optional: Progress bars retain their color — or tone down if preferred */
body.dark .mini-progress-bar.critical { background-color: #ef5350; }
body.dark .mini-progress-bar.high     { background-color: #ffa726; }
body.dark .mini-progress-bar.medium   { background-color: #42a5f5; }
body.dark .mini-progress-bar.low      { background-color: #66bb6a; }

/* Optional: Canvas responsiveness stays the same */
body.dark canvas {
  background-color: transparent;
}

body.dark canvas {
  background-color: transparent !important;
}

body.dark .chart-card h3,
body.dark .chart-card .legend,
body.dark .chart-card .chart-label,
body.dark .alert-table th,
body.dark .alert-table td {
  color: #ffffff !important;
}

body.dark canvas {
  background-color: transparent !important;
  color: #ffffff !important;
}
/* === DARK THEME END === */


/* === SSM DASHBOARD === */
body.dark .card-stats {
  background-color: #303848 !important
}

body.dark .text-label {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff !important;
  text-align: left;
}

body.dark .progress{
  background-color: #444; 
}

body.dark .custom-footer{
    background-color: #303848 !important;
    border-top: 1px solid #303848;
}

body.dark .custom-header{
    background-color: #303848 !important;
    border-bottom: 1px solid #303848;
}
/* === SSM DASHBOARD === */