html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.grow {
    transition: 1s ease;
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important;
    border: none;
}

.grow:hover {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    transition: 1s ease;
    background-color: rgba(10,10,15, 1) !important;
        
    /*text-shadow: 0.5px 0.5px 6px white;*/
}


body {
    font-family: "Open Sans", "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    /*font-family: 'Roboto','sans-serif'; */
    line-height: 1.5em;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /*font-family: 'Tahoma', 'Verdana';*/
    font-family: "Open Sans", "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    /*font-family: 'Roboto','sans-serif';*/
    line-height: 1.5em;
    font-weight: 300;
}

h1 {
    /*font-family: 'Tahoma', 'Verdana';*/
    font-family: "Open Sans", "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    /*font-family: 'Roboto','sans-serif';*/
    font-size: 30px !important;
    font-weight: normal;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

/*body {
    font-family: 'Tahoma', Verdana;
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
}*/


i {
    font-style: normal; /* Imposta lo stile del carattere su "normale" per rimuovere il corsivo */
}


p,
span,
a,
ul,
li,
button {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

strong {
    font-weight: 600;
}



strong {
    font-weight: 400;
}

.tile {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    background: #fff;
    padding: 20px;
    margin-bottom: 10px;
}

.tile .title {
    margin-top: 0px;
}

.tile.purple, .tile.blue, .tile.red, .tile.orange, .tile.green, .tile.grey, .tile.pink {
    color: #fff;
}

.tile.purple {
    background: #5133ab;
}

.tile.purple:hover {
    background: #3e2784;
}

.tile.red {
    background: #fa3c4c;
}

.tile.red:hover {
    background: #e13644;
}

.tile.green {
    background: #44bec7
}

.tile.green:hover {
    background: #3dabb3
}

    .tile.blue {
        background: linear-gradient(to right, #0091d1, #00c1e9); /* Colori della sfumatura */
        text-shadow: 1px 1px 0px #0587b3 !important; /* Regola i valori dell'ombra a tuo piacimento */
        color: white; /* Colore del testo */
        border: none; /* Rimuovi il bordo */
        border-radius: 6px; /* Aggiungi smussatura agli angoli */
        text-decoration: none;
    }

        .tile.blue:hover {
            background: linear-gradient(#00c1e9, #0091d1); /* Colori della sfumatura */
            text-shadow: none !important; /* Regola i valori dell'ombra a tuo piacimento */
            color: white; /* Colore del testo */
            border: none; /* Rimuovi il bordo */
            border-radius: 6px; /* Aggiungi smussatura agli angoli */
        }

.tile.orange {
    background: #ffc300;
}

.tile.orange:hover {
  background: #e5af00
}

.tile.grey {
   background: #949392;
}
       
.tile.grey:hover {
  background: #757473;
}

.tile.pink {
background: #d696bb;
}

.tile.pink:hover {
 background: #c087a8;
}

.tile-small {
    height: 50px; /* Altezza ridotta */
    display: flex;
    align-items: center; /* Centra verticalmente */
    justify-content: center; /* Centra orizzontalmente */
    padding: 5px; /* Riduci il padding */
}

    .tile-small h4 {
        font-size: 0.9rem; /* Regola la dimensione del testo */
        margin: 0; /* Rimuovi margini extra */
    }


/* Titolare */
.table-titolare-row {
    background-color: #ada396 !important; /* Cambia il colore a quello che preferisci */
}
.table-titolare-row td {
    /* Aggiungi stili per il testo qui, ad esempio, colore del testo, dimensione del testo, ecc. */
}
.table-titolare-row:hover {
    background-color: #948c81 !important; /* Cambia il colore dell'hover a quello che preferisci */
}

/* Sostituto */
.table-sostituto-row {
    background-color: #f8ead7 !important; /* Cambia il colore a quello che preferisci */
}
.table-sostituto-row td {
    /* Aggiungi stili per il testo qui, ad esempio, colore del testo, dimensione del testo, ecc. */
}
.table-sostituto-row:hover {
    background-color: #dfd2c1 !important; /* Cambia il colore dell'hover a quello che preferisci */
}

.offcanvas {
    position: fixed;
    top: 0;
    left: 0; /* Sposta il menu a sinistra */
    bottom: 0;
    z-index: 1050;
    padding-top: 3.5rem;
    padding-left: 1rem; /* Aggiungi spazio a sinistra */
    padding-right: 1rem;
    overflow-y: auto;
    background-color: white; /* Imposta lo sfondo su bianco */
    transition: transform 0.3s ease-in-out;
}

.custom-sidebar {
    position: fixed;
    top: 0;
    left: 0; /* Sposta il menu a sinistra */
    bottom: 0;
    z-index: 1050;
    padding-top: 0;
    padding-left: 1rem; /* Aggiungi spazio a sinistra */
    padding-right: 1rem;
    overflow-y: auto;
    background-color: white; /* Imposta lo sfondo su bianco */
    transition: transform 0.3s ease-in-out;
}

    .custom-sidebar a.nav-link {
        font-size: 14px; /* Imposta la dimensione del testo desiderata */
        text-align: left; /* Allinea il testo a sinistra */
    }

.navbar-dark {
    background-color: rgb(21, 41, 53) !important;
}

.bottom-control {
    margin-bottom: 0.5rem;
}


.btn-secondary {
    background-color: #33aaff !important; /* Colore personalizzato */
    border-color: #33aaff !important; /* Colore del bordo personalizzato */
    color: #fff !important; /* Colore del testo personalizzato */
    border-radius: 0px;
}

.loader {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #3498db;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -60px;
    margin-left: -60px;
    display: none;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.ordina {
    cursor: pointer !important; /* Cambia il cursore quando si passa sopra gli elementi */
    color: blue !important; /* Cambia il colore del testo per indicare che è un collegamento cliccabile */
    text-decoration: underline !important; /* Aggiunge un sottolineato al testo */
}

/* Classe per intestazione di colonna in ordinamento ascendente */
.ordine-ascendente::after {
    content: " ▲"; /* Aggiungi una freccia in su all'intestazione */
}

/* Classe per intestazione di colonna in ordinamento discendente */
.ordine-discendente::after {
    content: " ▼"; /* Aggiungi una freccia in giù all'intestazione */
}

.riduci-carattere {
    font-size: small; /* o il valore desiderato per ridurre la dimensione del carattere */
}

.larghezza-ridotta {
    width: 50px; /* Modifica la larghezza a tuo piacimento */
}

.larghezza-aumentata {
    width: 250px; /* Modifica la larghezza a tuo piacimento */
}

/* Normalizzazione degli stili di input e select */
.form-text, .form-select-sm {
    font-family: 'Tahoma', 'Verdana';
    font-size: 12px;
    color: #333;
    border: none;
    /* Aggiungi altre regole necessarie */
}

.btn-secondary {
    text-shadow: 1px 1px 0px #0587b3 !important; /* Regola i valori dell'ombra a tuo piacimento */
    background: linear-gradient(to right, #0091d1, #00c1e9); /* Colori della sfumatura */
    color: white; /* Colore del testo */
    border: none; /* Rimuovi il bordo */
    border-radius: 4px; /* Aggiungi smussatura agli angoli */
}

    .btn-secondary:hover {
        text-shadow: 1px 1px 0px #0587b3 !important; /* Regola i valori dell'ombra a tuo piacimento */
        background: linear-gradient(to right, #00c1e9,#0091d1); /* Colori della sfumatura */
        color: white; /* Colore del testo */
        border: none; /* Rimuovi il bordo */
        border-radius: 4px; /* Aggiungi smussatura agli angoli */
        font-style:normal !important;
    }

.anomalous-row {
    background-color: red !important;
    color: white !important; /* Opzionale: testo in bianco per maggiore leggibilità */
}