/*!
* Version: 1.0.0
* Muzik
* Author: iqonic.design
* Design and Developed by: iqonic.design
* NOTE: This file contains the styling for Template.
*
*/
:focus {
    outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 12px;
}
a {
    -webkit-transition: color 400ms ease, background 400ms ease;
    -o-transition: color 400ms ease, background 400ms ease;
    transition: color 400ms ease, background 400ms ease;
}
.iq-slider {
    overflow: hidden;
    overflow-x: auto;
}
.iq-scroller-effect ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
.iq-scroller-effect ::-webkit-scrollbar-track {
    background: #fbfcff;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
.iq-scroller-effect ::-webkit-scrollbar-thumb {
    background: #d8d9d9;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    cursor: pointer;
}
.iq-scroller-effect ::-webkit-scrollbar-thumb:hover {
    background: #dcdddd;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: 0.25;
}
::-moz-selection {
    background: #ff4545;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #ffc5c5;
   
    color: #000;
    text-shadow: none;
}
body {
    -webkit-transition-property: color, background-color;
    -o-transition-property: color, background-color;
    transition-property: color, background-color;
    -webkit-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
.dark .bg-soft-primary {
    background-color: rgba(255, 69, 69, 0.1) !important;
}
.dark a.bg-soft-primary:hover,
.dark a.bg-soft-primary:focus,
.dark button.bg-soft-primary:hover,
.dark button.bg-soft-primary:focus {
    cursor: pointer;
    color: #d93b3b;
    background-color: rgba(255, 69, 69, 0.15) !important;
}
.dark .bg-soft-secondary {
    background-color: rgba(172, 164, 188, 0.1) !important;
}
.dark a.bg-soft-secondary:hover,
.dark a.bg-soft-secondary:focus,
.dark button.bg-soft-secondary:hover,
.dark button.bg-soft-secondary:focus {
    cursor: pointer;
    color: #928ba0;
    background-color: rgba(172, 164, 188, 0.15) !important;
}
.dark .bg-soft-success {
    background-color: rgba(27, 129, 66, 0.1) !important;
}
.dark a.bg-soft-success:hover,
.dark a.bg-soft-success:focus,
.dark button.bg-soft-success:hover,
.dark button.bg-soft-success:focus {
    cursor: pointer;
    color: #176e38;
    background-color: rgba(27, 129, 66, 0.15) !important;
}
.dark .bg-soft-info {
    background-color: rgba(64, 94, 218, 0.1) !important;
}
.dark a.bg-soft-info:hover,
.dark a.bg-soft-info:focus,
.dark button.bg-soft-info:hover,
.dark button.bg-soft-info:focus {
    cursor: pointer;
    color: #3650b9;
    background-color: rgba(64, 94, 218, 0.15) !important;
}
.dark .bg-soft-warning {
    background-color: rgba(253, 156, 2, 0.1) !important;
}
.dark a.bg-soft-warning:hover,
.dark a.bg-soft-warning:focus,
.dark button.bg-soft-warning:hover,
.dark button.bg-soft-warning:focus {
    cursor: pointer;
    color: #d78502;
    background-color: rgba(253, 156, 2, 0.15) !important;
}
.dark .bg-soft-danger {
    background-color: rgba(219, 47, 99, 0.1) !important;
}
.dark a.bg-soft-danger:hover,
.dark a.bg-soft-danger:focus,
.dark button.bg-soft-danger:hover,
.dark button.bg-soft-danger:focus {
    cursor: pointer;
    color: #ba2854;
    background-color: rgba(219, 47, 99, 0.15) !important;
}
.dark .bg-soft-light {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.125) !important;
}
.dark a.bg-soft-light:hover,
.dark a.bg-soft-light:focus,
.dark button.bg-soft-light:hover,
.dark button.bg-soft-light:focus {
    cursor: pointer;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.15) !important;
}
.dark .bg-soft-dark {
    color: #a3b2d0;
    background-color: rgba(129, 150, 191, 0.125) !important;
}
.dark a.bg-soft-dark:hover,
.dark a.bg-soft-dark:focus,
.dark button.bg-soft-dark:hover,
.dark button.bg-soft-dark:focus {
    cursor: pointer;
    color: #c5cee1;
    background-color: rgba(129, 150, 191, 0.15) !important;
}
.dark .bg-soft-tertiray {
    background-color: rgba(133, 69, 220, 0.1) !important;
}
.dark a.bg-soft-tertiray:hover,
.dark a.bg-soft-tertiray:focus,
.dark button.bg-soft-tertiray:hover,
.dark button.bg-soft-tertiray:focus {
    cursor: pointer;
    color: #713bbb;
    background-color: rgba(133, 69, 220, 0.15) !important;
}
.dark .bg-soft-gray {
    color: #b0b6bc;
    background-color: rgba(203, 208, 212, 0.125) !important;
}
.dark a.bg-soft-gray:hover,
.dark a.bg-soft-gray:focus,
.dark button.bg-soft-gray:hover,
.dark button.bg-soft-gray:focus {
    cursor: pointer;
    color: #cbd0d4;
    background-color: rgba(203, 208, 212, 0.15) !important;
}
.dark .text-primary {
    color: #ff4545 !important;
}
.dark .text-secondary {
    color: #aca4bc !important;
}
.dark .text-success {
    color: #1b8142 !important;
}
.dark .text-info {
    color: #405eda !important;
}
.dark .text-warning {
    color: #fd9c02 !important;
}
.dark .text-danger {
    color: #db2f63 !important;
}
.dark .text-light {
    color: #dee2e6 !important;
}
.dark .text-dark {
    color: #161d2b !important;
}
.dark .text-tertiray {
    color: #8545dc !important;
}
.dark .text-gray {
    color: #495057 !important;
}
.dark .iq-media-group .iq-icon-box-3 {
    background: rgba(45, 55, 72, 0.4);
}
.dark .boarder-start {
    border-left-color: rgba(255, 255, 255, 0.1) !important;
}
.dark .border-end {
    border-right-color: rgba(255, 255, 255, 0.1) !important;
}
.dark .border-top {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}
.dark .border-bottom {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}
.dark {
    color: #aaa;
    background: linear-gradient(135deg, #3c4858 0%, #2d3748 100%) !important;
}
.dark h1,
.dark .h1,
.dark h2,
.dark .h2,
.dark h3,
.dark .h3,
.dark h4,
.dark .h4,
.dark h5,
.dark .h5,
.dark h6,
.dark .h6 {
    color: #fff;
}
.dark .border {
    border-color: #fff !important;
}
.dark .border-bottom {
    border-color: #525252 !important;
}
.dark .datepicker-picker {
    background-color: rgba(45, 55, 72, 0.4);
}
.dark .datepicker-picker .datepicker-title {
    background-color: rgba(45, 55, 72, 0.4);
}
.dark .datepicker-picker .datepicker-controls .button {
    background-color: rgba(45, 55, 72, 0.4);
    color: #aaa;
}
.dark thead,
.dark tbody,
.dark tfoot,
.dark tr,
.dark td,
.dark th {
    border-color: #525252;
    color: #aaa;
}
.dark .offcanvas {
    background-color: rgba(45, 55, 72, 0.4);
    color: #aaa;
}
.dark button.close-btn-res {
    color: #d9d9d9;
}
.dark hr.hr-horizontal {
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(transparent),
        color-stop(rgba(255, 255, 255, 0.4)),
        to(transparent)
    );
    background-image: -webkit-linear-gradient(
        left,
        transparent,
        rgba(255, 255, 255, 0.4),
        transparent
    );
    background-image: -o-linear-gradient(
        left,
        transparent,
        rgba(255, 255, 255, 0.4),
        transparent
    );
    background-image: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.4),
        transparent
    );
}
.dark hr.hr-vertial {
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(transparent),
        color-stop(rgba(255, 255, 255, 0.4)),
        to(transparent)
    );
    background-image: -webkit-linear-gradient(
        top,
        transparent,
        rgba(255, 255, 255, 0.4),
        transparent
    );
    background-image: -o-linear-gradient(
        top,
        transparent,
        rgba(255, 255, 255, 0.4),
        transparent
    );
    background-image: linear-gradient(
        180deg,
        transparent,
        rgba(255, 255, 255, 0.4),
        transparent
    );
}
.dark .text-dark {
    color: #aaa !important;
}
.dark .apexcharts-legend-text {
    color: #aaa !important;
}
.dark .bg-body {
    background-color: #000 !important;
}
.dark .text-gray {
    color: #aaa !important;
}
.dark
    .accordion.custom-accordion
    .accordion-item
    .accordion-header
    .accordion-button {
    background: inherit;
}
.dark
    .accordion.custom-accordion
    .accordion-item
    .accordion-header
    .accordion-button:not(.collapsed) {
    background-color: inherit;
}
.dark .accordion.custom-accordion .accordion-item {
    background: inherit;
}
.dark .accordion .accordion-item {
    
}
.dark .accordion .accordion-item .accordion-header .accordion-button {
    background-color: rgba(45, 55, 72, 0.4);
}
.dark
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button:not(.collapsed) {
    background-color: rgba(45, 55, 72, 0.4);
      
}
.dark .accordion .accordion-item .accordion-header .accordion-button:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
.dark .btn-border {
    border: 2px solid #525252;
}
.dark .btn-border:hover {
    border-color: #858585;
}
.dark .btn-border.active {
    border-color: var(--bs-primary);
}
.dark aside.bd-aside .btn:hover,
.dark aside.bd-aside .btn:focus,
.dark aside.bd-aside .active,
.dark aside.bd-aside a:hover {
    color: #fff;
    
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
.dark .btn.btn-soft-primary:hover,
.dark .btn.btn-soft-primary:focus,
.dark .btn.btn-soft-primary:active {
    border-color: rgba(var(--bs-primary-rgb), 0.2) !important;
}
.dark .btn-soft-primary {
    --bs-btn-color: #ff6a6a;
    --bs-btn-bg: rgba(255, 69, 69, 0.1);
    --bs-btn-border-color: rgba(255, 69, 69, 0);
    --bs-btn-hover-color: #ff7d7d;
    --bs-btn-hover-bg: rgba(255, 69, 69, 0.2);
    --bs-btn-hover-border-color: rgba(255, 69, 69, 0.2);
    --bs-btn-focus-shadow-rgb: 255, 106, 106;
    --bs-btn-active-color: #ff4545;
    --bs-btn-active-bg: rgba(255, 69, 69, 0.3);
    --bs-btn-active-border-color: rgba(255, 69, 69, 0.2);
    --bs-btn-active-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffa2a2;
    --bs-btn-disabled-border-color: rgba(255, 69, 69, 0);
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
.dark .btn-soft-secondary {
    --bs-btn-color: #bdb6c9;
    --bs-btn-bg: rgba(172, 164, 188, 0.1);
    --bs-btn-border-color: rgba(172, 164, 188, 0);
    --bs-btn-hover-color: #c5bfd0;
    --bs-btn-hover-bg: rgba(172, 164, 188, 0.2);
    --bs-btn-hover-border-color: rgba(172, 164, 188, 0.2);
    --bs-btn-focus-shadow-rgb: 189, 182, 201;
    --bs-btn-active-color: #aca4bc;
    --bs-btn-active-bg: rgba(172, 164, 188, 0.3);
    --bs-btn-active-border-color: rgba(172, 164, 188, 0.2);
    --bs-btn-active-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #d6d2de;
    --bs-btn-disabled-border-color: rgba(172, 164, 188, 0);
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
.dark .btn-soft-success {
    --bs-btn-color: #499a68;
    --bs-btn-bg: rgba(27, 129, 66, 0.1);
    --bs-btn-border-color: rgba(27, 129, 66, 0);
    --bs-btn-hover-color: #5fa77b;
    --bs-btn-hover-bg: rgba(27, 129, 66, 0.2);
    --bs-btn-hover-border-color: rgba(27, 129, 66, 0.2);
    --bs-btn-focus-shadow-rgb: 73, 154, 104;
    --bs-btn-active-color: #1b8142;
    --bs-btn-active-bg: rgba(27, 129, 66, 0.3);
    --bs-btn-active-border-color: rgba(27, 129, 66, 0.2);
    --bs-btn-active-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #8dc0a1;
    --bs-btn-disabled-border-color: rgba(27, 129, 66, 0);
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
.dark .btn-soft-info {
    --bs-btn-color: #667ee1;
    --bs-btn-bg: rgba(64, 94, 218, 0.1);
    --bs-btn-border-color: rgba(64, 94, 218, 0);
    --bs-btn-hover-color: #798ee5;
    --bs-btn-hover-bg: rgba(64, 94, 218, 0.2);
    --bs-btn-hover-border-color: rgba(64, 94, 218, 0.2);
    --bs-btn-focus-shadow-rgb: 102, 126, 225;
    --bs-btn-active-color: #405eda;
    --bs-btn-active-bg: rgba(64, 94, 218, 0.3);
    --bs-btn-active-border-color: rgba(64, 94, 218, 0.2);
    --bs-btn-active-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #a0afed;
    --bs-btn-disabled-border-color: rgba(64, 94, 218, 0);
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
.dark .btn-soft-warning {
    --bs-btn-color: #fdb035;
    --bs-btn-bg: rgba(253, 156, 2, 0.1);
    --bs-btn-border-color: rgba(253, 156, 2, 0);
    --bs-btn-hover-color: #feba4e;
    --bs-btn-hover-bg: rgba(253, 156, 2, 0.2);
    --bs-btn-hover-border-color: rgba(253, 156, 2, 0.2);
    --bs-btn-focus-shadow-rgb: 253, 176, 53;
    --bs-btn-active-color: #fd9c02;
    --bs-btn-active-bg: rgba(253, 156, 2, 0.3);
    --bs-btn-active-border-color: rgba(253, 156, 2, 0.2);
    --bs-btn-active-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #fece81;
    --bs-btn-disabled-border-color: rgba(253, 156, 2, 0);
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
.dark .btn-soft-danger {
    --bs-btn-color: #e25982;
    --bs-btn-bg: rgba(219, 47, 99, 0.1);
    --bs-btn-border-color: rgba(219, 47, 99, 0);
    --bs-btn-hover-color: #e66d92;
    --bs-btn-hover-bg: rgba(219, 47, 99, 0.2);
    --bs-btn-hover-border-color: rgba(219, 47, 99, 0.2);
    --bs-btn-focus-shadow-rgb: 226, 89, 130;
    --bs-btn-active-color: #db2f63;
    --bs-btn-active-bg: rgba(219, 47, 99, 0.3);
    --bs-btn-active-border-color: rgba(219, 47, 99, 0.2);
    --bs-btn-active-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ed97b1;
    --bs-btn-disabled-border-color: rgba(219, 47, 99, 0);
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
.dark .btn-soft-light {
    --bs-btn-color: #e5e8eb;
    --bs-btn-bg: rgba(222, 226, 230, 0.1);
    --bs-btn-border-color: rgba(222, 226, 230, 0);
    --bs-btn-hover-color: #e8ebee;
    --bs-btn-hover-bg: rgba(222, 226, 230, 0.2);
    --bs-btn-hover-border-color: rgba(222, 226, 230, 0.2);
    --bs-btn-focus-shadow-rgb: 229, 232, 235;
    --bs-btn-active-color: #dee2e6;
    --bs-btn-active-bg: rgba(222, 226, 230, 0.3);
    --bs-btn-active-border-color: rgba(222, 226, 230, 0.2);
    --bs-btn-active-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #eff1f3;
    --bs-btn-disabled-border-color: rgba(222, 226, 230, 0);
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
.dark .btn-soft-dark {
    --bs-btn-color: #454a55;
    --bs-btn-bg: rgba(22, 29, 43, 0.1);
    --bs-btn-border-color: rgba(22, 29, 43, 0);
    --bs-btn-hover-color: #5c616b;
    --bs-btn-hover-bg: rgba(22, 29, 43, 0.2);
    --bs-btn-hover-border-color: rgba(22, 29, 43, 0.2);
    --bs-btn-focus-shadow-rgb: 69, 74, 85;
    --bs-btn-active-color: #161d2b;
    --bs-btn-active-bg: rgba(22, 29, 43, 0.3);
    --bs-btn-active-border-color: rgba(22, 29, 43, 0.2);
    --bs-btn-active-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #8b8e95;
    --bs-btn-disabled-border-color: rgba(22, 29, 43, 0);
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
.dark .btn-soft-tertiray {
    --bs-btn-color: #9d6ae3;
    --bs-btn-bg: rgba(133, 69, 220, 0.1);
    --bs-btn-border-color: rgba(133, 69, 220, 0);
    --bs-btn-hover-color: #aa7de7;
    --bs-btn-hover-bg: rgba(133, 69, 220, 0.2);
    --bs-btn-hover-border-color: rgba(133, 69, 220, 0.2);
    --bs-btn-focus-shadow-rgb: 157, 106, 227;
    --bs-btn-active-color: #8545dc;
    --bs-btn-active-bg: rgba(133, 69, 220, 0.3);
    --bs-btn-active-border-color: rgba(133, 69, 220, 0.2);
    --bs-btn-active-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #c2a2ee;
    --bs-btn-disabled-border-color: rgba(133, 69, 220, 0);
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
.dark .btn-soft-gray {
    --bs-btn-color: #6d7379;
    --bs-btn-bg: rgba(73, 80, 87, 0.1);
    --bs-btn-border-color: rgba(73, 80, 87, 0);
    --bs-btn-hover-color: #808589;
    --bs-btn-hover-bg: rgba(73, 80, 87, 0.2);
    --bs-btn-hover-border-color: rgba(73, 80, 87, 0.2);
    --bs-btn-focus-shadow-rgb: 109, 115, 121;
    --bs-btn-active-color: #495057;
    --bs-btn-active-bg: rgba(73, 80, 87, 0.3);
    --bs-btn-active-border-color: rgba(73, 80, 87, 0.2);
    --bs-btn-active-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #a4a8ab;
    --bs-btn-disabled-border-color: rgba(73, 80, 87, 0);
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
.dark .btn-close {
    -webkit-filter: invert(1);
    filter: invert(1);
}
.dark .footer {
    background: rgba(45, 55, 72, 0.4) !important;
}
.dark .footer.glass {
    background-color: rgba(20, 20, 20, 0.5);
    border-top: 1px solid #525252;
}
.dark .alert-primary {
    --bs-alert-color: #ff6a6a;
    --bs-alert-bg: #661c1c;
    --bs-alert-border-color: #ff4545;
}
.dark .alert-primary .alert-link {
    color: #c55;
}
.dark .alert-primary .btn-close {
    -webkit-filter: invert(1) grayscale(100%) brightness(200%);
    filter: invert(1) grayscale(100%) brightness(200%);
}
.dark .alert-secondary {
    --bs-alert-color: #bdb6c9;
    --bs-alert-bg: #45424b;
    --bs-alert-border-color: #aca4bc;
}
.dark .alert-secondary .alert-link {
    color: #9792a1;
}
.dark .alert-secondary .btn-close {
    -webkit-filter: invert(1) grayscale(100%) brightness(200%);
    filter: invert(1) grayscale(100%) brightness(200%);
}
.dark .alert-success {
    --bs-alert-color: #499a68;
    --bs-alert-bg: #0b341a;
    --bs-alert-border-color: #1b8142;
}
.dark .alert-success .alert-link {
    color: #3a7b53;
}
.dark .alert-success .btn-close {
    -webkit-filter: invert(1) grayscale(100%) brightness(200%);
    filter: invert(1) grayscale(100%) brightness(200%);
}
.dark .alert-info {
    --bs-alert-color: #667ee1;
    --bs-alert-bg: #1a2657;
    --bs-alert-border-color: #405eda;
}
.dark .alert-info .alert-link {
    color: #5265b4;
}
.dark .alert-info .btn-close {
    -webkit-filter: invert(1) grayscale(100%) brightness(200%);
    filter: invert(1) grayscale(100%) brightness(200%);
}
.dark .alert-warning {
    --bs-alert-color: #fdb035;
    --bs-alert-bg: #653e01;
    --bs-alert-border-color: #fd9c02;
}
.dark .alert-warning .alert-link {
    color: #ca8d2a;
}
.dark .alert-warning .btn-close {
    -webkit-filter: invert(1) grayscale(100%) brightness(200%);
    filter: invert(1) grayscale(100%) brightness(200%);
}
.dark .alert-danger {
    --bs-alert-color: #e25982;
    --bs-alert-bg: #581328;
    --bs-alert-border-color: #db2f63;
}
.dark .alert-danger .alert-link {
    color: #b54768;
}
.dark .alert-danger .btn-close {
    -webkit-filter: invert(1) grayscale(100%) brightness(200%);
    filter: invert(1) grayscale(100%) brightness(200%);
}
.dark .alert-light {
    --bs-alert-color: #e5e8eb;
    --bs-alert-bg: #595a5c;
    --bs-alert-border-color: #dee2e6;
}
.dark .alert-light .alert-link {
    color: #b7babc;
}
.dark .alert-light .btn-close {
    -webkit-filter: invert(1) grayscale(100%) brightness(200%);
    filter: invert(1) grayscale(100%) brightness(200%);
}
.dark .alert-dark {
    --bs-alert-color: #454a55;
    --bs-alert-bg: #090c11;
    --bs-alert-border-color: #161d2b;
}
.dark .alert-dark .alert-link {
    color: #373b44;
}
.dark .alert-dark .btn-close {
    -webkit-filter: invert(1) grayscale(100%) brightness(200%);
    filter: invert(1) grayscale(100%) brightness(200%);
}
.dark .alert-tertiray {
    --bs-alert-color: #9d6ae3;
    --bs-alert-bg: #351c58;
    --bs-alert-border-color: #8545dc;
}
.dark .alert-tertiray .alert-link {
    color: #7e55b6;
}
.dark .alert-tertiray .btn-close {
    -webkit-filter: invert(1) grayscale(100%) brightness(200%);
    filter: invert(1) grayscale(100%) brightness(200%);
}
.dark .alert-gray {
    --bs-alert-color: #6d7379;
    --bs-alert-bg: #1d2023;
    --bs-alert-border-color: #495057;
}
.dark .alert-gray .alert-link {
    color: #575c61;
}
.dark .alert-gray .btn-close {
    -webkit-filter: invert(1) grayscale(100%) brightness(200%);
    filter: invert(1) grayscale(100%) brightness(200%);
}
.dark .alert-solid.alert-primary {
    --bs-alert-color: #fff;
    --bs-alert-bg: #ff4545;
    --bs-alert-border-color: #ff4545;
}
.dark .alert-solid.alert-primary .alert-link {
    color: #ccc;
}
.dark .alert-solid.alert-primary .btn-close {
    -webkit-filter: unset;
    filter: unset;
}
.dark .alert-solid.alert-secondary {
    --bs-alert-color: #fff;
    --bs-alert-bg: #aca4bc;
    --bs-alert-border-color: #aca4bc;
}
.dark .alert-solid.alert-secondary .alert-link {
    color: #ccc;
}
.dark .alert-solid.alert-secondary .btn-close {
    -webkit-filter: unset;
    filter: unset;
}
.dark .alert-solid.alert-success {
    --bs-alert-color: #fff;
    --bs-alert-bg: #1b8142;
    --bs-alert-border-color: #1b8142;
}
.dark .alert-solid.alert-success .alert-link {
    color: #ccc;
}
.dark .alert-solid.alert-success .btn-close {
    -webkit-filter: unset;
    filter: unset;
}
.dark .alert-solid.alert-info {
    --bs-alert-color: #fff;
    --bs-alert-bg: #405eda;
    --bs-alert-border-color: #405eda;
}
.dark .alert-solid.alert-info .alert-link {
    color: #ccc;
}
.dark .alert-solid.alert-info .btn-close {
    -webkit-filter: unset;
    filter: unset;
}
.dark .alert-solid.alert-warning {
    --bs-alert-color: #fff;
    --bs-alert-bg: #fd9c02;
    --bs-alert-border-color: #fd9c02;
}
.dark .alert-solid.alert-warning .alert-link {
    color: #ccc;
}
.dark .alert-solid.alert-warning .btn-close {
    -webkit-filter: unset;
    filter: unset;
}
.dark .alert-solid.alert-danger {
    --bs-alert-color: #fff;
    --bs-alert-bg: #db2f63;
    --bs-alert-border-color: #db2f63;
}
.dark .alert-solid.alert-danger .alert-link {
    color: #ccc;
}
.dark .alert-solid.alert-danger .btn-close {
    -webkit-filter: unset;
    filter: unset;
}
.dark .alert-solid.alert-light {
    --bs-alert-color: #fff;
    --bs-alert-bg: #dee2e6;
    --bs-alert-border-color: #dee2e6;
}
.dark .alert-solid.alert-light .alert-link {
    color: #ccc;
}
.dark .alert-solid.alert-light .btn-close {
    -webkit-filter: unset;
    filter: unset;
}
.dark .alert-solid.alert-dark {
    --bs-alert-color: #fff;
    --bs-alert-bg: #161d2b;
    --bs-alert-border-color: #161d2b;
}
.dark .alert-solid.alert-dark .alert-link {
    color: #ccc;
}
.dark .alert-solid.alert-dark .btn-close {
    -webkit-filter: unset;
    filter: unset;
}
.dark .alert-solid.alert-tertiray {
    --bs-alert-color: #fff;
    --bs-alert-bg: #8545dc;
    --bs-alert-border-color: #8545dc;
}
.dark .alert-solid.alert-tertiray .alert-link {
    color: #ccc;
}
.dark .alert-solid.alert-tertiray .btn-close {
    -webkit-filter: unset;
    filter: unset;
}
.dark .alert-solid.alert-gray {
    --bs-alert-color: #fff;
    --bs-alert-bg: #495057;
    --bs-alert-border-color: #495057;
}
.dark .alert-solid.alert-gray .alert-link {
    color: #ccc;
}
.dark .alert-solid.alert-gray .btn-close {
    -webkit-filter: unset;
    filter: unset;
}
.dark .alert-left.alert-primary {
    border-color: #ff4545;
}
.dark .alert-left.alert-secondary {
    border-color: #aca4bc;
}
.dark .alert-left.alert-success {
    border-color: #1b8142;
}
.dark .alert-left.alert-info {
    border-color: #405eda;
}
.dark .alert-left.alert-warning {
    border-color: #fd9c02;
}
.dark .alert-left.alert-danger {
    border-color: #db2f63;
}
.dark .alert-left.alert-light {
    border-color: #dee2e6;
}
.dark .alert-left.alert-dark {
    border-color: #161d2b;
}
.dark .alert-left.alert-tertiray {
    border-color: #8545dc;
}
.dark .alert-left.alert-gray {
    border-color: #495057;
}
.dark .alert-top.alert-primary {
    border-color: #ff4545;
}
.dark .alert-top.alert-secondary {
    border-color: #aca4bc;
}
.dark .alert-top.alert-success {
    border-color: #1b8142;
}
.dark .alert-top.alert-info {
    border-color: #405eda;
}
.dark .alert-top.alert-warning {
    border-color: #fd9c02;
}
.dark .alert-top.alert-danger {
    border-color: #db2f63;
}
.dark .alert-top.alert-light {
    border-color: #dee2e6;
}
.dark .alert-top.alert-dark {
    border-color: #161d2b;
}
.dark .alert-top.alert-tertiray {
    border-color: #8545dc;
}
.dark .alert-top.alert-gray {
    border-color: #495057;
}
.dark .alert-right.alert-primary {
    border-color: #ff4545;
}
.dark .alert-right.alert-secondary {
    border-color: #aca4bc;
}
.dark .alert-right.alert-success {
    border-color: #1b8142;
}
.dark .alert-right.alert-info {
    border-color: #405eda;
}
.dark .alert-right.alert-warning {
    border-color: #fd9c02;
}
.dark .alert-right.alert-danger {
    border-color: #db2f63;
}
.dark .alert-right.alert-light {
    border-color: #dee2e6;
}
.dark .alert-right.alert-dark {
    border-color: #161d2b;
}
.dark .alert-right.alert-tertiray {
    border-color: #8545dc;
}
.dark .alert-right.alert-gray {
    border-color: #495057;
}
.dark .alert-bottom.alert-primary {
    border-color: #ff4545;
}
.dark .alert-bottom.alert-secondary {
    border-color: #aca4bc;
}
.dark .alert-bottom.alert-success {
    border-color: #1b8142;
}
.dark .alert-bottom.alert-info {
    border-color: #405eda;
}
.dark .alert-bottom.alert-warning {
    border-color: #fd9c02;
}
.dark .alert-bottom.alert-danger {
    border-color: #db2f63;
}
.dark .alert-bottom.alert-light {
    border-color: #dee2e6;
}
.dark .alert-bottom.alert-dark {
    border-color: #161d2b;
}
.dark .alert-bottom.alert-tertiray {
    border-color: #8545dc;
}
.dark .alert-bottom.alert-gray {
    border-color: #495057;
}
.dark .card {
    background: rgba(45, 55, 72, 0.4);
}
.dark .card .card-header,
.dark .card .card-footer {
    background-color: rgba(45, 55, 72, 0.4);
    border-bottom-color: #525252;
}
.dark .card .card {
    border: 1px solid #525252;
}
.dark .card-footer {
    border-top: 1px solid #525252;
}
.dark .card-box.bg-soft-danger {
    background: #db2f63 !important;
    color: #fff !important;
}
.dark .card-box .text-danger {
    color: #ffb9b9 !important;
}
.dark .card-box.bg-soft-warning {
    background: #fd9c02 !important;
    color: #fff !important;
}
.dark .card-box .text-warning {
    color: #fff2d0 !important;
}
.dark .card-box.bg-soft-info {
    background: #405eda !important;
    color: #fff !important;
}
.dark .card-box .text-info {
    color: #dbe2ff !important;
}
.dark .card-box.bg-soft-success {
    background: #1b8142 !important;
    color: #fff !important;
}
.dark .card-box .text-success {
    color: #b3ffb2 !important;
}
.dark .card-box .text-body {
    color: #aaa !important;
}
.dark .card-box.bg-soft-tertiray {
    background: #8545dc !important;
    color: #fff !important;
}
.dark .card-box .text-tertiray {
    color: var(#8545dc, 0.1) !important;
}
.dark .apexcharts-theme-light .apexcharts-tooltip {
    background: rgba(45, 55, 72, 0.4);
    border: 1px solid #525252;
}
.dark .apexcharts-theme-light .apexcharts-tooltip .apexcharts-tooltip-title {
    background: rgba(45, 55, 72, 0.4);
    border: 1px solid #525252;
}
.dark .apexcharts-theme-light .apexcharts-xaxistooltip {
    background: rgba(45, 55, 72, 0.4);
    border: 1px solid #525252;
}
.dark
    .apexcharts-theme-light
    .apexcharts-xaxistooltip
    .apexcharts-xaxistooltip-text {
    color: #aaa;
}
.dark
    .apexcharts-canvas
    svg
    .apexcharts-datalabels-group
    .apexcharts-datalabel-value {
    fill: #fff;
}
.dark .icon-box {
    border-color: #525252;
    color: #aca4bc;
}
.dark .icon-box .overlay {
    
}
.dark .icon-box:hover .overlay .btn {
    color: #fff;
}
.dark .form-control {
    color: #aaa;
    background-color: rgba(45, 55, 72, 0.4);
    border-color: #525252;
}
.dark .form-control.is-invalid {
    border-color: #db2f63;
}
.dark .form-control.is-valid {
    border-color: #1b8142;
}
.dark .form-check-input {
    color: #aaa;
    background-color: rgba(45, 55, 72, 0.4);
    border-color: #525252;
}
.dark .form-select {
    border-color: rgba(255, 255, 255, 0.1);
    color: #aaa;
    background-color: rgba(45, 55, 72, 0.4);
}
.dark .form-select.is-invalid {
    border-color: #db2f63;
}
.dark .input-group-text {
    background-color: rgba(45, 55, 72, 0.4);
    border-color: rgba(255, 255, 255, 0.1);
}
.dark .form-control {
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.dark .nav .search-input.input-group:focus-within .input-group-text,
.dark .nav .search-input.input-group:focus-within .form-control {
    border-color: var(--bs-primary-shade-40);
}
.dark .stepwizard-row a.btn {
    color: #aaa;
    
}
.dark #top-tabbar-vertical li a {
    color: #aaa;
    
}
.dark .custom-form-floating > .form-control:focus ~ label,
.dark .custom-form-floating > .form-control:not(:placeholder-shown) ~ label,
.dark .custom-form-floating > .form-select ~ label {
    background-color: rgba(45, 55, 72, 0.4);
}
.dark .nav {
    background: linear-gradient(135deg, #3c4858 0%, #2d3748 100%) !important;
}


 


.dark .nav .navbar-brand .logo-title {
    color: #fff;
}
.dark .iq-navbar {
    border-color: #525252;
    background-color: #111;
}
.dark .iq-navbar .navbar-brand .logo-title {
    color: #fff;
}
.dark .iq-navbar.nav-glass {
    background: rgba(20, 20, 20, 0.5);
    border-color: #525252;
}
.dark .iq-navbar.nav-glass .nav {
    background: rgba(0, 0, 0, 0);
}
.dark .iq-navbar .dropdown .dropdown-menu.sub-drop li a {
    color: #aaa;
}
.dark .iq-navbar .dropdown .dropdown-menu.sub-drop .iq-sub-card {
    color: #aaa;
}
.dark .iq-navbar .dropdown .dropdown-menu.sub-drop .iq-sub-card:hover {
    background: #1a0707;
}
.dark
    .iq-navbar
    .dropdown
    .dropdown-menu.sub-drop
    .iq-sub-card:not(:last-child) {
    border-bottom: 1px solid #525252;
}
.dark .iq-navbar.navs-transparent {
    background: rgba(0, 0, 0, 0);
}
.dark .list-group-item:not(.list-group-item-action) {
    background-color: unset;
}
.dark .search-box .search-box-drop {
    border: 0.2px solid #525252;
}
.dark .search-box .search-box-drop .search-box-btn a {
    border: 0.2px solid #525252;
}
@media (max-width: 1199.98px) {
    .dark .iq-navbar .navbar-collapse:not(.offcanvas-collapse) {
        background: rgba(45, 55, 72, 0.4);
        padding: 0.5em 0em;
    }
}
@media (min-width: 1200px) {
    .dark .iq-navbar.navs-transparent .product-offcanvas .offcanvas,
    .dark .iq-navbar.nav-glass .product-offcanvas .offcanvas {
        background-color: inherit;
    }
}
.dark .tab-bottom-bordered .nav-tabs .nav-link.active {
    background-color: unset;
    color: var(--bs-primary);
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
.dark .nav-link {
    color: #aaa;
}
.dark .iq-nav-menu li .nav-link.active {
    color: #ff4545;
}
.dark .iq-nav-menu li .nav-link.active:hover {
    color: #ff4545;
}
.dark .iq-nav-menu li .nav-link:hover {
    color: #fff;
}
.dark .nav-link {
    color: #aaa;
}
.dark .nav .navbar-toggler .navbar-toggler-icon .navbar-toggler-bar {
    background: #fff;
}
.dark #top-tab-list li a {
    color: rgba(45, 55, 72, 0.4);
    background: #0a0a0a;
}
.dark #top-tab-list li a .iq-icon {
    background: rgba(45, 55, 72, 0.4);
}
.dark #top-tab-list li a .iq-icon .svg-icon {
    color: #fff;
}
.dark #top-tab-list li a .dark-wizard {
    color: #fff;
}
.dark #top-tab-list li.active a {
    background: var(--bs-primary);
    color: #fff;
}
.dark #top-tab-list li.active a .iq-icon {
    background: #fff;
}
.dark #top-tab-list li.active a .iq-icon .svg-icon {
    color: var(--bs-primary);
}
.dark #top-tab-list li.active.done a {
    background: #1b8142;
}
.dark #top-tab-list li.active.done a i {
    color: #1b8142;
}
.dark #top-tab-list li#confirm.active a {
    background: #1b8142;
}
.dark #top-tab-list li#confirm.active a i {
    color: #1b8142;
}
.dark .modal-footer,
.dark .modal-header {
    border-color: #525252;
}
.dark .dropdown-menu {
    
    color: #aaa;
}
.dark .dropdown-menu .dropdown-item {
    color: #aaa;
    background-color: rgba(0, 0, 0, 0);
}
.dark .like-block span {
    color: #aaa;
}
.dark .dropdown > .dropdown-menu {
    
}
.dark .dropdown > .dropdown-menu > a {
    color: #aaa;
}
.dark .profile-media::before {
    border-color: #525252;
}
.dark .profile-dots-pills {
    background-color: rgba(45, 55, 72, 0.4);
}
.dark .iq-timeline:before {
    background-color: #525252;
}
.dark .iq-timeline li .timeline-dots {
    background-color: rgba(45, 55, 72, 0.4);
}
.dark .iq-timeline0:before {
    background-color: #525252;
}
.dark .iq-timeline0 li .timeline-dots,
.dark .iq-timeline0 li .timeline-dots1 {
    background-color: rgba(45, 55, 72, 0.4);
}
.dark .credit-card-widget .primary-gradient-card {
    border-color: #000 !important;
}
.dark .credit-card-widget .primary-gradient-card {
    background: -webkit-linear-gradient(
        332.24deg,
        rgba(0, 0, 0, 0.5) -7.21%,
        rgba(0, 0, 0, 0.01) 118.08%
    );
    background: -o-linear-gradient(
        332.24deg,
        rgba(0, 0, 0, 0.5) -7.21%,
        rgba(0, 0, 0, 0.01) 118.08%
    );
    background: linear-gradient(
        117.76deg,
        rgba(0, 0, 0, 0.5) -7.21%,
        rgba(0, 0, 0, 0.01) 118.08%
    );
}
.dark .iq-ribbon-effect {
    background: #0a0a0a;
}
.dark .iq-ribbon-effect:before {
    border-top: 1.5em solid #0a0a0a;
}
.dark .iq-ribbon-effect::after {
    border-top: 1.5em solid #0a0a0a;
}
.dark .iq-float-menu .float-menu-color-mode .light-mode {
    display: block;
}
.dark .iq-float-menu .float-menu-color-mode .dark-mode {
    display: none;
}
.dark .circle-progress-circle {
    stroke: #aca4bc;
}
.dark .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: var(--bs-primary);
    border-color: #aca4bc;
}
.dark .page-item .page-link {
    background-color: rgba(45, 55, 72, 0.4);
    border-color: #aca4bc;
    color: #aaa;
}
.dark .page-item .page-link.disabled .page-link {
    
}
.dark .list-group .list-group-item {
    border-color: #525252;
}
.dark .list-group .list-group-item:not(.list-group-item-action) {
    color: #aaa;
}
.dark .list-group .list-group-item.list-group-item-action:not(.active) {
    
    color: #fff;
}
.dark .bg-light {
    background: #60658a !important;
}
.dark
    .list-group
    .list-group-item.list-group-item-action.list-group-item-primary {
    background-color: rgba(255, 69, 69, 0.1);
    color: #fff;
}
.dark
    .list-group
    .list-group-item.list-group-item-action.list-group-item-primary:hover {
    background-color: rgba(255, 69, 69, 0.05);
    color: #ff4545;
}
.dark
    .list-group
    .list-group-item.list-group-item-action.list-group-item-secondary {
    background-color: rgba(172, 164, 188, 0.1);
    color: #fff;
}
.dark
    .list-group
    .list-group-item.list-group-item-action.list-group-item-secondary:hover {
    background-color: rgba(172, 164, 188, 0.05);
    color: #aca4bc;
}
.dark
    .list-group
    .list-group-item.list-group-item-action.list-group-item-success {
    background-color: rgba(27, 129, 66, 0.1);
    color: #fff;
}
.dark
    .list-group
    .list-group-item.list-group-item-action.list-group-item-success:hover {
    background-color: rgba(27, 129, 66, 0.05);
    color: #1b8142;
}
.dark .list-group .list-group-item.list-group-item-action.list-group-item-info {
    background-color: rgba(64, 94, 218, 0.1);
    color: #fff;
}
.dark
    .list-group
    .list-group-item.list-group-item-action.list-group-item-info:hover {
    background-color: rgba(64, 94, 218, 0.05);
    color: #405eda;
}
.dark
    .list-group
    .list-group-item.list-group-item-action.list-group-item-warning {
    background-color: rgba(253, 156, 2, 0.1);
    color: #fff;
}
.dark
    .list-group
    .list-group-item.list-group-item-action.list-group-item-warning:hover {
    background-color: rgba(253, 156, 2, 0.05);
    color: #fd9c02;
}
.dark
    .list-group
    .list-group-item.list-group-item-action.list-group-item-danger {
    background-color: rgba(219, 47, 99, 0.1);
    color: #fff;
}
.dark
    .list-group
    .list-group-item.list-group-item-action.list-group-item-danger:hover {
    background-color: rgba(219, 47, 99, 0.05);
    color: #db2f63;
}
.dark
    .list-group
    .list-group-item.list-group-item-action.list-group-item-light {
    background-color: rgba(222, 226, 230, 0.1);
    color: #fff;
}
.dark
    .list-group
    .list-group-item.list-group-item-action.list-group-item-light:hover {
    background-color: rgba(222, 226, 230, 0.05);
    color: #dee2e6;
}
.dark .list-group .list-group-item.list-group-item-action.list-group-item-dark {
    background-color: rgba(22, 29, 43, 0.1);
    color: #fff;
}
.dark
    .list-group
    .list-group-item.list-group-item-action.list-group-item-dark:hover {
    background-color: rgba(22, 29, 43, 0.05);
    color: #161d2b;
}
.dark
    .list-group
    .list-group-item.list-group-item-action.list-group-item-tertiray {
    background-color: rgba(133, 69, 220, 0.1);
    color: #fff;
}
.dark
    .list-group
    .list-group-item.list-group-item-action.list-group-item-tertiray:hover {
    background-color: rgba(133, 69, 220, 0.05);
    color: #8545dc;
}
.dark .list-group .list-group-item.list-group-item-action.list-group-item-gray {
    background-color: rgba(73, 80, 87, 0.1);
    color: #fff;
}
.dark
    .list-group
    .list-group-item.list-group-item-action.list-group-item-gray:hover {
    background-color: rgba(73, 80, 87, 0.05);
    color: #495057;
}
.dark .table thead tr th {
    
    color: #aaa;
}
.dark .table tbody tr td {
    color: #d9d9d9;
}
.dark .table-striped > tbody > tr:nth-of-type(even) > * {
    --bs-table-accent-bg: rgba(45, 55, 72, 0.4);
}
.dark .fancy-table table tbody tr td {
    background-color: rgba(45, 55, 72, 0.4);
}
.dark table.dataTable.table-striped > tbody > tr.odd {
    --bs-table-accent-bg: $card-bg;
}
.dark .table tbody tr.table-primary td {
    color: #60658a;
}
.dark .table tbody tr.table-secondary td {
    color: #60658a;
}
.dark .table tbody tr.table-success td {
    color: #60658a;
}
.dark .table tbody tr.table-info td {
    color: #60658a;
}
.dark .table tbody tr.table-warning td {
    color: #60658a;
}
.dark .table tbody tr.table-danger td {
    color: #60658a;
}
.dark .table tbody tr.table-light td {
    color: #60658a;
}
.dark .table tbody tr.table-dark td {
    color: #60658a;
}
.dark .table tbody tr.table-tertiray td {
    color: #60658a;
}
.dark .table tbody tr.table-gray td {
    color: #60658a;
}
.dark .table-responsive .form-select {
    border-color: rgba(255, 255, 255, 0.1);
}
.dark .dataTables_filter .form-control:focus {
    
}
.dark .page-item .page-link {
    border-color: rgba(255, 255, 255, 0.1) !important;
}
.dark .iq-example-row .row > .col {
    color: #b3b3b3;
}
.dark .toast {
    background-color: rgba(45, 55, 72, 0.4);
    border-color: #525252;
}
.dark .toast .toast-header {
    
}
.dark #qui-dashboard .swiper-arrow-button .swiper-button-prev {
    color: #fff;
}
.dark #qui-dashboard .swiper-arrow-button .swiper-button-next {
    color: #fff;
}
.dark .sidebar .logo-normal {
    display: none;
}
.dark .sidebar .logo-normal.dark-normal {
    display: block;
}
.dark .sidebar .logo-mini {
    display: none;
}
.dark .sidebar.sidebar-mini .dark-normal {
    display: none;
}
.dark .sidebar.sidebar-mini .dark-mini {
    display: block;
}
.dark .sidebar.sidebar-mini.sidebar-hover:hover .logo-normal {
    display: none;
}
.dark .sidebar.sidebar-mini.sidebar-hover:hover .logo-normal.dark-normal {
    display: block;
}
.dark .sidebar.sidebar-mini.sidebar-hover:hover .dark-mini {
    display: none;
}
.dark .sidebar.sidebar-color .logo-normal {
    display: none;
}
.dark .sidebar.sidebar-color .logo-normal.white-normal {
    display: block;
}
.dark .sidebar.sidebar-color .logo-mini {
    display: none;
}
.dark .sidebar.sidebar-color.sidebar-mini .white-normal {
    display: none;
}
.dark .sidebar.sidebar-color.sidebar-mini .white-mini {
    display: block;
}
.dark .sidebar.sidebar-color.sidebar-mini.sidebar-hover:hover .logo-normal {
    display: none;
}
.dark
    .sidebar.sidebar-color.sidebar-mini.sidebar-hover:hover
    .logo-normal.white-normal {
    display: block;
}
.dark .sidebar.sidebar-color.sidebar-mini.sidebar-hover:hover .white-mini {
    display: none;
}
.dark .card .card-body .iq-icon-box-2 {
    background: #0a0a0a;
}
.dark .pricing .table th {
    border-color: #525252;
}
.dark .pricing .table th.bg-light {
    background: #0a0a0a !important;
}
.dark .pricing .table thead tr {
    border-color: #525252;
}
.dark .pricing .table tr {
    border-color: #525252;
}
.dark .prc-box.active .type {
    color: #fff;
}
.dark .iq-single-card.bg-light {
    background: #60658a !important;
}
.dark .line-around {
    border-color: #525252;
}
.dark .line-around .line-around-1 {
    background: rgba(45, 55, 72, 0.4);
}
.dark .login-content .bg-white {
    background: rgba(45, 55, 72, 0.4) !important;
}
.dark .admin-circle-box {
    background-color: rgba(45, 55, 72, 0.4);
}
.dark .apexcharts-svg .apexcharts-yaxis-texts-g text {
    fill: #aca4bc;
}
.dark .apexcharts-svg .apexcharts-xaxis-texts-g text {
    fill: #aca4bc;
}
.dark .choices.is-disabled .choices__inner {
    background-color: rgba(45, 55, 72, 0.4);
}
.dark .choices.is-disabled .choices__input {
    background-color: rgba(45, 55, 72, 0.4);
}
.dark .choices[data-type*="select-one"]:after {
    border-color: #aaa rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.dark .flatpickr-months .flatpickr-prev-month > svg {
    fill: rgba(45, 55, 72, 0.4);
    color: rgba(45, 55, 72, 0.4);
}
.dark .flatpickr-months .flatpickr-prev-month > svg:hover {
    fill: var(--bs-primary-shade-40) !important;
    color: var(--bs-primary-shade-40) !important;
}
.dark .course-picker .flatpickr-months .flatpickr-next-month svg {
    color: var(--bs-primary-shade-40) !important;
    fill: var(--bs-primary-shade-40) !important;
}
.dark .course-picker .flatpickr-months .flatpickr-next-month:hover svg {
    fill: var(--bs-primary-shade-40) !important;
    color: var(--bs-primary-shade-40) !important;
}
.dark .course-picker .flatpickr-months .flatpickr-prev-month svg {
    color: var(--bs-primary-shade-40) !important;
    fill: var(--bs-primary-shade-40) !important;
}
.dark .course-picker .flatpickr-months .flatpickr-prev-month:hover svg {
    fill: var(--bs-primary-shade-40) !important;
    color: var(--bs-primary-shade-40) !important;
}
.dark .swal2-popup {
    background: rgba(45, 55, 72, 0.4);
}
.dark .shepherd-has-title .shepherd-content .shepherd-header {
    background: rgba(45, 55, 72, 0.4);
}
.dark
    .shepherd-element.shepherd-has-title[data-popper-placement^="bottom"]
    > .shepherd-arrow:before {
    background-color: rgba(45, 55, 72, 0.4);
    border-left: 1px solid rgba(45, 55, 72, 0.4);
    border-top: 1px solid rgba(45, 55, 72, 0.4);
}
.dark .shepherd-content {
    background-color: rgba(45, 55, 72, 0.4);
}
.dark .shepherd-element {
    background-color: rgba(45, 55, 72, 0.4);
}
.dark .shepherd-modal-overlay-container.shepherd-modal-is-visible path {
    -webkit-filter: invert(1);
    filter: invert(1);
}
.dark .shepherd-arrow:before {
    background: rgba(45, 55, 72, 0.4);
}
.dark .fc-other-month.fc-past,
.dark .fc-other-month.fc-future {
    
}
.dark.boxed {
    background: var(--bs-primary) !important;
}
.dark.boxed .boxed-inner {
    background: #0a0a0a;
}
.dark.boxed-fancy {
    background: #0a0a0a;
}
.dark.boxed-fancy .boxed-inner {
    background: #0a0a0a;
}
.dark.dual-compact .nav-underline .nav-link:hover {
    color: var(--bs-primary);
}
.dark.dual-compact .nav-underline .active {
    color: #dee2e6;
}
.dark.dual-compact .nav-scroller .nav {
    background-color: #000;
}
.dark .dual-horizontal .nav {
    background-color: var(--bs-primary);
}
.dark .sidebar {
    background-color: rgba(44, 55, 71, 0.95);
    border-color: #525252;
}
.dark .sidebar .navbar-brand .logo-title {
    color: #fff;
}
.dark .sidebar .sidebar-header {
    border-color: #525252;
}
.dark .sidebar-list .navbar-nav .nav-item .nav-link.static-item .default-icon {
    color: #d9d9d9;
}
.dark
    .sidebar-base
    .nav-item
    .nav-link:not(.static-item)[aria-expanded="true"] {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0.07%, #181818),
        color-stop(0.08%, #111),
        color-stop(99.91%, rgba(17, 17, 17, 0))
    );
    background: -webkit-linear-gradient(
        left,
        #181818 0.07%,
        #111 0.08%,
        rgba(17, 17, 17, 0) 99.91%
    );
    background: -o-linear-gradient(
        left,
        #181818 0.07%,
        #111 0.08%,
        rgba(17, 17, 17, 0) 99.91%
    );
    background: linear-gradient(
        90deg,
        #181818 0.07%,
        #111 0.08%,
        rgba(17, 17, 17, 0) 99.91%
    );
    color: #ff4545;
}
.dark .sidebar-base .nav-item .nav-link:not(.static-item).active {
    color: #ff4545;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0.07%, #181818),
        color-stop(0.08%, #111),
        color-stop(99.91%, rgba(17, 17, 17, 0))
    );
    background: -webkit-linear-gradient(
        left,
        #181818 0.07%,
        #111 0.08%,
        rgba(17, 17, 17, 0) 99.91%
    );
    background: -o-linear-gradient(
        left,
        #181818 0.07%,
        #111 0.08%,
        rgba(17, 17, 17, 0) 99.91%
    );
    background: linear-gradient(
        90deg,
        #181818 0.07%,
        #111 0.08%,
        rgba(17, 17, 17, 0) 99.91%
    );
}
.dark .sidebar-base .nav-item .nav-link:not(.disabled) {
    color: #aaa;
}
.dark .sidebar.sidebar-color.sidebar-default .nav-link.active {
    color: #ff4545;
    background-color: #fff;
}
.dark .sidebar.sidebar-color.sidebar-default .nav-link[aria-expanded="true"] {
    color: #ff4545;
    background-color: #fff;
}
.dark .sidebar.sidebar-dark {
    background-color: #161d2b;
}
.dark .sidebar.sidebar-color {
    background-color: #ff4545;
}
.dark .sidebar.sidebar-transparent {
    background-color: rgba(0, 0, 0, 0);
}
.dark
    .sidebar.sidebar-default
    .nav-link:not(.static-item):hover:not(.active):not([aria-expanded="true"]) {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0.07%, #181818),
        color-stop(0.08%, #111),
        color-stop(99.91%, rgba(17, 17, 17, 0))
    );
    background: -webkit-linear-gradient(
        left,
        #181818 0.07%,
        #111 0.08%,
        rgba(17, 17, 17, 0) 99.91%
    );
    background: -o-linear-gradient(
        left,
        #181818 0.07%,
        #111 0.08%,
        rgba(17, 17, 17, 0) 99.91%
    );
      background: rgba(255, 255, 255, 0.08);
    color: #ff4545;
}
.dark
    .sidebar.sidebar-color.sidebar-default
    .nav-link:not(.static-item):hover:not(.active):not([aria-expanded="true"]) {
    color: #ff4545;
    background-color: rgba(var(--bs-white-rgb), 0.2);
}
@media (max-width: 991px) {
    .dark .horizontal-nav.mobile-offcanvas .nav-link {
        color: #fff;
    }
}
.dark.boxed {
    background: var(--bs-primary) !important;
}
.dark.boxed .boxed-inner {
    background: #0a0a0a;
}
.dark.boxed-fancy {
    background: #0a0a0a;
}
.dark.boxed-fancy .boxed-inner {
    background: #0a0a0a;
}
.dark .iq-nav-menu a {
    color: #aaa;
}
.dark .iq-nav-menu li > ul {
    background: rgba(45, 55, 72, 0.4);
}
.dark .iq-navbar .logo-main .logo-normal {
    display: none;
}
.dark .iq-navbar .logo-main .logo-normal.dark-normal {
    display: block;
}
@media all and (min-width: 992px) {
    .dark .navbar .hover-nav .nav-item:hover .nav-link {
        color: #fff;
    }
}
.dark .flatpickr-calendar {
    background: rgba(45, 55, 72, 0.4);
    -webkit-box-shadow: 1px 0 0 rgba(20, 20, 20, 0.3),
        -1px 0 0 rgba(20, 20, 20, 0.3), 0 1px 0 rgba(20, 20, 20, 0.3),
        0 -1px 0 rgba(20, 20, 20, 0.3), 0 3px 13px rgba(0, 0, 0, 0.08);
    box-shadow: 1px 0 0 rgba(20, 20, 20, 0.3), -1px 0 0 rgba(20, 20, 20, 0.3),
        0 1px 0 rgba(20, 20, 20, 0.3), 0 -1px 0 rgba(20, 20, 20, 0.3),
        0 3px 13px rgba(0, 0, 0, 0.08);
}
.dark
    .flatpickr-calendar
    .flatpickr-innerContainer
    .flatpickr-rContainer
    .flatpickr-weekdays
    .flatpickr-weekdaycontainer
    .flatpickr-weekday {
    color: #aaa;
}
.dark .flatpickr-months .flatpickr-month {
    color: #aaa;
}
.dark .flatpickr-calendar.arrowTop:after,
.dark .flatpickr-calendar.arrowTop:before {
    border-bottom-color: #aaa;
}
.dark .flatpickr-months .flatpickr-next-month,
.dark .flatpickr-months .flatpickr-prev-month {
    color: #aaa;
    fill: #aaa;
}
.dark .flatpickr-months .flatpickr-next-month:hover svg,
.dark .flatpickr-months .flatpickr-next-month:focus svg,
.dark .flatpickr-months .flatpickr-prev-month:hover svg,
.dark .flatpickr-months .flatpickr-prev-month:focus svg {
    color: rgba(45, 55, 72, 0.4);
    fill: #000;
}
.dark .flatpickr-day {
    color: #000;
}
.dark .flatpickr-day.today {
    border-color: rgba(255, 255, 255, 0.1);
}
.dark .flatpickr-day.selected {
    background: rgba(45, 55, 72, 0.4);
    border-color: rgba(45, 55, 72, 0.4);
    color: #fff;
}
.dark .flatpickr-day.inRange,
.dark .flatpickr-day.nextMonthDay.inRange,
.dark .flatpickr-day.nextMonthDay.today.inRange {
    background: rgba(45, 55, 72, 0.4);
    border-color: rgba(45, 55, 72, 0.4);
    color: #fff;
}
.dark .flatpickr-day.nextMonthDay:focus,
.dark .flatpickr-day.nextMonthDay:hover,
.dark .flatpickr-day.prevMonthDay.inRange,
.dark .flatpickr-day.prevMonthDay.today.inRange,
.dark .flatpickr-day.prevMonthDay:focus,
.dark .flatpickr-day.prevMonthDay:hover {
    border-color: rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.3);
    color: #000;
}
.dark .flatpickr-day.today.inRange,
.dark .flatpickr-day:focus,
.dark .flatpickr-day:hover {
    border-color: rgba(45, 55, 72, 0.4);
    background: rgba(45, 55, 72, 0.4);
    color: #fff;
}
.dark .flatpickr-day.nextMonthDay,
.dark .flatpickr-day.flatpickr-disabled {
    color: rgba(170, 170, 170, 0.5);
}
.dark .flatpickr-day.nextMonthDay:hover,
.dark .flatpickr-day.flatpickr-disabled:hover {
    border-color: rgba(20, 20, 20, 0.5);
    background: rgba(20, 20, 20, 0.5);
    color: rgba(170, 170, 170, 0.7);
}
.dark .flatpickr-day.inRange {
    -webkit-box-shadow: -5px 0 0 rgba(20, 20, 20, 0.3),
        5px 0 0 rgba(20, 20, 20, 0.3);
    box-shadow: -5px 0 0 rgba(20, 20, 20, 0.3), 5px 0 0 rgba(20, 20, 20, 0.3);
}
.dark .dayContainer .flatpickr-day.endRange,
.dark .dayContainer .flatpickr-day.startRange {
    background: rgba(10, 10, 10, 0.6);
    border-color: rgba(45, 55, 72, 0.4);
}
.dark .select2-container--default .select2-selection--single,
.dark .select2-container--default .select2-selection--multiple {
    background-color: rgba(45, 55, 72, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.dark
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    color: #aaa;
}
.dark .select2-dropdown {
    background: #0a0a0a;
    border-color: rgba(255, 255, 255, 0.1);
}
.dark .select2-search__field {
    background: rgba(45, 55, 72, 0.4);
    border-color: rgba(255, 255, 255, 0.1) !important;
}
.dark .choices__inner {
    background-color: rgba(45, 55, 72, 0.4);
    border-color: rgba(255, 255, 255, 0.1);
}
.dark .choices__inner:hover {
    border-color: var(--bs-primary-shade-40);
}
.dark .choices__input {
    background-color: rgba(45, 55, 72, 0.4);
}
.dark .choices__list--dropdown {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: rgba(45, 55, 72, 0.4);
    color: var(--bs-body-color);
}
/*# sourceMappingURL=maps/dark.min.css.map */

/*# custom dark */

   .dark .sidebar-base .nav-item .nav-link:not(.disabled) {
    color: #a0aec0;
    font-size: 12px !important;
}



.dark .sidebar.sidebar-default .nav-link:not(.static-item):hover:not(.active):not([aria-expanded="true"])
{

    color: #ffffff;
    /*background: rgba(255, 255, 255, 0.08) !important;*/
}



  .dark .monetization-row{
        border: 1px solid #4a5568;
        background: rgba(45, 55, 72, 0.4);
        
       }
       


/*# custom light */


