/*----------MENU ORIZZONTALE------*/
body{
    display:block;
    font-size: 13px;
}
#menubar{
    width: 100%!important;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #000!important;
    position: fixed;
    top: 0;
    height:55px;
}
#menu{
    min-height: 0!important;
    flex-grow:1;
}
#menubar #spaziouser{
    padding:0px 50px 0px 0px!important;
    font-size: 0.9em;
}
#menubar #pulsantieramenu{
    display: flex;
    justify-content: flex-start;
    padding: 0px 20px!important;
    padding-left: 50px!important;
}

/*----------MENU ORIZZONTALE 2------*/

#menuinterno{
    width: 100%;
    display:flex;
    align-items: center;
    background-color: gainsboro;
    border-bottom:1px solid #b9b9b9;
    justify-content: center;
    padding: 8px;
    flex-wrap: wrap;
    position: fixed;
    top:55px;
    z-index:10;
}

#menuinterno div{
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 5px;
    transition: all 0.3s;
    padding: 7px 20px;
    white-space: nowrap;
}

#menuinterno div.selezionato{
    color: #fff;
    background-color: #177b7c!important;
    font-weight: bold;
}


#menuinterno div:hover{
    background-color: #eee;
}

#menuinterno_stat{
    width: 100%;
    display:flex;
    align-items: center;
    background-color: gainsboro;
    border-bottom:1px solid #b9b9b9;
    justify-content: center;
    padding: 8px;
    flex-wrap: wrap;
    position: fixed;
    top:55px;
    z-index:9;
}

#menuinterno_stat div{
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 5px;
    transition: all 0.3s;
    padding: 7px 20px;
    white-space: nowrap;
}

#menuinterno_stat div.selezionato{
    color: #fff;
    background-color: #177b7c!important;
    font-weight: bold;
}


#menuinterno_stat div:hover{
    background-color: #eee;
}


/*--------PAGINE------*/
#page{
    background-color: #fff;
    max-width: 1200px;
    margin: 0px auto;
    font-size:14px;
    margin-top: 100px;
}
#headerpage #titolopagina{
    font-size: 1.8em;
    font-weight:bold;
}
#headerpage i{display:none!important}

#footerpage{margin-top:50px}

/*--------ALTRO-----*/

h1{
    font-size:1.8em;
    font-weight: bold;
}

.box{
    border: 0!important;
    margin: 0px 20px;
    padding: 0px 10px;
}
button{
    background-color:#177b7c!important;
}
.boxgrigio{
    background-color: #eee;
    border:1px solid #ddd;
}
input[type=text], input[type=email], input[type=password], input[type=date], input[type=number], textarea, select{
    padding:4px;
}

#boxinfo{
    display:flex;
    align-items: center;
    flex-wrap: wrap;
    padding:10px;
}

#boxinfo div{
   width:33%;
   margin: 10px 0px;  
}

.formcare{
    border:1px solid #177b7c;
    padding-top:0px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    overflow-x: auto;
    margin:20px 0px;
}

.formcare #titoloformg{
    padding:5px;
    background-color: #177b7c;
    color:#fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#containertbl{
    overflow-x: auto;
}

.tablephp{
    margin:10px;
    width: 98%;
}

.tablephp th,.tablephp td{
    border:1px solid #ccc;
    text-align: center;
    padding:8px;
}

.tablephp input{
    width:100%;
}

.tablephp .piccoli{
    max-width:150px;
}


input[type=number]{
    max-width:100px;
}
input[type=date]{
    max-width:200px;
}
.formcare.bright div{
    border-right: 1px solid #ccc;
}
.formcare.asi label{
    width:45%;
}
.formcare.bbottom > div:nth-child(4n-1){
    border-bottom: 1px solid #ccc;
}
.formcare.bbottom > div:nth-child(4n+2){
    border-bottom: 1px solid #ccc;
}
.formcare label[for='altra_nome']{
    width:0!important;
}
.labelxtitolo label{
    font-weight: bold;
    width: 60%!important;
    text-align: center!important;
}
.tci{
    margin-bottom:40px;
}
.tci > div {
    width: 160px;
    justify-content: flex-end;
}
.tci div label{
   font-weight: bold;
}
.tci input[type=number] {
    max-width: 50px;
}
.tci .spaziotci{
    min-height: 50px;
}
.tci .nsclass{
    background-color:#9acd32;
}
.tci .haclass{
    background-color:#ffff00;
}
.tci .rdclass{
    background-color:#ffff00;
}
.tci .psclass{
    background-color:#ffa07a;
}
.tci .sdclass{
    background-color:#ba55d3;
}
.tci .cclass{
    background-color:#778899;
}
.tci .stclass{
    background-color:#ffa500;
}
.tci .valclass{
    background-color:#6495ed;
}

.formcare.profilo div{
    display:block;
}
.formcare.profilo label,.formcare.profilo textarea{
    width:100%!important;
}
.crusctr td{
    font-weight: bold;
}
.tablephp.cruscotto{
    font-size: 0.8em!important;
}
.tablephp.cruscotto{
    font-size: 0.8em!important;
}
.table_programma table{
    width: 100%!important;
}
.programma0 label,.programma1 label,.programma2 label{
    width:50%!important;
}
.graphcontainer{
    flex-grow: 1;
}
.graphcontainer canvas{
    max-width: 100%;
}

@media print {
  #menubar,#menuinterno,.formgroupo button,#footerpage{display:none}
}