:root {
/* COLORI */
    --background-oc: black;
    --background-2-oc: #333333;
    --background-3-oc: rgb(43, 42, 42);
    
    --blue-oc: #0572c5;
    --red-palette: #ff0000;
    --orange-palette: #F28E2B;
    --green-palette: #01cd01;
    --white-red: #ffb5b6;
    --grey: #888888;

/* Nuovi colori globali*/
    --blue_dark: #0572c5;
    --red_dark: #ff0000;
    --orange_dark: #F28E2B;
    --green_dark: #01cd01;

    --blue_light: #0E9FDA;
    --red_light: #D81F26;
    --orange_light: #ED9022;
    --green_light: #15AB4A;

    --white-orange: #fdf1e7;
    --white-blue: #e5f2fb;
    --orange-label: #cf7831;
    --blue-label: #3490d1;
}

@font-face {
    font-family: "Inter-Regular";
    src: url("fonts/Inter-Regular.ttf"); /* format(“truetype”); */
}

*{
    box-shadow:none;
    outline:none;
}

body{
    background-color: black !important;
    color: white;
}

/* TOOLTIP */
    .tooltip {
        background: transparent;
    }

    .tooltip-main {
        background: transparent;
    }

    .tooltip-inner {
        background: transparent;
        color: black;
    }

    .tooltip.show {
        background: transparent;
        opacity: 1;
    }

/* DASHBOARD */
.dashboard-engine-canvas div[id*='dashboard_engine.api.elements.Checklist'] {
    display: -webkit-inline-box;
}

.dashboard-engine-canvas div[id*='dashboard_engine.api.elements.Checklist'] label {
    display: inline-flex !important;
}


/* Date disabilitate datepicker */

.CalendarDay__blocked_out_of_range, .CalendarDay__blocked_out_of_range:active, .CalendarDay__blocked_out_of_range:hover {
    border-style: none !important;
}

/* Altezza matrixplot */

#matrixplot-matrixplot .user-select-none.svg-container {
    width:100% !important;
    height: 0 !important;
    padding-bottom: 100%; 
}


/* Dash AG */

.ag-theme-alpine.ag-theme-busybee {
    --ag-border-radius: 5px;
}

.ag-theme-alpine-dark.ag-theme-busybee {
    --ag-border-radius: 10px;
    --ag-background-color: var(--background-3-oc);
    --ag-odd-row-background-color: var(--background-2-oc);
    --ag-header-background-color: black;
    --ag-header-cell-hover-background-color: black;
}



/* assets/style.css */
._dash-loading {
    margin: auto;
    color: transparent;
    width: 0;
    height: 0;
    text-align: center;
}

._dash-loading::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0%;
    left: 50%;
    margin: 10rem 0 0 -25rem;
    width: 50rem;
    height: 20rem;
    /*
    vertical-align: text-bottom;
    margin-top: 4rem;
    border: 0.5em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    color: white;
    -webkit-animation: spinner-border 0.75s linear infinite;
    animation: spinner-border 0.75s linear infinite;
    */
    background-image: url('caricamento.gif');
    background-size: cover;
}