@charset "utf-8";
/* CSS Document by InkandOut and Minos SRL */
/* Version 2013 CSS for Screen */
/* fonts System */
@font-face {
    font-family: Tahomabd;
    src: url('font/tahomabd.ttf');
}
@font-face {
    font-family: Helvetica Neue Roman;
    src: url('font/HelveticaNeueCE55Roman.ttf');
}
@font-face {
    font-family: Helvetica Neue Bold;
    src: url('font/helvetica-neue-bold.ttf');
}
@font-face {
    font-family: Rotis Semisans AT;
    src: url('font/RotisSemisans55Regular.otf');
}
@font-face {
    font-family: Digital Family;
    src: url('font/digital_font.ttf');
}
@font-face {
    font-family: DejaVuSans;
    src: url('font/DejaVuSans.ttf');
}
/*------------  Main Style  ------------------------------------------------- */
*{
    margin: 0;
    padding: 0;
}
body{
    /*background-color:#84CAFE;*/ /* Colore azzurro*/
    background-color: #0b1b46; /* Colore Blu Notte*/
    font-family: Tahoma,Arial,Helvetica,Sans-Serif;
    font-size: 12px !important;
}
img{
    border: none;
}
.show-col{
    min-height: 20px;
}
row-top{
    z-index: 4;
}
.not-padding{
    padding: 0!important;
}
.not-margin{
    margin: 0!important;
}
.colour{
    background-color: #ccc;
    padding: 10px;
}
.m-ing-top{
    margin-top: 20px;
}
.col-wrap {
    overflow: hidden;
    position: relative;
}
.cell-space{
    background-color: #E8E8E8;
    padding: 10px;
    min-height: 215px;
}
.cell-space1{
    background-color: #E8E8E8;
    padding: 10px;
    min-height: 245px;
}
.spacer-cg{
    height: 17px;
}
.ends{
    margin-bottom: 30px;
    margin-top: 20px;
}

/*---------- wrapper bootstrap stable wrap ----------- */
#wrapper{
    border-radius:0 0 25px 25px;
    -moz-border-radius:0 0 25px 25px;
    -webkit-border-radius:0 0 25px 25px;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-top: 10px;
}
#sidebar{
    height: 100%;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 22px;
    z-index: 2;
    background-color: #20313D;
}
.main-container{
    backface-visibility: hidden;
    /*left: 5px !important;*/
    position: relative;
    /*transform: translate3d(0px, 0px, 0px);*/
    /*transition: transform 500ms ease 0s;*/
    width: 100%;
}

/*---------- stile select radiobox checkbox ---------- */
.checkbox{
    width: 19px;
    height: 25px;
    padding: 0 5px 0 0;
    background: url('../img/checkbox.png') no-repeat;
    display: block;
    clear: left;
    float: left;
}
.radio{
    width: 19px;
    height: 19px;
    padding: 0 0px 0 0;
    display: inline;
    clear: left;
    background: url('../img/radio.png') no-repeat;
}
.select{
    position: absolute;
    width: 98px; /* With the padding included, the width is X pixels */
    height: 21px;
    padding: 3px 24px 0 8px;
    color: #666;
    font: 11px arial,sans-serif;
    background: url('../img/select.png') no-repeat;
    overflow: hidden;
}

/*------Parametri di fonts ed etichette testual-----*/
p{
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    color: #666;
}
h2{ 
    font-family: "Tahoma";
    font-weight:bold;
    font-size: 15px;
    color: #fff;
    padding: 2px 8px;
}
.title-1 h2{
    padding: 4px 8px;
}
h4.dettaglio{
    font-family: "Tahoma";
    font-weight:bold;
    font-size: 12px;
    color: #949494;
    padding: 6px 8px;
}
h4{ 
    font-family: "Tahoma";
    font-weight:bold;
    font-size: 12px;
    color: #fff;
    padding: 6px 8px;
    margin: 0px;
}
h4.upnotabs{ 
    font-family: "Tahoma";
    font-weight:bold;
    font-size: 12px;
    color: #999999;
    padding: 8px 0px;
}
h4.dash{ 
    font-family: "Tahoma";
    font-weight:bold;
    font-size: 12px;
    color: #20313D;
    padding: 6px 8px;
    float: left;
    display: block;
    margin: 0;
}
h4.filter{ 
    font-family: "Tahoma";
    font-weight:bold;
    font-size: 12px;
    color: #fff;
    padding: 6px 8px;
    float:right;
}
h4.title-5{ 
    font-family: "Tahoma";
    font-weight:bold;
    font-size: 12px;
    color: #fff;
    padding: 6px 8px;
}
h4.statistiche-generali{ 
    font-family: "Tahoma";
    font-weight:bold;
    font-size: 12px;
    color: #fff;
    padding: 6px 8px;
}
h4.datiGenerali{ 
    font-family: "Tahoma";
    font-weight:bold;
    font-size: 12px;
    color: #808080;
    padding: 6px 4px;
    margin: 0;
}
h4.comandiGenerali{ 
    font-family: "Tahoma";
    font-weight:bold;
    font-size: 13px;
    color: #808080;
    padding: 8px 6px;
    margin: 0px !important;
}
h5{
    font-family: "Rotis Semisans AT";
    font-size:12px;
    color:#20313D;
}
/*------ layout Principale ------*/
table
{
    font-family: Tahoma,Arial,Helvetica,Sans-Serif;
    font-size: 12px !important;
    font-style: normal;
    font-weight: normal;
    border-collapse:collapse;
}

.wrap
{
    position:relative;
    margin: 75px 2% 10px;
}
.wrap-content
{
    position: relative;
    background-color: #fff;
    border-radius: 35px;
    border-radius:35px;
    -moz-border-radius:35px;
    -webkit-border-radius:35px;
    padding: 25px 25px 25px 25px;
}
.align-right
{
    text-align: right;
}
.cir_sup_left
{
    clip: rect(auto, 25px, 25px, auto);
    background-image: url('../img/round.png') ;
    width: 50px;
    height: 50px;
    position:absolute;
    top: 0;
    left: 0;
}
.cir_sup_right
{
    clip: rect(auto, auto, 25px, 25px);
    background-image: url('../img/round.png') ;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
}
.cir_inf_right
{
    clip: rect( 25px, auto, auto, 25px);
    background-image: url('../img/round.png') ;
    height: 50px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50px;
}
.cir_inf_left
{
    clip: rect( 25px, 25px, auto, auto);
    background-image: url('../img/round.png') ;
    width: 50px;
    height: 50px;
    position:absolute;
    bottom:0;
    left: 0;
}
.border_wrap_top
{
    position:absolute;
    height: 25px;
    left: 25px;
    right: 25px;
    background-image: url('../img/border-w.jpg');
    top: 0;
    text-align: right;
    padding-top: 5px;
}
.border_wrap_bottom
{
    position:absolute;
    height: 25px;
    left: 25px;
    right: 25px;
    background-image: url('../img/border-w.jpg');
    bottom: 0;
}
.border_wrap_left
{
    position:absolute;
    width: 25px;
    top: 25px;
    bottom: 25px;
    background-image: url('../img/border-w.jpg');
    left: 0;
}
.border_wrap_right
{
    position:absolute;
    width: 25px;
    top: 25px;
    bottom: 25px;
    background-image: url('../img/border-w.jpg');
    right: 0;
}
.logoPrint
{
    display: none;
}
/* moduli interni */
#panes{
    padding-bottom: 10px;
}
/* cella sinistra */
.leftcell
{
    z-index: 200;
}
.leftcell p 
{
    margin-left:7px;
    margin-bottom: 2px;
    font-size:10px;	
}
.leftcell a:link
{
    margin-left:7px;
    font-size:10px;
    color: #333;
    text-decoration:underline;	
}

/* cella destra */
.rightcell
{
    z-index: 200; 
}
.rightcell p 
{
    margin-left:34px;
    font-size:10px;	
}
.rightcell a:link
{
    margin-left:34px;
    font-size:10px;
    color: #333;
    text-decoration:underline;	
}

/*------LayOut Contenuto -----*/
.controllo-content
{
    /*width: 100%;
    margin-top: 10px;
    display: table;*/
}
.content
{
    display: table-row;
}

/* Inicio Wrap Controllo */

/* Internal Menu barra laterale*/
.controllo-menu
{
    width: 13% !important;
    min-width:120px !important;
    position: relative ;
    display: table-cell;
    margin-left: 5px;
    vertical-align:top;
    display: none;
    visibility: hidden;
}
.menuSmall
{
    position: relative ;
    display: table-cell;
    visibility: visible;
    position: relative ;
    width: 23px;
    background-color: #20313D;
    font-family:Tahoma, Geneva, sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #FFF;
    text-align: center;
    vertical-align:top;
    cursor: pointer;
    border-right: 2px solid #ffffff;
}
.menu-title
{
    margin-right:2px;
    background-color:#20313D;
}
.image-slide-on
{
    background: url("../img/bottom_slideon.png") right no-repeat;
    margin: 0px 5px 0px 0px;
}
.image-slide-off
{
    background: url("../img/bottom_slideoff.png") right no-repeat;
}

/* ---- Dash Board ------- */

.controllo-dashboard
{
    width:100%;
    position: relative;
    display: table-cell;
    vertical-align:top;	
}
.content-area
{
    background-color: #F0F0F0;
    min-height: 450px;
    overflow: hidden;
}
.content-area-globa
{
    background-color: #F0F0F0;
    min-height: 340px;
    overflow: hidden;
    padding-bottom: 25px;
    border-bottom: 1px solid #dddddd;
}
.half-dx
{
    height: auto;
    max-width: 70%;
    min-width: 30%;
    float: left;

}
.half-sx
{
    height: auto;
    max-width: 70%;
    min-width: 30%;
    float:right;
}
/* Logo Controllo */

.logo
{
    background-image: url("../img/logo-controlloimpianto.png");
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    height: 160px;
    width: 100%;
    position: absolute;
    top:-90px;
    z-index:0;
}
.col-logo
{
    min-height: 1px;
}
/* titoli manu */
.title-1
{
    background-color: #999;
}
.title-5
{
    background-color: #BADBF6;
}
.title-6
{
    background-color: #ccc;
    min-height: 40px;
}
/* MenuV */
.menuv
{
    margin-right: 2px !important;
    font-family:Tahoma, Geneva, sans-serif;
}

.menuv ul
{
    list-style:none;
    background-color:#41647C;
    margin:0px;
    padding:0px 0px 0px 0px;
}
.menuv li a 
{
    height: 32px;
    height: 24px;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}	
.menuv li a:link, 
.menuv li a:visited 
{
    color: #20313D;
    display: block;
    background: url("../img/mv3.jpg");
    background-repeat:no-repeat;
    padding: 8px 0 0 10px;
}
.menuv li a:hover 
{
    color: #20313D;
    background: url("../img/mv3.jpg") 0 -32px;
    background-repeat:no-repeat;
    padding: 8px 0 0 10px;
}
.menuv li a:active {
    color: #ffffff;
    background: url("../img/mv3.jpg") 0 -64px;
    background-repeat:no-repeat;
    padding: 8px 0 0 10px;
}
/* Fine Menu Vertical*/

/* Inizio Submenu Vertical */

.submenuv
{
    margin-right: 4px !important;
    font-family:"Tahoma", Geneva, sans-serif;
}

ul.submenuv 
{
    list-style:none;
}
.submenuv li a {
    height: 20px !important;
    text-decoration: none;
    font-weight: bold;
    font-size: 10px;
    color: #ffffff;
}	
.submenuv li a:link, 
.submenuv li a:visited 
{
    color: #ffffff;
    display: block;
    background-color: #6193AA !important;
    padding: 8px 0 0 10px;
}

.submenuv li a:hover 
{
    color: #84CAFE;
    background-color: #84CAFE !important;
    padding: 8px 0 0 10px;
}

.submenuv li a:active 
{
    color: #ffffff;
    padding: 8px 0 0 10px;
}

/* Ends Submenu Vertical */

.path-tabs
{
    background-color:#C1C1C1;
    overflow: hidden;
}

/* table style General */

.table-imp
{
    width: 100%;
    border: none;
}
.table-imp tr
{
    border: none;
}
.table-imp td
{
    text-align: center;
    vertical-align: central;
}
.tablecolor-Data
{
    background-color:#C1C1C1;
    font-size:11px;
    font-weight:bold;
    padding-right: 4px !important; 
    color: #ffffff;
    height: 22px;
}

.tablecolor-Data span
{
    padding-right: 10px !important; 
}
.tablecolor-totalimpianto
{
    background-color:#6193AA; 
    font-size:11px;
    font-weight:bold;
    color: #ffffff;
}
.tablecolor-tablehead
{
    background-color:#f9f9f9;
    font-size:11px;
    font-weight:bold;
    padding: 4px !important;
}
.tablecolor-tablehead td
{
    padding: 4px !important;
    color: #666666;
}
.tablecolor-0
{
    background-color:#ffffff;
    font-weight: bold;
    padding: 0px !important;
    font-size: 10px;
}
.tablecolor-0 td
{
    height: 19px !important;
}
.tablecolor-1
{
    background-color:#F0F0F0;
    font-weight: normal;
    padding: 4px !important;
    height: 40px;
}

.tablecolor-1:hover,.tablecolor-2:hover{
    background-color: #c0c8ff;
    /*filter:alpha(opacity=0.4);*/ /* For IE8 and earlier */
}

.tablecolor-2
{
    background-color:#D9E4FF;
    font-weight: normal;
    padding: 0px !important;
    height: 40px;
}
/* filtri di recerca */
.capsulefilter
{
    margin: 0px auto;
    min-width: 560px;
    max-width: 900px;
}
.capsulefilter select
{

}
.capsulefilter input
{
    border: 1px solid #c1c1c1;
    height: 18px;
    max-width: 120px;
    font-size: 11px;
}
.filters
{
    padding: 4px 8px;
    position: relative;
    background-color:#ededed ;
    min-height: 18px;

}
.allarm_text
{
    color: #666;
    font-size: 9px;
}
#elencoDati
{

}
.elenco-img
{
    padding: 4px;
}
p.elenco
{
    margin: 10px 0px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    color: #333;
}
p.elenco2
{
    margin: 10px 0px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    color: #fff;
}
.cursorPointer{
    cursor: pointer;
}
.clear
{
    clear: both;
}
.user
{
    color: #666;
}
.user-img
{
    margin: 0px;
    padding: 0;
}
.user-img-wrap
{
    height: 27px;
    width: 27px;
    float: left;
}

/*--------------- login -------------------*/
.container-login{
    margin-top: 55px;
}

.loginarea
{
    border: none;
    margin: 20px auto;
    max-width: 650px;
}
#login
{
    padding: 60px 20px;
}
#loginimg
{
    background-color: #F0F0F0;
    bottom: 0;
    display: block;
    overflow: hidden;
    right: 0;
    top: 0;
    z-index: -2;
    padding: 60px 0px;
    text-align: center;
}

input, select, textarea 
{
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    vertical-align: middle;
}
input
{
    border: 1px solid #C5C5C5;
    height: 22px;
    size: 30px;
}
input.controllo
{
    border: 1px solid #C5C5C5;
    height: 20px;
    size: 30px;
}
label
{
    font-weight: normal;
    font-size: 14px;
    color: #666666;
}
.label1
{
    font-weight: normal;
    font-size: 14px;
    color: #666666;
    padding-top: 5px !important;
}
.button
{
    background-color: #F0F0F0;
    border: 1px solid #999999;
    min-height: 28px;
    border: 1px solid #999999;
    min-height: 28px;
    min-width: 45px;
    padding: 0 10px;
    padding: 0 10px;
    cursor: pointer;
}
.button-statistiche
{
    background-color: #F0F0F0;
    border: 1px solid #999999;
    min-height: 26px;
    border: 1px solid #999999;
    min-height: 26px;
    min-width: 70px;
    padding: 0 10px;
    padding: 0 10px;
    cursor: pointer;
    margin-left: 20px;
}
/* Struttura del Dettaglio */

.menuDettaglio
{
    background-color: #fff;
    width: 100%;
    border: none;
    margin: 0 !important;
}
.menuDettaglioWrap
{
    width: 100%;
    margin: 0 !important;
}
.menuDettaglio ul
{
    text-align: right;
    min-height: 22px;
    list-style-type:none;
}
.menuDettaglio il
{
    padding: 6px 10px;
    cursor: pointer;
    background-color: #f0f0f0;
    display:inline;
    line-height: 27px;
}
.menuDettaglio a:link
{
    font-size: 12px;
    font-weight: bold;
    font-family: Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color:#999999;  
}
.menuDettaglio a:visited 
{
    color:#999999; 
    text-decoration: underline;
}
.menuDettaglio a:hover 
{   
    text-decoration: underline;
    color:#666666; 
}  
.menuDettaglio a:active 
{  
    color:#333333; 
    text-decoration: none;
}

/* content Dettaglio */

.contentDettaglio
{
    padding: 10px!important;
    display: block;
}
#statistiche
{
    padding: 10px!important;
    display: block;
}
.graficoWrap
{
    background-color: transparent;
    padding: 10px;
    min-height: 150px;
}
.dataDetaglio
{
    background-color: #f1f1f1;
    min-width: 100%;
    float: none; 
}
.inverterDetaglio
{
    background-color: #ccc;
    margin: 0 0 20px;
    min-width: 100%;
    float: none;
    overflow-x: scroll;
}
.widgets
{
    padding: 5px 0px;
}
table.dataDettaglio-table
{
    width: 100%;
}
.dataDettaglio-table td
{
    background-color:#E8E8E8;
}
/* Dati Generali del dettaglio */
.div-line
{
    height: 10px;
    width: 100%;
    background: url("../img/div-line.jpg") top center repeat-x;
    margin: 10px 0 10px;
}
.div-line2
{
    height: 2px;
    width: 100%;
    background: url("../img/div-line.jpg") top center repeat-x;
    margin: 5px 0 5px;
}
.datiGenerali
{
    padding: 0px 5px 0px;
}
.datiG
{
    background-color: #E8E8E8;
    padding: 0px;
}
.datiG1
{
    background-color: #F0F0F0;
}
.datiG2
{
    background-color: #e0e0e0;
}

/*--------------------- Statistiche --------------*/

.calcontrollo
{
    position: relative;
    padding: 0px 10px;
    top:10px;
    width: 600px;
    margin: 0 auto;
}
.calcontrollo span
{
    color: #999999;
    font-family: tahoma, geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0px 5px;
}
#filtraData
{
    background: #fff; 
    border: 1px solid #999; 
    width: 150px; 
    text-align: center;
}
.calendario
{
    /*    position: relative;*/
    cursor: pointer;
    margin:0 8px;
}
.graficoPeriodo
{
    position: relative;
    margin: 0 auto;
    width: 90%;
    height: 385px;
    top:15px;
    /*background-color: #E8E8E8;*/ /*colore escluso del cuadro*/
}
.loaderBase
{
    position: relative;
    width: 100%;
    height: 1px;
    visibility: hidden;
}
.graficoTrasparente
{
    height: 400px;
    width: 100%;
    position: relative;
    background: #4f9de2;
    top: 0px;
    z-index: 5;
    opacity:0.5 !important;
    text-align: center;
    margin: 0px;
    padding: 0px;
    border: none;
}
.spacer-statistic
{
    height: 30px;
    width: 100%;   
}
.datiPeriodo
{
    position: relative;
    margin: 0 auto;
    max-width: 850px;
    min-width: 250px;
    background-color:#b3b3b3;
    overflow: hidden;
}
.datiGlobali
{
    position: relative;
    margin: 0 auto;
    width: 90%;
    height: 150px;
    top: 45px;   
}
.lettura-statistic
{
    background-color: transparent;
    width: auto;
    float: left; 
    display: block;
    padding: 0px;
    text-align: center;
}
.lettura-sta
{
    color: #fff;
    font-family: Tahoma, Geneva,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding: 5px 0;
}
.lettura-sta-light
{
    color: #fff;
    font-family: Tahoma, Geneva,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
    background-color: #222222;
}
.Lettura-cifra
{
    width: auto;
    min-height: 20px;
    margin: 3px 0 0;
    padding: 3px;
}
.digitalFont{
    font-family: Digital Family
}
li.statistiche-generali
{
    display:inline;
    color: #666;
    font-weight: bold;
    margin-left: 4px;
}
.topStadistic
{
    width: auto;
    height: auto;
    padding: 5px 5px 0;
    overflow-y: hidden;
}
.moduleStatistic
{
    background-color: #FCFCFC;
    margin-right: 2%;
    height: 250px;
    min-width: 100%;
    margin-bottom: 10px;

}
.moduleStatistic:last-child
{
    margin-right: 0;
}
.moduleStadisticData
{
    background-color: #B3B3B3;
    width: auto;
}
.graficoStatistico
{
    /*position: relative;*/
    /*margin:0 auto;*/
    height: 400px;
    /*width: auto;*/
    padding: 25px 0px;
}
.statistiche-produzione
{
    background-color: #f1f1f1;
    width: auto;
}
.statistiche-space
{
    width:100%;
    height: 25px; 
    background-color:#c1c1c1;
}
.table-statistiche
{
    width:100%; 
    border:0px;
    margin-top: 25px;
}
.tortaStatistiche
cell-space{
    width:100%;
    min-height: 250px;
}
.energyClass
{
    width: 270px;
    margin: 0 auto;

}
.table-statistiche-torta
{
    width:450px; 
    min-height: 200px;
    background-color: #e8e8e8;
}
.table-statistiche-space
{
    width:30px;
    min-height: 100px;
    background:none;
}
.table-statistiche-space2
{
    width:10px;
    min-height: 100px;
    background:none;
}
.table-statistiche-table
{
    min-width:300px; 
    background-color:#e8e8e8; 
    padding: 0 20px 20px;
}
.table-statistiche-disp
{
    height: 25px!important;
    background-color:#f0f0f0;
    padding: 5px !important;
    color:#666;
}
.table-statistiche-par
{
    height: 25px;
    background-color:#e0e0e0;
    color:#666;
    padding: 5px !important;
}
.holderst{
    float: right;
    padding: 8px 6px;
}
.rowline
{
    padding: 2px 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}
/* ------------------class pubblicita ------------------*/

.pubblicita
{
    height: 288px;
    background-color: #f1f1f1;
}

/* ---------------- Visione TV ----------------------- */
.mark-tv
{
    background-color: #dedede;
}
.dati-tv
{
    padding: 30px;
}
.barra-tv
{
    background-color: #ffffff;
    height: 40px;
}
.barra-keepfull
{
    background-color: #7c7c7c;
}
#visione
{
    background-color: #F0F0F0;
}
.tv
{
    font-size: 1.5em;
    color: #adadad;
}
.tvInfo
{
    font-size: 2.6em;
    color: #666666;
}
.keepfull
{
    margin: 0 auto;
    width: 220px;
    color: whitesmoke !important;
}
.checkbox-tv{ padding: 5px;}
.checkbox-tv label
{
    color: whitesmoke !important;  
    font-size: 10px;
}
.pulsanteTv
{
    position: absolute;
    padding: 5px;
    width: 40px;
    height: 40px;
    background-color: black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    right: 0px;
    border-radius: 6px;
    z-index: 2000;
    top: -53px;
}
#tachi
{
    width: 380px;
    border: 2px solid red;
}
.posizinePulsante
{
    position: relative;
    height: 1px;
}

.tachimetro
{
    text-align: center;
    width: 260px;
    overflow: hidden;
    margin: 0 auto;
    padding: 20px 10px;
}
#datiIstantanei
{
    float: left;
    width: 48%;
    margin-top: 3% !important;
}
.spacer-tv
{
    height: 1% !important;
    width: 100%;
    position: relative;
}
.advertising
{
    padding: 10px;
    width: auto;
    min-height: 10px;
    background-color: #fff;
}
.filterparagraf
{
    text-transform: capitalize;
}
.margine
{
    padding: 10px;
}
/* visione tv multipli impianti  */
.implant-circle{
    width: 50%; 
    height: 50%;
}
.implant-minispacer{
    padding: 10px 10px 0px 10px  ;
}
h2.tvmini{
    padding: 20px 5px 0 5px;
    color: #adadad;
    font-size: 1.4em;
}
h1.tvmini{
    padding: 10px 5px 0 5px;
    color: #adadad;
    font-size: 2.2em;
}
p.tvmini{
    padding: 0 5px;
    color: #333333;
    font-size: 1.1em;
}

/* tooltip style .tooltip  */
.tooltip 
{
    display:none;
    background:transparent url(../img/white_arrow.png);
    font-size:10px;
    height:80px;
    width:155px;
    padding-top: 10px;
    padding-left: 20px;
    color:#333333;
}

/* pulsante espandi */

.espandiImg
{
    cursor: pointer;
}
/* -------------  Stringe  ----------------------*/
table.stringhe
{
    width: 100%;
    border-collapse: collapse;
    background-color: #e1e1e1;
}
tr.stringheColor0
{
    background-color: #ffffff;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
}
tr.stringheColor1
{
    background-color: #e1e1e1;
    color: #333333;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 20px; 
}
tr.stringheColor2
{
    background-color: #f4f4f4;
    color: #333333;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 20px; 
}
td.stringhe
{}
/* allarme barre */ 
tr.stringheColor1-allarm
{
    background-color: #FF3232;
    color: #333333;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 20px; 
    filter: alpha(opacity=70);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    opacity:0.7;
    -khtml-opacity: 0.7;
}
tr.stringheColor2-allarm
{
    background-color:#FFb1b1;
    color: #333333;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 20px; 
    filter: alpha(opacity=90);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    -khtml-opacity: 0.9;
    opacity:0.9;
}
/* stato barre */
tr.stringheColor1-stato
{
    background-color: #FFF700;
    color: #333333;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 20px;
    opacity:0.7;
    filter: alpha(opacity=70);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    -khtml-opacity: 0.7;
}
tr.stringheColor2-stato
{
    background-color: #FFFB80;
    color: #333333;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 20px; 
    opacity:0.9;
    filter: alpha(opacity=90);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    -khtml-opacity: 0.9;
}
/* footer*/

.footer
{
    background-clip: content-box;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: center;
}
.footer h5
{
    color: #fff;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 12px;
    margin-bottom: 5px;
}
.footer p
{
    font-family:Tahoma, Geneva, sans-serif;
    font-size:10px;
    color: #666;
}
/*----------------Meteo dettagglio-------------*/
h1.meteo
{
    color:#999;
    font-family: "Tahoma";
    font-size: 2.5em;
    font-weight: bold;
    padding: 30px 0 0 0;
    margin: 0 0 0 0;

}
h4.meteo
{
    color:#999;
    margin: 0;
}
#meteoDettaglio
{
    padding: 0 5px;
}
.meteotitle
{
    text-align: center;
    line-height: 20px;
}
.meteodati
{
    margin-bottom: 10px;
}
.arrow-lateral
{
    width: 55px;
    height: 85px;
}
.prevStat{
    cursor: pointer;
}
#prevStat, #nextStat{
    overflow: hidden;
    margin-top: 150px;
}
.nextStat{
    cursor: pointer;
}
#filtraData
{
    background: #fff; 
    border: 1px solid #999; 
    width: 150px; 
    text-align: center;
}
#filtraData-oscurati
{
    background: #fff; 
    border: 1px solid #999; 
    width: 150px; 
    text-align: center;
    background-color: #e8e8e8;
}

.lightBox
{
    display:none;
    background:#000000;
    opacity:0.9;
    position:fixed;
    width:100%;
    height:100%;
    z-index:1000;
}
.numeri
{
    font-size: 0.9em!important;
}
.run
{
    font-size: 0.85em!important;
    color: #999999;
}

/*----------------CCTV-------------*/
.cctv
{
    background-color:#f0f0f0;
    padding: 20px;
    min-height:600px;
}
.logo-cctv
{
    margin:35px auto;
    width:72px;
}
.square
{
    background-color:#c1c1c1;
    margin: 0px auto;
    min-height: 600px;
}
.square-transparent
{
    background-color:#c1c1c1;
    margin: 0px auto;
    min-height: 600px;
}
/*----------------Confronta-------------*/
#confronta
{
    padding: 10px!important;
    display: block;
}

.confronta-top
{
    margin: 10px auto 0px;
    width: 260px;
}
.confronta-top span
{
    font-family: "Tahoma";
    font-weight:bold;
    font-size: 12px;
    padding: 4px 9px;
    text-decoration: none;
}
.confronta-top ul
{
    list-style-type: none;
    line-height: 40px;
}
.confronta-top li
{
    display:inline;
    color: #666;
    font-weight: bold;
    margin-left: 8px;
    position: relative;
    top: -8px;
}

.confranta-tabletop table
{
    width: 100%;
    height: 40px;
}
.confranta-tabletop-esterni
{
    background-color: #C1C1C1;
    color: #666;
    font-weight: bold;
    text-align: center; 
}
.confranta-tabletop-esterni ul li
{
    list-style-type: none;
}
.confranta-tabletop-esterni label
{
    line-height: 3.4em;
}
.confranta-tabletop-centrali
{
    width: 30px;
}
.graficoConfronto
{
    min-height: 420px;
    margin: 20px auto 0px;
    width: 93%;      
}
.icone-confronta
{
    margin: 20px auto;
    width: 240px;
    text-align: center;
}
.statistiche-space p
{
    color: white;
    padding: 6px 8px;
    font-weight: bold;
    text-align: left!important;
}
.table-confronta-torta
{
    height:300px;
    background-color: #e8e8e8;
}
.table-confronta
{
    width:100%; 
    border:0px;
    margin:20px auto;
}
.confranta-table-down
{
    margin-bottom: 5px;
    text-align: center;
}
.table-statistiche-first
{
    height: 25px!important;
    background-color:#f0f0f0;
    color:#666;
    line-height: 2.2em!important;
    padding: 0 15px!important;
    font-weight: bold;
}
.icone-confronta
{
    min-height: 30px;
    margin: 0 auto 5px;

}
.holderstg
{
    float:left;
    height: 24px;
    width: 24px;
    padding: 4px;
    margin-left: 20px;
}
/*---------------Previsioni-----------*/
#previsioni
{
    display: block;
    padding: 10px !important;
}

/*----------------Comandi-------------*/
#comandi
{
    display: block;
    padding: 10px !important;
}

.tablecolor-Data-comandi
{
    background-color:#C1C1C1;
    font-size:11px;
    font-weight:bold;
    padding: 6px 8px;
    color: #ffffff;
}
.ComandiItem
{
    padding: 5px;
    margin: 5px;
}
comandiItem-messaggio
{
    font-weight: bold;
    color: #333;
}
p.comando
{
    color:#333;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 8px;
}
h4.comando
{
    color: #808080 !important;
}
div.comando
{
    overflow: hidden;
}
.logo-top
{
    text-align: center;
    padding: 20px 0px 10px;
}
.logo-top h4
{
    color: #666666 !important;
}

#download-stats{
    display:none;
    background:#000000;
    opacity:0.6;
    position:fixed;
    width:100%;
    height:125px;
    z-index:1000;
    right: 0px;
    bottom: 0px;
    padding-top: 0px;
    text-align: center;
} 
#settingImpianto
{
    padding: 10px !important;
}


/*----------------Report-------------*/
#report
{
    display: block;
    padding: 10px !important;
}
#report_calendar{
    min-width: 100px;
}
.report-top
{
    background-color:#ccc;
}
.report-top span
{
    height: 22px;
    margin-top: 10px;
    margin-right: 5px;
}
.report-top ul
{
    list-style-type: none;
    line-height: 40px;
}
.report-top li
{
    display:inline;
    color: #666;
    font-weight: bold;
    margin-left: 20px;
}
.dimensione
{
    min-width: 200px;
    margin:0 !important;
    background-color: #f00;
}
.reportLabel
{
    min-width: 120px;
}
.report-top button
{
    background-color: #F0F0F0;
    border: 1px solid #999999;
    min-height: 20px;
    min-width: 45px;
    padding:1px 10px;
    cursor: pointer;
    margin-left: 10px; 
    position: relative;
}
.report-btn
{
    padding: 3px 0px;
}
.select-report-area
{
    padding: 5px 10px;
}
.select-report
{
    /* padding: 0px;*/
}
.opt-report
{
    padding: 0px;
}
/*#report_calendar
{
    height: 17px !important;
    border: 1px solid #C1C1C1;
    max-width: 120px;
}*/
.moduleReportData
{
    background-color: #b3b3b3;
    width: auto;
    height: 15px;
}
.risultati-report li
{ 

}
.risultati-report ul
{
    color: #18F018;
    font-size:11px;
    padding: 15px 30px; 
    list-style: none;
    background-color: #000;
    list-style: none!important;
    min-height: 500px;
}
.report-intestazione
{
    font-size:12px;
    font-weight:bold;

}
.report-file
{
    height: auto;
    float:right;
}
.spacer-report
{
    width: 100%;
    height: 15px;
}
.end-report
{
    width: 100%;
    background-color: #B3B3B3;
    height: 3px;
    margin-bottom: 20px;
}

/*----------------light box Download -------------*/
.lightContent
{
    width: 400px;
    background-color: transparent;
    padding: 5px;
    margin: 0px auto;
}

.download-icon
{
    float: left;
    width: 72px;
}
.download-dati
{
    float: left;
    width: 300px;
    padding: 5px 0px;
}
/*----------------Mappa -------------*/
#print_mappa
{
    width: 100%;
    height: 700px;
    border: 6px solid #a5a5a5;
}
.mappa
{
    padding: 20px 20px 0;
}
.logo-mappa
{
    margin: 15px auto 5px;
    width: 80px;
    height: auto;
    text-align: center;
}
.square-mappa
{
    height: 700px;
    margin: 20px;
}
.square-legend
{
    position: absolute;
    top: -139px;
    left: 30px;
}
.square-legend2-schermo
{
    bottom:35px;
    position: absolute;
    width: 40px;
    right:30px;
    height: 40px;
    background-color: black;
    border-radius:6px ;
    filter: alpha(opacity=60);
    opacity: 0.6;
    padding: 5px;
}

.backgroundLegend
{
    width:auto;
    position: relative;
    background-color: black;
    border-radius:10px;
    filter: alpha(opacity=60);
    opacity: 0.6;
    min-height:90px;
    top: -90px;
}
.contenitorePulsanteMappa
{
    position: relative;
    height: 1px;
}
.contenitorePulsanteMappaFull
{
    position: relative;
    height: 1px;
}
.pulsanteMappa
{
    position: absolute;
    padding: 5px;
    width: 40px;
    height: 40px;
    background-color: black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    top:-90px;
    right: 30px;
    border-radius: 6px;
    z-index: 2000;
}
.legend
{
    position: absolute;
    color: #fff;
    z-index: 100;
    width: 100%;
}
.square-legend2
{
    width:450px;
    position: relative;
    min-height:90px;
}
.legendList
{
    padding-top: 5px;
}
.square-legend-interno
{
    width:500px;
    position: absolute;
    z-index: 20;
    color:#fff!important;
    font-weight: bold;
}
.titoloLegenda
{
    margin: 5px auto 0 auto;
    font-weight: bold;
    text-align: center;
}
.bandiera
{
    padding-left: 10px;
}
.text-mappa
{
    padding-bottom: 20px;
    text-align: left;
    padding-left: 10px;
}
.square-legend-interno td
{
    color:#fff !important;
    font-weight: bold; 
    padding-top: 10px;
    text-align: center;
}
.square-legend-interno th
{
    color:#fff !important;
    font-size: 14px;
    font-weight: bold;
    text-align:left;
    border-bottom: 1px solid #fff;
    padding: 6px;

}

.square-legend-interno table
{
    margin: 0 auto;
    position: relative;
}
.par-mappa
{
    font-size:11px;
    font-weight: bold;
    padding: 4px 20px !important; 
    color: #666;
    background-color:#e0e0e0;
    line-height: 1em;
}
.disp-mappa
{
    font-size:11px;
    font-weight: bold;
    padding: 4px 20px !important; 
    color: #666;
    background-color:#f0f0f0;
    line-height: 1em!important;
}
.table-mappa
{
    margin: 5px auto;
}
.table-mappa th
{
    background-color: #c1c1c1;
    font-size:13px;
    font-weight: bold;
    padding:6px 20px !important; 
    color: #fff;
    line-height: 1em;
}
.last-mappa
{
    background-color: #c1c1c1;
    font-size:13px;
    font-weight: bold;
    padding: 6px 20px !important; 
    color: #fff;
    line-height: 1em;
    text-align: center;
}
/*----------------Imposta allarmi -------------*/
#impostaAllarmi
{
    padding: 10px!important;
    display: block;
}
.allarmi
{
    background-color: #c1c1c1 !important;
}
.allarmi_subtitle
{
    background-color: #e0e0e0 !important;
    font-family: "Tahoma";
    font-weight:bold;
    font-size: 12px;
    color: #666;
    padding: 6px 8px;
    margin-bottom: 15px;
}
.logo-allarmi
{
    text-align: center;
    padding: 20px 0px 10px;
    margin-bottom: 15px;
}
.allarmi_subtitle span
{
    float: right !important;
    margin: -2px 3px 0;
}
.allarmi_subtitle p
{
    float: right !important;
}
.table-allarmi 
{
    margin: 0px 0px 20px 0px;
}
.table-allarmi span
{
    float: left !important;
    margin: -2px 2px 2px;
}
.table-allarmi p
{
    float: left !important;
}
.table-allarmi td
{
    padding: 5px 10px 5px 20px;
}
.allarmi-mail-left
{
    padding: 15px;
}
.allarmi-mail-right
{
    width: 440px;
    float: left;
    text-align: center;
    padding: 15px;

}
.allarmi-mail-right input
{
    margin: 5px 10px;
}
.allarmi-mail-right span
{
    color:#666;
    margin-left: 10px;
}
.mail-button
{
    position: relative;
    margin:10px 0px 10px 0px;

}
.mail-button button
{
    background-color: #F0F0F0;
    border: 1px solid #999999;
    min-height: 26px;
    min-width: 70px;
    padding: 0 10px;
    cursor: pointer;
}

/*--------------------contatori---------------*/
#contatori
{
    padding: 15px!important;
    display: block;
}
.logo-contatori
{
    width: 50px;
    height: 50px;
    float: left;
    padding: 0px 5px;
    text-align: center;

}
.logo-contatori img
{
    margin: 0 auto;
}
.contatorebase
{
    float:left;
    padding: 10px;
    margin: 20px 30px;
    overflow: hidden;
    min-width: 320px;
    height: auto;

}
.title-contatori
{
    width: 100%;
    padding: 5px;
}
h2.contatori
{
    color: #999999;
    font-size: 1.5em;
    text-align: center;
}
.contatori-shape-out
{
    overflow: hidden;
    position: relative;
    background-color:#b3b3b3;
    border-radius: 30px 30px 30px 30px;
    padding: 10px; 
    width: 340px;
    margin: 0 auto;
}
.contatori-shape-in
{
    overflow: hidden;
    position: relative;
    background-color:#F0F0F0 ;
    border-radius: 20px 20px 20px 20px;
    padding: 14px; 
}
.contatori-shape-lettura
{
    background-color:#b3b3b3; 
    border-radius: 30px 30px 30px 30px;
    padding: 15px 10px;
    text-align: center;

}
.contatori-shape-botton
{
    border-radius: 30px 30px 30px 30px;
    border: 3px solid #B3B3B3;
    padding: 20px 10px;
    float: right;
    height: 25px;
    margin: 20px 0 200px;
    width: 25px;  
}
.contatori-shape-spia
{ 
    border-radius: 30px 30px 30px 30px;
    padding: 15px 10px;
    float: right;
    height: 40px;
    margin: 10px 0;
    width: 30px;
}
.grigia
{
    background-color:#b3b3b3; 
}
.rossa
{
    background-color:#D11321; 
}

/*--------------------Performance---------------*/

#performance
{
}
.performance
{
    padding: 20px;
}
.logo-performance
{
    margin: 25px auto 15px;
    width: 80px;
    height: auto;
    text-align: center;
}
/*--------------------Guadagno-------------------*/
#guadagno
{

}
.guadagno
{
    padding: 20px;
}
.logo-guadagno
{
    margin: 15px auto 5px;
    height: auto;
    text-align: center;
}
/*--------------------messaggi-------------------*/
#messaggi
{

}
.messaggi
{
    padding: 20px;
}
.logo-messaggi
{
    margin: 15px auto 5px;
    width: 80px;
    height: auto;
    text-align: center;
}
/*----------------lingua-------------*/

.set_lingua
{
    padding: 30px;
    text-align: center;     
    margin: 20px;
    color: #808080;
    font-weight: bold;
}
.bandiere-lingua
{
    text-align: center;
}
.bandiere-lingua ul
{
    list-style-type: none;
}
.bandiere-lingua li
{
    display: inline;
    padding: 10px;
}
.pulsante-lingua
{
    position: relative;
    left:230px;
    margin: 40px auto;
    width: 100px;

}
.pulsante-lingua button
{
    background-color: #F0F0F0;
    border: 1px solid #999999;
    min-height: 26px;
    min-width: 70px;
    padding: 0 10px;
    cursor: pointer;
}
.setling
{
    padding: 10px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background-color: #808080;   
    width: 540px;
    margin: 20px auto;
}
/*----------------setting password-------------*/
#settingpassword
{
    padding: 20px;
    text-align: center;
}
.settpass td 
{
    width: 170px;
    padding: 10px;
    text-align: left;
    color: #808080;
    font-weight: bold;
}
.settpass table
{
    margin: 0 auto;
}
.settpass p
{
    color: red;
    padding-top: 12px;
}
.settpass button
{
    background-color: #F0F0F0;
    border: 1px solid #999999;
    min-height: 26px;
    border: 1px solid #999999;
    min-height: 26px;
    min-width: 70px;
    padding: 0 10px;
    padding: 0 10px;
    cursor: pointer;
    margin:20px 8px 0 40px;
}
.settpass input
{
    margin: 10px 0px;
}
/*----------------setting login-------------*/
#cambiologin
{
    padding: 20px;
    text-align: center;
}
#cambiologin button
{
    background-color: #F0F0F0;
    border: 1px solid #999999;
    min-height: 26px;
    border: 1px solid #999;
    min-height: 26px;
    min-width: 70px;
    padding: 0 10px;
    padding: 0 10px;
    cursor: pointer;
    margin:20px 35px 0 28px;

}
.contenitore
{
    background-color: #e8e8e8;
    width: 500px;
    margin: 10px auto 20px;
    padding: 20px;
}
.log
{
    padding: 10px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background-color: #808080;   
    width: 540px;
    margin: 20px auto;
}
/*----------------dati personali------------*/
#datipersonali
{
    padding: 20px;
    text-align: center;
}
#datipersonali button
{
    background-color: #F0F0F0;
    border: 1px solid #999999;
    min-height: 26px;
    border: 1px solid #999;
    min-height: 26px;
    min-width: 70px;
    padding: 0 10px;
    padding: 0 10px;
    cursor: pointer;
    margin:20px 15px 0 70px;

}
#datipersonali input
{
    width: 200px;
}
#datipersonali table
{
    background-color: #e8e8e8;
}

.datpers
{
    padding: 10px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background-color: #808080;   
    width: 450px;
    margin: 20px auto;
}
.margForm
{
    margin-right: 20px !important;
}
/*--------------------nuovo utente-------------------*/
.assImp
{
    height: 200px !important;
}
.passaggio
{
    text-align: center !important;
    padding-top:85px !important;
}
.stilePassaggio
{
    margin: 0px !important;
    padding-bottom:25px;
}
.insdat
{
    padding: 10px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background-color: #808080;   
    width: 400px;
    margin: 20px auto;
}
.selezionenuovut div
{
    margin-bottom: 10px;
}
#utenteFrom
{
    background-color:#e8e8e8;
    border: 4px solid #fff;
    margin: 20px 0px;
}
#utenteTo
{
    background-color: #e8e8e8;
    border: 4px solid #fff;
    margin: 20px 0px;
}
/*--------------------visualizza utente-------------------*/
#visualizzautenti
{
    text-align: center;
    padding: 10px;
}
.filtri
{
    padding: 4px 8px;
    position: relative;
    margin: 10px auto 20px;
    min-height: 18px;
}
/*----------------------------------------------------------------------*/
/*-------------------------------Responsive-----------------------------*/
/*----------------------------------------------------------------------*/

/*---------------------- Golbal Base Responsive ------------------------*/

/*----------------- Menu left and right near to the logo ---------------*/
@media (max-width: 639px) {
    .wrap
    {
        position:relative;
        margin: 55px 0% 5px;
        min-width: 300px;
    }
    .rightcell
    {
        z-index: 200;
        margin: 0 auto;
        width: 220px;
        overflow: hidden;
    }
    /*--------------- cell left slyle --------------- */
    .leftcell
    {
        background-color: #f1f1f1;
        margin: 60px auto 0 auto;
        text-align: center;
        width: 100%;
    }
    .user-img-wrap
    {
        display: none;
    }
    h2.user
    {
        font-size: 10px;
    }
    /*--------------- Ends cell left slyle --------------- */
    .user-img, data-user, .col-user
    {
        display: none;  
    }
    .space-user
    {
        height: 10px;
    }
    .table-icon
    {
        float: none;
    }
    .icons-right
    {
        height: 37px;
        width: 37px;
    }
    .allarmi-mail-left
    {
        display: none;
    }
    .filter-report
    {
        background-color: #b3b3b3;
    }
    .minreport-cal
    {
        min-width: 300px ;
        background-color: #f1f1f1;
    }
    .risultati-report
    {
        background-color: #696969;
        width: 100%;
        float: none; 
        margin: 0 auto;
        font-family: "DejaVuSans";
    }
}
@media (min-width: 640px) and (max-width: 767px){
    .wrap
    {
        position:relative;
        margin: 65px 1% 10px;
        min-width: 360px;
    }
    .rightcell
    {
        z-index: 200;
        margin: 0 auto;
        width: 270px;
        overflow: hidden;
    }
    /*--------------- cell left slyle --------------- */
    .leftcell
    {
        background-color: #f1f1f1;
        margin: 60px auto 0 auto;
        text-align: center;
        width: 100%;
    }
    .user-img-wrap
    {
        display: none;
    }
    h2.user
    {
        font-size: 10px;
    }
    /*--------------- Ends cell left slyle --------------- */
    .user-img, .data-user, .col-user
    {
        display: none;  
    }
    .table-icon
    {
        float: none;
    }
    .icons-right
    {
        height: 45px;
        width: 45px;
    }
    .allarmi-mail-left
    {
        display: none;
    }
    .filter-report
    {
        background-color: #b3b3b3;
    }
    .minreport-cal
    {
        min-width: 300px ;
        background-color: #f1f1f1;
    }
    .risultati-report
    {
        background-color: #696969;
        width: 100%;
        float: none; 
        margin: 0 auto;
        font-family: "DejaVuSans";
    }
    .pulsanteMappa
    {
        position: absolute;
        padding: 5px;
        width: 40px;
        height: 40px;
        background-color: black;
        filter: alpha(opacity=60);
        opacity: 0.6;
        top:-190px;
        left: 18px;
        border-radius: 6px;
        z-index: 2000;
    }

}
@media (min-width: 768px)and (max-width: 991px){
    .wrap
    {
        position:relative;
        margin: 75px 2% 10px;
        min-width: 360px;
    }
    .rightcell
    {
        z-index: 200;
        margin: 0 auto;
        width: 310px;
        overflow: hidden;
    }
    /*--------------- cell left slyle --------------- */
    .leftcell
    {
        background-color: #f1f1f1;
        margin: 60px auto 0 auto;
        text-align: center;
        width: 100%;
    }
    .user-img-wrap
    {
        display: none;
    }
    h2.user
    {
        font-size: 10px;
    }
    .minreport-cal
    {
        min-width: 300px ;
        background-color: #f1f1f1;
    }

    /*--------------- Ends cell left slyle --------------- */
    .data-user, .user-img
    {
        display: none;
    }
    .col-user
    {
        display: none;
    }
    .table-icon
    {
        float: right;
    }
    .icons-right
    {
        height: 45px;
        width: 45px;
    }
    .minreport-doc
    {
        background-color: #e4e4e4;       
    }


    .risultati-report
    {
        background-color: #696969;
        width: 90%;
        float: none; 
        margin: 0 auto;
        font-family: "DejaVuSans";
    }

    .anaimp
    {
        /*background-color: #000;*/
    }

}
@media (min-width: 992px)
{
    .wrap
    {
        position:relative;
        margin: 75px 0.3% 10px;
        min-width: 360px;
    }
    .text-user
    {
        max-width: 250px;
        float: left;
    }
    .table-icon
    {
        float: right;
    }
    .icons-right
    {
        height: 45px;
        width: 45px;
    }
    .risultati-report
    {
        background-color: #696969;
        width: 80%;
        float: none; 
        margin: 0 auto;
        font-family: "DejaVuSans";
    }
}
/*--------------------- login Page Responsive ---------------------------*/
@media (max-width: 639px) {
    #login
    {
        padding: 20px 20px;
    }
    #loginimg {
        background-color: #F0F0F0;
        bottom: 0;
        display: block;
        overflow: hidden;
        padding: 0px 0;
        right: 0;
        text-align: center;
        top: 0;
        z-index: -2;
    }

}
@media (min-width: 640px) and (max-width: 767px){
    #login
    {
        padding: 20px 20px;
    }
    #loginimg {
        background-color: #F0F0F0;
        bottom: 0;
        display: block;
        overflow: hidden;
        padding: 0px 0;
        right: 0;
        text-align: center;
        top: 0;
        z-index: -2;
    }
}
@media (min-width: 768px)and (max-width: 991px){

}
/*--------------------- error403 Page Responsive ---------------------------*/
.container-error403
{
    margin-top: 55px;
}
/*--------------------- error404 Page Responsive ---------------------------*/
.container-error404
{
    margin-top: 55px;
}
/*----------------- Menu tabs responsive ---------------*/
@media (max-width: 639px) {
    .menuDettaglio ul
    {
        text-align: left;
        height: 22px;
        list-style-type:none;
    }
}
@media (min-width: 640px) and (max-width: 767px){
    .menuDettaglio ul
    {
        text-align: center;
        height: 22px;
        list-style-type:none;
    }
}
@media (min-width: 768px)and (max-width: 991px){
    .menuDettaglio ul
    {
        text-align: right;
        height: 22px;
        list-style-type:none;
    } 
}

/*---------------- torta -----------------------*/
.torta
{
    max-height: 270px !important;
    padding: 0px; 
    margin: 0px; 
    text-align: center;
}
/*-----------------Generali---------------------*/
@media (max-width: 639px) {
    h4.comandiGenerali
    { 
        font-family: "Tahoma";
        font-weight:bold;
        font-size: 13px;
        color: #808080;
        padding: 8px 6px;
        margin: 0px !important;
    }
}
@media (min-width: 640px) and (max-width: 767px){
    h4.comandiGenerali
    { 
        font-family: "Tahoma";
        font-weight:bold;
        font-size: 13px;
        color: #808080;
        padding: 0px 6px;
        margin: 0px !important;
        line-height: 2.5em; 
    }
}
@media (min-width: 768px)and (max-width: 991px){
    h4.comandiGenerali
    { 
        font-family: "Tahoma";
        font-weight:bold;
        font-size: 13px;
        color: #808080;
        padding: 8px 6px;
        margin: 0px !important;
    }
}
/*----------------- Statistiche ---------------*/
.statistiche-btn {
    overflow:  hidden;
    height: 45px;
    padding: 3px 5px;
    width: 100%;
}
@media (max-width: 639px) {
    .logo-top
    {
        display: block;
    }
    .holderst{
        float: right;
        padding: 6px 8px;
    }
    .gma
    {
        width: 190px;
    }
    .calperiodo
    {
        width: 320px;
    }
    .calperiodo2
    {
        width: 280px;
        margin: 0 auto;
    }
    ul.statistiche-generali
    {
        line-height: 40px;
        margin: 0 auto;
    }
    .statistiche-btn {
        overflow:  hidden;
        height: 45px;
        padding: 3px 5px;
        width: 250px;
        margin: 0 auto;
    }
    .dateinput input
    {
        display: initial; 
    }
    .datestatistica{
        background: #B3B3B3;
    }
    .statistic-con-img, .logo-contatori
    {
        display: none;
    }
    .energiamedia{ padding: 3px; background-color: #ccc;}
    .energiaperiodo{ padding: 3px; background-color: #b2b2b2;}
    .oremedie{ padding: 3px; background-color: #b2b2b2;}
}
@media (min-width: 640px) and (max-width: 767px){
    .logo-top
    {
        display: block;
    }
    .holderst{
        float: right;
        padding: 6px 8px;
    }
    .gma
    {
        width: 190px;
    }
    .calperiodo
    {
        width: 330px;
    }
    .calperiodo2
    {
        width: 280px;
        margin: 0 auto;
    }
    li.statistiche-generali
    {
        display:inline;
        color: #666;
        font-weight: bold;
        margin-left: 4px;
    }
    ul.statistiche-generali
    {
        line-height: 40px;
        margin: 0 auto;
    }
    .statistiche-btn {
        overflow:  hidden;
        height: 45px;
        padding: 3px 5px;
        width: 250px;
        margin: 0 auto;
    }
    .button-statistiche
    {
        margin-left: 5px;
    }
    .dateinput input
    {
        display: initial; 
    }
    .datestatistica{
        background: #B3B3B3;
    }
    .statistic-con-img, .logo-contatori
    {
        display: none;
    }
    .energiamedia{ padding: 3px; background-color: #ccc;}
    .energiaperiodo{ padding: 3px; background-color: #b2b2b2;}
    .oremedie{ padding: 3px; background-color: #b2b2b2;}
}
@media (min-width: 768px)and (max-width: 991px){
    .logo-top
    {
        display: none;
    }
    .holderst{
        float: right;
        padding: 6px 8px;
    }
    .gma
    {
        width: 190px;
    }
    .calperiodo
    {
        width: 310px;
    }
    .calperiodo2
    {
        width: 280px;
        margin: 0 auto;
    }
    li.statistiche-generali
    {
        display:inline;
        color: #666;
        font-weight: bold;
        margin-left: 4px;
    }
    ul.statistiche-generali
    {
        line-height: 40px;
        margin: 0 auto;
    }
    .statistiche-btn {
        overflow:  hidden;
        height: 45px;
        padding: 3px 5px;
        width: 250px;
        margin: 0 auto;
    }
    .datestatistica{
        background: #B3B3B3;
    }
    .button-statistiche
    {
        margin-left: 10px;
    }
    .statistic-con-img, .logo-contatori
    {
        display: none;
    }


}
@media (min-width: 992px)and (max-width: 1101px){
    .logo-top
    {
        display: none;
    }
    .holderst{
        float: right;
        padding: 8px 5px;
    }
    ul.statistiche-generali
    {
        line-height: 40px;
        margin: 0;
    }
    .statistiche-generali span
    {
        font-family: "Tahoma";
        font-weight:bold;
        font-size: 12px;
        color: #fff;
        padding: 6px 6px;
        text-decoration: none;
    }
    li.statistiche-generali
    {
        display:inline;
        color: #666;
        font-weight: bold;
        margin-left: 0px;
    }
    .statistiche-btn {
        overflow:  hidden;
        height: 45px;
        padding: 3px 0px;
        width: 100%;
        margin: 0 auto;
    }
    .button-statistiche
    {
        margin-left: 15px;
    }
    .settings-wrapper .avatar-box img {
        border: 3px solid #c3cddb;
        margin: 0 auto 28px;
        width:150px;
        height:150px; 
    }
}
@media (min-width: 1102px){
    .logo-top
    {
        display: none;
    }
    .holderst{
        float: right;
        padding: 8px 6px;
    }
    ul.statistiche-generali
    {
        line-height: 40px;
        margin: 0;
    }
    .statistiche-generali span
    {
        font-family: "Tahoma";
        font-weight:bold;
        font-size: 12px;
        color: #fff;
        padding: 6px 10px;
        text-decoration: none;

    }
    .button-statistiche
    {
        background-color: #F0F0F0;
        border: 1px solid #999999;
        min-height: 26px;
        border: 1px solid #999999;
        min-height: 26px;
        min-width: 70px;
        padding: 0 10px;
        padding: 0 10px;
        cursor: pointer;
        margin-left: 20px;
    }

}
@media (min-width: 1102px)and (max-width: 1352px){
    .settings-wrapper .avatar-box img {
        border: 3px solid #c3cddb;
        margin: 0 auto 28px;
        width:150px;
        height:150px; 
    }  
}
@media (min-width: 1352px){
    .settings-wrapper .avatar-box img {
        border: 3px solid #c3cddb;
        margin: 0 auto 28px;
        width:250px;
        height:250px; 
    }
}



.erroreSpan{
    color: red;
    font-size: 9px;
    font-style: italic;
}
#livello
{
    border: 1px solid #c5c5c5 ;
    width: 150px;
    height: 15px!important;
    margin-top:15px;
    position: relative;
}
.livello1
{
    padding: 2px;
    width:25%;
    height: 11px;
    position: relative;
    background-color: red;
}
.livello2
{

    padding: 2px;
    width: 50%;
    height: 11px;

    position: relative;
    background-color: yellow;
}
.livello3
{

    padding: 2px;
    width: 75%;
    height: 11px;

    position: relative;
    background-color: greenyellow;
}
.livello4
{

    padding: 2px;
    width: 100%;
    height: 11px!important;
    position: relative;
    background-color: green;
}
/*classe per visualizzare bootstrap*/
.show-grid .visibile
{
    background-color: #ccc;
    border-radius: 3px;
    line-height: 40px;
    min-height: 40px;
    text-align: center;
    background-clip: content-box;    
    border: 1px solid red;
}
.show-grid 
{
    margin-bottom: 20px;
    margin-top: 10px;

}
/*classe per visualizzare bootstrap*/

.contenitoreLabel
{
    padding:5px;
}
.ContenitoreComandi
{
    padding: 15px;
}
.ContenitoreGenerale
{
    padding: 10px 30px;
    color: #666;
}
.bg1
{
    background-color: #E8E8E8;
}
.bg2
{
    background-color: #E4E4E4;
}
.sfondo
{
    min-height: 250px;
    padding: 50px;
    background-color: #E8E8E8;
}
.bordiSup
{
    border-radius: 10px 10px 0px 0px;
}
.bordiInf
{
    border-radius: 0px 0px 10px 10px;
}
.confronta-input
{
    width: auto !important;

}
.marginiMail
{
    margin: 5px;
}
/*calendario*/
/*COMANDI ATTESA*/

.img-loader
{
    margin: 20% auto; 
}

.loaderBaseComandi
{
    position: relative;
    width: 100%;
    height: auto;
    /*    visibility: hidden;*/
}
.loaderBaseComandi2
{
    width: auto;
    margin: 0 -15px;
    position: relative;
    /*    visibility: hidden;*/
}
.graficoTrasparenteComandi
{
    width: 100%;
    background: #4f9de2;
    position: absolute;
    z-index: 5;
    opacity:0.5 !important;
    text-align: center;
    margin: 0px;
    padding: 0px;
    left: 0px;
    right: 0px;
    min-height: 155px;
}
.graficoTrasparenteComandi img
{
    width: 30px !important;
    height: 30px !important;
}

/* ------------------------------------- personal information -------------------------------------*/
.settings-wrapper .wrapp {
    margin-top: 20px;
}

.settings-wrapper .avatar-box p {
    font-weight: 700;
    margin-bottom: 12px;
}
.settings-wrapper .avatar-box input[type="file"] {
    font-size: 11px;
}
.settings-wrapper .personal-info {
    border-left: 1px solid #edeff1;
    box-shadow: inset 3px 0px 4px -1px #fafafa;
}
.settings-wrapper .personal-info .alert {
    margin-bottom: 50px;
    display: inline-block;
    font-size: 13px;
}
.settings-wrapper .personal-info .alert i {
    float: left;
}
.settings-wrapper h6.personal-title {
    font-size: 32px;
    margin: 0 0 50px 0px;
    color: #696d73;
    font-style: normal;
}
.settings-wrapper h5.personal-title {
    font-size: 32px;
    margin: 0 50px 25px;
    color: #696d73;
    font-style: normal;
}
.personal-title2
{
    font-size: 32px;
    margin: 0 60px 25px !important;
    color: #696d73;
    font-style: normal;
}
.personal-title3
{
    font-size: 16px;
    color: #696d73;
    font-style: normal;
    margin: 6px 0px !important;
}
.settings-wrapper h4.personal-title {
    font-size: 36px;
    margin: 0 0 50px 50px;
    color: #696d73;
    font-weight: bolder;
}
.settings-wrapper .personal-info form {
    margin-left: 50px;
}
.settings-wrapper .personal-info label {
    display: inline-block;
    font-weight: 600;
    font-size: 13px;
    cursor: auto;
    margin-right: 10px;
    text-align: left;
}
.settings-wrapper .personal-info .input[type="text"] {
    font-weight: 600;
}
.settings-wrapper .personal-info .ui-select {
    width: 100%;
    margin-bottom: 10px;
}
.settings-wrapper .personal-info .actions {
    margin-bottom: 25px;
    margin-top: 30px;
    width: 100%;
    padding-right: 70px;
    float: left;
    text-align: right;
}
.settings-wrapper .personal-info .actions span {
    text-transform: uppercase;
    color: #7e91aa;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px 0 8px;
}
.settings-wrapper .personal-info input.reset {
    color: #7e91aa;
    font-weight: 500;
}
.settings-form{
    margin-right: 50px !important;
}
.anaimp-group
{
    margin-bottom: 5px !important;
}
.marbtn
{
    margin: 10px 15px;
}
.marbtn2
{
    margin: 10px 29px;
}
.marbtn3
{
    margin: 10px 7px;
}
.anniHead
{
    float: left;
    max-width: 400px;
    margin: 0 10px;
}
.anniPrec
{
    float: left;
    max-width: 150px;
    margin: 5px 10px;
}
.paddingAnni
{
    padding: 6px !important;
}
#anniPrecedenti th
{
    background-color: #d2d2d2; 
}
#anniPrecedenti th h6
{
    background-color: #d2d2d2; 
    text-align: center;
    margin: 0 auto; 
    color:white;
    font-weight: normal;
    font-size: 1.2em;

}
.titleTable td  th
{
    text-align: center;
    margin: 0 auto;   
}
.titleTable
{
    width:510px;  
    text-align: center;
    margin: 0 auto;
}
.imgPlus
{
    width: 20px;
    margin: 8px;
    cursor: pointer;
}
.anno
{
    max-width: 100px;
}
.calendarioMargini
{
    margin: 27px 0 0 0;
}
.bordiMappa
{
    border: 6px solid #a5a5a5;
}
.mappasetting
{
    padding: 0px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    margin: 15px 0;
}
.fieldset2
{
    padding: 20px 20px 0px 20px;
    margin-top: 20px;

}
.fieldset2 legend
{
    font-size: 1.5em !important;
    color: #666!important;
}
.margTitolo
{
    margin-top: 20px;
}

/* responsive */
@media (max-width: 768px) {
    .settings-wrapper #pad-wrapper {
        padding: 0px 20px;
    }
    .settings-wrapper .avatar-box {
        text-align: center;
    }
    .settings-wrapper .avatar-box img {
        border: 3px solid #c3cddb;
        margin: 0 auto 28px;
        width:150px;
        height:150px; 
    }
    .settings-wrapper .personal-info {
        border: 0 none;
        box-shadow: none;
        margin-top: 40px;
    }
    .settings-wrapper .personal-info h5.personal-title {
        margin-left: 0;
    }
    .settings-wrapper .personal-info .ui-select {
        width: 90%;
    }
    .settings-wrapper .personal-info label {
        width: 100%;
    }
    .settings-wrapper .personal-info .actions {
        text-align: center;
    }
    .settings-wrapper .personal-info form {
        margin-left: 0;
        padding: 0px 10px 0px 10px;
    }
    .settings-wrapper .avatar-box img {
        border: 3px solid #c3cddb;
        margin: 0 auto 28px;
        width:150px;
        height:150px;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    .settings-wrapper .personal-info .ui-select {
        width: 77%;
    }

    .avatar-box {
        text-align: center;
        margin-bottom: 20px;
    }

    .settings-wrapper .personal-info {
        border-left: 0px;
        box-shadow: none;
    }
    .settings-wrapper .avatar-box img {
        border: 3px solid #c3cddb;
        margin: 0 auto 28px;
        width:150px;
        height:150px;
    }
}
@media (min-width: 768px) {
    .settings-wrapper .personal-info .alert {
        margin-left: 50px;
    }
    .settings-wrapper .avatar-box img {
        border: 3px solid #c3cddb;
        margin: 0 auto 28px;
    }
}
/* ------------------------------------- End personal information -------------------------------------*/

.sottoMenu
{
    list-style-type: circle !important;
}
.inputBg
{
    background:none;
    border: 0px solid navajowhite;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.stileTabs
{
    font-size: 1em;
    background-color: #e7e7e7;
    margin: 10px 0;
}  
.stileTabs a
{
    color: #666; 
}
.stilePulsanti
{
    padding: 10px;
    left:25px;
}
.stilePulsanti2
{
    padding: 10px;
    left:5px;
}
.margDatiImp
{
    margin-top: 20px !important;
}


/* ------------------------------chart lightbox------------------------------ */

#grafico-light-box-panel{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    background-color: black;
    z-index:10010;
    -moz-opacity: 0.9;
    opacity:.90;
    filter: alpha(opacity=90);
}

#grafico-light-box-panel .statistiche-btn{
    margin: auto;
    width: 250px;
}

#graficoLightBox{
    margin: auto;
    position: relative;
    width: 70%;
    max-width: 70%;
    height: 100%;
    z-index: 10010;
    background: #E8E8E8;
    border: 2px outset gray;
}

#graficoLightBox-download{
    display:none;
    background:#000000;
    position:fixed;
    width:100%;
    height:125px;
    z-index:10010;
    right: 0px;
    bottom: 0px;
    padding-top: 0px;
    text-align: center;
}

/* ------------------------------end chart lightbox------------------------------ */

/* ------------------------------------------------------------------------------ */

/*------------------------------------------------------------------------------- */




/* ---------------------------- set up page ------------------------------------- */

@page {size: 210mm 297mm !important; margin: 10mm 1mm 10mm 1mm !important;}

/* -----------------------------   css print ----------------------------------- */

@media print {
    /* body */
    body {
        background: #666666;
        color: black;
        width: auto;
        font-family: Tahoma,Arial,Helvetica,Sans-Serif;
        font-size: 12pt !important;
    }
    /* footer*/

    .footer
    {
        background-clip: content-box;
        margin: 0 auto;
        padding: 0;
        position: relative;
        text-align: center;
        width: auto;
    }
    .footer h5
    {
        color: #666;
        font-family: Tahoma,Geneva,sans-serif;
        font-size: 12pt;
        margin-bottom: 5mm;
    }
    .footer p
    {
        font-family:Tahoma, Geneva, sans-serif;
        font-size:10px;
        color: #333;
    }
    .wrap
    {
        position:relative;
        margin: 0;
        width: auto;
        max-width: 297mm;
        min-width: 210mm;
        padding: 0;
    }
    .wrap-content
    {
        position: relative;
        background-color: transparent;
        padding: 5mm;
        width: auto;
        margin: 0;
    }
    .col-logo, .logo, .rightcell, .gn-menu-main, .filters, .controls-top, .arrowprint, .minreport-doc
    {
        display: none;
    }
    .leftcell
    {
        background-color: #f1f1f1;
        margin: 3mm auto 0 auto;
        text-align: center;
        width: auto;
    }
    .text-user
    {
        background-color: #b1b1b1 !important;
    }
    form, input, textarea {
        display: none;
    }
    a {
        color: black;
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
    }
    table {
        /* page-break-before: always;*/
    }
    .logoPrint{
        width: 350px;
        height: 50px;
        margin: 0px auto;
        display: block !important;
    }
    .content-area
    {
        height: auto;
    }
    .col-wrap
    {
        page-break-inside: avoid;
    }
    .graficoStatistico
    {
        position: relative;
        padding: 5mm 0px;
    }
    .graficoWrap
    {
        background-color: transparent;
        padding: 10px;
        min-height: 150px;
        width: 100mm;
    }

}
hr.implant-mini {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eeeeee -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-right: 0 none;
    border-style: solid none none;
    border-width: 1px 0 0;
    margin-bottom: 5px;
    margin-top: 5px;
}