.arancio{color:#dd4a18;}

body {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size:20px;
  margin:0px;
  line-height:1.3;
}

#corpo{padding:20px 40px;height:100vh;}

*{box-sizing:border-box}

input[type=text],input[type=password],select,textarea{font-family:inherit;font-size:inherit;display:table-cell;width:100%;padding:10px;border:solid 1px #b3b3b3;border-radius:8px;box-sizing:border-box;}
input[type=number],input[type=date]{font-family:inherit;font-size:inherit;display:table-cell;padding:10px;border:solid 1px #b3b3b3;border-radius:8px;box-sizing:border-box;}

input:invalid,select:invalid {
  border: red solid 3px;
}

#popup{display:none;z-index:3000;position:fixed;top:0px;left:0px;width:100vw;height:100vh;background:white;background:rgba(0,0,0,0.7);}
#popup_dentro{padding:10px;background:white;top:5vh;position:relative;left:5vw;width:90vw;box-sizing:border-box;height:90vh;overflow:auto;}
#popup_chiudi{color:red;position:absolute;top:calc(5vh + 10px);right:calc(5vw + 15px);z-index:3001;font-size:30px;cursor:pointer;}

#intestazione{display:flex;align-items:center;}
#logo{width:400px;min-width:400px;}

#menu_impostazioni{display:flex;align-items:center;gap:10px;justify-content:flex-end;width:100%;}
.vocemenu_impostazioni{background:#1b9aaa;color:white;text-align:center;padding:8px 10px;border-radius:9px;cursor:pointer;display:flex;align-items:center;}
.vocemenu_impostazioni_scritta{margin-left:5px;font-size:90%;line-height:1.0;}

#contenitore{display:flex;gap:20px;}
#topmenu{display:flex;align-items:center;justify-content:flex-end;background:#ebebeb;padding:5px;min-height:30px;}
#spazietto{min-height:1px;background:white;}
.vocemenu{text-align:left;padding:0px 10px;cursor:pointer;}
.vocemenu:hover{color:#dd4a18;}

#menu_sinistra{padding:20px 0px;display:flex;flex-direction:column;gap:5px;width:280px;}
.vocemenu_sinistra{display:flex;align-items:center;gap:10px;background:#f3f3f3;padding:5px 10px;cursor:pointer;}
.vocemenu_sinistra_scritta{font-size:90%;}
.vocemenu_sinistra:hover{color:black;background:#1b9aaa;color:white;.icona{color:white;}} 
.vocemenu_sinistra_selezionata{color:black;background:gold;}

#destra{padding:20px 10px 20px 20px;width:100%;height:calc(100vh - 180px);overflow:auto;}

.icona{text-align:center;padding:0px;color:#f02d00;font-size:130%;width:30px;text-align:center;}


.bottone1{width:140px;background:#005668;color:white;text-align:center;cursor:pointer;padding:10px;border-radius:8px;font-size:90%;}

.bottone{width:140px;background:#1b9aaa;color:white;text-align:center;cursor:pointer;padding:10px;border-radius:8px;font-size:90%;}

.bottoncino{box-shadow:2px 2px 9px gray;margin:10px;color:white;font-size:130%;text-align:center;cursor:pointer;padding:0px;border-radius:50%;height:70px;width:70px;display:flex;align-items:center;justify-content:center;}

.titolo{font-weight:bold;margin-bottom:20px;font-size:110%;color:black;}

.etichetta_grafico{background:gray;color:white;width:220px; margin:20px 0px;text-align:center;padding:10px;border-radius:9px;}

#div_login{width:80%;margin:30px 0px;}

.blue{background:#0f5e9c;}
.verde{background:#0db126;}
.colore_verde{color:#a84747;}

.menu_laterale{position:fixed;bottom:50px;right:10px;z-index:3000;}

.div_flex{display:flex;gap:10px;align-items:center;padding:10px;}

.div_table{display:block;width:100%;}
.div_intestazione{display:none;background:#b5b5b5;color:white;text-align:center;font-weight:bold;width:100%;}
.div_row{display: block;width:100%;border:solid 1px #DEDEDE;margin:0px 0px 5px 0px;}
.div_cell{display:block;padding:5px 10px; box-shadow: unset;}
.div_cell_no_bordi{display:block;padding:5px 10px; box-shadow: unset;}
.div_row:hover{background:#ffeeeb;}
.div_totali{border-top:solid 2px black;}

#icona_menu{margin-right:20px;cursor:pointer;}

#logout{cursor:pointer;width:80px;;text-align:center;}


.bianco{color:white;}

.etichetta{font-size:80%;color:#f02d00;padding:5px 0px;font-weight:500;}

.pdf_aziendali{border:solid black 1px;border-radius:9px;width:calc(20% - 10px);padding:20px;}

.area{border:solid 1px lightgray;padding:10px;background:#f9f9f9;position:relative;transition:all linear 0.5s;margin-bottom:10px;}
.titoloarea{border:solid 1px lightgray;border-bottom:unset;text-align:center;color:#777777;background:#f9f9f9;padding:10px;margin:0px 0px 0px 0px;width:200px;font-weight:bold;border-radius:7px 7px 0px 0px;}

.cerca_flex{display:flex;align-items:center;margin-bottom:20px;}
.cerca_div{position:relative;width:300px;}
.cerca_input{border:solid 1px #DEDEDE;outline:none;background:#f1f1f1;display:table;width:100%;}
.cerca_avvia{right:10px;position:absolute;top:10px;cursor:pointer;}

.salva{background:#000;}
.aggiungi{background:#547175;}
.indietro{background:#777777;}
.cancella{background:#f02d00;}
.filepdf{background:#0b3954;}
.fascicolo{background:#fa5732;}
.nero{background:black;}


#contenitore_generale_dipendente{padding:20px 0px;margin-top:20px;width:100%;}
#tab_intestazione{display:flex;align-items:center;}
.tab_etichetta{border-radius:9px 9px 0px 0px;cursor:pointer;min-width:200px;height:40px;border:solid 1px #DEDEDE;border-bottom:solid 1px gray;font-weight:bold;color:gray;text-align:center;padding:10px;background:#f3f3f3;}
.tab_etichetta_selezionata{border:solid 1px gray;border-bottom:unset;font-weight:bold;color:black;background:white;}
#tab_vuota{height:40px;border-bottom:solid 1px gray;width:100%;}
#tab_corpo{position:relative;top:-2px;border:solid 1px gray;border-top:unset;height:auto;padding:40px 40px;}

.scadenza_riquadro{border:solid 1px lightgray; margin:15px 0px;padding:30px;border-radius:9px;box-shadow:0px 1px 1px gray;}
.scadenza_titolo{font-weight:bold;margin-bottom:20px;color:white;background:#a84747;width:340px;padding:20px;border-radius:9px;}
.scadenza_data{color:red;font-weight:bold;text-align:center;}

.rate_contenitore{height:90%;overflow:auto;border:solid 1px #DEDEDE;padding:20px;display:flex;justify-content:center;font-size:90%;gap:5px;}
.rata{position:relative;width:100px;height:100px;border:solid 1px #DEDEDE;border-radius:9px;text-align:center;cursor:pointer;}
.rata:hover{border:solid 1px black;}
.rata_importo{font-weight:bold;top:40%;position:relative;width:100%;}
.rata_numero{font-size:60%;position:absolute;top:5px;text-align:right;width:100%;padding:0px 5px;}
.rata_scadenza{font-size:60%;position:absolute;bottom:5px;text-align:right;width:100%;padding:0px 5px;}

.riquadro_dipendente{position:relative;width:200px;height:200px;padding:10px;align-items:center;border-radius:9px;border:solid #f5e6e6 4px;display:flex;flex-wrap:wrap;cursor:pointer;}
.riquadro_dipendente:hover{border:solid 4px #dd4a18;}
.cognome_dipendente{font-weight:bold;}
.email_dipendente{height:20px;font-size:80%;}
.cellulare_dipendente{height:20px;color:#f02d00;margin-top:10px;font-size:80%;}

.foto_dipendente{width:80px;height:80px;border:solid 2px #f8f8f8;border-radius:50%;margin-bottom:10px;}

.riquadro_committente{width:200px;height:80px;padding:10px;align-items:center;border-radius:9px;border:solid #f5e6e6 4px;display:flex;flex-wrap:wrap;cursor:pointer;}
.riquadro_committente:hover{border:solid 4px #dd4a18;}
.denominazione_committente{font-weight:bold;}
.cellulare_committente{color:#f02d00;margin-top:10px;font-size:80%;}

@media screen and (min-width: 1124px) {

.div_table{display:table;width:100%;}
.div_intestazione{display:table-row;position:sticky;top:-20px;}
.div_row{display: table-row;width:100%;border:unset;}
.div_cell{display:table-cell;vertical-align:middle;  text-align:left;
	box-shadow: 
    1px 0 0 0 #dedede, 
    0 1px 0 0 #dedede, 
    1px 1px 0 0 #dedede,   
    1px 0 0 0 #dedede inset, 
    0 1px 0 0 #dedede inset;
}
.div_cell_no_bordi{display:table-cell;padding:5px 10px; box-shadow: unset;vertical-align:middle;  }

#div_login{width:50%;}

body{font-size:17px;}

}