.cert 
{
    width: 50%;
    margin-top: -2%;
    margin-left: 25%;
    position: absolute;
    z-index: 3;
}
@media (max-width: 768px) 
{ .cert 
    {   width: 95%;
        margin-left: 2.5%;
     }
}

.DivProgress1 {
    FILTER: alpha(opacity=85);
    opacity: 0.85;
    POSITION: fixed;
    TOP: 0;
    LEFT: 0;
    WIDTH: 100%;
    HEIGHT: 100vh;
    BACKGROUND-COLOR: #EEEEEE;
    z-index: 2000;
    background-size: 100%;
}


.login
{
    margin-top: 10%;    
}
@media (max-width: 768px) { .login {width: 95%;} }
@media (min-width: 768px) { .login {width: 450px;} }



.logo
{
    width: 120.6px; 
    height: 41.5px;
    padding: 0px;
}





.min768
{
    display: block;
}
@media (min-width: 768px) { .min768 {display: none;} }
@media (min-width: 992px) { .min768 {display: none;}}
@media (min-width: 1200px) { .min768 {display: none;}}

.plus768
{
    display: none;
}
@media (min-width: 768px) { .plus768 {display: block;} }
@media (min-width: 992px) { .plus768 {display: none;}}
@media (min-width: 1200px) { .plus768 {display: none;}}
.plus992
{
    display: none;
}
@media (min-width: 768px) { .plus992 {display: none;} }
@media (min-width: 992px) { .plus992 {display: block;}}
@media (min-width: 1200px) { .plus992 {display: none;}}
.plus1200
{
    display: none;
}
@media (min-width: 768px) { .plus1200 {display: none;} }
@media (min-width: 992px) { .plus1200 {display: none;}}
@media (min-width: 1200px) { .plus1200 {display: block;}}


.NoPresenza
{
	background-image: url("Default/IMMAGINI/lightyellow.png");
	BORDER: 1PX SOLID #505050;
	COLOR: #505050;
}
.PresenzaDef
{
	background-image: url("Default/IMMAGINI/red.png");
	BORDER: 1PX SOLID #505050;
	COLOR: WHITE;
}
.PresenzaNonDef
{
	background-image: url("Default/IMMAGINI/green.png");
	BORDER: 1PX SOLID #505050;
	COLOR: WHITE;
}
.FattDef
{
	background-image: url("Default/IMMAGINI/blue.png");
	BORDER: 1PX SOLID #505050;
	COLOR: WHITE;
}



/*   TABELLA DELLE PRESENZE   */
div.content-tabelle
{
    padding: 1%;
}
table.tab-left
{
    border-collapse: collapse;
    float: left;
    border: solid 1px #ccc;
}
.textBoxDescMagg
{
    width: 150px;
}
.textBoxPV
{
    width: 40px;
}
table.tab-left th, table.tab-left td
{
    padding: 5px;
    border-right: solid 1px #ccc;
    text-align: center;
}
table.tab-left tr:nth-of-type(odd), table.tab-right tr:nth-of-type(odd)
{
    background-color: #fff;
}
table.tab-left tr:nth-of-type(even), table.tab-right tr:nth-of-type(even)
{
    background-color: #f5f5f5;
}
div.content-inner
{
    overflow-x: scroll;     /* necessario per avere la barra di scorrimento orizzontale */
}
table.tab-right
{
    border: solid 1px #ccc;
}
.textBoxGG
{
    width: 30px;
    text-align: center;
}
table.tab-right td, table.tab-right th
{
    text-align: center;
    padding: 5px;
    border-right: solid 1px #ccc;
}
table.tab-right td, table.tab-left td
{
    line-height: 15px;
}
table.tab-left th, table.tab-right th
{
    background-color: #099EE0;
    color: #fff;
    white-space: nowrap;    /* impedisce che il testo interno ad una cella vada a capo */
}

/*  TABELLA VOCI AGGIUNTIVE  */
table.tab-vociAgg
{
    width: 100%;
    border: solid 1px #ccc;
}
table.tab-vociAgg tr:nth-of-type(odd)
{
    background-color: #fff;
}
table.tab-vociAgg tr:nth-of-type(even)
{
    background-color: #f5f5f5;
}
table.tab-vociAgg th
{
    background-color: #099EE0;
    color: #fff;
}
table.tab-vociAgg th, table.tab-vociAgg td
{
    padding: 5px;
    border-right: solid 1px #ccc;
    text-align: center;
}


/*  PADDING MULTIVIEW PRESENZE   */
.padding
{
    padding: 5px;
}
/*  POSIZIONE LUCCHETTO  */
.lucchetto
{
    position: relative;
    top: 30px;
}
.titoloPresDefinitiva
{
    color: #E1007A;
    font-weight: bold;
}
/*  ELENCO VOCI: COD PRESENZA, NUM FATTURA, TOT PRESENZA   */
.elencoVoci{
        width: 250px;
        margin: auto;
}
.alignRight
{
    text-align: right;
}
/*  VOCI ULTIMA MODIFICA   */
.lblUltimaModifica
{
    margin-bottom: -5px;
}
.rigaModifica
{
    display: block;
    margin: auto;
    width: 300px;
}
.bloccoLabel
{
    margin: auto;
    width: 240px;
}

/*  BARRA DETTAGLIO CONTRATTO  */
.labelGrassetto
{
    font-weight: bold;
}
.dettCont{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: text-bottom;
}
.firstColLabel{
    width: 85px;
    display: inline-block;
}
.firstColText{
    max-width: 240px;
}
.secondColLabel{
    width: 70px;
    display: inline-block;
}
.secondColText{
    max-width: 360px;
}
.thirdColLabel{
    width: 80px;
    display: inline-block;
}
.thirdColText{
    max-width: 240px;
}
.fourthColLabel{
    width: 70px;
    display: inline-block;
}
.fourthColText{
    max-width: 100px;
}


/* BOTTONE ALLUNGATO */
.btn-longue{
    width: 100%;
    padding: 2px 12px;
    margin-top: 5px;
}

/* CENTRA UN ELEMENTO NELLA PAGINA RESPONSIVE */
.centeredElement{
    position: fixed;
    z-index: 2000;
}
@media (max-height: 279px) 
{ .centeredElement 
    {
      max-height: 270px;
      overflow-y: scroll;
      top: 5%;
      bottom: 5%;
      left: 50%;
      transform: translateX(-50%);
    }
}
@media (min-height: 280px) and (max-height: 489px) 
{ .centeredElement 
    {
      max-height: 420px;
      overflow-y: scroll;
      top: 2%;
      bottom: 2%;
      left: 50%;
      transform: translateX(-50%);
    }
}
@media (min-height: 490px)
{ .centeredElement 
    {
      top: 15%;
      bottom: 15%;
      left: 50%;
      transform: translateX(-50%);
    }
}

.map {
    height: 500px;
}

.F {
    border: 5px;
    border-color: pink;
    border-style: solid;
    border-radius: 50;
}