:root {
    --bs-sidebar-bg: #ffffff;
    --bs-sidebar-border-color: #e9ebef;
    --bs-sidebar-menu-item-color: #7b8190;
    --bs-sidebar-menu-sub-item-color: #7b8190;
    --bs-sidebar-menu-item-icon-color: #7b8190;
    --bs-sidebar-menu-item-hover-color: #383c40;
    --bs-sidebar-menu-item-active-color: #994ed4;
    --bs-sidebar-menu-sub-item-active-color: #383c40;
    --bs-sidebar-menu-item-active-bg-color: #eeedf9;
    --bs-sidebar-dark-bg: #24243c;
    --bs-sidebar-dark-menu-item-color: #9292a9;
    --bs-sidebar-dark-menu-sub-item-color: #9292a9;
    --bs-sidebar-dark-menu-item-icon-color: #9292a9;
    --bs-sidebar-dark-menu-item-hover-color: #d8d8df;
    --bs-sidebar-dark-menu-item-active-color: #d8d8df;
    --bs-sidebar-dark-menu-item-active-bg-color: #2c2c45;
    --bs-header-bg: #ffffff;
    --bs-header-item-color: #555b6d;
    --bs-header-dark-bg: radial-gradient(at 50% -20%, #3f1e59, #311748) fixed;
    --bs-header-dark-item-color: #e9ecef;
    --bs-topbar-search-bg: #f8f7fc;
    --bs-footer-bg: #ffffff;
    --bs-footer-color: #74788d;
    --bs-topnav-bg: #fff;
    --bs-menu-item-color: #7b8190;
    --bs-menu-item-active-color: #994ed4;
    --bs-topnav-dark-bg: #03314D;
    --bs-menu-dark-item-color: rgba(255, 255, 255, 0.5);
    --bs-menu-item-active-border-color: #994ed4;
    --bs-menu-dark-item-hover-color: #ffffff;
    --bs-menu-dark-item-active-color: #fff;
    --bs-navbar-brand-box-bg: #ffffff;
    --bs-boxed-body-bg: #efefef;
    --bs-apex-grid-color: #f8f9fa;
    --bs-body-bg: #f8f9fa;
    --bs-body-color: #1a1823;
    --bs-body-color-rgb: 26, 24, 35;
    --bs-display-none: none;
    --bs-display-block: block;
    --bs-light: #f8f7fc;
    --bs-light-rgb: 248, 247, 252;
    --bs-dark: #212529;
    --bs-dark-rgb: 33, 37, 41;
    --bs-text-muted: #959396;
    --bs-link-color: #994ed4;
    --bs-link-hover-color: #994ed4;
    --bs-border-color: #eff0f2;
    --bs-dropdown-bg: #fff;
    --bs-dropdown-link-color: #212529;
    --bs-dropdown-link-hover-color: #1f2327;
    --bs-dropdown-link-hover-bg: #f8f9fa;
    --bs-dropdown-border-width: 0px;
    --bs-card-bg: #fff;
    --bs-card-cap-bg: #fff;
    --bs-card-border-color: #eff0f2;
    --bs-card-logo-dark: block;
    --bs-card-logo-light: none;
    --bs-modal-bg: #fff;
    --bs-modal-content-bg: #fff;
    --bs-modal-content-border-color: #eff0f2;
    --bs-nav-tabs-link-active-color: #1a1823;
    --bs-nav-tabs-link-active-bg: #efefef;
    --bs-accordion-button-active-color: #6b5fba;
    --bs-accordion-bg: #fff;
    --bs-accordion-button-bg: #f4f5f6;
    --bs-table-color: #1a1823;
    --bs-progress-bg: #f4f5f6;
    --bs-toast-background-color: rgba(255, 255, 255, 0.85);
    --bs-toast-border-color: rgba(0, 0, 0, 0.1);
    --bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
    --bs-list-group-hover-bg: #f8f9fa;
    --bs-popover-bg: #fff;
    --bs-pagination-hover-bg: #f4f5f6;
    --bs-input-bg: #fff;
    --bs-input-group-addon-border-color: #e2e5e8;
    --bs-input-border: #e2e5e8;
    --bs-input-border-color: #e2e5e8;
    --bs-input-focus-border: #bbb5e7;
    --bs-input-disabled-bg: #f4f5f6;
    --bs-table-head-bg: #f8f9fa;
    --bs-input-placeholder-color: #959396;
    --bs-input-group-addon-bg: #f4f5f6;
    --bs-input-check-border: var(--bs-input-border);
}

[data-layout-mode=dark] {
    --bs-gray-100: #212529;
    --bs-gray-200: #2a2a42;
    --bs-gray-300: #2d2d49;
    --bs-gray-400: #9295a4;
    --bs-gray-500: #858592;
    --bs-gray-600: #c3cbe4;
    --bs-gray-700: #d8d8df;
    --bs-gray-800: #eff2f7;
    --bs-gray-900: #f8f9fa;
    --bs-sidebar-bg: #ffffff;
    --bs-sidebar-border-color: #e9ebef;
    --bs-sidebar-menu-item-color: #7b8190;
    --bs-sidebar-menu-sub-item-color: #7b8190;
    --bs-sidebar-menu-item-icon-color: #7b8190;
    --bs-sidebar-menu-item-hover-color: #383c40;
    --bs-sidebar-menu-item-active-color: #994ed4;
    --bs-sidebar-menu-sub-item-active-color: #383c40;
    --bs-sidebar-menu-item-active-bg-color: #eeedf9;
    --bs-sidebar-dark-bg: #24243c;
    --bs-sidebar-dark-menu-item-color: #9292a9;
    --bs-sidebar-dark-menu-sub-item-color: #9292a9;
    --bs-sidebar-dark-menu-item-icon-color: #9292a9;
    --bs-sidebar-dark-menu-item-hover-color: #d8d8df;
    --bs-sidebar-dark-menu-item-active-color: #d8d8df;
    --bs-sidebar-dark-menu-item-active-bg-color: #2c2c45;
    --bs-header-bg: #ffffff;
    --bs-header-item-color: #555b6d;
    --bs-header-dark-bg: radial-gradient(at 50% -20%, #24243c, #222236) fixed;
    --bs-header-dark-item-color: #e9ecef;
    --bs-topbar-search-bg: #f8f7fc;
    --bs-footer-bg: #24243c;
    --bs-footer-color: #d8d8df;
    --bs-menu-item-color: #9292a3;
    --bs-menu-item-active-color: #994ed4;
    --bs-topnav-dark-bg: #03314D;
    --bs-menu-dark-item-color: rgba(255, 255, 255, 0.5);
    --bs-menu-item-active-border-color: #994ed4;
    --bs-menu-dark-item-hover-color: #ffffff;
    --bs-menu-dark-item-active-color: #fff;
    --bs-navbar-brand-box-bg: #ffffff;
    --bs-apex-grid-color: #32394e;
    --bs-body-bg: #1b1c31;
    --bs-body-color: #9295a4;
    --bs-body-color-rgb: 26, 24, 35;
    --bs-display-none: block;
    --bs-display-block: none;
    --bs-card-title-desc: #9295a4;
    --bs-topnav-bg: #2e2e48;
    --bs-topnav-item-color: #9295a4;
    --bs-topnav-item-color-active: #fff;
    --bs-light: #2d2d49;
    --bs-light-rgb: 45, 45, 73;
    --bs-dark: #eff2f7;
    --bs-dark-rgb: 239, 242, 247;
    --bs-text-muted: #858592;
    --bs-link-color: #d8d8df;
    --bs-link-hover-color: #d8d8df;
    --bs-border-color: #2d2d49;
    --bs-dropdown-bg: #2a2a42;
    --bs-dropdown-link-color: #858592;
    --bs-dropdown-link-hover-color: #ecedee;
    --bs-dropdown-link-hover-bg: #2d2d49;
    --bs-dropdown-border-width: 1px;
    --bs-card-bg: #24243c;
    --bs-card-cap-bg: #24243c;
    --bs-card-border-color: #2b2b46;
    --bs-card-logo-dark: none;
    --bs-card-logo-light: block;
    --bs-modal-bg: #2a2a42;
    --bs-modal-content-bg: #2a2a42;
    --bs-modal-content-border-color: #2d2d49;
    --bs-nav-tabs-link-active-color: #f8f9fa;
    --bs-nav-tabs-link-active-bg: #2d2d49;
    --bs-accordion-button-active-color: #fff;
    --bs-accordion-bg: transparent;
    --bs-accordion-button-bg: #2d2d49;
    --bs-table-color: #9295a4;
    --bs-boxed-body-bg: #1b1c31;
    --bs-progress-bg: #2d2d49;
    --bs-toast-background-color: rgba(45, 45, 73, 0.85);
    --bs-toast-border-color: rgba(255, 255, 255, 0.1);
    --bs-toast-header-border-color: rgba(255, 255, 255, 0.05);
    --bs-list-group-hover-bg: #2f2f4a;
    --bs-popover-bg: #2c2c45;
    --bs-pagination-hover-bg: #32324e;
    --bs-input-bg: #2e2e48;
    --bs-input-group-addon-border-color: #2d2d49;
    --bs-input-border: #363654;
    --bs-input-border-color: #2d2d49;
    --bs-input-focus-border: #353556;
    --bs-input-disabled-bg: #2a2a42;
    --bs-table-head-bg: #2d2d49;
    --bs-input-placeholder-color: #9295a4;
    --bs-input-group-addon-bg: #363652;
    --bs-input-check-border: #353556;
}


/* CUSTOM NAVBAR */
body[data-layout-mode=dark] #page-topbar {
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    background: rgba(27, 28, 49, .3);
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

body[data-layout-mode=dark] #dashtoggle {
    border-top: none;
}

#page-topbar .navbar-header .navbar-brand-box {
    background: none;
}

/* CUSTOM NAVBAR */


.swal2-container .swal2-title {
    font-size: 24px;
    font-weight: 500;
    color: var(--bs-body-color);
}

.swal2-content {
    font-size: 16px
}

.swal2-icon.swal2-question {
    border-color: #5fd0f3;
    color: #5fd0f3
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
    background-color: #6dcba3
}

.swal2-icon.swal2-success .swal2-success-ring {
    border-color: rgba(109, 203, 163, .3)
}

.swal2-icon.swal2-warning {
    border-color: #f7cc53;
    color: #f7cc53
}

.swal2-styled:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.swal2-progress-steps .swal2-progress-step {
    background: #994ed4
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
    background: #994ed4
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step,
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {
    background: rgba(119, 106, 207, .3)
}

.swal2-progress-steps .swal2-progress-step-line {
    background: #994ed4
}

.swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
    border-left-color: #994ed4 !important;
    border-right-color: #994ed4 !important
}

.swal2-file,
.swal2-input,
.swal2-textarea {
    border: 1px solid var(--bs-border-color)
}

.swal2-file:focus,
.swal2-input:focus,
.swal2-textarea:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #bbb5e7
}

.swal2-popup {
    background-color: var(--bs-boxed-body-bg);
}

.swal2-styled.swal2-confirm {
    background-color: var(--bs-menu-item-active-color) !important;
}

#load-overlay {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    align-items: center;
    justify-content: center;

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: rgba(0, 0, 0, 0.1);

    display: none;
    z-index: 99999999;
}

.logo_square_white {
    opacity: 0.5;
    width: 80px;
    animation: rotateLogo 2s infinite linear;
}

.rotate-logo {
    animation: rotateLogo 2s infinite linear;
}

@keyframes rotateLogo {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.card {
    border-radius: .85rem;
}

.required:after {
    content: "*";
    position: relative;
    font-size: inherit;
    color: #e1665d;
    padding-left: .25rem;
    font-weight: 600;
}

.blurred-badge-bottom-card {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-color: rgba(255, 255, 255, 0.15);
    color: white;
    padding: 5px 10px;
    border-radius: .85rem;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

body[data-layout-size=boxed] #layout-wrapper {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.image-card {
    background-size: cover;
    background-position: center;
    width: 100%;
    padding-top: 100%;
    border-radius: .85rem;
}

.dash-header-box {
    background-color: rgba(255, 255, 255, .05) !important;
}

.dash-header-box .col {
    border-right: none;
}

.blurred-button {
    background-color: rgba(255, 255, 255, 0.15);
    color: white;
    padding: 5px 10px;
    border-radius: .85rem;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 0px;
}

.blurred-button:hover {
    background-color: rgba(255, 255, 255, 0.15);
    color: white;
    padding: 5px 10px;
    border-radius: .85rem;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 0px;
}

/* Stile per lo skeleton */
.hidden-table {
    display: none;
}

.card {
    margin-bottom: 22px;
    -webkit-box-shadow: none;
    box-shadow: none;
}


body[data-layout=horizontal] .container-fluid,
body[data-layout=horizontal] .navbar-header {
    max-width: 95% !important;
}

.btn {
    border-radius: 5rem;
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-radius: 5rem;
}

.badge {
    border-radius: .85rem;
}

.avatar-custom {
    height: 2rem;
    width: 2rem;
}

.footer {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: 0.5px solid var(--bs-card-border-color);
}