body{
	background-color:#F1F2F7;
	margin:0px;
	padding:0px;
    font-family:Helvetica;
    font-size:17px;
    font-style: normal;
    line-height:22px;
	color:#000000;}

* {
    box-sizing: border-box;
}


/*INIZIO barra topnav responsive ---------------------------------------*/

/* Remove margins and padding from the list, and add a black background color */
ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color:lightgrey;
}

/* Float the list items side by side */
ul.topnav li {float: left;}

/* Style the links inside the list items */
ul.topnav li a {
    display: inline-block;
    font-family:'Raleway';
    color: #000;
    text-align: center;
    padding: 3px 10px 4px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

.logo{max-width:250px; padding-right:30px;}

/* Change background color of links on hover */
ul.topnav li a:hover {color: maroon;}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none;}

/* When the screen is less than 900 pixels wide, hide all list items, except for the second one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width:900px) {
  ul.topnav li:not(:nth-child(1)) {display: none;}
  /*ul.topnav li:first-child {display:block}  /*visualizza anche primo elemento (in caso di bandiere) */
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
  
  .logo{max-width:200px;} /* to have smaller logo */
}

/* quando primo item logo
@media screen and (min-width:900px) 
{ul.topnav li:not(:nth-child(1)) { padding-top:15px;}
}*/

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:900px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
  ul.topnav li a:hover {background-color: lightgrey;}
  
  /* 
  ul.topnav.responsive li:first-child {display:none}    /* non fa vedere il primo elemento (logo) */
}
/*FINE barra topnav responsive */


/* barra nav NOresponsive */
.navnoresp
    {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color:lightgrey;}
    
.anavnoresp
{
    display: inline-block;
    font-family:'Raleway';
    color: #000;
    text-align: center;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;}

.anavnoresp:hover {color: maroon;}

.notifiche
{
    background-color: green;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    margin:4px;
    text-align:center;
}


/*GESTIONE posizioni-------------------------------*/

.row {clear: both;}

.row::after {
    content: "";
    clear: both;
    display: table;
}


/* COLONNE For mobile phones: */
[class*="col-"] {width: 100%;}
    
@media only screen and (min-width: 900px) 
{
    .col-1 {width: 10%;}
    .col-2 {width: 20%;}
    .col-25 {width: 25%;}
    .col-3 {width: 30%;}
    .col-4 {width: 40%;}
    .col-5 {width: 50%;}
    .col-6 {width: 60%;}
    .col-7 {width: 70%;}
    .col-8 {width: 80%;}
}

[class*="col-"] {
    float:left;
} 


.floatresp
{   float:left;
    padding:0 15px 15px 0;}
    
 


/* CENTRO ---------------------------*/
.container
{
    width:100%;
    }
    



/* menu contestuale */
.barra
{   width:100%;
    min-height:45px;
    color:#fff;
    padding:7px 30px 7px 30px;
    margin:20px 0px 10px 0px;
    font-family:Raleway;
    font-weight:bold;
    line-height:26px;
    display:table;
    }

@media only screen and (max-width: 900px) 
 {
    .barra{
    font-size:14px;
    line-height:23px;
    }
 }    
    

.divtitolo
{   line-height:35px;
    width:100%;
    border:solid 1px #bbb;
    background-color:Lavender;
    margin-top:20px;
    margin-bottom:30px;
    padding:20px;
}


/* dashboard */

.dashcontenitore {
    display: flex;
    align-items: stretch;
}

@media screen and (max-width:900px) { 
.dashcontenitore {display:inherit;}
}


.dash
{   margin:10px;
    padding:20px;
    background-color:#20A8D8;
    min-height:150px;
    font-size:22px;
    line-height:28px;
    color:#fff;
    flex: 1;
    }
    
.dashfafa
{   text-align:right;
    width:100%;
    color:#fff;
    clear:both;
    margin-bottom:15px;
    }
    
.dashlink
{   color:#fff;
    text-decoration:none;}

.dashlink:hover
{   color:black;}
    
.dashli{margin-left:15px;}    


/* -------- GESTIONE COLORI ---------- */

.colore1
{   background-color:#0B7189;}  /* metallic seaweed */
    
.colore2
{   background-color:#FFC107;} /*mikado yellow */

.colore3
{   background-color:#C19AB7;} /* */

.colore4 
{   background-color:#20A8D8;}/* bright cerulean */

.testo1
{   color:#0B7189;}
    
.testo2
{   color:#FFC107;}

.testo3
{   color:#C19AB7;}

.testo4 
{   color:#20A8D8;}

/* classi font awesome colorate */

[class*="faw-"] {font-size:26px;}
    
.faw-1 {color: #0B7189;}
.faw-2 {color: #FFC107;}
.faw-3 {color: #C19AB7;}
.faw-4 {color: #20A8D8;}

.faw-red{color: #F86C6B;}
.faw-grn{color: #29BA66;}
.faw-gre{color: #888888;}

[class*="fadiv-"] {width:30px; font-size:20px;}

.fadiv-1 {color: #0B7189;}
.fadiv-2 {color: #FFC107;}
.fadiv-3 {color: #C19AB7;}
.fadiv-4 {color: #20A8D8;}

.fadiv-red{color: #F86C6B;}
.fadiv-grn{color: #29BA66;}
.fadiv-gre{color: #888888;}

/* altri colori */

.msgerrore
{font-size:22px; color: #F86C6B;}

.colorebianco
{   background-color:#fff;
    color:#000 !important; }

.pipe
{ padding:0px 25px 0px 25px;}

.guida
{   width:100%;
    padding:10px 30px 10px 30px;
    margin:20px 0px 10px 0px;
    display:table;
    font-size:14px;
    line-height:36px;
}

.pannello
{   width:100%;
    padding:10px 30px 10px 30px;
    margin:0px 0px 20px 0px;
    display:table;
    line-height:36px;
    background-color:FloralWhite;
}

.pannello2
{   width:100%;
    padding:10px 30px 10px 30px;
    margin:0px 0px 20px 0px;
    display:table;
    font-size:12px;
    background-color:FloralWhite;
    border:solid 1px #888;
}

/* ------------ PRESENTAZIONE DATI -------------- */

.casellabianca /* usato?  */  
{   margin:4px;
    background-color:#fff;
    font-size:80%;}


/* DATAGRID */
.bgshadow { /*background-image:url(util/table.png);
    background-repeat:repeat-x;
    background-position:top; */
    background-color:#C19AB7;
    color:#000;
    }
    
rigaA{ background-color:#ffffff;} /* non funzionano */
rigaB{ background-color:#eeeeee;}


/* TABELLE--------------------------  */

table.exc {
  border-collapse: collapse;
  width:100%;
  background-color:#fff;
  font-size:12px;
}

table.exc, table.exc td {
  border: 1px solid black;
}

table.exc td {
  border-bottom: 1px solid #000;
  padding: 5px;
  text-align: center;
  height:35px;
}

tr:nth-child(even).rigainterna { background-color:#eee;}

tr.rigainterna:hover {background-color: Beige;}

tr.title {font-weight:bold; font-size:15px;}
    
td.enha {font-weight:bold; text-transform:uppercase;}

    
/* GENERICI ------------------------  */
.flottatol{float:left;}

.flottator{float:right;}

.centrato{margin:auto; text-align:center;}

.padded{padding:15px;}

.marginebtm{margin-bottom:40px;}

.testosx{text-align:left}


/* LINK E TESTO ------------------------  */
.bianco {   color:#F1EEE9;}
.nero    { color:#000;}

.hovergiallo {text-decoration:none}
.hovergiallo:hover {   color:yellow;}

.hovermarrone {text-decoration:none}
.hovermarrone:hover {   color:maroon;}


.generico
{
    color:#007bff;
    text-decoration:none;
    transition: all .15s ease-in-out;
    line-height:25px;
}

.generico:hover
{   color:#0050ff;
    text-decoration:underline;
}


.nerotitolo
{   color:#000;
    font-weight:bold;
    }
    
.nerotitolo:hover {   color:maroon;}



h1
{
    font-family:'Raleway','regular';
    font-size:26px;
    line-height:32px;
    font-weight:normal;
    margin:20px;
    margin-bottom:40px;
    text-align:center;
    }
    
@media screen and (max-width:900px) 
{   h1{font-size:24px;}
}
    
.titoletto
{   font-family:'Raleway';
    font-size:28px;
    color:lightgrey;
    text-decoration:none;
}    

.titoletto:hover{font-size:29px;}

.testopiccolo    
 {
    font-size:11px;
    }
    


.TextBox
{
	border-right: #3d7439 1px solid;
	border-top: #3d7439 1px solid;
	margin: 2px;
	border-left: #3d7439 1px solid;
	border-bottom: #3d7439 1px solid;
	background-color: #d1dce7;
	font-family:Tahoma;
	font-size:13px;
}


/* fancybutton */
.fancybutton{
    background: #666;
    -webkit-border-radius: 2.5px;
    -moz-border-radius: 2.5px;
    border-radius: 2.5px;
    margin:auto;
    padding:15px;
    color: #fff;
    height: 44px;
    border-bottom: 2px solid #555;
    position: relative;
    text-align: center;
    text-decoration:none;
}

.fancybutton:hover
{
    background: #ff7f00;
    border-bottom: 2px solid #cd4d00;
}    




/* BARRA LOGIN  */

.inputtxt
{
    width:110px;
    height:17px;
    background-color:#ffffff;
    border-width:1px;
    border-style:solid;
    border-color:#e3e3e3;
}    
.button
{
    width:64px;
    height:25px;
    color:Black;
    font-size:12px;
    text-decoration:none;
    background-image:url("util/btn-bkg.gif");
    text-align:center;
}    

.errore
{
    font-size:11px;
    
    }
    
.verdenha
{   color:#29ba66;
    font-weight:bold;
    }


/* stili template column    */

.sbarrato
{
    text-decoration: line-through;
    }

.evid
{   background-color:Yellow;}

.alert
{   background-color:#F86C6B;}

.neutro
{}

/* CheckBoxList    */

.cbl 
{  border-top:solid 1px #FFFFFF; border-left:solid 1px #FFFFFF; border-bottom:solid 1px #ACA899;border-right:solid 1px #C6C1AC; padding: 4px; 
    margin:10px;
    font-weight:normal;
}

.cbl input .selected:laber{color:Red}

.cbl input:hover + label{
    color:Blue;
} 

.cbl input {margin:10px;}




    
/* NON USATI? */