/*
 * Stile di base del Sito
 */

/* la pagina è alta quanto la finestra */
html, body{
    height: 100%;
    max-height: 100%;
}

/* colore dei link nella navbar */
.navbar .nav-link,
.menu .nav-link{
    color: white!important;
}
/* i container avranno max-height della pagina rimossa la navbar */
.navbar ~ .container,
.navbar ~ .container-fluid{
    max-height: calc(100% - 80px);
}

.logo{
    height: 60px;
    padding-top: 0!important;
}
.logoAsistar{
    width: 150px;
}

/*.logoAsi{*/
/*    align-self: end;*/
/*}*/

/* il menù lo posiziono a sinistra e rimane li */
.menu{
    position: fixed;
    left: 0;
    height: 100%;
    max-width: 55px;
    width: 100%;
    transition: max-width .5s;
    z-index: 100;
}
/* quando sono col mouse sul menù lo allargo  */
.menu:hover{
    max-width: 300px;
}
.menu .row{
    position: relative;
    white-space: nowrap;
}
/* evidenzio la riga su cui c'è il mouse */
.menu .row:hover{
    background-color: cornflowerblue;
}
/* assegno le caratteristiche agli span del menu aggiungendo i font di fontAwesome */
.menu span{
    font-weight: 900; /* fas */
    font-family: "Font Awesome 5 Free", sans-serif; /* fas */
    font-size: 2em; /* fa-2x */
    margin-left: .5rem;
    vertical-align: middle;
}
/* i link del menu sono su tutta la riga e senza decorazione */
.menu a.stretched-link{
    color: inherit!important;
    text-decoration: none!important;
}

.container,
.container-fluid{
    max-height: 200%!important;
    min-height: 100%;
    overflow: visible;
}

.col-custom{
    margin: auto 30px auto 60px;
    flex: 0 calc(100% - 90px);
    max-width: calc(100% - 90px);
}

/* le intestazioni delle tabelle sono centrate anche in verticale */
.table thead th{
    vertical-align: middle;
}

.table.table-bordered tbody tr.dtrg-start td{
    border-bottom: 1px solid #111;
}

/* cambia lo stile del puntatore all'hover dell'elemento */
.pointer:hover{
    cursor: pointer;
}
/* se il pointer non ha l'onclick o target:popover, quando clicco(active) compare il simbolo del divieto */
.pointer:not([onclick]):not(.pop-click):active{
    cursor: not-allowed!important;
}

/* i toasts sono larghi al massimo */
.toast.fade.show{
    min-width: 100%;
}


/* per fare i gruppi più rotondi */
.btn-group .btn:first-child{
    border-bottom-left-radius: 1em;
    border-top-left-radius: 1em;
}
.btn-group .btn:last-child{
    border-bottom-right-radius: 1em;
    border-top-right-radius: 1em;
}


/* modale di loading */
#loadingModal .modal-dialog{
    width: 48px;
}


#loadingModal{
    z-index: 2000;
}
#modal_sub,#modal_file_error{
    z-index: 15000;
    background-color: rgba(0,0,0,0.5);
}