.cont{margin: 0 10vh;}
.cont .row{margin-top: 3vh;}

.center{text-align: center;}
.end{text-align: end;}

.flex{display: flex; align-items: center;}
.j-center{justify-content: center;}
.j-end{justify-content: end;}
.btn{width: auto;}


.bg-one{background-color: #f0bf41;}
.bg-one-hv:hover{background-color: #d0a537; color: white;}
.bg-two{background-color: #14a577; color: white;}
.bg-two-hv:hover{background-color: #008259; color: white;}
.bg-Three{background-color: #c23d3d; color: white;}
.bg-Three-hv:hover{background-color: #a61d1d; color: white;}
.bg-back{background-color: #626262; color: white;}
.bg-back-hv:hover{background-color: #585858; color: white;}

.button-icon{border: none; background-color: white;}
.button-icon:hover{background-color: white;}
.icon{margin: 7px; color: #333;}
.icon:hover{color: #333;}


.m-l-1{margin-left: 10px;}

.modal textarea{margin: 10px 20px 0 2px !important;}
.modal .span-caratteri{margin: 0;}

/*=============== ALERT TRUE / FALSE ===================*/
#alert{
    position: absolute; 
    top: 50%; 
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 5%;
    text-align: center;
} #alert a{
    position: absolute; 
    top: 5px; 
    right: 5px;
    font-size: 10px;
}





/* MODALE PULSANTE CONTATTI MENU */
#btn-menu{border: none; background-color: white;}
#modal-contatti-container{width: 100%;}
#modal-contatti-img{width: 100px;}
.modal-body #doctors{padding: 0;}


/*#about{padding: 50px 200px;}*/




/*=============== FORM MODALE ===================*/
.form-modal{display: contents; margin: 7px;}
.form-modal i{margin: 7px;}
.modal-content {background-color: #e2e6e8;}
.modal .modal-header{border-bottom: 2px solid white;}
.modal span{margin-left: 20px; padding-top: 20px;}
.modal textarea{margin: 10px 20px 0 20px;}




/*=============== FORM ===================*/
.cont-forms{background-color: #cccccc; padding: 3vh;}
form{margin: 5vh;}
.cont-forms label{width: 30vh; background-color: #333; color: white;}
form a{margin: 2vh;}



/*=============== TABELLE ===================*/
table{width: 100%;}
.table-custom th{
    padding: 10px 5px;
    border-bottom: 2px solid lightslategray;
}

.table-custom td{padding: 7px 5px;}

.table-custom #table-clienti,
.table-custom #table-movimenti{
    height: 2.5rem;
    box-shadow: 0 .2rem 0.5rem rgba(0, 0, 0, .10) !important;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
}

.table-classic th{
    border: 1px solid rgb(198, 192, 192);
    padding: 10px 3px;
    text-align: center;
    font-size: 14px;
    color: white;
    background-color: #333;
    border-bottom: 2px solid rgb(129, 127, 127);
}

.table-classic td{
    border: 1px solid #a19d9d;
    padding: 8px;
    font-size: 14px;
}

.table-classic tr:hover{background-color: #cccccc;}
.table-classic tr:hover .button-icon{background-color: #cccccc;}









.width-Titolo{width: 20%; text-align: center;}
.width-link{width: 20%; text-align: center;}
.width-Up-Load{width: 10%; text-align: center;}
.width-azioni{width: 5%; text-align: center;}
.width-img{width: 1%; text-align: center;}