@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');


body {
    font-family: 'Roboto', sans-serif !important;
}

.r {
    border-radius: 50%;
}

.bg-gris {
    background: #efefef !important;
}

.red {

    background: rgb(0, 0, 0);

    background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(250, 4, 4, 1) 100%);

    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(250, 4, 4, 1) 100%);

    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(250, 4, 4, 1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#fa0404", GradientType=1);

}

.info-box-icon {

    cursor: pointer;

}

.nav-item:hover,
.info-box-icon:hover {
    transform: scale(0.99);
}

.bg-clignote {

    animation-duration: .8s;

    animation-name: clignoter;

    animation-iteration-count: infinite;

    transition: none;

}

@keyframes clignoter {
    0% {
    }

    50% {
        background: #ff0000;
        color: #fff;
    }

    100% {
    }
}


.w-clignote {

    animation-duration: 1.2s;

    animation-name: wrclignoter;

    animation-iteration-count: infinite;

    transition: none;

}

@keyframes wrclignoter {

    0% {
    }

    50% {
        background: black;
        color: white;
    }

    100% {
    }
}

.bg-claire {
    background: #D0FFFF;
}

/* SPINNER */
.spinner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
}

.loader {
    width: 65px;
    aspect-ratio: 1;
    position: relative;
    margin: auto;
    top: 46%;
}

.loader:before,
.loader:after {
    content: "";
    position: absolute;
    border-radius: 50px;
    box-shadow: 0 0 0 3px inset #fff;
    animation: l4 2.5s infinite;
}

.loader:after {
    animation-delay: -1.25s;
}

@keyframes l4 {
    0% {
        inset: 0 35px 35px 0;
    }
    12.5% {
        inset: 0 35px 0 0;
    }
    25% {
        inset: 35px 35px 0 0;
    }
    37.5% {
        inset: 35px 0 0 0;
    }
    50% {
        inset: 35px 0 0 35px;
    }
    62.5% {
        inset: 0 0 0 35px;
    }
    75% {
        inset: 0 0 35px 35px;
    }
    87.5% {
        inset: 0 0 35px 0;
    }
    100% {
        inset: 0 35px 35px 0;
    }
}

/*END SPINNER*/

small.tnd {
    display: inline-block;
    vertical-align: top;
}

.nav-link.bein {
    height: 40px;
    background-image: url("../../img/bein_.svg");
    background-size: cover;
}
.nav-link.sharing {
    height: 40px;
    background-image: url("../../img/sharing.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: white !important;
}

.nav-link.text-color-bein {
    color: #5a328b !important;
}

.nav-link.text-color-blue {
    color: #283593 !important;
}

.panel-home {
    background: #BDBDBD;
}

.panel-home.bein {
    background: #EDE7F6;
}

.header-bein {
    color: #5a328b !important;
}

.header-bein img {
    width: 75px;
}

.btn.btn-bein {
    color: #fff;
    background-color: #673AB7;
    border-color: #5a328b;
}

.btn.btn-bein:disabled {
    color: #fff;
    background-color: #D1C4E9;
    border-color: #B39DDB;
    cursor: not-allowed
}

.back-bein-color {
    background-color: #673AB7 !important;
}

a.nav-link.text-color.nav-bein {
    background: #EDE7F6;
    color: #5a328b;
    font-weight: 500;
}

.modal-dialog .modal-body img {
    max-width: 100%;
}

.dashboard-messages.container {
    overflow: auto;
}

.dashboard-messages.container img, .modal-dialog .modal-body img {
    max-width: 100%;
    height: auto;

}

.nav-link.mango {
    height: 40px;
    background-color: #dd826a;
}

.mango p, .mango-text {
    height: 90% !important;
}

.nav-item:hover .nav-link.mango, .nav-link.mango:hover, .nav-link.mango:active, .nav-item.menu-open .nav-link.mango {
    background-color: #ad4563 !important;
}

.btn.btn-mango {
    color: #fff;
    background-color: #dc826a;
    border-color: #ad4563
}

.btn.btn-mango:disabled {
    color: #fff;
    background-color: #d6bcb8;
    border-color: #b888aa;
    cursor: not-allowed
}

.back-mango-color {
    background-color: #ad4563 !important;
}

.mango-color {
    color: #db7f6a !important
}

.panel-home.mango {
    background: #FFCCBC91;
}

.panel-home.mango .card {
    background-color: #fffaee;
}

.panel-home.mango .form-control, .panel-home.mango .form-check-input {
    /*background-color: #fff5d9 !important;*/
}

.header-mango {
    color: #ad4563 !important;
}

.header-mango img {
    width: 50px;
}



.btn.btn-infinityshop {
    color: #ffffff;
    box-shadow: none;
    background: rgb(0, 72, 141);
}

.w-5 {
    width: 5%;
}

.w-10 {
    width: 10% !important;
}

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}

.w-25 {
    width: 25% !important;
}

.w-full {
    width: 100% !important;
}

.w-auto {
    width: auto;
}

table.orders td {
    word-wrap: anywhere;
}

body.role-admin,
body.role-revendeur {
    --app-bg: #0a0d18;
    --app-surface: #12182a;
    --app-surface-raised: #181f34;
    --app-border: #29314b;
    --app-text: #e8ebf6;
    --app-muted: #9aa4bd;
    --app-accent: #34d6c3;
    --app-accent-strong: #17bba9;
    background: var(--app-bg) !important;
    color: var(--app-text);
    font-family: 'Roboto', sans-serif;
}

body.role-admin .main-sidebar,
body.role-revendeur .main-sidebar {
    background: #101528 !important;
    border-right: 1px solid #252d45;
    box-shadow: 12px 0 36px rgba(0, 0, 0, .3) !important;
}

body.role-admin .brand-link,
body.role-revendeur .brand-link {
    min-height: 68px;
    padding: 17px 18px;
    border-bottom: 1px solid #252d45 !important;
    color: #f0f3ff !important;
}

body.role-admin .brand-link .brand-image,
body.role-revendeur .brand-link .brand-image {
    border: 0;
    box-shadow: none;
}

body.role-admin .brand-link .brand-text,
body.role-revendeur .brand-link .brand-text {
    font-weight: 700;
    color: #f0f3ff;
}

body.role-admin .user-panel,
body.role-revendeur .user-panel {
    margin: 14px 14px 18px !important;
    padding: 12px 8px 16px !important;
    border-bottom: 1px solid #252d45 !important;
}

body.role-admin .user-panel .info a,
body.role-revendeur .user-panel .info a {
    color: #dce2f2 !important;
    font-weight: 600;
}

body.role-admin .nav-sidebar > .nav-item,
body.role-revendeur .nav-sidebar > .nav-item {
    margin: 5px 10px;
}

body.role-admin .nav-sidebar .nav-link,
body.role-revendeur .nav-sidebar .nav-link {
    position: relative;
    overflow: hidden;
    min-height: 35px;
    padding: 8px 8px;
    border: 1px solid transparent;
    border-radius: 11px !important;
    color: #aab4cc !important;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}

body.role-admin .nav-sidebar .nav-link .nav-icon,
body.role-revendeur .nav-sidebar .nav-link .nav-icon {
    color: #8490ad !important;
    transition: color .2s ease, transform .2s ease;
}

body.role-admin .nav-sidebar .nav-link:hover,
body.role-revendeur .nav-sidebar .nav-link:hover {
    background: #1b2540 !important;
    border-color: #303b5a;
    color: #f1f3fc !important;
    box-shadow: 0 5px 16px rgba(0, 0, 0, .17);
    transform: translateX(5px);
}

body.role-admin .nav-sidebar .nav-link:hover .nav-icon,
body.role-revendeur .nav-sidebar .nav-link:hover .nav-icon {
    color: var(--app-accent) !important;
    transform: scale(1.12);
}

body.role-admin .nav-sidebar .nav-link.active,
body.role-revendeur .nav-sidebar .nav-link.active,
body.role-admin .nav-sidebar .menu-open > .nav-link,
body.role-revendeur .nav-sidebar .menu-open > .nav-link {
    background: linear-gradient(105deg, #1a625e, #174b60) !important;
    border-color: rgba(52, 214, 195, .3);
    color: #f4fffe !important;
    font-weight: 600;
    box-shadow: 0 5px 18px rgba(23, 187, 169, .14);
}

body.role-admin .nav-sidebar .nav-link.active .nav-icon,
body.role-revendeur .nav-sidebar .nav-link.active .nav-icon,
body.role-admin .nav-sidebar .menu-open > .nav-link .nav-icon,
body.role-revendeur .nav-sidebar .menu-open > .nav-link .nav-icon {
    color: var(--app-accent) !important;
}

body.role-admin .nav-treeview,
body.role-revendeur .nav-treeview {
    padding: 5px 0 7px 8px;
    background: transparent !important;
}

body.role-admin .main-header,
body.role-revendeur .main-header {
    min-height: 64px;
    background: linear-gradient(100deg, #171b32, #18243a) !important;
    border-bottom: 1px solid #29314b;
    box-shadow: 0 8px 26px rgba(0, 0, 0, .2);
}

body.role-admin .main-header .nav-link,
body.role-revendeur .main-header .nav-link {
    color: #d2d8e8 !important;
}

body.role-admin .main-header [data-widget="pushmenu"],
body.role-revendeur .main-header [data-widget="pushmenu"] {
    display: grid;
    width: 40px;
    height: 40px;
    margin: 4px;
    place-items: center;
    border-radius: 12px;
    transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

body.role-admin .main-header [data-widget="pushmenu"]:hover,
body.role-revendeur .main-header [data-widget="pushmenu"]:hover {
    color: var(--app-accent) !important;
    background: #26304b;
    transform: rotate(-6deg);
}

body.role-admin .main-header h5,
body.role-revendeur .main-header h5,
body.role-admin .main-header small,
body.role-revendeur .main-header small {
    color: #d7dced;
}

body.role-admin .content-wrapper,
body.role-revendeur .content-wrapper {
    background:
        radial-gradient(ellipse at 85% 0, rgba(47, 91, 126, .12), transparent 34%),
        var(--app-bg) !important;
    color: var(--app-text) !important;
}

body.role-admin .content-header h1,
body.role-revendeur .content-header h1 {
    color: #f1f3fc !important;
    font-weight: 700;
}

body.role-admin .panel-home,
body.role-revendeur .panel-home {
    background: transparent !important;
}

body.role-admin .breadcrumb,
body.role-revendeur .breadcrumb {
    background: transparent;
}

body.role-admin .breadcrumb,
body.role-admin .breadcrumb a,
body.role-admin .breadcrumb-item.active,
body.role-revendeur .breadcrumb,
body.role-revendeur .breadcrumb a,
body.role-revendeur .breadcrumb-item.active {
    color: var(--app-muted) !important;
}

body.role-admin .card,
body.role-revendeur .card {
    color: var(--app-text);
    background: linear-gradient(145deg, #151c30, #111729);
    border: 1px solid #29314b;
    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .2) !important;
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

body.role-admin .card:hover,
body.role-revendeur .card:hover {
    border-color: #3a526a;
    box-shadow: 0 16px 36px rgba(0, 0, 0, .26) !important;
}

body.role-admin .card-header,
body.role-revendeur .card-header {
    color: #edf0fb;
    background: rgba(28, 36, 59, .7);
    border-bottom: 1px solid #29314b;
    border-radius: 14px 14px 0 0;
}

body.role-admin .card-title,
body.role-revendeur .card-title,
body.role-admin .card h1,
body.role-revendeur .card h1,
body.role-admin .card h2,
body.role-revendeur .card h2,
body.role-admin .card h3,
body.role-revendeur .card h3,
body.role-admin .card h4,
body.role-revendeur .card h4,
body.role-admin .card h5,
body.role-revendeur .card h5 {
    color: #e7eef9;
}

body.role-admin .text-dark,
body.role-revendeur .text-dark {
    color: #edf0fb !important;
}

body.role-admin .text-color,
body.role-revendeur .text-color {
    color: var(--app-text) !important;
}

body.role-admin .bg-gris,
body.role-revendeur .bg-gris {
    background: #12182a !important;
}

body.role-admin .table,
body.role-revendeur .table {
    color: #dce2f0;
    background: transparent;
}

body.role-admin .table thead th,
body.role-revendeur .table thead th {
    color: #c8d2e7;
    background: #1a2137;
    border-color: #2c3550;
}

body.role-admin .table td,
body.role-admin .table th,
body.role-revendeur .table td,
body.role-revendeur .table th {
    border-color: #29314b;
}

body.role-admin .table-striped tbody tr:nth-of-type(odd),
body.role-revendeur .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(28, 36, 59, .55);
}

body.role-admin .table-hover tbody tr:hover,
body.role-revendeur .table-hover tbody tr:hover {
    color: #f4fffe;
    background-color: #1b2e3b;
}

body.role-admin .form-control,
body.role-revendeur .form-control,
body.role-admin .custom-select,
body.role-revendeur .custom-select {
    color: #e5e9f4;
    background-color: #0e1322;
    border-color: #303953;
    border-radius: 8px;
}

body.role-admin .form-control::placeholder,
body.role-revendeur .form-control::placeholder {
    color: #8792aa;
}

body.role-admin .form-control:focus,
body.role-revendeur .form-control:focus,
body.role-admin .custom-select:focus,
body.role-revendeur .custom-select:focus {
    color: #f3f5fc;
    background-color: #11192a;
    border-color: var(--app-accent);
    box-shadow: 0 0 0 .2rem rgba(52, 214, 195, .16);
}

body.role-admin select option,
body.role-revendeur select option {
    color: #e5e9f4;
    background: #111729;
}

body.role-admin .modal-content,
body.role-revendeur .modal-content,
body.role-admin .dropdown-menu,
body.role-revendeur .dropdown-menu {
    color: #dce2f0;
    background: #151c30;
    border-color: #303953;
    box-shadow: 0 14px 32px rgba(0, 0, 0, .28);
}

body.role-admin .modal-header,
body.role-admin .modal-footer,
body.role-revendeur .modal-header,
body.role-revendeur .modal-footer {
    border-color: #303953;
}

body.role-admin .modal-title,
body.role-revendeur .modal-title,
body.role-admin .dropdown-item,
body.role-revendeur .dropdown-item {
    color: #e9edf8;
}

body.role-admin .dropdown-item:hover,
body.role-revendeur .dropdown-item:hover {
    color: #fff;
    background: #1d3440;
}

body.role-admin .close,
body.role-revendeur .close {
    color: #c7d0e2;
    text-shadow: none;
}

body.role-admin .page-link,
body.role-revendeur .page-link {
    color: #c5cde0;
    background: #151c30;
    border-color: #303953;
    transition: color .18s ease, background-color .18s ease, border-color .18s ease;
}

body.role-admin .page-link:hover,
body.role-revendeur .page-link:hover {
    color: #fff;
    background: #1d3440;
    border-color: #35615f;
}

body.role-admin .page-item.active .page-link,
body.role-revendeur .page-item.active .page-link {
    color: #071613;
    background: var(--app-accent);
    border-color: var(--app-accent);
}

body.role-admin .gradien,
body.role-revendeur .gradien {
    color: #071613;
    background: linear-gradient(110deg, #34d6c3, #79e4b7) !important;
    border-color: #34d6c3;
    filter: none;
    transition: box-shadow .18s ease, filter .18s ease, transform .18s ease;
}

body.role-admin .gradien:hover,
body.role-revendeur .gradien:hover {
    color: #061410;
    filter: brightness(1.08);
    box-shadow: 0 6px 18px rgba(52, 214, 195, .22);
    transform: translateY(-2px);
}

body.role-admin .btn-primary,
body.role-revendeur .btn-primary {
    color: #fff;
    background-color: #4b62c7;
    border-color: #4b62c7;
    transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body.role-admin .btn-primary:hover,
body.role-revendeur .btn-primary:hover {
    background-color: #5b73dc;
    border-color: #5b73dc;
    box-shadow: 0 6px 16px rgba(75, 98, 199, .25);
    transform: translateY(-1px);
}

body.role-admin .dataTables_wrapper .dataTables_info,
body.role-revendeur .dataTables_wrapper .dataTables_info,
body.role-admin .dataTables_wrapper label,
body.role-revendeur .dataTables_wrapper label {
    color: #aab4cc;
}

body.role-admin .dataTables_wrapper .dataTables_filter input,
body.role-revendeur .dataTables_wrapper .dataTables_filter input,
body.role-admin .dataTables_wrapper .dataTables_length select,
body.role-revendeur .dataTables_wrapper .dataTables_length select {
    color: #e5e9f4;
    background: #0e1322;
    border: 1px solid #303953;
    border-radius: 8px;
}

@media (max-width: 767.98px) {
    body.role-admin .main-sidebar,
    body.role-revendeur .main-sidebar {
        box-shadow: 12px 0 36px rgba(0, 0, 0, .42) !important;
    }
}

body.role-admin,
body.role-revendeur {
    background: #f4f7fb !important;
    color: #273449;
}

body.role-admin .main-header,
body.role-revendeur .main-header {
    background: #fff !important;
    border-bottom: 1px solid #e4eaf2;
    box-shadow: 0 4px 16px rgba(31, 45, 61, .06);
}

body.role-admin .main-header .nav-link,
body.role-revendeur .main-header .nav-link,
body.role-admin .main-header h5,
body.role-revendeur .main-header h5,
body.role-admin .main-header small,
body.role-revendeur .main-header small {
    color: #34445a !important;
}

body.role-admin .main-header [data-widget="pushmenu"]:hover,
body.role-revendeur .main-header [data-widget="pushmenu"]:hover {
    color: #157f79 !important;
    background: #e8f7f5;
}

body.role-admin .content-wrapper,
body.role-revendeur .content-wrapper,
body.role-admin .panel-home,
body.role-revendeur .panel-home {
    background: #f4f7fb !important;
    color: #273449 !important;
}

body.role-admin .content-header h1,
body.role-revendeur .content-header h1,
body.role-admin .text-dark,
body.role-revendeur .text-dark,
body.role-admin .card-title,
body.role-revendeur .card-title,
body.role-admin .card h1,
body.role-revendeur .card h1,
body.role-admin .card h2,
body.role-revendeur .card h2,
body.role-admin .card h3,
body.role-revendeur .card h3,
body.role-admin .card h4,
body.role-revendeur .card h4,
body.role-admin .card h5,
body.role-revendeur .card h5 {
    color: #26364d !important;
}

body.role-admin .breadcrumb,
body.role-revendeur .breadcrumb {
    background: transparent;
}

body.role-admin .breadcrumb,
body.role-admin .breadcrumb a,
body.role-admin .breadcrumb-item.active,
body.role-revendeur .breadcrumb,
body.role-revendeur .breadcrumb a,
body.role-revendeur .breadcrumb-item.active {
    color: #77859a !important;
}

body.role-admin .card,
body.role-revendeur .card {
    color: #273449;
    background: #fff;
    border-color: #e3eaf2;
    box-shadow: 0 8px 22px rgba(31, 45, 61, .07) !important;
}

body.role-admin .card:hover,
body.role-revendeur .card:hover {
    border-color: #d6e0ec;
    box-shadow: 0 12px 28px rgba(31, 45, 61, .1) !important;
}

body.role-admin .card-header,
body.role-revendeur .card-header {
    color: #26364d;
    background: #fff;
    border-bottom-color: #e8edf4;
}

body.role-admin .text-color,
body.role-revendeur .text-color {
    color: #273449 !important;
}

body.role-admin .bg-gris,
body.role-revendeur .bg-gris {
    background: #fff !important;
}

body.role-admin .table,
body.role-revendeur .table {
    color: #34445a;
    background: #fff;
}

body.role-admin .table thead th,
body.role-revendeur .table thead th {
    color: #34445a;
    background: #f1f5f9;
    border-color: #e0e7ef;
}

body.role-admin .table td,
body.role-admin .table th,
body.role-revendeur .table td,
body.role-revendeur .table th {
    border-color: #e5ebf2;
}

body.role-admin .table-striped tbody tr:nth-of-type(odd),
body.role-revendeur .table-striped tbody tr:nth-of-type(odd) {
    background-color: #f8fafc;
}

body.role-admin .table-hover tbody tr:hover,
body.role-revendeur .table-hover tbody tr:hover {
    color: #26364d;
    background-color: #eef8f7;
}

body.role-admin .form-control,
body.role-revendeur .form-control,
body.role-admin .custom-select,
body.role-revendeur .custom-select {
    color: #34445a;
    background-color: #fff;
    border-color: #cfd8e3;
}

body.role-admin .form-control::placeholder,
body.role-revendeur .form-control::placeholder {
    color: #8793a4;
}

body.role-admin .form-control:focus,
body.role-revendeur .form-control:focus,
body.role-admin .custom-select:focus,
body.role-revendeur .custom-select:focus {
    color: #26364d;
    background-color: #fff;
    border-color: #56b9ad;
    box-shadow: 0 0 0 .2rem rgba(23, 187, 169, .15);
}

body.role-admin select option,
body.role-revendeur select option {
    color: #34445a;
    background: #fff;
}

body.role-admin .modal-content,
body.role-revendeur .modal-content,
body.role-admin .dropdown-menu,
body.role-revendeur .dropdown-menu {
    color: #34445a;
    background: #fff;
    border-color: #e0e7ef;
}

body.role-admin .modal-header,
body.role-admin .modal-footer,
body.role-revendeur .modal-header,
body.role-revendeur .modal-footer {
    border-color: #e5ebf2;
}

body.role-admin .modal-title,
body.role-revendeur .modal-title,
body.role-admin .dropdown-item,
body.role-revendeur .dropdown-item {
    color: #26364d;
}

body.role-admin .dropdown-item:hover,
body.role-revendeur .dropdown-item:hover {
    color: #146c66;
    background: #eaf7f5;
}

body.role-admin .close,
body.role-revendeur .close {
    color: #56657a;
    text-shadow: none;
}

body.role-admin .page-link,
body.role-revendeur .page-link {
    color: #526176;
    background: #fff;
    border-color: #dce4ed;
}

body.role-admin .page-link:hover,
body.role-revendeur .page-link:hover {
    color: #146c66;
    background: #eaf7f5;
    border-color: #c5e8e3;
}

body.role-admin .page-item.active .page-link,
body.role-revendeur .page-item.active .page-link {
    color: #fff;
    background: #168d82;
    border-color: #168d82;
}

body.role-admin .dataTables_wrapper .dataTables_info,
body.role-revendeur .dataTables_wrapper .dataTables_info,
body.role-admin .dataTables_wrapper label,
body.role-revendeur .dataTables_wrapper label {
    color: #526176;
}

body.role-admin .dataTables_wrapper .dataTables_filter input,
body.role-revendeur .dataTables_wrapper .dataTables_filter input,
body.role-admin .dataTables_wrapper .dataTables_length select,
body.role-revendeur .dataTables_wrapper .dataTables_length select {
    color: #34445a;
    background: #fff;
    border: 1px solid #cfd8e3;
    border-radius: 8px;
}

body.site-dark-theme {
    background: #0a0d18 !important;
    color: #e8ebf6;
}

body.site-dark-theme .main-sidebar {
    background: #101528 !important;
    border-right: 1px solid #252d45;
    box-shadow: 12px 0 36px rgba(0, 0, 0, .3) !important;
}

body.site-dark-theme .brand-link {
    border-bottom: 1px solid #252d45 !important;
    color: #f0f3ff !important;
}

body.site-dark-theme .brand-link .brand-text {
    color: #f0f3ff;
}

body.site-dark-theme .user-panel {
    border-bottom: 1px solid #252d45 !important;
}

body.site-dark-theme .user-panel .info a {
    color: #dce2f2 !important;
}

body.site-dark-theme .nav-sidebar > .nav-item {
    margin: 5px 10px;
}

body.site-dark-theme .nav-sidebar .nav-link {
    position: relative;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 11px !important;
    color: #aab4cc !important;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

body.site-dark-theme .nav-sidebar .nav-link .nav-icon {
    color: #8490ad !important;
    transition: color .2s ease, transform .2s ease;
}

body.site-dark-theme .nav-sidebar .nav-link:hover {
    background: #1b2540 !important;
    border-color: #303b5a;
    color: #f1f3fc !important;
    transform: translateX(5px);
}

body.site-dark-theme .nav-sidebar .nav-link:hover .nav-icon {
    color: #34d6c3 !important;
    transform: scale(1.12);
}

body.site-dark-theme .nav-sidebar .nav-link.active,
body.site-dark-theme .nav-sidebar .menu-open > .nav-link {
    background: linear-gradient(105deg, #1a625e, #174b60) !important;
    border-color: rgba(52, 214, 195, .3);
    color: #f4fffe !important;
    box-shadow: 0 5px 18px rgba(23, 187, 169, .14);
}

body.site-dark-theme .nav-sidebar .nav-link.active .nav-icon,
body.site-dark-theme .nav-sidebar .menu-open > .nav-link .nav-icon {
    color: #34d6c3 !important;
}

body.site-dark-theme .nav-treeview {
    background: transparent !important;
}

body.site-dark-theme .main-header {
    background: linear-gradient(100deg, #171b32, #18243a) !important;
    border-bottom: 1px solid #29314b;
    box-shadow: 0 8px 26px rgba(0, 0, 0, .2);
}

body.site-dark-theme .main-header .nav-link,
body.site-dark-theme .main-header h5,
body.site-dark-theme .main-header small {
    color: #d2d8e8 !important;
}

body.site-dark-theme .content-wrapper {
    background: radial-gradient(ellipse at 85% 0, rgba(47, 91, 126, .12), transparent 34%), #0a0d18 !important;
    color: #e8ebf6 !important;
}

body.site-dark-theme .content-header h1,
body.site-dark-theme .text-dark {
    color: #f1f3fc !important;
}

body.site-dark-theme .panel-home {
    background: transparent !important;
}

body.site-dark-theme .breadcrumb,
body.site-dark-theme .breadcrumb a,
body.site-dark-theme .breadcrumb-item.active {
    color: #9aa4bd !important;
    background: transparent;
}

body.site-dark-theme .card {
    color: #e8ebf6;
    background: linear-gradient(145deg, #151c30, #111729);
    border: 1px solid #29314b;
    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .2) !important;
}

body.site-dark-theme .card-header {
    color: #edf0fb;
    background: rgba(28, 36, 59, .7);
    border-bottom: 1px solid #29314b;
}

body.site-dark-theme .card-title,
body.site-dark-theme .card h1,
body.site-dark-theme .card h2,
body.site-dark-theme .card h3,
body.site-dark-theme .card h4,
body.site-dark-theme .card h5 {
    color: #edf0fb;
}

body.site-dark-theme .text-color {
    color: #e8ebf6 !important;
}

body.site-dark-theme .bg-gris {
    background: #12182a !important;
}

body.site-dark-theme .table {
    color: #dce2f0;
    background: transparent;
}

body.site-dark-theme .table thead th {
    color: #c8d2e7;
    background: #1a2137;
    border-color: #2c3550;
}

body.site-dark-theme .table td,
body.site-dark-theme .table th {
    border-color: #29314b;
}

body.site-dark-theme .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(28, 36, 59, .55);
}

body.site-dark-theme .table-hover tbody tr:hover {
    color: #f4fffe;
    background-color: #1b2e3b;
}

body.site-dark-theme .form-control,
body.site-dark-theme .custom-select {
    color: #e5e9f4;
    background-color: #0e1322;
    border-color: #303953;
}

body.site-dark-theme .form-control::placeholder {
    color: #8792aa;
}

body.site-dark-theme .form-control:focus,
body.site-dark-theme .custom-select:focus {
    color: #f3f5fc;
    background-color: #11192a;
    border-color: #34d6c3;
    box-shadow: 0 0 0 .2rem rgba(52, 214, 195, .16);
}

body.site-dark-theme select option {
    color: #e5e9f4;
    background: #111729;
}

body.site-dark-theme .modal-content,
body.site-dark-theme .dropdown-menu {
    color: #dce2f0;
    background: #151c30;
    border-color: #303953;
}

body.site-dark-theme .modal-header,
body.site-dark-theme .modal-footer {
    border-color: #303953;
}

body.site-dark-theme .modal-title,
body.site-dark-theme .dropdown-item {
    color: #e9edf8;
}

body.site-dark-theme .dropdown-item:hover {
    color: #fff;
    background: #1d3440;
}

body.site-dark-theme .close {
    color: #c7d0e2;
    text-shadow: none;
}

body.site-dark-theme .page-link {
    color: #c5cde0;
    background: #151c30;
    border-color: #303953;
}

body.site-dark-theme .page-item.active .page-link {
    color: #071613;
    background: #34d6c3;
    border-color: #34d6c3;
}

body.site-dark-theme .gradien {
    color: #071613;
    background: linear-gradient(110deg, #34d6c3, #79e4b7) !important;
    border-color: #34d6c3;
    filter: none;
}

body.site-dark-theme .gradien:hover {
    color: #061410;
    filter: brightness(1.08);
    box-shadow: 0 6px 18px rgba(52, 214, 195, .22);
    transform: translateY(-2px);
}

body.site-dark-theme .dataTables_wrapper .dataTables_info,
body.site-dark-theme .dataTables_wrapper label {
    color: #aab4cc;
}

body.site-dark-theme .dataTables_wrapper .dataTables_filter input,
body.site-dark-theme .dataTables_wrapper .dataTables_length select {
    color: #e5e9f4;
    background: #0e1322;
    border: 1px solid #303953;
}

body.site-dark-theme.auth-theme {
    min-height: 100vh;
    color: #e8ebf6;
    background: radial-gradient(ellipse at 20% 10%, #273653 0, transparent 38%), linear-gradient(135deg, #0a0d18, #171b32) !important;
}

body.site-dark-theme.auth-theme .login-box {
    border: 1px solid #39425d !important;
    border-radius: 16px !important;
    background: rgba(18, 24, 42, .94);
    box-shadow: 0 22px 60px rgba(0, 0, 0, .42) !important;
}

body.site-dark-theme.auth-theme .login-card-body {
    color: #e8ebf6;
    background: transparent;
}

body.site-dark-theme.auth-theme .login-card-body h4 {
    color: #f1f3fc;
}

body.site-dark-theme.auth-theme .input-group-text {
    color: #aab4cc;
    background: #171f33 !important;
    border-color: #303953;
}

body.site-dark-theme.auth-theme .input-group-text span {
    color: #34d6c3;
}

body.site-dark-theme.auth-theme .lockscreen-item {
    background: #151c30;
    border: 1px solid #303953;
    border-radius: 12px;
}

body.site-dark-theme.auth-theme .lockscreen-credentials .form-control {
    background: #0e1322;
}

body.site-dark-theme.auth-theme a {
    color: #55d9c8;
}

body.site-dark-theme.auth-theme .btn-primary {
    color: #071613;
    background: linear-gradient(110deg, #34d6c3, #79e4b7);
    border-color: #34d6c3;
}

body.site-dark-theme.auth-theme .btn-primary:hover {
    color: #061410;
    filter: brightness(1.08);
}

body.site-light-theme {
    background: #f4f7fb !important;
    color: #273449;
}

body.site-light-theme .main-sidebar {
    background: #fff !important;
    border-right: 1px solid #e3eaf2;
    box-shadow: 8px 0 24px rgba(34, 52, 75, .08) !important;
}

body.site-light-theme .brand-link {
    border-bottom: 1px solid #e8edf4 !important;
    color: #24364e !important;
}

body.site-light-theme .brand-link .brand-text {
    color: #24364e;
}

body.site-light-theme .user-panel {
    border-bottom: 1px solid #e8edf4 !important;
}

body.site-light-theme .user-panel .info a {
    color: #35465c !important;
}

body.site-light-theme .nav-sidebar .nav-link {
    color: #53647a !important;
    border-color: transparent;
    transition: background-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}

body.site-light-theme .nav-sidebar .nav-link .nav-icon {
    color: #8795a8 !important;
    transition: color .18s ease, transform .18s ease;
}

body.site-light-theme .nav-sidebar .nav-link:hover {
    color: #166c67 !important;
    background: #e8f7f5 !important;
    border-color: #d3efeb;
    box-shadow: 0 4px 12px rgba(28, 116, 108, .08);
    transform: translateX(4px);
}

body.site-light-theme .nav-sidebar .nav-link:hover .nav-icon {
    color: #168d82 !important;
    transform: scale(1.12);
}

body.site-light-theme .nav-sidebar .nav-link.active,
body.site-light-theme .nav-sidebar .menu-open > .nav-link {
    color: #fff !important;
    background: linear-gradient(105deg, #168d82, #20aa9b) !important;
    border-color: #168d82;
    box-shadow: 0 5px 16px rgba(22, 141, 130, .2);
}

body.site-light-theme .nav-sidebar .nav-link.active .nav-icon,
body.site-light-theme .nav-sidebar .menu-open > .nav-link .nav-icon {
    color: #fff !important;
}

body.site-light-theme .nav-treeview {
    background: transparent !important;
}

body.site-light-theme .main-header {
    background: #fff !important;
    border-bottom: 1px solid #e3eaf2;
    box-shadow: 0 4px 16px rgba(34, 52, 75, .06);
}

body.site-light-theme .main-header .nav-link,
body.site-light-theme .main-header h5,
body.site-light-theme .main-header small {
    color: #34445a !important;
}

body.site-light-theme .main-header [data-widget="pushmenu"]:hover {
    color: #157f79 !important;
    background: #e8f7f5;
}

body.site-light-theme .content-wrapper,
body.site-light-theme .panel-home {
    background: #f4f7fb !important;
    color: #273449 !important;
}

body.site-light-theme .content-header h1,
body.site-light-theme .text-dark {
    color: #26364d !important;
}

body.site-light-theme .breadcrumb {
    background: transparent;
}

body.site-light-theme .breadcrumb,
body.site-light-theme .breadcrumb a,
body.site-light-theme .breadcrumb-item.active {
    color: #77859a !important;
}

body.site-light-theme .card {
    color: #273449;
    background: #fff;
    border: 1px solid #e3eaf2;
    border-radius: 12px;
    box-shadow: 0 8px 22px rgba(34, 52, 75, .07) !important;
}

body.site-light-theme .card-header {
    color: #26364d;
    background: #fff;
    border-bottom: 1px solid #e8edf4;
}

body.site-light-theme .card-title,
body.site-light-theme .card h1,
body.site-light-theme .card h2,
body.site-light-theme .card h3,
body.site-light-theme .card h4,
body.site-light-theme .card h5 {
    color: #26364d;
}

body.site-light-theme .text-color {
    color: #273449 !important;
}

body.site-light-theme .bg-gris {
    background: #fff !important;
}

body.site-light-theme .table {
    color: #34445a;
    background: #fff;
}

body.site-light-theme .table thead th {
    color: #34445a;
    background: #f1f5f9;
    border-color: #e0e7ef;
}

body.site-light-theme .table td,
body.site-light-theme .table th {
    border-color: #e5ebf2;
}

body.site-light-theme .table-striped tbody tr:nth-of-type(odd) {
    background-color: #f8fafc;
}

body.site-light-theme .table-hover tbody tr:hover {
    color: #26364d;
    background-color: #eef8f7;
}

body.site-light-theme .form-control,
body.site-light-theme .custom-select {
    color: #34445a;
    background-color: #fff;
    border-color: #cfd8e3;
}

body.site-light-theme .form-control::placeholder {
    color: #8793a4;
}

body.site-light-theme .form-control:focus,
body.site-light-theme .custom-select:focus {
    color: #26364d;
    background-color: #fff;
    border-color: #56b9ad;
    box-shadow: 0 0 0 .2rem rgba(23, 187, 169, .15);
}

body.site-light-theme select option {
    color: #34445a;
    background: #fff;
}

body.site-light-theme .modal-content,
body.site-light-theme .dropdown-menu {
    color: #34445a;
    background: #fff;
    border-color: #e0e7ef;
}

body.site-light-theme .modal-header,
body.site-light-theme .modal-footer {
    border-color: #e5ebf2;
}

body.site-light-theme #exampleModalCenter1 .modal-content,
body.site-light-theme #exampleModalCenter2 .modal-content {
    overflow: hidden;
    color: #34445a !important;
    background: #fff !important;
    border: 0;
    border-radius: 16px;
    box-shadow: 0 22px 60px rgba(27, 38, 70, .25);
}

body.site-light-theme #exampleModalCenter1 .modal-header,
body.site-light-theme #exampleModalCenter2 .modal-header {
    padding: 20px 24px;
    color: #fff;
    background: linear-gradient(120deg, #33296f, #5645a5 60%, #198ca2);
    border: 0;
}

body.site-light-theme #exampleModalCenter1 .modal-title,
body.site-light-theme #exampleModalCenter2 .modal-title,
body.site-light-theme #exampleModalCenter1 .modal-header .close,
body.site-light-theme #exampleModalCenter2 .modal-header .close {
    color: #fff;
}

body.site-light-theme #exampleModalCenter1 .modal-title,
body.site-light-theme #exampleModalCenter2 .modal-title {
    font-size: 1.15rem;
    font-weight: 700;
}

body.site-light-theme #exampleModalCenter1 .bein-order-price,
body.site-light-theme #exampleModalCenter2 .bein-order-price {
    display: flex;
    align-items: baseline;
    gap: 7px;
    margin: 18px 24px 0;
    padding: 12px 16px;
    color: #34445a;
    background: #f1f5fb;
    border: 1px solid #e3eaf3;
    border-radius: 10px;
    font-size: .9rem;
    font-weight: 600;
}

body.site-light-theme #exampleModalCenter1 .bein-order-price b,
body.site-light-theme #exampleModalCenter2 .bein-order-price b {
    color: #087f9d;
    font-size: 1.4rem;
    font-weight: 800;
}

body.site-light-theme #exampleModalCenter1 .bein-order-price small,
body.site-light-theme #exampleModalCenter2 .bein-order-price small {
    color: #73869b;
}

body.site-light-theme #exampleModalCenter1 .modal-body,
body.site-light-theme #exampleModalCenter2 .modal-body {
    padding: 20px 24px 24px;
}

body.site-light-theme #exampleModalCenter1 .modal-body table,
body.site-light-theme #exampleModalCenter2 .modal-body table {
    width: 100% !important;
    border: 0 !important;
    background: transparent !important;
}

body.site-light-theme #exampleModalCenter1 .modal-body td,
body.site-light-theme #exampleModalCenter2 .modal-body td {
    display: block;
    padding: 0 !important;
    color: inherit !important;
    background: transparent !important;
}

body.site-light-theme #exampleModalCenter1 .modal-body form .row,
body.site-light-theme #exampleModalCenter2 .modal-body form .row {
    margin: 0;
}

body.site-light-theme #exampleModalCenter1 .modal-body .form-group,
body.site-light-theme #exampleModalCenter2 .modal-body .form-group {
    margin-bottom: 16px;
}

body.site-light-theme #exampleModalCenter1 .modal-body label,
body.site-light-theme #exampleModalCenter2 .modal-body label {
    display: block;
    margin-bottom: 7px;
    color: #34445a;
    font-size: .88rem;
    font-weight: 700;
}

body.site-light-theme #exampleModalCenter1 .modal-body .form-control,
body.site-light-theme #exampleModalCenter2 .modal-body .form-control {
    min-height: 44px;
    border-radius: 8px;
}

@media (max-width: 575.98px) {
    body.site-light-theme #exampleModalCenter1 .modal-dialog,
    body.site-light-theme #exampleModalCenter2 .modal-dialog {
        margin: 12px;
    }

    body.site-light-theme #exampleModalCenter1 .modal-body .form-group,
    body.site-light-theme #exampleModalCenter2 .modal-body .form-group {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

body.site-light-theme #exampleModalCenter1 .bein-order-submit,
body.site-light-theme #exampleModalCenter2 .bein-order-submit {
    min-height: 44px;
    padding: 9px 18px;
    color: #fff;
    background: linear-gradient(120deg, #3f3782, #168da2);
    border: 0;
    border-radius: 8px;
    font-weight: 700;
    white-space: nowrap;
}

body.site-light-theme #exampleModalCenter1 .bein-order-submit:hover,
body.site-light-theme #exampleModalCenter2 .bein-order-submit:hover {
    filter: brightness(1.08);
}

body.site-light-theme #exampleModalCenter1 .modal-footer,
body.site-light-theme #exampleModalCenter2 .modal-footer {
    padding: 0 24px 20px;
    border: 0;
}

body.site-light-theme .modal-title,
body.site-light-theme .dropdown-item {
    color: #26364d;
}

body.site-light-theme .dropdown-item:hover {
    color: #146c66;
    background: #eaf7f5;
}

body.site-light-theme .close {
    color: #56657a;
    text-shadow: none;
}

body.site-light-theme .page-link {
    color: #526176;
    background: #fff;
    border-color: #dce4ed;
}

body.site-light-theme .page-link:hover {
    color: #146c66;
    background: #eaf7f5;
    border-color: #c5e8e3;
}

body.site-light-theme .page-item.active .page-link {
    color: #fff;
    background: #168d82;
    border-color: #168d82;
}

body.site-light-theme .gradien {
    color: #fff;
    background: linear-gradient(110deg, #168d82, #20aa9b) !important;
    border-color: #168d82;
    filter: none;
}

body.site-light-theme .gradien:hover {
    color: #fff;
    background: linear-gradient(110deg, #11786f, #168d82) !important;
    box-shadow: 0 6px 16px rgba(22, 141, 130, .2);
    transform: translateY(-2px);
}

body.site-light-theme .btn-primary {
    color: #fff;
    background: #168d82;
    border-color: #168d82;
}

body.site-light-theme .btn-primary:hover {
    color: #fff;
    background: #11786f;
    border-color: #11786f;
    box-shadow: 0 5px 14px rgba(22, 141, 130, .2);
    transform: translateY(-1px);
}

body.site-light-theme .dataTables_wrapper .dataTables_info,
body.site-light-theme .dataTables_wrapper label {
    color: #526176;
}

body.site-light-theme .dataTables_wrapper .dataTables_filter input,
body.site-light-theme .dataTables_wrapper .dataTables_length select {
    color: #34445a;
    background: #fff;
    border: 1px solid #cfd8e3;
}

body.site-light-theme.auth-theme {
    min-height: 100vh;
    color: #273449;
    background: radial-gradient(ellipse at 15% 10%, #dff4f1 0, transparent 38%), linear-gradient(135deg, #f4f7fb, #eaf0f7) !important;
}

body.site-light-theme.auth-theme .login-box {
    border: 1px solid #e0e7ef !important;
    border-radius: 16px !important;
    background: #fff;
    box-shadow: 0 22px 60px rgba(34, 52, 75, .16) !important;
}

body.site-light-theme.auth-theme .login-card-body {
    color: #34445a;
    background: transparent;
}

body.site-light-theme.auth-theme .login-card-body h4 {
    color: #26364d;
}

body.site-light-theme.auth-theme .input-group-text {
    color: #637289;
    background: #f1f5f9 !important;
    border-color: #cfd8e3;
}

body.site-light-theme.auth-theme .input-group-text span {
    color: #168d82;
}

body.site-light-theme.auth-theme .btn-primary {
    color: #fff;
    background: #168d82;
    border-color: #168d82;
}

body.site-light-theme.auth-theme .btn-primary:hover {
    color: #fff;
    background: #11786f;
}

body.site-light-theme.auth-theme a {
    color: #11786f;
}

body.site-light-theme.auth-theme .lockscreen-item {
    background: #fff;
    border: 1px solid #dce4ed;
    border-radius: 12px;
}

body.site-light-theme {
    --cyber-ink: #17243b;
    --cyber-muted: #64748b;
    --cyber-bg: #f3f7fc;
    --cyber-surface: #fff;
    --cyber-line: #dce6f1;
    --cyber-cyan: #007f9e;
    --cyber-cyan-bright: #00a9c7;
    --cyber-violet: #6554c0;
    --cyber-glow: rgba(0, 169, 199, .17);
    color: var(--cyber-ink) !important;
    background: var(--cyber-bg) !important;
    font-family: 'Space Grotesk', 'Segoe UI', sans-serif !important;
    letter-spacing: .005em;
}

body.site-light-theme .main-sidebar {
    background: #fafdff !important;
    border-right: 1px solid #d4e2ef;
    box-shadow: 8px 0 30px rgba(28, 54, 83, .08) !important;
}

body.site-light-theme .brand-link {
    min-height: 66px;
    padding: 16px 18px;
    background: linear-gradient(110deg, #f7fcff, #edf6fc);
    border-bottom: 1px solid var(--cyber-line) !important;
    color: var(--cyber-ink) !important;
}

body.site-light-theme .brand-link .brand-text {
    color: var(--cyber-ink);
    font-size: .94rem;
    font-weight: 700;
    letter-spacing: .04em;
}

body.site-light-theme .user-panel {
    margin: 14px 12px !important;
    padding: 12px 8px 16px !important;
    border-bottom: 1px solid var(--cyber-line) !important;
}

body.site-light-theme .user-panel .info a {
    color: #263a56 !important;
    font-weight: 600;
}

body.site-light-theme .nav-sidebar > .nav-item {
    margin: 4px 10px;
}

body.site-light-theme .nav-sidebar .nav-link {
    position: relative;
    overflow: hidden;
    min-height: 42px;
    padding: 10px 13px;
    border: 1px solid transparent;
    border-radius: 7px !important;
    color: #4a5e77 !important;
    transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

body.site-light-theme .nav-sidebar .nav-link .nav-icon {
    color: #7188a2 !important;
    transition: color .18s ease, transform .18s ease;
}

body.site-light-theme .nav-sidebar .nav-link:hover {
    color: #006f8b !important;
    background: #e8f7fb !important;
    border-color: #bce7f0;
    box-shadow: 0 4px 14px rgba(0, 127, 158, .1);
    transform: translateX(4px);
}

body.site-light-theme .nav-sidebar .nav-link:hover .nav-icon {
    color: var(--cyber-cyan) !important;
    transform: translateY(-1px);
}

body.site-light-theme .nav-sidebar .nav-link.active,
body.site-light-theme .nav-sidebar .menu-open > .nav-link {
    color: #fff !important;
    background: linear-gradient(105deg, #087f9d, #6554c0) !important;
    border-color: transparent;
    box-shadow: 0 5px 16px rgba(39, 111, 160, .2);
}

body.site-light-theme .nav-sidebar .nav-link.active .nav-icon,
body.site-light-theme .nav-sidebar .menu-open > .nav-link .nav-icon {
    color: #fff !important;
}

body.site-light-theme .nav-treeview {
    padding-left: 7px;
    background: transparent !important;
}

body.site-light-theme .main-header {
    min-height: 62px;
    background: rgba(255, 255, 255, .94) !important;
    border-bottom: 1px solid var(--cyber-line);
    box-shadow: 0 4px 18px rgba(28, 54, 83, .06);
    backdrop-filter: blur(12px);
}

body.site-light-theme .main-header .nav-link,
body.site-light-theme .main-header h5,
body.site-light-theme .main-header small {
    color: #344a64 !important;
}

body.site-light-theme .main-header [data-widget="pushmenu"] {
    display: grid;
    width: 40px;
    height: 40px;
    margin: 4px;
    place-items: center;
    border: 1px solid transparent;
    border-radius: 8px;
    transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;
}

body.site-light-theme .main-header [data-widget="pushmenu"]:hover {
    color: var(--cyber-cyan) !important;
    background: #e8f7fb;
    border-color: #bce7f0;
    transform: rotate(-5deg);
}

body.site-light-theme .content-wrapper,
body.site-light-theme .panel-home {
    color: var(--cyber-ink) !important;
    background:
        linear-gradient(rgba(0, 127, 158, .025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 127, 158, .025) 1px, transparent 1px),
        var(--cyber-bg) !important;
    background-size: 28px 28px, 28px 28px, auto !important;
}

body.site-light-theme .content-header {
    padding-top: 20px;
}

body.site-light-theme .content-header h1,
body.site-light-theme .text-dark {
    color: #1b2c45 !important;
}

body.site-light-theme .content-header h1 {
    font-size: 1.65rem;
    font-weight: 700;
    letter-spacing: -.035em;
}

body.site-light-theme .breadcrumb {
    background: transparent;
}

body.site-light-theme .breadcrumb,
body.site-light-theme .breadcrumb a,
body.site-light-theme .breadcrumb-item.active {
    color: var(--cyber-muted) !important;
}

body.site-light-theme .card {
    overflow: hidden;
    color: var(--cyber-ink);
    background: var(--cyber-surface);
    border: 1px solid var(--cyber-line);
    border-radius: 9px;
    box-shadow: 0 7px 22px rgba(31, 59, 88, .065) !important;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

body.site-light-theme .card:hover {
    border-color: #b9dbe7;
    box-shadow: 0 12px 28px rgba(31, 59, 88, .1) !important;
}

body.site-light-theme .card-header {
    position: relative;
    color: var(--cyber-ink);
    background: linear-gradient(100deg, #fff, #f5faff);
    border-bottom: 1px solid var(--cyber-line);
}

body.site-light-theme .card-header::after {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 54px;
    height: 2px;
    background: linear-gradient(90deg, var(--cyber-cyan-bright), var(--cyber-violet));
    content: "";
}

body.site-light-theme .card-title,
body.site-light-theme .card h1,
body.site-light-theme .card h2,
body.site-light-theme .card h3,
body.site-light-theme .card h4,
body.site-light-theme .card h5 {
    color: #1b2c45;
}

body.site-light-theme .text-color {
    color: var(--cyber-ink) !important;
}

body.site-light-theme .bg-gris {
    background: #fff !important;
}

body.site-light-theme .table-responsive,
body.site-light-theme .dataTables_wrapper {
    border-radius: 8px;
}

body.site-light-theme .table {
    width: 100%;
    min-width: 720px;
    margin-bottom: 0;
    color: #344a64;
    background: #fff;
    border-collapse: separate;
    border-spacing: 0;
    font-size: .91rem;
}

body.site-light-theme .table thead th {
    padding: 13px 15px;
    color: #3a4e68;
    background: #edf5fb;
    border-top: 0;
    border-bottom: 1px solid #d7e5f0;
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .065em;
    text-transform: uppercase;
    white-space: nowrap;
}

body.site-light-theme .table tbody td {
    padding: 12px 15px;
    vertical-align: middle;
    border-top: 1px solid #e8eef5;
}

body.site-light-theme .table td,
body.site-light-theme .table th {
    border-color: #e1eaf2;
}

body.site-light-theme .table-striped tbody tr:nth-of-type(odd) {
    background-color: #f8fbfe;
}

body.site-light-theme .table-hover tbody tr {
    transition: background-color .16s ease, box-shadow .16s ease;
}

body.site-light-theme .table-hover tbody tr:hover {
    color: #1d3853;
    background-color: #edf9fc;
    box-shadow: inset 3px 0 #00a9c7;
}

body.site-light-theme .form-control,
body.site-light-theme .custom-select {
    min-height: 39px;
    color: #263a54;
    background-color: #fff;
    border: 1px solid #cbd9e6;
    border-radius: 6px;
    transition: border-color .18s ease, box-shadow .18s ease;
}

body.site-light-theme .form-control::placeholder {
    color: #8392a5;
}

body.site-light-theme .form-control:focus,
body.site-light-theme .custom-select:focus {
    color: #1b2c45;
    background: #fff;
    border-color: var(--cyber-cyan-bright);
    box-shadow: 0 0 0 3px var(--cyber-glow);
}

body.site-light-theme select option {
    color: #263a54;
    background: #fff;
}

body.site-light-theme .btn {
    border-radius: 6px;
    font-weight: 600;
    transition: color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body.site-light-theme .gradien {
    color: #fff;
    background: linear-gradient(105deg, #087f9d, #6554c0) !important;
    border-color: #087f9d;
    filter: none;
}

body.site-light-theme .gradien:hover {
    color: #fff;
    background: linear-gradient(105deg, #066981, #5544ad) !important;
    box-shadow: 0 5px 15px rgba(38, 104, 151, .2);
    transform: translateY(-2px);
}

body.site-light-theme .btn-primary {
    color: #fff;
    background: #087f9d;
    border-color: #087f9d;
}

body.site-light-theme .btn-primary:hover {
    color: #fff;
    background: #066981;
    border-color: #066981;
    box-shadow: 0 5px 14px rgba(0, 127, 158, .2);
    transform: translateY(-1px);
}

body.site-light-theme .modal-content,
body.site-light-theme .dropdown-menu {
    color: #344a64;
    background: #fff;
    border: 1px solid var(--cyber-line);
    border-radius: 9px;
    box-shadow: 0 14px 36px rgba(31, 59, 88, .15);
}

body.site-light-theme .modal-header,
body.site-light-theme .modal-footer {
    border-color: #e1eaf2;
}

body.site-light-theme .modal-title,
body.site-light-theme .dropdown-item {
    color: #1b2c45;
}

body.site-light-theme .dropdown-item:hover {
    color: #006f8b;
    background: #e8f7fb;
}

body.site-light-theme .close {
    color: #52657e;
    text-shadow: none;
}

body.site-light-theme .page-link {
    color: #3c5974;
    background: #fff;
    border-color: #d7e2ed;
    transition: color .16s ease, background .16s ease, border-color .16s ease;
}

body.site-light-theme .page-link:hover {
    color: #006f8b;
    background: #e8f7fb;
    border-color: #bce7f0;
}

body.site-light-theme .page-item.active .page-link {
    color: #fff;
    background: #087f9d;
    border-color: #087f9d;
}

body.site-light-theme .dataTables_wrapper .dataTables_info,
body.site-light-theme .dataTables_wrapper label {
    color: #586d84;
}

body.site-light-theme .dataTables_wrapper .dataTables_filter input,
body.site-light-theme .dataTables_wrapper .dataTables_length select {
    color: #263a54;
    background: #fff;
    border: 1px solid #cbd9e6;
    border-radius: 6px;
}

body.site-light-theme.auth-theme {
    min-height: 100vh;
    color: #263a54;
    background: radial-gradient(ellipse at 16% 12%, #ddf5f8 0, transparent 38%), linear-gradient(135deg, #f3f7fc, #eaf0f8) !important;
}

body.site-light-theme.auth-theme .login-box {
    border: 1px solid #d9e5ef !important;
    border-radius: 10px !important;
    background: #fff;
    box-shadow: 0 20px 56px rgba(31, 59, 88, .16) !important;
}

body.site-light-theme.auth-theme .login-card-body {
    color: #344a64;
    background: transparent;
}

body.site-light-theme.auth-theme .login-card-body h4 {
    color: #1b2c45;
}

body.site-light-theme.auth-theme .input-group-text {
    color: #63778e;
    background: #edf5fb !important;
    border-color: #cbd9e6;
}

body.site-light-theme.auth-theme .input-group-text span,
body.site-light-theme.auth-theme a {
    color: #087f9d;
}

body.site-light-theme.auth-theme .btn-primary {
    color: #fff;
    background: linear-gradient(105deg, #087f9d, #6554c0);
    border-color: #087f9d;
}

body.site-light-theme.auth-theme .btn-primary:hover {
    color: #fff;
    background: linear-gradient(105deg, #066981, #5544ad);
}

body.site-light-theme.auth-theme .lockscreen-item {
    background: #fff;
    border: 1px solid #d7e2ed;
    border-radius: 8px;
}

body.site-light-theme {
    --cyber-ink: #17243b;
    --cyber-muted: #64748b;
    --cyber-bg: #f3f7fc;
    --cyber-surface: #fff;
    --cyber-line: #dce6f1;
    --cyber-cyan: #087f9d;
    --cyber-cyan-bright: #00a9c7;
    --cyber-violet: #6554c0;
    --cyber-glow: rgba(0, 169, 199, .17);
    color: var(--cyber-ink) !important;
    background: var(--cyber-bg) !important;
    font-family: 'Space Grotesk', 'Segoe UI', sans-serif !important;
}

body.site-light-theme .main-sidebar {
    background: #11182a !important;
    border-right: 1px solid #27324a;
    box-shadow: 10px 0 30px rgba(20, 33, 54, .16) !important;
}

body.site-light-theme .brand-link {
    background: linear-gradient(110deg, #151d33, #18243a);
    border-bottom-color: #293650 !important;
    color: #edf5ff !important;
}

body.site-light-theme .brand-link .brand-text {
    color: #edf5ff;
}

body.site-light-theme .user-panel {
    border-bottom-color: #293650 !important;
}

body.site-light-theme .user-panel .info a {
    color: #d7e3f2 !important;
}

body.site-light-theme .nav-sidebar .nav-link {
    color: #aab8cd !important;
    border-radius: 7px !important;
    transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

body.site-light-theme .nav-sidebar .nav-link .nav-icon {
    color: #8293ac !important;
    transition: color .18s ease, transform .18s ease;
}

body.site-light-theme .nav-sidebar .nav-link:hover {
    color: #f0fbff !important;
    background: #1d2b43 !important;
    border-color: #334866;
    box-shadow: 0 5px 16px rgba(0, 0, 0, .2);
    transform: translateX(4px);
}

body.site-light-theme .nav-sidebar .nav-link:hover .nav-icon {
    color: #30cbe4 !important;
    transform: translateY(-1px);
}

body.site-light-theme .nav-sidebar .nav-link.active,
body.site-light-theme .nav-sidebar .menu-open > .nav-link {
    color: #fff !important;
    background: linear-gradient(105deg, #087f9d, #6554c0) !important;
    border-color: transparent;
    box-shadow: 0 5px 16px rgba(39, 111, 160, .24);
}

body.site-light-theme .nav-sidebar .nav-link.active .nav-icon,
body.site-light-theme .nav-sidebar .menu-open > .nav-link .nav-icon {
    color: #fff !important;
}

body.site-light-theme .nav-treeview {
    background: transparent !important;
}

body.site-light-theme .main-header {
    min-height: 62px;
    background: #fff !important;
    border-bottom: 1px solid var(--cyber-line);
    box-shadow: 0 4px 18px rgba(28, 54, 83, .06);
}

body.site-light-theme .main-header .nav-link,
body.site-light-theme .main-header h5,
body.site-light-theme .main-header small {
    color: #344a64 !important;
}

body.site-light-theme .main-header [data-widget="pushmenu"]:hover {
    color: var(--cyber-cyan) !important;
    background: #e8f7fb;
}

body.site-light-theme .content-wrapper,
body.site-light-theme .panel-home {
    color: var(--cyber-ink) !important;
    background:
        linear-gradient(rgba(0, 127, 158, .025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 127, 158, .025) 1px, transparent 1px),
        var(--cyber-bg) !important;
    background-size: 28px 28px, 28px 28px, auto !important;
}

body.site-light-theme .content-header h1,
body.site-light-theme .text-dark {
    color: #1b2c45 !important;
}

body.site-light-theme .card {
    color: var(--cyber-ink);
    background: #fff;
    border: 1px solid var(--cyber-line);
    border-radius: 9px;
    box-shadow: 0 7px 22px rgba(31, 59, 88, .065) !important;
}

body.site-light-theme .card-header {
    color: var(--cyber-ink);
    background: linear-gradient(100deg, #fff, #f5faff);
    border-bottom: 1px solid var(--cyber-line);
}

body.site-light-theme .card-title,
body.site-light-theme .card h1,
body.site-light-theme .card h2,
body.site-light-theme .card h3,
body.site-light-theme .card h4,
body.site-light-theme .card h5 {
    color: #1b2c45;
}

body.site-light-theme .text-color {
    color: var(--cyber-ink) !important;
}

body.site-light-theme .bg-gris {
    background: #fff !important;
}

body.site-light-theme .table {
    width: 100%;
    min-width: 720px;
    color: #344a64;
    background: #fff;
    border-collapse: separate;
    border-spacing: 0;
    font-size: .91rem;
}

body.site-light-theme .table thead th {
    padding: 13px 15px;
    color: #3a4e68;
    background: #edf5fb;
    border-top: 0;
    border-bottom: 1px solid #d7e5f0;
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .065em;
    text-transform: uppercase;
    white-space: nowrap;
}

body.site-light-theme .table tbody td {
    padding: 12px 15px;
    vertical-align: middle;
    border-top: 1px solid #e8eef5;
}

body.site-light-theme .table td,
body.site-light-theme .table th {
    border-color: #e1eaf2;
}

body.site-light-theme .table-striped tbody tr:nth-of-type(odd) {
    background: #f8fbfe;
}

body.site-light-theme .table-hover tbody tr {
    transition: background-color .16s ease, box-shadow .16s ease;
}

body.site-light-theme .table-hover tbody tr:hover {
    color: #1d3853;
    background: #edf9fc;
    box-shadow: inset 3px 0 #00a9c7;
}

body.site-light-theme .form-control,
body.site-light-theme .custom-select {
    min-height: 39px;
    color: #263a54;
    background: #fff;
    border: 1px solid #cbd9e6;
    border-radius: 6px;
}

body.site-light-theme .form-control:focus,
body.site-light-theme .custom-select:focus {
    border-color: #00a9c7;
    box-shadow: 0 0 0 3px var(--cyber-glow);
}

body.site-light-theme .form-control::placeholder {
    color: #8392a5;
}

body.site-light-theme .modal-content,
body.site-light-theme .dropdown-menu {
    color: #344a64;
    background: #fff;
    border: 1px solid var(--cyber-line);
}

body.site-light-theme .modal-title,
body.site-light-theme .dropdown-item {
    color: #1b2c45;
}

body.site-light-theme .dropdown-item:hover {
    color: #006f8b;
    background: #e8f7fb;
}

body.site-light-theme .page-link {
    color: #3c5974;
    background: #fff;
    border-color: #d7e2ed;
}

body.site-light-theme .page-item.active .page-link {
    color: #fff;
    background: #087f9d;
    border-color: #087f9d;
}

body.site-light-theme .gradien {
    color: #fff;
    background: linear-gradient(105deg, #087f9d, #6554c0) !important;
    border-color: #087f9d;
    filter: none;
}

body.site-light-theme .gradien:hover {
    color: #fff;
    background: linear-gradient(105deg, #066981, #5544ad) !important;
    box-shadow: 0 5px 15px rgba(38, 104, 151, .2);
    transform: translateY(-2px);
}

body.site-light-theme .product-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 420px;
    padding: 14px !important;
    align-items: stretch;
    border: 1px solid #dce6f1;
    border-radius: 12px;
    background: linear-gradient(155deg, #fff 62%, #f2faff);
    text-align: left;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

body.site-light-theme .product-card:hover {
    transform: translateY(-5px);
    border-color: #91d7e5;
    box-shadow: 0 15px 32px rgba(28, 86, 122, .14) !important;
}

body.site-light-theme .product-card .ribbon-wrapper {
    z-index: 2;
}

body.site-light-theme .product-card .ribbon.search {
    max-width: 100%;
    overflow: hidden;
    color: #fff !important;
    background: linear-gradient(100deg, #087f9d, #6554c0) !important;
    border: 0;
    text-overflow: ellipsis;
}

body.site-light-theme .product-card-image {
    width: 100%;
    height: 178px;
    margin: 34px auto 4px;
    object-fit: cover;
    border: 3px solid #e5f2f7;
    border-radius: 9px !important;
    background: #edf5fb;
    box-shadow: 0 7px 18px rgba(31, 59, 88, .12) !important;
}

body.site-light-theme .product-card .card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 12px 4px 4px;
}

body.site-light-theme .product-card-price {
    min-height: 34px;
    margin: 0 0 9px;
    color: #087f9d !important;
    font-size: 1.35rem;
    font-weight: 700;
}

body.site-light-theme .product-card-price small {
    color: #73869b;
    font-size: .72rem;
    font-weight: 600;
}

body.site-light-theme .product-card .product-fulfillment {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: -2px 0 12px;
    padding: 9px 11px;
    border: 1px solid;
    border-radius: 7px;
    font-size: .84rem;
    font-weight: 700;
    line-height: 1.35;
}

body.site-light-theme .product-card .product-fulfillment[hidden] {
    display: none;
}

body.site-light-theme .product-card .product-fulfillment.is-instant {
    color: #17653d;
    background: #e9f8ef;
    border-color: #b7e4c8;
}

body.site-light-theme .product-card .product-fulfillment.is-order {
    color: #805309;
    background: #fff5dc;
    border-color: #efd38a;
}

body.site-light-theme .product-card .fulfillment-icon {
    flex: 0 0 auto;
    font-size: 1rem;
}

body.site-light-theme .product-card-hint {
    margin-bottom: 13px;
    padding: 8px 10px;
    color: #52657d;
    background: #edf5fb;
    border: 1px solid #dceaf3;
    border-radius: 6px;
    font-size: .82rem;
}

body.site-light-theme .product-card .row.mb-2 {
    flex-wrap: nowrap;
    align-items: center;
    margin: auto -4px 12px;
}

body.site-light-theme .product-card label {
    color: #53677f;
    font-size: .8rem;
    font-weight: 600;
    white-space: nowrap;
}

body.site-light-theme .product-card .form-control {
    min-width: 0;
    min-height: 36px;
    padding: 5px 7px;
    font-size: .82rem;
}

body.site-light-theme .product-card .achaterButton {
    width: 100%;
    min-height: 40px;
    margin-top: auto;
    border-radius: 7px;
    font-weight: 700;
    letter-spacing: .025em;
}

body.site-light-theme .product-card .achaterButton:disabled {
    opacity: .58;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

body.site-light-theme.auth-theme {
    min-height: 100vh;
    color: #263a54;
    background: radial-gradient(ellipse at 16% 12%, #ddf5f8 0, transparent 38%), linear-gradient(135deg, #f3f7fc, #eaf0f8) !important;
}

body.site-light-theme.auth-theme .login-box {
    border: 1px solid #d9e5ef !important;
    border-radius: 10px !important;
    background: #fff;
    box-shadow: 0 20px 56px rgba(31, 59, 88, .16) !important;
}

body.site-light-theme.auth-theme .login-card-body {
    color: #344a64;
    background: transparent;
}

body.site-light-theme.auth-theme .login-card-body h4 {
    color: #1b2c45;
}

body.site-light-theme.auth-theme .input-group-text {
    color: #63778e;
    background: #edf5fb !important;
    border-color: #cbd9e6;
}

body.site-light-theme.auth-theme .input-group-text span,
body.site-light-theme.auth-theme a {
    color: #087f9d;
}

body.site-light-theme.auth-theme .btn-primary {
    color: #fff;
    background: linear-gradient(105deg, #087f9d, #6554c0);
    border-color: #087f9d;
}

body.site-light-theme.auth-theme .btn-primary:hover {
    color: #fff;
    background: linear-gradient(105deg, #066981, #5544ad);
}

body.site-light-theme.auth-theme .lockscreen-item {
    background: #fff;
    border: 1px solid #d7e2ed;
    border-radius: 8px;
}

body.site-light-theme .main-sidebar {
    background: #11182a !important;
    border-right: 1px solid #27324a;
    box-shadow: 10px 0 30px rgba(20, 33, 54, .16) !important;
}

body.site-light-theme .brand-link {
    background: linear-gradient(110deg, #151d33, #18243a);
    border-bottom-color: #293650 !important;
    color: #edf5ff !important;
}

body.site-light-theme .brand-link .brand-text {
    color: #edf5ff;
}

body.site-light-theme .user-panel {
    border-bottom-color: #293650 !important;
}

body.site-light-theme .user-panel .info a {
    color: #d7e3f2 !important;
}

body.site-light-theme .nav-sidebar .nav-link {
    color: #aab8cd !important;
}

body.site-light-theme .nav-sidebar .nav-link .nav-icon {
    color: #8293ac !important;
}

body.site-light-theme .nav-sidebar .nav-link:hover {
    color: #f0fbff !important;
    background: #1d2b43 !important;
    border-color: #334866;
    box-shadow: 0 5px 16px rgba(0, 0, 0, .2);
}

body.site-light-theme .nav-sidebar .nav-link:hover .nav-icon {
    color: #30cbe4 !important;
}

body.site-light-theme .nav-sidebar .nav-link.active,
body.site-light-theme .nav-sidebar .menu-open > .nav-link {
    color: #fff !important;
    background: linear-gradient(105deg, #087f9d, #6554c0) !important;
    border-color: transparent;
    box-shadow: 0 5px 16px rgba(39, 111, 160, .24);
}

body.site-light-theme .nav-sidebar .nav-link.active .nav-icon,
body.site-light-theme .nav-sidebar .menu-open > .nav-link .nav-icon {
    color: #fff !important;
}

body.site-light-theme .nav-treeview .nav-link:hover {
    background: #1a263b !important;
}

body.site-light-theme {
    --gold-ink: #59451f;
    --gold-main: #b28a3b;
    --gold-bright: #d3b36a;
    --gold-pale: #f7f0df;
    --gold-border: #e7dcc1;
    background: #f8f6f0 !important;
}

body.site-light-theme .content-wrapper,
body.site-light-theme .panel-home {
    background: #f8f6f0 !important;
}

body.site-light-theme .content-wrapper {
    background-image: radial-gradient(ellipse at 86% 0, rgba(210, 184, 125, .13), transparent 36%) !important;
}

body.site-light-theme .content-header h1,
body.site-light-theme .text-dark,
body.site-light-theme .card-title,
body.site-light-theme .card h1,
body.site-light-theme .card h2,
body.site-light-theme .card h3,
body.site-light-theme .card h4,
body.site-light-theme .card h5 {
    color: #3e3524 !important;
}

body.site-light-theme .brand-link {
    border-bottom-color: #eee6d4 !important;
    color: #493a20 !important;
}

body.site-light-theme .brand-link .brand-text {
    color: #493a20;
}

body.site-light-theme .user-panel {
    border-bottom-color: #eee6d4 !important;
}

body.site-light-theme .user-panel .info a {
    color: #5a4a2d !important;
}

body.site-light-theme .nav-sidebar .nav-link {
    color: #675a42 !important;
}

body.site-light-theme .nav-sidebar .nav-link .nav-icon {
    color: #a38e65 !important;
}

body.site-light-theme .nav-sidebar .nav-link:hover {
    color: #76591e !important;
    background: #f7f0df !important;
    border-color: #ecdfc2;
    box-shadow: 0 4px 12px rgba(131, 98, 36, .09);
}

body.site-light-theme .nav-sidebar .nav-link:hover .nav-icon {
    color: #b28a3b !important;
}

body.site-light-theme .nav-sidebar .nav-link.active,
body.site-light-theme .nav-sidebar .menu-open > .nav-link {
    color: #fffdf8 !important;
    background: linear-gradient(110deg, #9d762f, #c4a255) !important;
    border-color: #a9843f;
    box-shadow: 0 5px 16px rgba(143, 105, 37, .22);
}

body.site-light-theme .nav-sidebar .nav-link.active .nav-icon,
body.site-light-theme .nav-sidebar .menu-open > .nav-link .nav-icon {
    color: #fff8e8 !important;
}

body.site-light-theme .main-header {
    border-bottom-color: #e9e1d1;
    box-shadow: 0 4px 16px rgba(68, 54, 28, .06);
}

body.site-light-theme .main-header [data-widget="pushmenu"]:hover {
    color: #9d762f !important;
    background: #f7f0df;
}

body.site-light-theme .card {
    border-color: #e9e2d4;
    box-shadow: 0 8px 22px rgba(68, 54, 28, .06) !important;
}

body.site-light-theme .card-header {
    border-bottom-color: #eee8dc;
}

body.site-light-theme .table thead th {
    color: #594a30;
    background: #f5f0e5;
    border-color: #e7dfcf;
}

body.site-light-theme .table td,
body.site-light-theme .table th {
    border-color: #ebe5d9;
}

body.site-light-theme .table-striped tbody tr:nth-of-type(odd) {
    background-color: #fbfaf6;
}

body.site-light-theme .table-hover tbody tr:hover {
    color: #493a20;
    background-color: #faf4e5;
}

body.site-light-theme .form-control:focus,
body.site-light-theme .custom-select:focus {
    border-color: #c5a45f;
    box-shadow: 0 0 0 .2rem rgba(178, 138, 59, .18);
}

body.site-light-theme .dropdown-item:hover {
    color: #76591e;
    background: #f7f0df;
}

body.site-light-theme .page-link {
    color: #76591e;
    border-color: #e7dfcf;
}

body.site-light-theme .page-link:hover {
    color: #59451f;
    background: #f7f0df;
    border-color: #ddcca5;
}

body.site-light-theme .page-item.active .page-link {
    color: #fff;
    background: #a9843f;
    border-color: #a9843f;
}

body.site-light-theme .gradien {
    color: #fffdf8;
    background: linear-gradient(110deg, #96702d, #c4a255) !important;
    border-color: #a9843f;
}

body.site-light-theme .gradien:hover {
    color: #fff;
    background: linear-gradient(110deg, #805d24, #ae873c) !important;
    box-shadow: 0 6px 16px rgba(143, 105, 37, .2);
}

body.site-light-theme .btn-primary {
    color: #fffdf8;
    background: #a9843f;
    border-color: #a9843f;
}

body.site-light-theme .btn-primary:hover {
    color: #fff;
    background: #8d6b30;
    border-color: #8d6b30;
    box-shadow: 0 5px 14px rgba(143, 105, 37, .2);
}

body.site-light-theme.auth-theme {
    background: radial-gradient(ellipse at 15% 10%, #f2e8cf 0, transparent 38%), linear-gradient(135deg, #f8f6f0, #eee8d9) !important;
}

body.site-light-theme.auth-theme .login-box {
    border-color: #e7dcc1 !important;
    box-shadow: 0 22px 60px rgba(68, 54, 28, .14) !important;
}

body.site-light-theme.auth-theme .input-group-text span,
body.site-light-theme.auth-theme a {
    color: #9d762f;
}

body.site-light-theme.auth-theme .btn-primary {
    color: #fffdf8;
    background: linear-gradient(110deg, #96702d, #c4a255);
    border-color: #a9843f;
}

body.site-light-theme.auth-theme .btn-primary:hover {
    color: #fff;
    background: #805d24;
}

body.site-light-theme {
    --cyber-ink: #17243b;
    --cyber-muted: #64748b;
    --cyber-bg: #f3f7fc;
    --cyber-surface: #fff;
    --cyber-line: #dce6f1;
    --cyber-cyan: #087f9d;
    --cyber-cyan-bright: #00a9c7;
    --cyber-violet: #6554c0;
    --cyber-glow: rgba(0, 169, 199, .17);
    color: var(--cyber-ink) !important;
    background: var(--cyber-bg) !important;
}

body.site-light-theme .content-wrapper,
body.site-light-theme .panel-home {
    color: var(--cyber-ink) !important;
    background: var(--cyber-bg) !important;
}

body.site-light-theme .main-header {
    background: #fff !important;
    border-bottom-color: #dce6f1;
    box-shadow: 0 4px 18px rgba(28, 54, 83, .06);
}

body.site-light-theme .content-header h1,
body.site-light-theme .text-dark,
body.site-light-theme .card-title,
body.site-light-theme .card h1,
body.site-light-theme .card h2,
body.site-light-theme .card h3,
body.site-light-theme .card h4,
body.site-light-theme .card h5 {
    color: #1b2c45 !important;
}

body.site-light-theme .card {
    color: var(--cyber-ink);
    background: #fff;
    border-color: var(--cyber-line);
    box-shadow: 0 7px 22px rgba(31, 59, 88, .065) !important;
}

body.site-light-theme .card-header {
    color: var(--cyber-ink);
    background: linear-gradient(100deg, #fff, #f5faff);
    border-bottom-color: var(--cyber-line);
}

body.site-light-theme .table {
    color: #344a64;
    background: #fff;
}

body.site-light-theme .table thead th {
    color: #3a4e68;
    background: #edf5fb;
    border-color: #d7e5f0;
}

body.site-light-theme .table td,
body.site-light-theme .table th {
    border-color: #e1eaf2;
}

body.site-light-theme .table-striped tbody tr:nth-of-type(odd) {
    background: #f8fbfe;
}

body.site-light-theme .table-hover tbody tr:hover {
    color: #1d3853;
    background: #edf9fc;
    box-shadow: inset 3px 0 #00a9c7;
}

body.site-light-theme .form-control,
body.site-light-theme .custom-select {
    color: #263a54;
    background: #fff;
    border-color: #cbd9e6;
}

body.site-light-theme .form-control:focus,
body.site-light-theme .custom-select:focus {
    color: #1b2c45;
    background: #fff;
    border-color: #00a9c7;
    box-shadow: 0 0 0 3px var(--cyber-glow);
}

body.site-light-theme .form-control::placeholder {
    color: #8392a5;
}

body.site-light-theme .modal-content,
body.site-light-theme .dropdown-menu {
    color: #344a64;
    background: #fff;
    border-color: var(--cyber-line);
}

body.site-light-theme .modal-title,
body.site-light-theme .dropdown-item {
    color: #1b2c45;
}

body.site-light-theme .dropdown-item:hover {
    color: #006f8b;
    background: #e8f7fb;
}

body.site-light-theme .page-link {
    color: #3c5974;
    background: #fff;
    border-color: #d7e2ed;
}

body.site-light-theme .page-link:hover {
    color: #006f8b;
    background: #e8f7fb;
    border-color: #bce7f0;
}

body.site-light-theme .page-item.active .page-link {
    color: #fff;
    background: #087f9d;
    border-color: #087f9d;
}

body.site-light-theme .gradien {
    color: #fff;
    background: linear-gradient(105deg, #087f9d, #6554c0) !important;
    border-color: #087f9d;
}

body.site-light-theme .gradien:hover {
    color: #fff;
    background: linear-gradient(105deg, #066981, #5544ad) !important;
    box-shadow: 0 5px 15px rgba(38, 104, 151, .2);
}

body.site-light-theme .product-card {
    flex-direction: column;
    color: var(--cyber-ink);
    background: linear-gradient(155deg, #fff 62%, #f2faff);
    border-color: #dce6f1;
}

body.site-light-theme .product-card-title {
    display: -webkit-box;
    min-height: 46px;
    max-height: 46px;
    margin: 0 0 12px;
    overflow: hidden;
    color: #203651;
    font-size: 1.02rem;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

body.site-light-theme .product-card-image {
    width: 100%;
    height: 178px;
    margin: 0 auto 4px;
    object-fit: cover;
    border: 3px solid #e5f2f7;
    border-radius: 9px !important;
}

body.site-light-theme .product-card-price {
    color: #087f9d !important;
}

body.site-light-theme .product-card-hint {
    color: #52657d;
    background: #edf5fb;
    border-color: #dceaf3;
}

body.site-light-theme.auth-theme {
    color: #263a54;
    background: radial-gradient(ellipse at 16% 12%, #ddf5f8 0, transparent 38%), linear-gradient(135deg, #f3f7fc, #eaf0f8) !important;
}

body.site-light-theme.auth-theme .login-box {
    border-color: #d9e5ef !important;
    background: #fff;
    box-shadow: 0 20px 56px rgba(31, 59, 88, .16) !important;
}

body.site-light-theme.auth-theme .login-card-body {
    color: #344a64;
    background: transparent;
}

body.site-light-theme.auth-theme .login-card-body h4 {
    color: #1b2c45;
}

body.site-light-theme.auth-theme .input-group-text {
    color: #63778e;
    background: #edf5fb !important;
    border-color: #cbd9e6;
}

body.site-light-theme.auth-theme .input-group-text span,
body.site-light-theme.auth-theme a {
    color: #087f9d;
}

body.site-light-theme.auth-theme .btn-primary {
    color: #fff;
    background: linear-gradient(105deg, #087f9d, #6554c0);
    border-color: #087f9d;
}

body.site-light-theme.auth-theme .btn-primary:hover {
    color: #fff;
    background: linear-gradient(105deg, #066981, #5544ad);
}

body.site-light-theme.auth-theme .lockscreen-item {
    background: #fff;
    border-color: #d7e2ed;
}

body.site-light-theme .main-sidebar {
    background: #11182a !important;
    border-right: 1px solid #27324a;
    box-shadow: 10px 0 30px rgba(20, 33, 54, .16) !important;
}

body.site-light-theme .brand-link {
    background: linear-gradient(110deg, #151d33, #18243a);
    border-bottom-color: #293650 !important;
    color: #edf5ff !important;
}

body.site-light-theme .brand-link .brand-text {
    color: #edf5ff;
}

body.site-light-theme .user-panel {
    border-bottom-color: #293650 !important;
}

body.site-light-theme .user-panel .info a {
    color: #d7e3f2 !important;
}

body.site-light-theme .nav-sidebar .nav-link {
    color: #aab8cd !important;
    border-radius: 7px !important;
}

body.site-light-theme .nav-sidebar .nav-link .nav-icon {
    color: #8293ac !important;
}

body.site-light-theme .nav-sidebar .nav-link:hover {
    color: #f0fbff !important;
    background: #1d2b43 !important;
    border-color: #334866;
}

body.site-light-theme .nav-sidebar .nav-link:hover .nav-icon {
    color: #30cbe4 !important;
}

body.site-light-theme .nav-sidebar .nav-link.active,
body.site-light-theme .nav-sidebar .menu-open > .nav-link {
    color: #fff !important;
    background: linear-gradient(105deg, #087f9d, #6554c0) !important;
    border-color: transparent;
}

body.site-light-theme .nav-sidebar .nav-link.active .nav-icon,
body.site-light-theme .nav-sidebar .menu-open > .nav-link .nav-icon {
    color: #fff !important;
}

body.site-light-theme .product-card-image {
    height: 210px;
}

body.site-light-theme .dashboard-page {
    padding-bottom: 24px;
}

body.site-light-theme .dashboard-welcome {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 8px 0 24px;
    padding: 28px 32px;
    color: #fff;
    background: linear-gradient(115deg, #10243b, #087f9d 68%, #6554c0);
    border-radius: 18px;
    box-shadow: 0 14px 34px rgba(20, 67, 102, .16);
}

body.site-light-theme .dashboard-welcome h2 {
    margin: 6px 0;
    color: #fff;
    font-size: 1.65rem;
    font-weight: 700;
}

body.site-light-theme .dashboard-welcome p {
    margin: 0;
    color: rgba(240, 249, 255, .78);
}

body.site-light-theme .dashboard-welcome .dashboard-eyebrow {
    color: #9deafa;
}

body.site-light-theme .dashboard-eyebrow {
    display: block;
    color: #0a829e;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .13em;
}

body.site-light-theme .dashboard-history-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 10px 15px;
    color: #fff;
    background: rgba(255, 255, 255, .13);
    border: 1px solid rgba(255, 255, 255, .26);
    border-radius: 10px;
    font-weight: 700;
    white-space: nowrap;
    transition: background .2s ease, transform .2s ease;
}

body.site-light-theme .dashboard-history-link:hover {
    color: #fff;
    background: rgba(255, 255, 255, .23);
    text-decoration: none;
    transform: translateY(-1px);
}

body.site-light-theme .dashboard-stat-grid {
    margin-bottom: 8px;
}

body.site-light-theme .dashboard-stat-card {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 122px;
    gap: 14px;
    margin-bottom: 18px;
    padding: 20px;
    background: #fff;
    border: 1px solid #e1eaf2;
    border-radius: 15px;
    box-shadow: 0 8px 24px rgba(30, 55, 80, .055);
    transition: transform .2s ease, box-shadow .2s ease;
}

body.site-light-theme .dashboard-stat-card:hover {
    box-shadow: 0 14px 30px rgba(30, 55, 80, .1);
    transform: translateY(-3px);
}

body.site-light-theme a.dashboard-stat-card,
body.site-light-theme a.dashboard-stat-card:hover {
    color: inherit;
    text-decoration: none;
}

body.site-light-theme .dashboard-action-card {
    cursor: pointer;
}

body.site-light-theme .dashboard-stat-icon {
    display: grid;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 14px;
    font-size: 1.05rem;
}

body.site-light-theme .dashboard-stat-icon.cyan {
    color: #087f9d;
    background: #e2f7fb;
}

body.site-light-theme .dashboard-stat-icon.violet {
    color: #6554c0;
    background: #efebff;
}

body.site-light-theme .dashboard-stat-icon.blue {
    color: #3972bb;
    background: #e9f1ff;
}

body.site-light-theme .dashboard-stat-icon.green {
    color: #168d72;
    background: #e4f7f0;
}

body.site-light-theme .dashboard-stat-card > div {
    min-width: 0;
}

body.site-light-theme .dashboard-stat-label {
    display: block;
    margin-bottom: 5px;
    color: #6d7f94;
    font-size: .78rem;
    font-weight: 600;
}

body.site-light-theme .dashboard-stat-card strong {
    display: block;
    overflow: hidden;
    color: #1d3049;
    font-size: 1.32rem;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.site-light-theme .dashboard-stat-card strong em {
    color: #718198;
    font-size: .75rem;
    font-style: normal;
    font-weight: 700;
}

body.site-light-theme .dashboard-stat-card > small {
    position: absolute;
    right: 16px;
    bottom: 11px;
    color: #94a2b3;
    font-size: .68rem;
}

body.site-light-theme .dashboard-panel {
    height: 100%;
    margin-bottom: 20px;
    padding: 22px;
    background: #fff;
    border: 1px solid #e1eaf2;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(30, 55, 80, .055);
}

body.site-light-theme .dashboard-panel-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}

body.site-light-theme .dashboard-panel-heading h3,
body.site-light-theme .dashboard-section-heading h3 {
    margin: 4px 0 0;
    color: #203651;
    font-size: 1.05rem;
    font-weight: 750;
}

body.site-light-theme .dashboard-period,
body.site-light-theme .dashboard-recent-count {
    padding: 7px 10px;
    color: #64778e;
    background: #f2f7fb;
    border: 1px solid #e6edf4;
    border-radius: 8px;
    font-size: .73rem;
    white-space: nowrap;
}

body.site-light-theme .dashboard-period i {
    margin-right: 5px;
    color: #087f9d;
}

body.site-light-theme .dashboard-panel-link {
    color: #087f9d;
    font-size: .78rem;
    font-weight: 700;
    white-space: nowrap;
}

body.site-light-theme .dashboard-panel-link:hover {
    color: #6554c0;
    text-decoration: none;
}

body.site-light-theme .dashboard-panel-link i {
    margin-left: 4px;
}

body.site-light-theme .dashboard-chart-wrap {
    position: relative;
    height: 278px;
}

body.site-light-theme .dashboard-recent-list {
    max-height: 320px;
    overflow-y: auto;
}

body.site-light-theme .dashboard-recent-item {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 12px 0;
    border-bottom: 1px solid #edf1f5;
}

body.site-light-theme .dashboard-recent-item:last-child {
    border-bottom: 0;
}

body.site-light-theme .dashboard-insight-row {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 16px 0;
    border-bottom: 1px solid #edf1f5;
}

body.site-light-theme .dashboard-insight-row:last-child {
    border-bottom: 0;
}

body.site-light-theme .dashboard-insight-icon {
    display: grid;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    place-items: center;
    color: #087f9d;
    background: #e8f7fa;
    border-radius: 12px;
}

body.site-light-theme .dashboard-insight-icon.warning {
    color: #a56c18;
    background: #fff5df;
}

body.site-light-theme .dashboard-insight-row > div {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

body.site-light-theme .dashboard-insight-row strong {
    color: #203651;
    font-size: 1.15rem;
}

body.site-light-theme .dashboard-insight-row > div span {
    color: #718198;
    font-size: .78rem;
}

body.site-light-theme .dashboard-recent-icon {
    display: grid;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    place-items: center;
    color: #087f9d;
    background: #e8f7fa;
    border-radius: 11px;
}

body.site-light-theme .dashboard-recent-details {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
    gap: 3px;
}

body.site-light-theme .dashboard-recent-details strong {
    overflow: hidden;
    color: #263a54;
    font-size: .84rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.site-light-theme .dashboard-recent-details span,
body.site-light-theme .dashboard-recent-details small {
    overflow: hidden;
    color: #75869a;
    font-size: .72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.site-light-theme .dashboard-recent-amount {
    color: #087f9d;
    font-size: .8rem;
    font-weight: 800;
    white-space: nowrap;
}

body.site-light-theme .dashboard-recent-amount small {
    font-size: .65rem;
}

body.site-light-theme .dashboard-empty {
    display: grid;
    min-height: 220px;
    align-content: center;
    justify-items: center;
    color: #8292a5;
    text-align: center;
}

body.site-light-theme .dashboard-empty i {
    margin-bottom: 10px;
    color: #9bb1c4;
    font-size: 1.7rem;
}

body.site-light-theme .dashboard-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 14px 0 16px;
}

body.site-light-theme .dashboard-message-list {
    display: grid;
    gap: 10px;
}

body.site-light-theme .dashboard-message-item {
    padding: 14px 16px;
    color: #42556d;
    background: #f5faff;
    border: 1px solid #e2edf5;
    border-left: 3px solid #0a91ad;
    border-radius: 9px;
    text-align: left;
}

body.site-light-theme .dashboard-announcements .dashboard-history-link {
    color: #087f9d;
    background: #e9f7fa;
    border-color: #d3edf2;
}

body.site-light-theme .dashboard-announcements .dashboard-history-link:hover {
    color: #fff;
    background: #087f9d;
}

body.site-light-theme .dashboard-page .info-box {
    min-height: 112px;
    color: #314760;
    background: #fff !important;
    border: 1px solid #e1eaf2;
    border-radius: 15px;
    box-shadow: 0 8px 24px rgba(30, 55, 80, .055) !important;
}

body.site-light-theme .dashboard-page .info-box .info-box-text {
    color: #718198;
}

body.site-light-theme .dashboard-page .info-box .info-box-number {
    color: #203651;
    font-weight: 750;
}

body.site-light-theme .dashboard-page .info-box-icon {
    border-radius: 12px !important;
}

@media (max-width: 767.98px) {
    body.site-light-theme .dashboard-welcome {
        align-items: flex-start;
        flex-direction: column;
        padding: 23px;
    }

    body.site-light-theme .dashboard-chart-wrap {
        height: 230px;
    }

    body.site-light-theme .dashboard-panel {
        padding: 17px;
    }
}

body.site-light-theme {
    --site-ink: #1d3049;
    --site-muted: #718198;
    --site-cyan: #087f9d;
    --site-violet: #6554c0;
    --site-line: #e1eaf2;
    --site-surface: #fff;
    --site-canvas: #f3f7fc;
    color: var(--site-ink) !important;
    background: var(--site-canvas) !important;
}

body.site-light-theme .content-wrapper,
body.site-light-theme .panel-home,
body.site-light-theme .right-side {
    color: var(--site-ink) !important;
    background: var(--site-canvas) !important;
}

body.site-light-theme .content-header {
    padding: 20px 1rem 10px;
}

body.site-light-theme .content-header h1,
body.site-light-theme .content-header h2,
body.site-light-theme .content-header h3 {
    color: var(--site-ink);
    font-weight: 700;
}

body.site-light-theme .breadcrumb {
    background: transparent;
}

body.site-light-theme .breadcrumb,
body.site-light-theme .breadcrumb a,
body.site-light-theme .breadcrumb-item.active {
    color: var(--site-muted) !important;
}

body.site-light-theme .card,
body.site-light-theme .callout,
body.site-light-theme .list-group,
body.site-light-theme .dataTables_wrapper .dataTables_paginate,
body.site-light-theme .dataTables_wrapper .dataTables_info {
    border-color: var(--site-line);
    border-radius: 14px;
}

body.site-light-theme .card,
body.site-light-theme .callout,
body.site-light-theme .info-box,
body.site-light-theme .small-box {
    color: var(--site-ink);
    background-color: var(--site-surface);
    border: 1px solid var(--site-line);
    box-shadow: 0 8px 24px rgba(30, 55, 80, .055);
}

body.site-light-theme .card {
    border-radius: 14px;
}

body.site-light-theme .card-header,
body.site-light-theme .card-footer {
    color: var(--site-ink);
    background: #f7faff;
    border-color: var(--site-line);
}

body.site-light-theme .card-title,
body.site-light-theme .card h1,
body.site-light-theme .card h2,
body.site-light-theme .card h3,
body.site-light-theme .card h4,
body.site-light-theme .card h5,
body.site-light-theme .callout h1,
body.site-light-theme .callout h2,
body.site-light-theme .callout h3,
body.site-light-theme .callout h4,
body.site-light-theme .callout h5 {
    color: var(--site-ink);
}

body.site-light-theme .card-primary:not(.card-outline) > .card-header,
body.site-light-theme .card-info:not(.card-outline) > .card-header,
body.site-light-theme .card-success:not(.card-outline) > .card-header,
body.site-light-theme .card-warning:not(.card-outline) > .card-header,
body.site-light-theme .card-danger:not(.card-outline) > .card-header {
    color: var(--site-ink);
    background: #f7faff;
    border-bottom: 1px solid var(--site-line);
}

body.site-light-theme .table,
body.site-light-theme .table-dark {
    color: #344a64;
    background: var(--site-surface);
}

body.site-light-theme .table thead th,
body.site-light-theme .table-dark thead th {
    color: #53677f;
    background: #f2f7fb;
    border-color: var(--site-line);
    font-size: .76rem;
    font-weight: 750;
    letter-spacing: .025em;
    vertical-align: middle;
}

body.site-light-theme .table td,
body.site-light-theme .table th,
body.site-light-theme .table-dark td,
body.site-light-theme .table-dark th {
    border-color: #eaf0f5;
    vertical-align: middle;
}

body.site-light-theme .table-striped tbody tr:nth-of-type(odd),
body.site-light-theme .table-dark.table-striped tbody tr:nth-of-type(odd) {
    background: #f9fbfd;
}

body.site-light-theme .table-hover tbody tr:hover,
body.site-light-theme .table-dark.table-hover tbody tr:hover {
    color: var(--site-ink);
    background: #edf8fb;
}

body.site-light-theme .form-control,
body.site-light-theme .custom-select,
body.site-light-theme .input-group-text {
    color: #344a64;
    background-color: #fff;
    border-color: #d3deea;
    border-radius: 8px;
}

body.site-light-theme .input-group-text {
    background: #f2f7fb;
}

body.site-light-theme .form-control::placeholder {
    color: #91a0b1;
}

body.site-light-theme .form-control:focus,
body.site-light-theme .custom-select:focus {
    color: var(--site-ink);
    border-color: var(--site-cyan);
    box-shadow: 0 0 0 .2rem rgba(8, 127, 157, .14);
}

body.site-light-theme .custom-control-input:checked ~ .custom-control-label::before,
body.site-light-theme .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--site-cyan);
    border-color: var(--site-cyan);
}

body.site-light-theme .btn {
    border-radius: 8px;
    font-weight: 650;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body.site-light-theme .btn-primary,
body.site-light-theme .btn-info,
body.site-light-theme .gradien {
    color: #fff !important;
    background: linear-gradient(105deg, var(--site-cyan), var(--site-violet)) !important;
    border-color: transparent !important;
}

body.site-light-theme .btn-primary:hover,
body.site-light-theme .btn-info:hover,
body.site-light-theme .gradien:hover {
    color: #fff !important;
    background: linear-gradient(105deg, #066981, #5544ad) !important;
    border-color: transparent !important;
    box-shadow: 0 6px 16px rgba(8, 127, 157, .18);
    transform: translateY(-1px);
}

body.site-light-theme .btn-outline-primary,
body.site-light-theme .btn-outline-info {
    color: var(--site-cyan);
    border-color: #a9dce6;
}

body.site-light-theme .btn-outline-primary:hover,
body.site-light-theme .btn-outline-info:hover {
    color: #fff;
    background: var(--site-cyan);
    border-color: var(--site-cyan);
}

body.site-light-theme .btn-secondary,
body.site-light-theme .btn-default {
    color: #52677f;
    background: #f2f7fb;
    border-color: #dbe5ee;
}

body.site-light-theme .btn-secondary:hover,
body.site-light-theme .btn-default:hover {
    color: var(--site-ink);
    background: #e7eff6;
    border-color: #cbd9e6;
}

body.site-light-theme .page-link {
    color: #52677f;
    background: #fff;
    border-color: var(--site-line);
}

body.site-light-theme .page-link:hover {
    color: var(--site-cyan);
    background: #edf8fb;
    border-color: #cbe8ee;
}

body.site-light-theme .page-item.active .page-link {
    color: #fff;
    background: linear-gradient(105deg, var(--site-cyan), var(--site-violet));
    border-color: transparent;
}

body.site-light-theme .dropdown-menu {
    color: #344a64;
    background: #fff;
    border: 1px solid var(--site-line);
    border-radius: 11px;
    box-shadow: 0 12px 30px rgba(30, 55, 80, .12);
}

body.site-light-theme .dropdown-item {
    color: #344a64;
}

body.site-light-theme .dropdown-item:hover,
body.site-light-theme .dropdown-item:focus {
    color: var(--site-cyan);
    background: #edf8fb;
}

body.site-light-theme .alert {
    border: 1px solid transparent;
    border-radius: 11px;
}

body.site-light-theme .alert-primary,
body.site-light-theme .alert-info {
    color: #17657a;
    background: #e9f7fa;
    border-color: #caeaf0;
}

body.site-light-theme .alert-success {
    color: #286b55;
    background: #eaf7f1;
    border-color: #d0ecdf;
}

body.site-light-theme .alert-warning {
    color: #80621e;
    background: #fff7e5;
    border-color: #f3e5bd;
}

body.site-light-theme .alert-danger {
    color: #8b3e50;
    background: #fff0f2;
    border-color: #f3d7dd;
}

body.site-light-theme .badge-primary,
body.site-light-theme .badge-info {
    color: #fff;
    background: var(--site-cyan);
}

body.site-light-theme .badge-light {
    color: #53677f;
    background: #edf3f8;
}

body.site-light-theme .nav-tabs {
    border-bottom-color: var(--site-line);
}

body.site-light-theme .nav-tabs .nav-link {
    color: #64778e;
    border-color: transparent;
    border-radius: 9px 9px 0 0;
}

body.site-light-theme .nav-tabs .nav-link:hover {
    color: var(--site-cyan);
    background: #f2f8fb;
}

body.site-light-theme .nav-tabs .nav-link.active {
    color: var(--site-cyan);
    background: #fff;
    border-color: var(--site-line) var(--site-line) #fff;
    font-weight: 700;
}

body.site-light-theme .dataTables_wrapper,
body.site-light-theme .dataTables_wrapper .dataTables_info,
body.site-light-theme .dataTables_wrapper label {
    color: #64778e;
}

body.site-light-theme .dataTables_wrapper .dataTables_filter input,
body.site-light-theme .dataTables_wrapper .dataTables_length select {
    min-height: 36px;
    margin-left: 6px;
    padding: 5px 9px;
    color: #344a64;
    background: #fff;
    border: 1px solid #d3deea;
    border-radius: 8px;
}

body.site-light-theme .progress {
    background: #eaf0f5;
    border-radius: 99px;
}

body.site-light-theme .progress-bar {
    background: linear-gradient(105deg, var(--site-cyan), var(--site-violet));
}

body.site-light-theme .main-footer {
    color: #718198;
    background: #fff;
    border-top: 1px solid var(--site-line);
}

body.site-light-theme.auth-theme {
    color: var(--site-ink);
    background: radial-gradient(ellipse at 15% 10%, #def5f8 0, transparent 38%), linear-gradient(135deg, #f3f7fc, #eaf0f8) !important;
}

body.site-light-theme.auth-theme .login-box,
body.site-light-theme.auth-theme .login-card-body,
body.site-light-theme.auth-theme .lockscreen-item {
    color: #344a64;
    background: #fff;
    border-color: var(--site-line);
    border-radius: 14px;
    box-shadow: 0 12px 32px rgba(30, 55, 80, .08);
}

body.site-light-theme .content .info-box {
    display: flex;
    align-items: center;
    min-height: 122px;
    margin-bottom: 18px;
    padding: 18px;
    border-radius: 15px;
}

body.site-light-theme .content .info-box.bg-clignote {
    border-left: 4px solid #e3a23b;
    animation: none;
}

body.site-light-theme .content .info-box-icon {
    display: grid;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    place-items: center;
    margin-right: 14px;
    color: var(--site-cyan);
    background: #e2f7fb !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    font-size: 1.05rem;
}

body.site-light-theme .content .info-box-icon.bg-primary,
body.site-light-theme .content .info-box-icon.bg-info {
    color: #087f9d !important;
    background: #e2f7fb !important;
}

body.site-light-theme .content .info-box-icon.bg-success {
    color: #168d72 !important;
    background: #e4f7f0 !important;
}

body.site-light-theme .content .info-box-icon.bg-warning {
    color: #6554c0 !important;
    background: #efebff !important;
}

body.site-light-theme .content .info-box-icon.bg-danger {
    color: #b94b60 !important;
    background: #fff0f2 !important;
}

body.site-light-theme .content .info-box-icon a {
    color: inherit;
}

body.site-light-theme .content .info-box-content {
    padding: 0;
}

body.site-light-theme .content .info-box-text {
    color: var(--site-muted);
    font-size: .78rem;
    font-weight: 600;
}

body.site-light-theme .content .info-box-number {
    color: var(--site-ink);
    font-size: 1.32rem;
    font-weight: 750;
}

body.site-light-theme .content .card,
body.site-light-theme .content .callout,
body.site-light-theme .content .small-box,
body.site-light-theme .content .info-box {
    border-color: var(--site-line);
    border-radius: 15px;
    box-shadow: 0 8px 24px rgba(30, 55, 80, .055) !important;
}

body.site-light-theme .content .card-header,
body.site-light-theme .content .card-footer {
    background: #f7faff;
    border-color: var(--site-line);
}

body.site-light-theme .content .bg-dark:not(.info-box-icon):not(.badge):not(.btn) {
    color: var(--site-ink) !important;
    background-color: #fff !important;
    border-color: var(--site-line);
}

body.site-light-theme .content .bg-primary:not(.info-box-icon):not(.badge):not(.btn),
body.site-light-theme .content .bg-info:not(.info-box-icon):not(.badge):not(.btn) {
    color: #17657a !important;
    background-color: #e9f7fa !important;
    border-color: #caeaf0;
}

body.site-light-theme .content .bg-success:not(.info-box-icon):not(.badge):not(.btn) {
    color: #286b55 !important;
    background-color: #eaf7f1 !important;
    border-color: #d0ecdf;
}

body.site-light-theme .content .bg-warning:not(.info-box-icon):not(.badge):not(.btn) {
    color: #5d5298 !important;
    background-color: #f1effb !important;
    border-color: #dfdaf6;
}

body.site-light-theme .content .text-primary,
body.site-light-theme .content .text-info {
    color: var(--site-cyan) !important;
}

body.site-light-theme .content .text-warning {
    color: #6554c0 !important;
}

body.site-light-theme .content .btn-warning {
    color: #fff;
    background: linear-gradient(105deg, var(--site-cyan), var(--site-violet));
    border-color: transparent;
}

body.site-light-theme .content .btn-warning:hover {
    color: #fff;
    background: linear-gradient(105deg, #066981, #5544ad);
}

body.site-light-theme .content .table-responsive {
    border-radius: 11px;
}

body.site-light-theme .content .table-responsive > .table {
    margin-bottom: 0;
}

body.site-light-theme .content .table .btn,
body.site-light-theme .content .btn-group .btn {
    box-shadow: none;
}

@media (max-width: 767.98px) {
    body.site-light-theme .content .info-box {
        min-height: 104px;
        padding: 14px;
    }

    body.site-light-theme .content .info-box-icon {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
        margin-right: 11px;
    }
}

body.site-light-theme .main-sidebar .nav-sidebar > .nav-item {
    margin: 5px 10px;
}

body.site-light-theme .main-sidebar .nav-sidebar .nav-link {
    position: relative;
    overflow: hidden;
    min-height: 44px;
    padding: 10px 13px;
    color: #c3d0e0 !important;
    background: rgba(255, 255, 255, .035) !important;
    border: 1px solid rgba(177, 201, 228, .08) !important;
    border-radius: 11px !important;
    box-shadow: none;
    transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

body.site-light-theme .main-sidebar .nav-sidebar .nav-link p,
body.site-light-theme .main-sidebar .nav-sidebar .nav-link .nav-icon,
body.site-light-theme .main-sidebar .nav-sidebar .nav-link .right {
    color: inherit !important;
}

body.site-light-theme .main-sidebar .nav-sidebar .nav-link .nav-icon {
    color: #75cfe0 !important;
    transition: color .2s ease, transform .2s ease;
}

body.site-light-theme .main-sidebar .nav-sidebar .nav-link:hover {
    color: #f5fbff !important;
    background: linear-gradient(105deg, rgba(8, 127, 157, .2), rgba(101, 84, 192, .16)) !important;
    border-color: rgba(111, 204, 222, .3) !important;
    box-shadow: 0 5px 14px rgba(5, 15, 30, .16);
    transform: translateX(3px);
}

body.site-light-theme .main-sidebar .nav-sidebar .nav-link:hover .nav-icon {
    color: #a4eff8 !important;
    transform: scale(1.08);
}

body.site-light-theme .main-sidebar .nav-sidebar .nav-link.active,
body.site-light-theme .main-sidebar .nav-sidebar .menu-open > .nav-link {
    color: #fff !important;
    background: linear-gradient(110deg, #087f9d, #6554c0) !important;
    border-color: rgba(180, 239, 248, .35) !important;
    box-shadow: 0 7px 18px rgba(8, 127, 157, .24);
}

body.site-light-theme .main-sidebar .nav-sidebar .nav-link.active .nav-icon,
body.site-light-theme .main-sidebar .nav-sidebar .menu-open > .nav-link .nav-icon {
    color: #fff !important;
}

body.site-light-theme .main-sidebar .nav-treeview {
    margin: 4px 0 8px 12px;
    padding: 3px 0 3px 9px;
    border-left: 1px solid rgba(117, 207, 224, .24);
}

body.site-light-theme .main-sidebar .nav-treeview .nav-item {
    margin: 3px 0;
}

body.site-light-theme .main-sidebar .nav-treeview .nav-link {
    min-height: 36px;
    padding: 7px 10px;
    color: #aabbd0 !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 9px !important;
}

body.site-light-theme .main-sidebar .nav-treeview .nav-link:hover {
    color: #e8faff !important;
    background: rgba(8, 127, 157, .16) !important;
    border-color: rgba(111, 204, 222, .16) !important;
    box-shadow: none;
    transform: translateX(2px);
}

body.site-light-theme .profile-page {
    padding: 8px 0 30px;
}

body.site-light-theme .profile-shell {
    max-width: 1180px;
    padding: 0;
    overflow: hidden;
    color: #1d3049;
    background: #fff;
    border: 1px solid #e1eaf2;
    border-radius: 18px;
    box-shadow: 0 14px 36px rgba(30, 55, 80, .08);
}

body.site-light-theme .profile-shell > .row {
    min-height: 470px;
    margin: 0;
}

body.site-light-theme .profile-summary {
    padding: 38px 30px;
    color: #fff;
    background: linear-gradient(145deg, #10243b, #087f9d 68%, #6554c0);
    text-align: center;
}

body.site-light-theme .profile-summary .profile-img {
    width: 138px;
    height: 138px;
    padding: 5px;
    background: rgba(255, 255, 255, .16);
    border: 1px solid rgba(255, 255, 255, .42);
    box-shadow: 0 12px 28px rgba(8, 20, 40, .25) !important;
}

body.site-light-theme .profile-summary h2 {
    margin: 8px 0 20px;
    color: #fff;
    font-size: 1.35rem;
    font-weight: 750;
    overflow-wrap: anywhere;
}

body.site-light-theme .profile-summary p {
    margin: 0;
    padding: 13px 0;
    color: rgba(240, 249, 255, .8);
    border-top: 1px solid rgba(255, 255, 255, .16);
    font-size: .86rem;
    overflow-wrap: anywhere;
}

body.site-light-theme .profile-summary p b {
    color: #fff !important;
    font-size: 1rem;
}

body.site-light-theme .profile-summary .badge {
    padding: 6px 9px;
    border-radius: 20px;
}

body.site-light-theme .profile-settings {
    padding: 30px 34px;
}

body.site-light-theme .profile-settings .nav-tabs {
    gap: 7px;
    margin-bottom: 24px !important;
    padding: 5px;
    background: #f2f7fb;
    border: 1px solid #e5edf4;
    border-radius: 11px;
}

body.site-light-theme .profile-settings .nav-tabs .nav-item {
    margin-bottom: 0;
}

body.site-light-theme .profile-settings .nav-tabs .nav-link {
    padding: 9px 14px;
    color: #64778e;
    border: 0;
    border-radius: 8px;
    font-size: .86rem;
    font-weight: 650;
    transition: color .18s ease, background .18s ease, box-shadow .18s ease;
}

body.site-light-theme .profile-settings .nav-tabs .nav-link:hover {
    color: #087f9d;
    background: #e5f4f8;
}

body.site-light-theme .profile-settings .nav-tabs .nav-link.active {
    color: #087f9d;
    background: #fff;
    box-shadow: 0 3px 10px rgba(30, 55, 80, .08);
}

body.site-light-theme .profile-settings .tab-content h3 {
    margin: 0 0 7px;
    color: #1d3049;
    font-size: 1.25rem;
    font-weight: 750;
}

body.site-light-theme .profile-settings .tab-content h3::after {
    display: block;
    width: 42px;
    height: 3px;
    margin-top: 10px;
    content: "";
    background: linear-gradient(105deg, #087f9d, #6554c0);
    border-radius: 3px;
}

body.site-light-theme .profile-settings .form-group {
    margin: 18px 0;
}

body.site-light-theme .profile-settings label {
    color: #42556d;
    font-size: .84rem;
    font-weight: 650;
}

body.site-light-theme .profile-settings .form-control {
    min-height: 42px;
    padding: 9px 12px;
    border-color: #d3deea;
    border-radius: 9px;
}

body.site-light-theme .profile-settings input[type="file"].form-control {
    height: auto;
    padding: 7px;
}

body.site-light-theme .profile-settings .btn {
    min-height: 40px;
    padding: 9px 16px;
}

body.site-light-theme .profile-settings #previewImage {
    display: block;
    margin: 10px 0 18px;
}

body.site-light-theme .profile-settings #fa2,
body.site-light-theme .profile-settings #2fa {
    color: #42556d;
}

body.site-light-theme .profile-settings #fa2 svg,
body.site-light-theme .profile-settings #2fa svg {
    max-width: 100%;
    padding: 12px;
    background: #fff;
    border: 1px solid #e1eaf2;
    border-radius: 10px;
}

body.site-light-theme .profile-settings .alert {
    margin-top: 14px;
}

@media (max-width: 767.98px) {
    body.site-light-theme .profile-shell {
        margin: 0 10px;
    }

    body.site-light-theme .profile-summary {
        padding: 28px 22px;
    }

    body.site-light-theme .profile-settings {
        padding: 24px 20px;
    }

    body.site-light-theme .profile-settings .nav-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    body.site-light-theme .profile-settings .nav-tabs .nav-link {
        white-space: nowrap;
    }
}

body.site-light-theme .main-sidebar,
body.site-light-theme .main-sidebar .sidebar {
    overflow-x: hidden;
}

body.site-light-theme .main-sidebar .nav-sidebar,
body.site-light-theme .main-sidebar .nav-treeview,
body.site-light-theme .main-sidebar .nav-item,
body.site-light-theme .main-sidebar .nav-link {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
}

body.site-light-theme .main-sidebar .nav-sidebar > .nav-item {
    margin: 4px 8px;
}

body.site-light-theme .main-sidebar .nav-sidebar .nav-link {
    min-height: 39px;
    padding: 8px 10px;
    font-size: .875rem;
    transform: none;
}

body.site-light-theme .main-sidebar .nav-sidebar .nav-link p {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
    white-space: normal;
}

body.site-light-theme .main-sidebar .nav-sidebar .nav-link .nav-icon {
    flex: 0 0 1.25rem;
    width: 1.25rem;
    max-width: 1.25rem;
    margin-right: .5rem;
    font-size: .95rem;
}

body.site-light-theme .main-sidebar .nav-sidebar .nav-link img.nav-icon {
    height: 1.25rem;
    object-fit: contain;
}

body.site-light-theme .main-sidebar .nav-sidebar .nav-link .right {
    margin-left: .4rem;
}

body.site-light-theme .main-sidebar .nav-treeview {
    margin: 3px 0 6px 7px;
    padding: 2px 0 2px 6px;
}

body.site-light-theme .main-sidebar .nav-treeview .nav-item {
    margin: 2px 0;
}

body.site-light-theme .main-sidebar .nav-treeview .nav-link {
    min-height: 32px;
    padding: 6px 8px;
    font-size: .82rem;
}

body.site-light-theme .main-sidebar .user-panel .image {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    box-sizing: border-box;
    padding-left: 0;
    margin-right: 10px;
}

body.site-light-theme .main-sidebar .user-panel .image img {
    display: block;
    width: 38px !important;
    min-width: 38px;
    max-width: 38px;
    height: 38px !important;
    min-height: 38px;
    max-height: 38px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 50%;
}

body.site-light-theme .main-sidebar .user-panel .info {
    position: static;
    flex: 1 1 0;
    min-width: 0;
    padding: 5px 0;
}

body.site-light-theme .main-sidebar .sidebar-menu-disabled {
    cursor: not-allowed;
    filter: grayscale(1);
    opacity: .45;
    pointer-events: none;
}

body.site-light-theme .main-sidebar .nav-sidebar .nav-link.bein {
    height: 40px;
    background-image: url("../../img/bein_.svg") !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

body.site-light-theme.role-admin .main-sidebar,
body.site-light-theme.role-revendeur .main-sidebar {
    background:
        radial-gradient(ellipse at 0 0, rgba(8, 127, 157, .2), transparent 34%),
        linear-gradient(180deg, #111b30 0%, #101528 48%, #15152c 100%) !important;
    border-right-color: rgba(144, 165, 205, .15);
}

body.site-light-theme.role-admin .brand-link,
body.site-light-theme.role-revendeur .brand-link {
    min-height: 72px;
    padding: 18px 17px;
    background: linear-gradient(110deg, rgba(16, 36, 59, .94), rgba(25, 37, 65, .94));
    border-bottom-color: rgba(144, 165, 205, .16) !important;
}

body.site-light-theme.role-admin .user-panel,
body.site-light-theme.role-revendeur .user-panel {
    align-items: center;
    margin: 14px 12px 18px !important;
    padding: 12px 10px !important;
    background: linear-gradient(110deg, rgba(30, 48, 74, .82), rgba(33, 38, 70, .82));
    border: 1px solid rgba(144, 165, 205, .14) !important;
    border-radius: 13px;
}

body.site-light-theme.role-admin .user-panel .image img,
body.site-light-theme.role-revendeur .user-panel .image img {
    border: 2px solid rgba(74, 213, 208, .65);
    box-shadow: 0 0 0 3px rgba(52, 214, 195, .1);
}

body.site-light-theme.role-admin .nav-sidebar > .nav-item,
body.site-light-theme.role-revendeur .nav-sidebar > .nav-item {
    margin: 5px 10px;
}

body.site-light-theme.role-admin .main-sidebar .nav-sidebar > .nav-item > .nav-link,
body.site-light-theme.role-revendeur .main-sidebar .nav-sidebar > .nav-item > .nav-link {
    min-height: 43px;
    padding: 10px 12px;
    background: rgba(255, 255, 255, .035) !important;
    border: 1px solid rgba(163, 180, 218, .08);
    border-radius: 12px !important;
    color: #b9c5dc !important;
    font-size: .88rem;
    font-weight: 600;
    box-shadow: none;
}

body.site-light-theme.role-admin .main-sidebar .nav-sidebar > .nav-item > .nav-link:hover,
body.site-light-theme.role-revendeur .main-sidebar .nav-sidebar > .nav-item > .nav-link:hover {
    background: rgba(39, 61, 91, .86) !important;
    border-color: rgba(108, 157, 198, .35);
    color: #fff !important;
    box-shadow: 0 7px 18px rgba(3, 10, 25, .2);
}

body.site-light-theme.role-admin .main-sidebar .nav-sidebar > .nav-item > .nav-link.active,
body.site-light-theme.role-revendeur .main-sidebar .nav-sidebar > .nav-item > .nav-link.active,
body.site-light-theme.role-admin .main-sidebar .nav-sidebar > .nav-item.menu-open > .nav-link,
body.site-light-theme.role-revendeur .main-sidebar .nav-sidebar > .nav-item.menu-open > .nav-link {
    background: linear-gradient(105deg, #087f9d, #6554c0) !important;
    border-color: rgba(157, 234, 250, .25);
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(8, 127, 157, .2);
}

body.site-light-theme.role-admin .main-sidebar .nav-sidebar > .nav-item > .nav-link .nav-icon,
body.site-light-theme.role-revendeur .main-sidebar .nav-sidebar > .nav-item > .nav-link .nav-icon {
    color: #80a6c2 !important;
}

body.site-light-theme.role-admin .main-sidebar .nav-sidebar > .nav-item > .nav-link.active .nav-icon,
body.site-light-theme.role-revendeur .main-sidebar .nav-sidebar > .nav-item > .nav-link.active .nav-icon,
body.site-light-theme.role-admin .main-sidebar .nav-sidebar > .nav-item.menu-open > .nav-link .nav-icon,
body.site-light-theme.role-revendeur .main-sidebar .nav-sidebar > .nav-item.menu-open > .nav-link .nav-icon {
    color: #fff !important;
}

body.site-light-theme.role-admin .main-sidebar .nav-treeview,
body.site-light-theme.role-revendeur .main-sidebar .nav-treeview {
    margin: 5px 0 8px 12px;
    padding: 3px 0 3px 10px;
    border-left: 1px solid rgba(106, 151, 190, .26);
}

body.site-light-theme.role-admin .main-sidebar .nav-treeview .nav-link,
body.site-light-theme.role-revendeur .main-sidebar .nav-treeview .nav-link {
    width: 100% !important;
    min-height: 36px;
    padding: 8px 10px;
    background: transparent !important;
    border: 1px solid transparent;
    border-radius: 9px !important;
    color: #9eacc6 !important;
    font-size: .83rem;
    font-weight: 500;
    box-shadow: none;
}

body.site-light-theme.role-admin .main-sidebar .nav-treeview .nav-link:hover,
body.site-light-theme.role-revendeur .main-sidebar .nav-treeview .nav-link:hover {
    background: rgba(52, 214, 195, .08) !important;
    border-color: rgba(52, 214, 195, .12);
    color: #e7fbff !important;
}

body.site-light-theme.role-admin .main-sidebar .nav-treeview .nav-link.active,
body.site-light-theme.role-revendeur .main-sidebar .nav-treeview .nav-link.active {
    background: rgba(8, 127, 157, .2) !important;
    border-color: rgba(52, 214, 195, .22);
    color: #a9f4ed !important;
    font-weight: 650;
}

body.site-light-theme.role-admin .main-sidebar .nav-treeview .nav-link .nav-icon,
body.site-light-theme.role-revendeur .main-sidebar .nav-treeview .nav-link .nav-icon {
    color: #6f91ad !important;
}

body.site-light-theme.role-admin .main-sidebar .nav-treeview .nav-link.active .nav-icon,
body.site-light-theme.role-revendeur .main-sidebar .nav-treeview .nav-link.active .nav-icon {
    color: #52daca !important;
}

body.site-light-theme.role-admin .main-sidebar .nav-treeview .nav-link img.nav-icon,
body.site-light-theme.role-revendeur .main-sidebar .nav-treeview .nav-link img.nav-icon {
    padding: 2px;
    background: rgba(255, 255, 255, .08);
    border-radius: 6px;
}

body.site-light-theme.role-admin .main-sidebar .nav-sidebar > .nav-item > .nav-link.bein,
body.site-light-theme.role-revendeur .main-sidebar .nav-sidebar > .nav-item > .nav-link.bein {
    background-color: rgba(255, 255, 255, .04) !important;
    background-position: center;
    border-color: rgba(163, 180, 218, .1);
}

body.site-light-theme.role-admin .main-sidebar .nav-link.mango,
body.site-light-theme.role-revendeur .main-sidebar .nav-link.mango {
    background: linear-gradient(105deg, rgba(8, 127, 157, .18), rgba(101, 84, 192, .2)) !important;
    border-color: rgba(115, 145, 210, .2);
}

body.site-light-theme.role-admin .main-sidebar .nav-link.mango:hover,
body.site-light-theme.role-revendeur .main-sidebar .nav-link.mango:hover {
    background: linear-gradient(105deg, rgba(8, 127, 157, .35), rgba(101, 84, 192, .36)) !important;
    border-color: rgba(157, 234, 250, .3);
}

@media (max-width: 767.98px) {
    body.site-light-theme.role-admin .main-sidebar .nav-sidebar > .nav-item > .nav-link,
    body.site-light-theme.role-revendeur .main-sidebar .nav-sidebar > .nav-item > .nav-link {
        min-height: 44px;
    }
}