/* CoreUI Template */
.wrapper {
    width: 100%;
    will-change: auto;
    transition: padding 0.15s;
}

html:not([dir=rtl]) .wrapper {
    padding-left: var(--cui-sidebar-occupy-start, 0);
    padding-right: var(--cui-sidebar-occupy-end, 0);
}

*[dir=rtl] .wrapper {
    padding-right: var(--cui-sidebar-occupy-start, 0);
    padding-left: var(--cui-sidebar-occupy-end, 0);
}

@media (prefers-reduced-motion: reduce) {
    .wrapper {
        transition: none;
    }
}

.fixed-bottom {
    left: var(--cui-sidebar-occupy-start, 0);
    z-index: auto;
}

/* fix per lo stile delle combobox devexpress con coreui */
.form-control[readonly] {
    background-color: var(--cui-input-bg);
    opacity: 1;
}

/* Variabili bootstrap per DevExpress */
:root {
    --bs-blue: var(--cui-blue);
    --bs-indigo: var(--cui-indigo);
    --bs-purple: var(--cui-purple);
    --bs-pink: var(--cui-pink);
    --bs-red: var(--cui-red);
    --bs-orange: var(--cui-orange);
    --bs-yellow: var(--cui-yellow);
    --bs-green: var(--cui-green);
    --bs-teal: var(--cui-teal);
    --bs-cyan: var(--cui-cyan);
    --bs-black: var(--cui-black);
    --bs-white: var(--cui-white);
    --bs-gray: var(--cui-gray);
    --bs-gray-dark: var(--cui-gray-dark);
    --bs-gray-100: var(--cui-gray-100);
    --bs-gray-200: var(--cui-gray-200);
    --bs-gray-300: var(--cui-gray-300);
    --bs-gray-400: var(--cui-gray-400);
    --bs-gray-500: var(--cui-gray-500);
    --bs-gray-600: var(--cui-gray-600);
    --bs-gray-700: var(--cui-gray-700);
    --bs-gray-800: var(--cui-gray-800);
    --bs-gray-900: var(--cui-gray-900);
    --bs-primary: var(--cui-primary);
    --bs-secondary: var(--cui-secondary);
    --bs-success: var(--cui-success);
    --bs-info: var(--cui-info);
    --bs-warning: var(--cui-warning);
    --bs-danger: var(--cui-danger);
    --bs-light: var(--cui-light);
    --bs-dark: var(--cui-dark);
    --bs-primary-rgb: var(--cui-primary-rgb);
    --bs-secondary-rgb: var(--cui-secondary-rgb);
    --bs-success-rgb: var(--cui-success-rgb);
    --bs-info-rgb: var(--cui-info-rgb);
    --bs-warning-rgb: var(--cui-warning-rgb);
    --bs-danger-rgb: var(--cui-danger-rgb);
    --bs-light-rgb: var(--cui-light-rgb);
    --bs-dark-rgb: var(--cui-dark-rgb);
    --bs-white-rgb: var(--cui-white-rgb);
    --bs-black-rgb: var(--cui-black-rgb);
    --bs-body-color-rgb: var(--cui-body-color-rgb);
    --bs-body-bg-rgb: var(--cui-body-bg-rgb);
    --bs-font-sans-serif: var(--cui-font-sans-serif);
    --bs-font-monospace: var(--cui-font-monospace);
    --bs-gradient: var(--cui-gradient);
    --bs-body-font-family: var(--cui-body-font-family);
    --bs-body-font-size: var(--cui-body-font-size);
    --bs-body-font-weight: var(--cui-body-font-weight);
    --bs-body-line-height: var(--cui-body-line-height);
    --bs-body-color: var(--cui-body-color);
    --bs-body-bg: var(--cui-body-bg);
    --bs-border-width: var(--cui-border-width);
    --bs-border-style: var(--cui-border-style);
    --bs-border-color: var(--cui-border-color);
    --bs-border-color-translucent: var(--cui-border-color-translucent);
    --bs-border-radius: var(--cui-border-radius);
    --bs-border-radius-sm: var(--cui-border-radius-sm);
    --bs-border-radius-lg: var(--cui-border-radius-lg);
    --bs-border-radius-xl: var(--cui-border-radius-xl);
    --bs-border-radius-2xl: var(--cui-border-radius-2xl);
    --bs-border-radius-pill: var(--cui-border-radius-pill);
    --bs-heading-color: var(--cui-heading-color);
    --bs-link-color: var(--cui-link-color);
    --bs-link-hover-color: var(--cui-link-hover-color);
    --bs-code-color: var(--cui-code-color);
    --bs-highlight-bg: var(--cui-highlight-bg);
    --bs-breakpoint-xs: var(--cui-breakpoint-xs);
    --bs-breakpoint-sm: var(--cui-breakpoint-sm);
    --bs-breakpoint-md: var(--cui-breakpoint-md);
    --bs-breakpoint-lg: var(--cui-breakpoint-lg);
    --bs-breakpoint-xl: var(--cui-breakpoint-xl);
    --bs-breakpoint-xxl: var(--cui-breakpoint-xxl);
    --bs-mobile-breakpoint: var(--cui-mobile-breakpoint);
}

/* Necessario alla scrollbar rivisitata. */
.simplebar-content {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

/* Posiziona correttamente la Sidebar quando la chiudo a pulsante e di dimensioni diverse da normale. */
.sidebar-narrow-unfoldable.sidebar-sm:not(.sidebar-end) ~ *,
.sidebar-narrow-unfoldable.sidebar-lg:not(.sidebar-end) ~ *,
.sidebar-narrow-unfoldable.sidebar-xl:not(.sidebar-end) ~ * {
    --cui-sidebar-occupy-start: 4rem !important;
}

/* Corregge una dimensione minima di altezza imposta dall'header di CoreUI su container-fluid, nello specifico si applica per il componente GridLayout */
.header .grid-layout.container-fluid {
    min-height: unset;
}