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

main {
    flex: 1;
}

h3, .Titolo {
    color:darkblue;
    font-size:xx-large;
    font-weight:500;
}



.row {
    padding: 4px;
    margin-bottom: 5px;
}

/* PANEL CONTROL */

.modalBackground {
    background-color: Gray;
    filter: blur(5px); /*alpha(opacity=70);*/
    opacity: 0.7;
}

.PanelControl {
    flex: 0 1 auto;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    background-color:white;
    font-size: small;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    background-color:white;
    padding:10px;
}


/*.ModalForm {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 30px;
    background-color: white;
    width: 80%;
    padding: 10px;
    min-height:200px;
}*/

.form-control {
    margin-top: 10px;
}

/*CHECKBOX*/
input[type="checkbox"] {
    /*    -webkit- utilizzato per WebKit (Chrome, Safari)
    -moz- utilizzato per Gecko (Firefox)
    -ms- utilizzato per Microsoft (Internet Explorer, Edge)
    -o- utilizzato per Opera
    -khtml- utilizzato per KHTML (Konqueror)*/



    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    margin: 0 20px;
}