:root {
    /* Colore di sfondo */

    --grigio-scuro: #373736;
    --azzurro-chiaro: #0E8991;
    --azzurro-scuro-button: #02686E;        /* Bottoni create view */
    --blu-button: #29395C;                  /* Bottoni datatable */
    --body-color: #F7F7F9;

    --white_color: #fff;

    /* Colore di sfondo degli elementi principali -------------------- */
    --main-background_color: var(--azzurro-chiaro);
    --navbar-color: var(--main-background_color);
    --sidebar-color:var(--grigio-scuro);
    --card-header-color:var(--azzurro-chiaro);
    --button-color:var(--azzurro-scuro-button);
    --datatable-color-button:var(--blu-button);

    /* Colore del testo --------------------------------------------- */
    --main-text-color: var(--azzurro-chiaro);
    --navbar-text-color: var(--main-text-color);
    --sidebar-text-color: #fff !important;
    --card-title-text-color: var(--white_color);
    --link-color: var(--main-text-color);

    /* Colori Datatable --------------------------------------------  */
    --navigation-link:var(--azzurro-scuro-button);
    --navigation-link-act:var(--azzurro-scuro-button);

    /* Colore degli hover ------------------------------------------ */
    --main-hover-color: var(--azzurro-scuro-button);
    --button-hover-color:var(--azzurro-scuro-button);
    --sidebar-hover-color:var(--azzurro-scuro-button);
    --link-hover-color: #fff !important;

}

.azzurro-chiaro{
    color: var(--azzurro-chiaro) !important;
}

.blu-scuro{
    color: var(--blu-button) !important;
}

.bg-azzurro-scuro{
    background-color: var(--azzurro-scuro-button) !important;
}

.bg-azzurro{
    background-color: var(--grigio-scuro) !important;
}