body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

a:link,a{
    color:#af9c72 !important;
}

.modulo {
    flex: 1; /* Si espande per riempire lo spazio tra header e footer */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

footer.footer {
    /* Altezza opzionale se vuoi che sia fisso e visibile */
    height: 200px !important;
}

.navbar{
    background-color:#343e48 !important;
}

.navbar-brand img {
    height: 50px;
}

.navbar-nav a.menu-link{
    color:#ffffff;
    margin-left: 10px;
}
.navbar-nav a.menu-link:hover{
    color:#ffffff;
}
.logo_header{
    height: 50px;
}
.araldico{
    height: 100px;
    width:auto;
}
.flag-icon{
    width: 35px;
    height: 35px;
}

/** bottone **/
.btn-primary{
    font-weight: bold;
    background-color: #333d47;
}

.btn-primary:hover,
.btn-primary:disabled{
    background-color: #3d4043;
}

/** testo **/
.nav-link.active{
    font-weight: bold;
}

.text-right{
    text-align: right;
}
textarea.form-control{
    border-color: #666666;
    padding: 0.25rem !important;
  }
  /* Aggiungi qui il tuo CSS personalizzato */
  .tabulator-cell {
    padding: 15px !important; /* Imposta il padding desiderato */
    }

    /* Personalizza il padding dell'intestazione */
    .tabulator-col {
    padding: 10px !important; /* Imposta il padding desiderato per l'intestazione */
    }

    .tabulator .tabulator-footer {
        background-color: #ffffff !important;
        padding: 20px !important;
    }
    .tabulator .tabulator-footer .btn-sm{
        margin-left: 5px;
    }
    .tabulator .tabulator-header .tabulator-col{
        background-color: #ffffff !important;
    }

    .input-group-prepend .input-group-text {
        border-color: #666666;
        background-color: #666666;
        color: #ffffff;
    }
    /*
    .nav-item .nav-link.active{
        border-top: 1px solid #000000;
        border-left: 1px solid #000000;
        border-right: 1px solid #000000;
    }*/
    
    .nav-tabs{
        border-bottom: 1px solid #000000;
    }

    input.form-control,select.form-select{color:#000000; }
    .loading-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.8);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1050; /* Bootstrap modal z-index is 1040 */
        display: none; /* Hide by default */
    }

    .loading-overlay.show {
        display: flex; /* Show when needed */
    }

    .modal-body {
        max-height: 400px; /* Imposta l'altezza massima del contenuto del corpo della modale */
        overflow-y: auto; /* Permetti lo scorrimento verticale se il contenuto è troppo grande */
    }

    button.close{float: right;border:none}
    div.alert{
        margin:10px
    }
    
.main-panel{
    width:100%;
}
.footer,.page-body-wrapper{
    background-color:#343e48;
    color:#7f7e7e;
}

.footer img.stemma{
    width: 300px;
    height: auto;
}

/* Stile personalizzato per il logo */
.navbar-brand img {
height: 130px; /* Altezza del logo */
padding: 10px;
}
.navbar{
border: none !important;

}


.col-border {
border: 1px solid #6c6b6b;
background-color: #333d47;
text-align: center;
border-radius: 5px;         /* Angoli arrotondati */
padding: 20px;              /* Spaziatura interna */
height: 100%;               /* Altezza uniforme */
/* Sfondo bianco */
display: flex;                /* Abilita flexbox */
flex-direction: column;       /* Allinea verticalmente */
justify-content: center;      /* Centra verticalmente */

}


.col-border h3{
font-size: 1.2rem;
color: #ffffff;
}
.col-border h3 small{
color:#ffffff;
font-size: 1rem;
}

.col-border a{
font-size: 0.8rem;
margin-top: 10px;
padding: 5px;
border-radius: 5px;
}



/* Spaziatura tra le colonne (solo su desktop) */
@media (min-width: 768px) {
    .gap-cols > [class*="col-"] {
    padding-right: 15px;  /* Spazio a destra */
    padding-left: 15px;   /* Spazio a sinistra */
    }
}

@media (min-width: 992px) {
    .col-md-3 {
        position: relative;
    }
}

@media (max-width: 991px) {
    div.tab-pane{
    text-align: center;
    }
}