#map-canvas, #map_canvas {
min-height: 350px;
height: 614px;
width: 100%;
margin: 0;
padding: 0;
border-width:0;
overflow: hidden;
}

@media (max-width: 1024px) {
    #map-canvas, #map_canvas {
        min-height: 350px;
        width: 100%;
        margin: 0;
        padding: 0;
        border-width:0;
        overflow: hidden;
    }
}


/*#map-canvas-bing, #map_canvas_bing {
    min-height: 350px;
    height: 614px;
    width: 100%;
    margin: 0;
    padding: 0;
    border-width: 0;
    overflow: hidden;
}

@media (max-width: 1024px) {
    #map-canvas-bing, #map_canvas_bing {
        min-height: 350px;
        width: 100%;
        margin: 0;
        padding: 0;
        border-width: 0;
        overflow: hidden;
    }
}*/


#map-canvas1, #map_canvas1 {
    min-height: 150px;
    height: 150px;
    width: 200px;
    width: 100%;
    margin: 0;
    padding: 0;
    border-width: 0;
    overflow: hidden;
}

@media (max-width: 1024px) {
    #map-canvas1, #map_canvas1 {
        min-height: 150px;
        width: 200px;
        width: 100%;
        margin: 0;
        padding: 0;
        border-width: 0;
        overflow: hidden;
    }
}



.infobox-wrapper {
display:none;
} 
.infobox, .infoBox {
margin:auto;width:auto;   
min-width:150px;   
height:auto;font-weight :bold;   
font-size:12pt;
padding:0 10px 0 30px;
background:url('/_layouts/15/Images/QAria/Mappa/infoBox_bkg.png') no-repeat  ;  /*top left*/
}
.litteFont {
font-weight :normal;
} 
.litteFont2 {
font-weight :normal;;
font-size: 9pt;color:#004482 !important;
}
.boxMisura {
font-size: 18pt; width:auto;margin:1px !important;
}
.labels {
font-size: 11px; font-weight:bold ;

width: 35px;  height:23px;
text-align:center;vertical-align:central;
padding-top:2px;z-index:1000;
background-repeat:no-repeat ;
white-space: nowrap;  color: #004482 !important;/*border :1px groove blue ;*/
display:none;
}
.labelCampagne {
font-size: 11px; 

height:auto;text-align:center;
vertical-align:central;
padding-top:2px;z-index:1000;
/*background-image:url('../Images/Mappa/indicatore_data_closed.png') ,*/ 
background-repeat:no-repeat ;
white-space: nowrap;color: #004482; 
border :1px groove blue ;
display:block;
}
#panel {
position: relative;top: 0;
left: 50%;margin-left: -180px;
z-index: 5;background-color: #fff;
padding: 5px;border: 0 solid #999;
margin-left: 52px;
float:left;vertical-align:top
}
.hrInfoBox {
color:gray !important;position:relative;
}   
#linkfreccina{
background-image: url('/_layouts/15/Images/QAria/tooltip_freccia_off.png');
}
#linkfreccina :hover{
background-image: url('/_layouts/15/Images/QAria/tooltip_freccia_over.png');
}
.mnuDati {
height:34px !important;
margin:0;
font-size:14pt;
color:#004482 !important;
border:0 solid red;     
border-collapse:collapse;
border-spacing:0;
padding:0 !important;        
}
.mnuDati .tdSmall {
font-size:1pt;
height:5px !important;
background-color: #FAFAFA;
text-align:center;
}
/*non rimuovere !!*/
.mnuDati .divider {
width:5px;
background: #fafafa none repeat scroll 0 0;
}
.mnuDati .divider:hover {
width:5px;
background:white;
}
.mnuDati .divider1 {
padding:0;
text-align:center;
vertical-align:middle;
background-color:#DEE2E5 !important;
width:30px; 
}
.mnuDati .divider1:hover {
background-color:#DEE2E5;
}
.mnuDati .divider1:hover a {
background-color:#DEE2E5;
border:0;    
}
.mnuDati .dividerArrowLeft {
padding:0;
background:white url('/_layouts/15/Images/QAria/Mappa/freccina_sx_calendario_off.png') no-repeat center; 
text-align:center;
vertical-align:middle;
background-color:#DEE2E5 !important;
width:30px; 
}
.mnuDati .dividerArrowLeft:hover {
background:#DEE2E5 url('/_layouts/15/Images/QAria/Mappa/freccina_sx_calendario_on.png') no-repeat center; 
cursor:pointer;
}
.mnuDati .dividerArrowRight {
padding:0;
background:white url('/_layouts/15/Images/QAria/Mappa/freccina_dx_calendario_off.png') no-repeat center; 
text-align:center;
vertical-align:middle;
background-color:#DEE2E5 !important;
width:30px; 
}
.mnuDati .dividerArrowRight:hover {
background:#DEE2E5 url('/_layouts/15/Images/QAria/Mappa/freccina_dx_calendario_on.png') no-repeat center; 
cursor:pointer;
}

    .mnuDati .dividerArrowLeftTema {
        padding: 0;
        background: white url('/PublishingImages/freccina_sx_calendario_off.png') no-repeat center;
        text-align: center;
        vertical-align: middle;
        background-color: #fff !important;
        width: 30px;
        color: #000 !important;
    }

        .mnuDati .dividerArrowLeftTema:hover {
            background: #fff url('/PublishingImages/freccina_sx_calendario_on.png') no-repeat center;
            cursor: pointer;
            color: #000 !important;
        }

    .mnuDati .dividerArrowRightTema {
        padding: 0;
        background: white url('/PublishingImages/freccina_dx_calendario_off.png') no-repeat center;
        text-align: center;
        vertical-align: middle;
        background-color: #fff !important;
        width: 30px;
        color: #000 !important;
    }

        .mnuDati .dividerArrowRightTema:hover {
            background: #fff url('/PublishingImages/freccina_dx_calendario_on.png') no-repeat center;
            cursor: pointer;
            color: #000 !important;
        }

.mnuDati td{
background-color:#DEE2E5;
margin:0;
padding:0;       
}    
.mnuDati .td1 {
height:34px;
text-align:center;
color:#004482 !important;
background-color:#DEE2E5 !important;
text-decoration:none !important;
font-size:14pt;
white-space :nowrap;
padding: 0 10px 0 10px;
display: inline-block;
float: left;
}
.mnuDati .td2 {
height:34px;
width:60px;
text-align:center;
color:#004482 !important;
background-color:#DEE2E5;
text-decoration:none !important;
font-size:14pt;
white-space :nowrap;
padding: 0 5px 0 5px;
}
.mnuDati .tdActive {       
background-color:#0558a3 !important;
color:white !important;
}  
.mnuDati .td1:hover {   
background-color:#0558a3 !important;
color:white !important;
cursor:pointer;
}    
.mnuDati .td2:hover {       
background-color:#0558a3 !important;
color:white !important;
cursor:pointer;
}  
.mnuDati td:hover a {
background-color:#0558a3 !important;
color:white !important;
}
.mnuDati a {       
text-decoration:none !important;
color: #0558a3 !important;
border:0;
}
.mnuDati .tdTest {
background-color:violet;
}
.boxGrigio {
height:30px;
background-color:gray !important;
background-position: center center;
background-repeat: no-repeat;
/* Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(radial, center center, 0, center center, 460, from(white), to(gray));
/* Safari 5.1+, Chrome 10+ */background: -webkit-radial-gradient(circle, white , gray);
/* Firefox 3.6+ */background: -moz-radial-gradient(circle,  white , gray);
/* IE 10 */background: -ms-radial-gradient(circle, white , gray);
}

@media (max-width: 998px) {

.margintopmobile {
    margin-top: 10px;
}

.mnuDati tbody {
    display: block;
    width: 100%;
}

.mnuDati tr {
    
 	display: inline-block;
	width: 100%;
}

.mnuDati .td1 {
    clear: both;
    display: block;
    float: left;
    width: 100%;
    margin-bottom: -18px;
    margin-top: 10px !important;
}

.mnuDati .td1:last-child {
    margin-bottom: 0;
}
.tdSmall {display:none}
}

#TitoloPagina {
    border-bottom: 15px solid #008658;
    clear: both;
    color: #191919;
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 10px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#TitoloPaginaEmissioni {
    border-bottom: 15px solid #008658;
    clear: both;
    color: #191919 !important;
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-family: "Titillium Web", sans-serif;
    margin-bottom: 10px;
}

#TitoloPaginaStazioniFisse {
    border-bottom: 15px solid #008658;
    clear: both;
    color: #191919 !important;
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-family: "Titillium Web", sans-serif;
    margin-bottom: 10px;
}

#TitoloPaginaStazioniMobili {
    border-bottom: 15px solid #008658;
    clear: both;
    color: #191919 !important;
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-family: "Titillium Web", sans-serif;
    margin-bottom: 10px;
}

#TitoloPaginaZonizzazione {
    border-bottom: 15px solid #008658;
    clear: both;
    color: #191919 !important;
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-family: "Titillium Web", sans-serif;
    margin-bottom: 10px;
}


#cellaTitoloPagina {
    vertical-align: top;
    border-bottom: 1px solid #008658;
}

#cellaTitoloPaginaStazioniFisse {
    vertical-align: top;
    border-bottom: 1px solid #008658;
}

#cellaTitoloPaginaEmissioni {
    vertical-align: top;
    border-bottom: 1px solid #008658;
}

#tabellaTitoloPagina {
    border-spacing: 0px;
    width: 100%;
    margin: 22px 0px 0px;
    padding: 0px;
    border: 0px none;
    border-bottom: 1px solid #008658;
}


@media (max-width: 1200x) {
    #TitoloPagina {
        display: block;
        width:40%;
        font-size: 25px;
        font-weight: bold;
    }

    #TitoloPaginaEmissioni {
            display: block;
            width: 40%;
            font-size: 25px;
            font-weight: bold;
        }


#TitoloPaginaStazioniFisse {
    display: block;
    width: 40%;
    font-size: 25px;
    font-weight: bold;
}

#TitoloPaginaStazioniMobili {
    display: block;
    width: 40%;
    font-size: 25px;
    font-weight: bold;
}

#TitoloPaginaZonizzazione {
    display: block;
    width: 40%;
    font-size: 25px;
    font-weight: bold;
}
    
#cellaTitoloPagina {
        vertical-align: top;
        border-bottom: none;
        text-align: center;
    }

#cellaTitoloPaginaEmissioni {
    vertical-align: top;
    border-bottom: none;
    text-align: center;
}

#cellaTitoloPaginaStazioniFisse {
    vertical-align: top;
    border-bottom: none;
    text-align: center;
}

#tabellaTitoloPagina {
	border-bottom: none;
}
}

#testo-previsione {
    color: #191919;
    display: block;
    font-size: 30px;
    font-weight: bold;
    margin: 10px 0;
}

#UnitaMisuraEmissioni {
    color: #191919 !important;
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}

#UnitaMisuraStazioniFisse {
    color: #191919 !important;
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}


@media (max-width: 1200x) {
    #testo-previsione {
        font-size: 25px;
        font-weight: bold;
    }

    #UnitaMisuraEmissioni {
        font-size: 15px;
        font-weight: bold;
    }

    #UnitaMisuraStazioniFisse {
        font-size: 15px;
        font-weight: bold;
    }
}

@media (max-width: 998px) {
.mnuDati {
        width: 100% !important;
    }
}

.greenbtn {
    border-radius: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 6px !important;
    background: #008658 !important;
    font-weight: bold !important;
    color: #FFF !important;
    float: none !important;
    font-size: 20px !important;
    text-transform: uppercase !important;
    padding: 10px 30px;
    font-family: 'Titillium Web', sans-serif !important;
}

#autoCompleteComune {
    background-color: #fff;
    border-bottom-color: transparent;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 0px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-right-color: transparent;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: transparent;
    border-top-left-radius: 2px;
    border-top-right-radius: 0px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.3);
    box-sizing: border-box;
    font-family: Roboto;
    font-size: 15px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    height: 32px;
    line-height: normal;
    margin-right: 30px;
    margin-top: 10px;
    outline-color: invert;
    outline-style: none;
    outline-width: medium;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 300px;
    z-index: 0;
}

    #autoCompleteComune:focus {
        border-color: #4d90fe;
    }

.mapTitleFiller {
    border-bottom: 2px solid #008658;
}

.ui-autocomplete {
    z-index: 10000000;
}

#ui-id-1 {
    background-color: white;
    width: 200px;
}

.ui-helper-hidden-accessible {
    display: none;
}

.imgRECA {
    margin-left: 10px;
}

.myRecap {
    background-color: azure;
    width: 330px;
    border: 1px outset solid;
    font-size: 10pt !important;
}

.onlyRounded {
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    border: 1px solid #C7C7C7;
    background-color: #edf6f7;
}

.combosRounded {
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    border: 1px solid #C7C7C7;
    width: 120px;
    border-radius: 3px;
    overflow: hidden;
    background-color: #edf6f7;
}

    .combosRounded select {
        padding: 5px 8px;
        width: 130%;
        box-shadow: none;
        background: transparent;
        background-image: none;
        -webkit-appearance: none;
    }

        .combosRounded select:focus {
            outline: none;
        }

.ui-widget-header {
    background: #b0cae6 !important;
}

.ui-datepicker-trigger {
    width: 32px !important;
    height: 32px !important;
    vertical-align: top !important;
}


.cTD {
    margin-left: 5px;
    font-family: "Titillium Web", sans-serif;
    font-size: 20px !important;
    padding-top: 4px;
    border-right: 1px solid #dedede;
    padding-left: 4px;
}

.cTDStart {
    margin-left: 5px;
    padding-top: 4px;
    font-family: "Titillium Web", sans-serif;
    font-size: 20px !important;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    padding-left: 4px;
}

.dynHeader {
    border-top: 1px solid #dedede;
    width: 33%;
    border-right: 1px solid #dedede;
    background-color: rgb(0,134,88);
    text-align: center;
    color: #fff !important;
    font-family: "Titillium Web", sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-indent: 4px;
    padding: 4px;
}

.trGray {
    background-color: #f1f1f1;
}

.container {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #CCC;
}

.heading {
    border: 1px solid #dedede;
    display: table-row;
    background-color: #0e64b3;
    text-align: left;
    line-height: 25px;
    font-size: 14px;
    color: #fff !important;
    font-family: "Titillium Web", sans-serif;
    font-size: 15px;
}

.table-row {
    display: table-row;
    text-align: center;
    font-family: "Titillium Web", sans-serif;
    font-size: 15px;
}

.col {
    display: table-cell;
    text-align: left;
    margin-left: 5px;
    border: 1px solid #CCC;
    font-family: "Titillium Web", sans-serif;
    font-size: 15px;
    border-color: #dedede !important;
}

.colHead {
    display: table-cell;
    text-align: left;
    margin-left: 5px;
    border: 1px solid #CCC;
    font-family: "Titillium Web", sans-serif;
    font-size: 15px;
    border-color: #dedede !important;
    color: #fff;
    background-color: rgb(0,134,88);
    text-align: center;
    font-weight: bold;
}

.doppiacol {
    display: table-cell;
    text-align: left;
    border: 1px solid #CCC;
    font-family: "Titillium Web", sans-serif;
    font-size: 15px;
}

.doppiacol_singolariga {
    display: table-cell;
    text-align: left;
    border: 1px solid #CCC;
    font-family: "Titillium Web", sans-serif;
    font-size: 15px;
}

.titolo_tabella {
    background-color: #f7f7f7 !important;
    font-family: "Titillium Web", sans-serif;
    color: #000 !important;
    font-size: 16px !important;
    border: 1px solid #dedede;
    height: 30px;
}

.table_content {
    /* margin-left:5px;  */
    font-family: "Titillium Web", sans-serif;
    font-size: 15px;
    padding-top: 4px;
    padding-left: 4px;
    padding-right: 4px;
}

.no_border {
    border: hidden !important;
    border-width: 0px !important;
    border-color: transparent !important;
}

.maps-input-styledselectQAria-Relazioni {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    margin-bottom: 0px;
    margin-left: 0;
    padding: 11px 50px 11px 10px;
    background: #fff URL(/PublishingImages/dropdown_input.png) no-repeat right center;
    font-size: 16px;
    width: 70%;
    max-width: 400px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-size: 20px;
    margin-left: 10px;
    background-color: rgb(255, 255, 255);
}

.gm-style {
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: normal;
    font-family: Roboto, Arial, sans-serif
}

.gm-style img {
    max-width: none;
}


.gm-control-active img {
    box-sizing: content-box;
    pointer-events: none;
    margin-right: 35px !important;
    transform: translate(-120%, -50%) !important;
}

.gm-fullscreen-control {
    min-width: 0px;
}

.gm-fullscreen-control img {
    box-sizing: content-box;
    pointer-events: none;
    margin-right: 11px !important;
    min-width: 0px;
}

#map .gm-style-iw {
    width: 400px !important;
    left: 0 !important;
    font-size: 15px !important;
    font-weight: normal !important;
    top: 0px !important;
    overflow: hidden !important;
    background-color: #fff;
    box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
    border: 1px solid rgba(72, 181, 233, 0.6);
    border-radius: 2px 2px 0 0;
}

#map .gm-style-iw > div:first-of-type { 
    overflow: hidden !important;
}

.didascaliaCMG {
    padding-left: 0px !important;
    font-size: 20px;
    margin-top: 10px;
    font-family: 'Titillium Web', sans-serif !important;
    text-align: center;
}

.didascaliaCMGWebcam {
    padding-left: 0px !important;
    font-size: 20px;
    margin-top: 10px;
    font-family: 'Titillium Web', sans-serif !important;
    text-align: center;
}

.cmgslider {
    list-style: none !important;
    list-style-type: none !important;
    list-style-image: none !important;
    position: absolute !important;
    top: 177px !important;
}

.infoboxfrane {
    width: auto !important;
    font-size: 14pt !important;
    font-weight: normal !important;
    font-family: 'Titillium Web', sans-serif !important;
    height: 150px !important;
}

.infoboxfraneOuterContainer {
    padding: 10px;
    background-color: #fff;
    width: 650px !important;
}

.franeinterlinea {
    background-color: #dddddd;
    color: #fff;
    text-align: right;
    height: 2px;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    float: left;
    clear: left;
    width: 50% !important;
}

.franebutton {
    background-color: #008658;
    color: #fff;
    text-align: center;
    padding-bottom: 2px;
    padding-top: 2px;
    float: left;
    clear: left;
    width: 45% !important;
}

.nomeareafrane {
    float: left;
    clear: left;
    text-transform: uppercase;
    font-weight: bold;
    color: #807676;
}

.cmgsliderwebcam {
    list-style: none !important;
    list-style-type: none !important;
    list-style-image: none !important;
    position: absolute;
    top: 250px !important;
}

.gm-ui-hover-effect {
    min-width: 0px !important;
}