:root {
  /* Defnisco i parametri generici*/
  --font-primary: Roboto;
  --font-size: 16px;
  
  /* Defnisco i parametri generici*/
  --font-title: "Montserrat";

  
  /* Defnisco le variabili dei colori della barra primaria*/
  /* ---------------------------------------------------------------- */
  /* ---------------------------------------------------------------- */
  --def-primary-color: #FFFFFF;
  
  
  /* Colore di background della barra (Trasparente, bianco etc..) */
  --def-background-color: rgba(255,255,255,0);
  
  /* Colore di sfondo del quadrato intorno ad un link quando si va sopra col mouse */  
  --def-button-background: rgba(255,255,255,0.4);

  
  --def-active-link: #FFFFFF;  
  --def-hover-link: #FFFFFF;
  --def-disabled-link: #444444;
  --def-navbar-text: #010101;    
  
  --def-box-shadow: none;
  
}
body.covered .cover{position:absolute;top:0;bottom:0;left:0;right:0;background-repeat:no-repeat;background-color:rgb(255,255,255);background-image:url(loading.gif);background-position:center;z-index: 9999;opacity: .85}
.neutro{color:#333!important}
.nav > li > a{padding-left:9px;padding-right:9px}
body form input[type=checkbox]{width:20px;height:20px}
.bg-info{background-color:#ffffe0}
.form-control.bg-info[disabled]{border-color:transparent;background-color:#ffffe0;color:#000}
.d-block{display:block}
label{font-weight:400}
.radiobox label,.checkboxbox label{font-weight:400}
.checkboxbox .form-check{width:33%;float:left}
.checkboxbox .form-check-input{width:20px;height:20px}
.checkboxbox:after{display:block;content:'';width:100%;clear:both}
.form-group .btn-danger{padding:9px}
.virgin{padding-left:0}
.virgin li{list-style:none}
textarea.big{height:50vh}
#menusx a{
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;}

div[id^=trattamento_] .col-sm-4 .form-group label,
div[id^=notifica_] .col-full .form-group label,
div[id^=notifica_] .col-sm-4 .form-group label{display:inline-block;width:145px;float:left}
.textareabox label{display:block!important;width:auto!important;float:none!important}
#trattamento_clienti .form-group select,
#trattamento_fornitori .form-group select,
#trattamento_dipendenti .form-group select,
#trattamento_altri .form-group select{width:60px;padding:10px 5px}
#trattamento_clienti .form-group:nth-child(18),
#trattamento_fornitori .form-group:nth-child(18),
#trattamento_dipendenti .form-group:nth-child(18),
#trattamento_altri .form-group:nth-child(18){width:100%;margin-top:20px}
#trattamento_clienti .form-group:nth-child(18) label,
#trattamento_fornitori .form-group:nth-child(18) label,
#trattamento_dipendenti .form-group:nth-child(18) label,
#trattamento_altri .form-group:nth-child(18) label{width:100%}
div[id^=compiti_titolare_]>.form-check{float:left;padding-right:15px}
div[id^=compiti_cotitolari_]>.form-check{float:left;padding-right:15px}
div[id^=compiti_responsabili_]>.form-check{float:left;padding-right:15px}
div[id^=compiti_responsabiliesterni_]>.form-check{float:left;padding-right:15px}
div[id^=compiti_incaricati_]>.form-check{float:left;padding-right:15px}
div[id^=compiti_incaricatielettronici_]>.form-check{float:left;padding-right:15px}
div[id^=compiti_incaricatidb_]>.form-check{float:left;padding-right:15px}
div[id^=compiti_incaricaticredenziali_]>.form-check{float:left;padding-right:15px}
div[id^=compiti_responsabiliuffici_]>.form-check{float:left;padding-right:15px}
div[id^=compiti_dipendenti_]>.form-check{float:left;padding-right:15px}
#audit_post_presenti>.form-check{float:left;line-height:35px;overflow:hidden}
#audit_post_presenti>.form-check>label{white-space: nowrap;padding-left: 32px}
.a3>.form-check{float:left;width:100%;padding:3px 0}
.a3>.form-check input{display:inline-block;width:20px;height:20px}
.textareabox .a3 label{display:inline!important}
textarea.form-control.small{height:40px}
.form-group select.big{width:100%!important;height:300px}
@media (max-width:1200px) and (min-width:768px){
form[name=compiti] .lariga .col-sm-1{padding:0}
form[name=compiti] .lariga .col-sm-1 input{padding-left:0;padding-right:0}
}
@media (min-width:750px){
    .a3>.form-check{width:50%}
    .a5>.form-check{width:33%}
}
@media (min-width:1100px){
    .a5>.form-check{width:25%}
}
@media (min-width:1400px){
    .a3>.form-check{width:33%}
    .a5>.form-check{width:20%}
}
#audit_post_presenti>.form-check input{height:25px;width:25px;margin-right:5px;position:absolute;}
legend.piccolo{font-size:16px}
.mt-2{margin-top:15px}
.mb-1{margin-bottom:5px}
.bg-info.textareabox{margin-bottom:15px}
.audiotagbox{padding-right:40px}

div#informatici_informatici_1,div#informatici_informatici_2,div#informatici_informatici_3,div#informatici_informatici_4,div#informatici_informatici_5,
div#cartacei_cartacei_1,div#cartacei_cartacei_2,div#cartacei_cartacei_3,div#cartacei_cartacei_4,div#cartacei_cartacei_5,
div#dbs_dbs_1,div#dbs_dbs_2,div#dbs_dbs_3,div#dbs_dbs_4,div#dbs_dbs_5{border-top:12px solid #444444;padding-top:15px;margin-top:70px}

/*label[for^=notifica_clienti]{display:inline-block;width:145px;float:left}*/
select.yesno{width:60px;padding:10px 5px;margin-left:10px;display:inline-block}
/*input[id$=text]{float:left}*/
.specifica{display:inline-block}
.col-sm-12>*>label{width:340px}

.informaticiboxp .radiobox>.form-check,.cartaceiboxp .radiobox>.form-check{display:inline-block;width:33%}

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"]{padding:2px 14px}
table.unpospaziata td,table.unpospaziata th{padding: 5px 9px}

@media (max-width:600px){
.navbar-header .navbar-brand{width:calc(100% - 60px);font-size:12px}
.material-icons.dd-48{font-size:2em}
.title-h2{font-size:1.8em}
.dataTables_filter,.dataTables_filter label,.dataTables_filter input{width:100%!important}
.table.dataTable.no-footer{font-size:12px}
.table.dataTable.no-footer td.text-right{text-align:left;width:70px}
.informaticiboxp .radiobox>.form-check, .cartaceiboxp .radiobox>.form-check{display:block;width:100%}
select.yesno{margin-left:0;width:100%;display:block}
}