.TitoloPagina {
    font-size: 34px;
    font-weight: bold ;
    padding :10px;
}

.ResponsabileAula {
    font-size: 14px;
    font-style: italic;
    font-weight: normal; /* assicura che non sia grassetto */
    padding: 0; /* elimina gli spazi interni */
    margin: 0; /* opzionale: elimina eventuali spazi esterni */
}

.TitoloTabelleBase {
    font-size: 20px;
    font-weight: 300;
}

img {
    object-fit: fill;
    border-radius: 10px; /* questo permette di avere il bordo arrotondato */
}

.imgHome {
    object-fit: fill;
    /*border-radius: 50%; /* questo permette di avere il bordo arrotondato */
    width: 52px;
    height:52px;
}

.btnZoom {
    object-fit: fill;
    border-radius: 10px; /* questo permette di avere il bordo arrotondato */
    display: block;
    margin: 0 auto;
    width: 80%;
    transition: width 2s; /* Indica il tempo di transizione*/
    transition-timing-function: ease; /*indica la velocità... veloce all'inizio e poi rallenta*/
    overflow :auto 
}

.btnZoom:hover {
    width : +100%; 
}

.imgZoom_OrariPerAula  {
    object-fit: fill;
    border-radius: 10px; /* questo permette di avere il bordo arrotondato */
    display: block;
    margin: 0 auto;
    transition: width 2s; /* Indica il tempo di transizione*/
    transition-timing-function: ease; /*indica la velocità... veloce all'inizio e poi rallenta*/
    overflow: auto;
    height:241px;
    width:218px; 
}

.imgZoom_OrariPerAula:hover {
        width: +100%;
    }
.btnAMMAule {
    object-fit: fill;
    border-radius: 10px; /* questo permette di avere il bordo arrotondato */
    display: block;
    margin: 0 auto;
    width :183px;
    height:145px;
    transition: width 2s; /* Indica il tempo di transizione*/
    transition-timing-function: ease; /*indica la velocità... veloce all'inizio e poi rallenta*/
}

.btnAMMAule:hover {
        width: +100%;
    }
.btnZoomTB {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    transition: width 2s, height 2s, transform 2s;
}

.btnZoomTB:hover {
    width: 300px;
    height: 300px;
}

.btnPrenotaAule {
    transition: width 2s, height 2s, transform 2s;
    overflow :auto;
}

    .btnPrenotaAule:hover {
        opacity: 75%;
        overflow: auto;
    }

.buttonGrey {
    background-color: grey;
    border-color: grey;
    display: inline-block;
    font-weight: 400;
    color: white;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

    .buttonGrey:hover {
        background-color: grey;
        border-color: grey;
        opacity: 60%;
    }

.AllineaVerticaleIoPrenoto {
    display :inline-block ;
    padding-top:150px !Important;

}

.OverAuto {
    overflow :auto !important;
}
.OverScroll {
    overflow:scroll ;
    word-break:break-word ;
}

.MaxWidth {
    width:100%;
}

.ConfigFieldSet {
    width: 455px;
    text-align: center;
    padding: 10px;
    border-width: 2px;
    border-color : black ;
}

@media all and (max-width: 990px) {
    .MB_Flex {
        display: flex;
        justify-content:center;
    }

}

@media all and (max-width: 555px) {
    /* il testo di paragrafo non deve essere appiccicato allo schermo*/
    p {
        padding:20px;

    }

    .ConfigFieldSet {
        text-align: center;
        padding: 10px;
        width: auto;
    }
    
    .OverAuto {
        overflow: auto !important;
        width: 80%;
        margin: 20px;
    }

    .MB_Tab {
       display:contents ;
    }


    .btnOrariPerAula {
        width: 220px;
        align-content :center;

    }

    .RowBottone {
        padding:0;
        margin-left:-50px;
    }

    .MB_TabOrariPerAula {
        display:contents;
    }

    .MB_TabAule {
        display: contents;
        overflow: auto;
    }

    .MB_Row {
        height: 10px !important;
    }

    .MB_FieldSetAuleModifica {
        width: auto ;
    }

    .MB_RigaPrenota {
        display: grid !important;
    }

    .MB_PrenotaComboText {
        width: 100% !important;
    }

    .MB_TextCentro {
        text-align: center !important;
    }

}
@media all and (max-width: 765px) {
    .MB_TabOrariPerAula {
        display: contents;
    }

    .MB_TabAule {
        display: contents;
        overflow:auto;
    }

    .MB_Row {
        height: 10px !important;
    }

    .MB_RigaPrenota {
        display: grid !important;
        width: 100%;
    }

    .MB_PrenotaComboText {
        width: 100% !important;
    }

    .MB_TextCentro {
        text-align: center !important;
    }

}


        @media all and (max-width: 1060px) {
            .btnOrariPerAula {
                width: 220px;
                align-content: center;
            }

            .RowBottone {
                padding: 0;
                margin-left: -50px;
            }

            .MB_TabOrariPerAula {
                display: contents;
            }

            .MB_TabAule {
                display: contents;
                overflow: auto;
            }

            .MB_RigaPrenota {
                display: grid !important;
                width: 100%;
            }

            .MB_PrenotaComboText {
                width: 100% !important;
            }

            .MB_TextCentro {
                text-align: center !important;
            }

        }

        .MB_Pad {
    padding-bottom: 15px;
}

.MB_Display {
    display: contents;
}

.MB_PAD_LB {
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right : 10px;
}

.MB_Row {
    height: 5px;
}

.checkbox label {
    margin-left: 5px;
}

label {
    margin-left: 5px;
}

.GridHover:hover {
    background-color: #FFEB9C !important;
}

.MB_MsgBoxHeader {
    background-color: #003399;
    color: #FFFFFF;
}

.MB_DisplayBlock {
    display:block !important;
    width :100% !important;
}

.bg-IoPrenotoWeb {
    background-color: #003399;
}