/* CSS Document */
/*............................................................................*/
@media only screen and (min-width: 1281px) and (max-width: 9000px) {
body {
 padding-top:70px;
 }
.adestra{
    position: relative;
    right: -25rem;
}
 /* Orario classi */
 td.orariomedora{
 height:90px;
 width:30px;
vertical-align:middle;
font-weight: bold;
 } 
 td.orariomed{
 height:90px;
 width:160px;
vertical-align:middle;
 }
 td.orariomedi{
 height:70px;
 width:160px;
vertical-align:middle;
 }
 td.orariomedvuota{
 height:90px;
 width:160px;
vertical-align:middle;
 background-color:#ededed;
 }
 /***** Orario disposizioni ****/
 td.orariobigora{
  font-size:11px;
 height:260px;
 width:30px;
vertical-align:middle;
font-weight: bold;
 } 
 td.orariobig{
   font-size:11px;
 height:260px;
 width:160px;
vertical-align:middle;
 }
 td.orariobigvuota{
   font-size:11px;
 height:260px;
 width:160px;
vertical-align:middle;
 background-color:#ededed;
 }
  
 
}
/*............................................................................*/
@media only screen and (min-width: 1180px) and (max-width: 1280px) {
body {
 padding-top:70px;
 }
 .adestra{
    position: relative;
    right: -25rem;
}
 /* Orario classi */
 td.orariomedora{
 height:90px;
 width:30px;
vertical-align:middle;
font-weight: bold;
 } 
 td.orariomed{
 height:90px;
 width:160px;
vertical-align:middle;
 }
  td.orariomedi{
 height:70px;
 width:160px;
vertical-align:middle;
 }
 td.orariomedvuota{
 height:90px;
 width:160px;
vertical-align:middle;
 background-color:#ededed;
 }
 /***** Orario disposizioni ****/
 td.orariobigora{
  font-size:11px;
 height:260px;
 width:30px;
vertical-align:middle;
font-weight: bold;
 } 
 td.orariobig{
   font-size:11px;
 height:260px;
 width:160px;
vertical-align:middle;
 }
 td.orariobigvuota{
   font-size:11px;
 height:260px;
 width:160px;
vertical-align:middle;
 background-color:#ededed;
 }
  
 
}
/*............................................................................*/
@media only screen and (min-width: 981px) and (max-width: 1180px) {
body {
 padding-top:70px;
 }
.adestra{
    position: relative;
    right: -25rem;
}
 /* Orario classi */
 td.orariomedora{
 height:90px;
 width:30px;
vertical-align:middle;
font-weight: bold;
 } 
 td.orariomed{
 height:90px;
 width:160px;
vertical-align:middle;
 }
  td.orariomedi{
 height:70px;
 width:160px;
vertical-align:middle;
 }
 td.orariomedvuota{
 height:90px;
 width:160px;
vertical-align:middle;
 background-color:#ededed;
 }
  /***** Orario disposizioni ****/
 td.orariobigora{
  font-size:11px;
 height:260px;
 width:30px;
vertical-align:middle;
font-weight: bold;
 } 
 td.orariobigoraint{
  font-size:11px;
 height:520px;
 width:30px;
vertical-align:middle;
font-weight: bold;
 } 
 td.orariobig{
   font-size:11px;
 height:260px;
 width:160px;
vertical-align:middle;
 }
 td.orariobigint{
   font-size:11px;
 height:520px;
 width:160px;
vertical-align:middle;
 }
 td.orariobigvuota{
   font-size:11px;
 height:260px;
 width:160px;
vertical-align:middle;
 background-color:#ededed;
 }
 
}

/*............................................................................*/
@media only screen and (min-width: 800px) and (max-width: 960px) {
body {
 padding-top:70px;
 }
.adestra{
   
}
 /* Orario classi */
 td.orariomedora{
 height:90px;
 width:30px;
vertical-align:middle;
font-weight: bold;
 } 
 td.orariomed{
 height:90px;
 width:160px;
vertical-align:middle;
 }
  td.orariomedi{
 height:70px;
 width:160px;
vertical-align:middle;
 }
 td.orariomedvuota{
 height:90px;
 width:160px;
vertical-align:middle;
 background-color:#ededed;
 }
  /***** Orario disposizioni ****/
 td.orariobigora{
  font-size:11px;
 height:260px;
 width:30px;
vertical-align:middle;
font-weight: bold;
 } 
 td.orariobig{
   font-size:11px;
 height:260px;
 width:160px;
vertical-align:middle;
 }
 td.orariobigvuota{
   font-size:11px;
 height:260px;
 width:160px;
vertical-align:middle;
 background-color:#ededed;
 }
 
}
/*............................................................................*/
@media only screen and (min-width: 0px) and (max-width: 799px) {
body {
 padding-top:170px;
 }
.adestra{

}
 /* Orario classi */
 td.orariomedora{
 height:120px;
 width:30px;
vertical-align:middle;
font-weight: bold;
 } 
 td.orariomed{
 height:120px;
 width:160px;
vertical-align:middle;
 }
 td.orariomedvuota{
 height:120px;
 width:160px;
vertical-align:middle;
 background-color:#ededed;
 }
  /***** Orario disposizioni e intervalli ****/
 td.orariobigora{
  font-size:11px;
 height:420px;
/* width:30px;  */
vertical-align:middle;
font-weight: bold;
 }
 td.orariobigoraint{
  font-size:11px;
 height:840px;
/* width:30px;  */
vertical-align:middle;
font-weight: bold;
 }  
 td.orariobig{
   font-size:11px;
 height:420px;
/* width:160px;    */
vertical-align:middle;
 }
 td.orariobigint{
   font-size:11px;
 height:840px;
/* width:160px;    */
vertical-align:middle;
 }
 td.orariobigvuota{
   font-size:11px;
 height:420px;
/* width:160px; */
vertical-align:middle;
 background-color:#ededed;
 }
 
 
}

/******************************************************************************/

 
select{
padding:10px;
 font-size:12px;
 border:1px solid #ededed;
 border-radius: .25rem;
} 
input{
padding:8px;
 font-size:14px;
border:1px solid #ededed;
} 
 .txtpiccolo {
 font-size:9px;
 }
 
 .txtmedio {
 font-size:12px;
 }
 
 .txtmediog {
 font-size:14px;
 }
 
 .txtgrande {
 font-size:16px;
 }

.spazio20{
    height: 20px;
    line-height: 20px;
} 
 .centra{
 text-align:center;
 }

.navbar-nav{
    position: relative;
} 

.nav-item{
    margin-left:20px;
} 

span.docint{
color:#F00;
font-weight: bold;
/*font-size:12px; */
} 

 
span.ndispo{
color:red;
font-weight: bold;
/*font-size:12px; */
} 
span.errore{
color:red;
font-weight: bold;
font-size:14px;
} 
span.ok{
color:#28a745;
/*font-weight: bold; */
/*font-size:12px; */
} 
span.titolo{
color:#c00;
/*font-weight: bold;  */
/*font-size:12px; */
} 
span.assente{
color:#0000b3;
font-weight: bold; 
/*font-size:12px; */
} 
 
 /*..... Tabelle ..................*/
 .tabellasb{
 vertical-align:top;
 text-align:center;
 padding:0px;
 margin:0px;
 border-collapse:collapse;
 border:0px solid black;
 }
th.intesta{
height:30px;
vertical-align:middle;
background-color:#0000b3;
color:white;
 text-align:center;
 font-size:14px; 
 } 
 
 thead.thead-blu{
vertical-align:middle;
background-color:#0000b3;
color:white;
 text-align:center; 
 } 
  thead.thead-verde{
vertical-align:middle;
background-color:#28a745;
color:white;
 text-align:center; 
 } 
  thead.thead-arancio{
vertical-align:middle;
background-color:#fc0;
color:#000;
 text-align:center; 
 }     
 
  thead.thead-verdino{
vertical-align:middle;
background-color:#9c0;
color:#000;
 text-align:center; 
 }         
/* Tabella orario piccola */ 
td.orarioora{
 font-size:9px;
 height:55px;
 width:30px;
vertical-align:middle;
font-weight: bold;
 } 
td.orario{
 font-size:9px;
 height:55px;
 width:130px;
vertical-align:middle;
 }
 td.orariovuota{
  font-size:9px;
 height:55px;
 width:130px;
vertical-align:middle;
 background-color:#ededed;
 }

 
 
 /* Orario effettive */
 td.orariodisp{
font-size:12px;
 height:30px;
vertical-align:middle;
text-align:center;
 }
 td.orariodispassente{
  font-size:13px;
 height:30px;
 width:160px;
vertical-align:middle;
text-align:center;
 background-color:#ededed;
  color:#0000b3;
/* background-color:#f90;
 color:#fff;  */
 }
 
tr.inattesa{
 background-color:#ededed;
 } 
tr.oggi{
 background-color:#f90;
 } 
 
 td.dispo{
 background-color:#ededed;
 border:1px solid #ffffff;
 }
 
  /* Tabella x form */
thead.thead-form{
vertical-align:middle;
background-color:#0000b3;
color:white;
 text-align:center; 
 } 
thead.thead-form th{
  height:16px; 
  padding:6px:
 }  
 
thead.thead-storico{
vertical-align:middle;
background-color:#ededed;
color:#000;
 text-align:center; 
 } 
thead.thead-storico th{
  height:16px; 
  padding:6px:
 }          
td.formora{
font-size:14px;
vertical-align:middle;
text-align:center;
 } 
td.formora select{
font-size:14px;
vertical-align:middle;
text-align:center;
 }  

 td.formtot{
font-size:14px;
 height:30px; 
  line-height:20px;
vertical-align:middle;
text-align:right;
 } 
.tabellatot{
 vertical-align:middle;
 text-align:center;
 padding:0px;
 margin:0px;
 border-collapse:collapse;
 width:100%;
 } 
 .tabellatot th{
  font-weight: normal;
 vertical-align:middle;
 text-align:center;
   border:0px solid #000;
 background-color:white;
 color:black;
 } 
 .tabellatot td{
  text-align:center;
   vertical-align:middle;
   border:0px solid #000;  
 } 
 .oredoc{
  font-size:20px;
   color:black;
 font-weight: bold;
  border:1px solid #000;
  width:100px;
  height:50px;
    line-height:50px;
   background-color:#ededed;
  margin:0px auto; 
  text-align:center;
 }
 /************** pdp 2024 *****************************************************/
thead.thead-pdp{
vertical-align:middle;
background-color:#ededed;
color:#000;
 text-align:center; 
 } 
thead.thead-pdp th{
background-color:#ededed;
vertical-align:middle;
  height:16px; 
 }         
table.pdp td{
vertical-align:middle;
text-align:center; 
  height:16px; 
  padding:3px:
 }  
 table.pdp td.sin{
vertical-align:middle;
text-align:left; 
  height:16px; 
  padding:3px:
 }       
 /*testo verticale*/
table.pdp th.vert{
writing-mode: tb-rl;
filter: flipv fliph;
vertical-align:middle;
text-align:center; 
  height:100px;
 }   
  
/**************** Tooltip 2024 *********************************************/
  .tip + .tooltip > .tooltip-inner {
    background-color: #73AD21; 
    color: #FFFFFF; 
    border: 1px solid green; 
    padding: 15px;
    font-size: 20px;
  }
   /* Tooltip on top */
  .tip + .tooltip.top > .tooltip-arrow {
    border-top: 5px solid green;
  }
  /* Tooltip on bottom */
  .tip + .tooltip.bottom > .tooltip-arrow {
    border-bottom: 5px solid blue;
  }
  /* Tooltip on left */
  .tip + .tooltip.left > .tooltip-arrow {
    border-left: 5px solid red;
  }
  /* Tooltip on right */
  .tip + .tooltip.right > .tooltip-arrow {
    border-right: 5px solid black;
  }