body {
    background-image:    url(../img/sfondi/shipyard3_blurred.jpeg); /*harborour*/
    background-size:     cover;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: center center;              /* optional, center the image */

    
    font-family: "Ubuntu", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #333;
    background-color: #ebecf1;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
}

#canvas_air_temp,  #canvas_pressure,  #canas_rh{
    padding-top:10px !important;
}

footer{
    display: block;
    clear: both;
}

footer p{
    display:inline;
    margin: 5px;
}

.pull-right{
    float:right;
}

.pull-left{
    float:left;
}

.demo-container{
    border-radius: .1875rem;
}

h4.titolo_grafico{
    font-size: 1.714em;
    font-weight: 400;
    margin-bottom: 20px;
}

div.plot_wind_direction{
    height:280px;
}

div.plot_forecast{
    height:270px;
}

div.plot_wind_speed{
    height:280px;
}

.plot-wind{
    height:250px;
    width:250px;
}

.navbar {
    color: #f5f5f5;
}
.navbar {
    *position: relative;
    *z-index: 2;
    overflow: visible;
    margin-bottom: 18px;
}

.navbar .navbar-inner, .submenu, #nav ul {
    background-color: #3f9fd9;
}
.navbar-inner {
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.navbar-inner {
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(40,68,96,0.5) 50%, rgba(40,68,96,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(40,68,96,0.5)), color-stop(100%,rgba(40,68,96,0)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(40,68,96,0.5) 50%,rgba(40,68,96,0) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(40,68,96,0.5) 50%,rgba(40,68,96,0) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(40,68,96,0.5) 50%,rgba(40,68,96,0) 100%);
    background: linear-gradient(to bottom, rgba(40,68,96,1) 0%,rgba(40,68,96,1) 50%,rgba(40,68,96,1) 100%);
        background-color: rgba(0, 0, 0, 0);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#001e1e1e',GradientType=0 );
}
.navbar-inner {
    min-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
}

.flot-container{
    padding: 0px 10px 10px 10px !important;
    margin: 0px !important;
    width:80% !important; 
    float:right !important;
}


.gauge-container{
    float:left !important;
    padding: 0px !important;
    margin: 0px !important;
    width:20% !important;    
}

.plot-title{
    text-align: center;
}


.mb-3-techcom{
    margin-bottom:0px !important;
}

.card-body-techcom{
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    padding-right: 5px !important;
}

.brand-img{
    height:32px;
}

.brand-img-b{
    height:51px;
}

.brand-img-footer{
    height:20px;   
}

.brand-img-footer-b{
    height:25px;   
}

.brand-img-header{
    height:15px;   
}

.brand-img-header-b{
    height:20px;   
}

.first-brand-img{
    margin-bottom:20px;
}

.vertical-brand-img{
    margin-bottom:30px;
}

.card {
    margin-bottom: 0.6rem !important;
    border-radius: 0.2em !important;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
 
    padding-right: 6px !important;
    padding-left: 6px !important;
}

.last-li{
    border-right: 0px !important;
}

.single-measure > li{
    text-align: left !important;
}

.measure-value, .hour-value{
    font-size: 4rem;
}


.weather-category ul li h5{
    line-height:0.9;
}

.weather-category ul li.data_last_measure{
    width:99%;
    padding-left: 0.2rem;
}

.weather-category ul li.temperature_measure{
    width:18%;
    padding-left: 1.4rem;
}

.weather-category ul li.logo-img{
    width:49%;
}

.weather-category ul li.logo-img-footer{
    width:16.3%;
}

.weather-category ul li.logo-img-header{
    width:24%;
    text-align: center !important;
}

ul.ul_header{
    margin-top: 0px;
}

.weather-category-vertical{
    margin-top: 37px;    
}

.weather-category-vertical ul{
    list-style-type: none;
}

.weather-category-vertical .measure-value{
    font-size: 3rem;
}

.weather-category-vertical .single-measure > li {
    text-align: center !important;
}

.weather-category-vertical .float-value{
    bottom: 7px;
    position: relative;
}

.weather-category-vertical .measure-umis-wind-speed{
    margin-left:10px;
    vertical-align:bottom;
    position: relative;
    bottom: 4px;
    font-size: 70% !important;
    font-weight: 400;
}

.weather-category-vertical li:not(:last-child){
   padding-bottom:20px; 
}

.highcharts-button-box{
     fill:transparent !important;
}

.measure-umis-wind-speed{
    margin-left: -0.7rem;
}


#loadingDiv{
    margin-top: 1px !important;
}

.weather-category ul li.logo-img-forecast{
    width:99%;
}

.li_cetena{
    padding-right: 1rem;
}

.weather-category ul li.pressure_measure{
    width:26%;
    padding-left: 1.4rem;
}

.weather-category ul li.umidity_measure{
    padding-left:1.4em;
    width:26%;
}

.measure_trend{
    font-size: 1.4rem !important;
    margin-top: 0.4rem;
    margin-left: 0.3rem;
}

.measure_umis{
    font-size: 40%;
    font-weight: 200;
}

.measure_umis_temperature{
    margin-left: -1.2rem;
}

.measure_umis_pressure{
    margin-left: 0.5rem;
    vertical-align: bottom;
}

.float-value{
    vertical-align: bottom;
     font-size: 40%;
}

.label-measure, .label-measure-forecast{
    font-size:1.2rem;
    font-weight: 200;
}

.label-measure-forecast{
    vertical-align: bottom;
}

.measure_trend_pressure{
    vertical-align: bottom;
}




.hour-value, .day-value{
    text-align: center;
}

.card{
    /*background-color:#E8EFF7E6 !important;*/
    background-color:rgba(232, 239, 247,0.9) !important;
}

.tickLabel { font-size: 100%!important; }
.flot-x-axis { top:4px !important;}
.flot-y1-axis { left:-8px !important;}
.flot-y2-axis { left:8px !important;}
.gauge-container-speed{
    /*padding-top: 2rem !important;
    padding-left: 2rem !important;*/
    height:250px;
}

.logos-div >ul{
    margin-bottom: 0px;
}

.logos-div ul li {
    border-right: 0px solid #e6e6e6 !important;
}
.date_last_measure{
    font-weight: 400 !important;
    margin-left: 0rem;
}

div.nodata, 
div.fadeMe {
  opacity:    0.7; 
  background-image:    url(../img/noData.png);                 
  background-repeat:   repeat;
  /*background: #000;*/ 
  width:      100%;
  height:     100%; 
  z-index:    -1;
  top:        0; 
  left:       0; 
  position:   fixed; 
}
 
#loading_div {
  opacity:    0.7; 
  width:      100%;
  height:     100%; 
  z-index:    10;
  top:        0; 
  left:       0; 
  position:   fixed; 
}


div.loading {
  opacity:    0.7;                 
  background: url(../img/ajax-loaders/ajax-loader-6.gif) no-repeat center;
  /*background: #000;*/ 
  width:      100%;
  height:     100%; 
  z-index:    10;
  top:        0; 
  left:       0; 
  position:   fixed; 
}

.nome-stazione{
    font-size:2.2rem;
    line-height: 2.5rem !important;
    margin-top: 0.6rem;
    margin-bottom: 0.3rem;
}

#last_measure_data{
    font-size:0.9rem;
}

#last_hour{
    font-size: 1.7rem;
}

#last_sec{
    font-size: 1rem;
}

#last_date{
    font-size: 1.7rem;
    vertical-align: bottom;
}

.data_measure{
    line-height: 0.9;
    margin-top: 0.2rem;
}

.data_measure_update{
    line-height: 0.9;
    margin-top: -0.8rem;
    text-align: right;
    color:#aeaeae;
}

.titolo-pagina{
    margin-top: -0.8rem;   
    color:#162343;
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    font-weight:bold;
    text-transform: uppercase;
}

.last_hour_forecast, .last_date_forecast{
    font-size: 1.7rem;
}

.last_sec_forecast{
    font-size: 1rem;
}

.last_date_forecast{
    vertical-align: bottom;
}

.data_measure_update, .last_date_update{
        font-size: 0.7rem;
} 

.last_date_update{
    vertical-align: bottom;
}


.label-measure-update{
    font-size:1rem;
    font-weight: 200;
}


.del_font{
    font-weight: 200;
    font-size: 1rem;
    vertical-align: bottom;
}

.ul_nome_stazione{
    margin-bottom: 0.25rem;
}

.single-li{
    border-right: 0px !important;
}

.dashboard-logo-jeb{
    width:25px;
}

.flot-container-forecast{
    padding: 0px 10px 10px 10px !important;
    margin: 0px !important;
    width:100% !important; 
    float:right !important;
}

.logo-img-gallery{
    width:24% !important;
    vertical-align: middle !important;
}

.card-body-gallery{
    padding: 1.65rem !important;
}

.card-gallery{
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
}

.logo-img-gallery .brand-img {
    height: 40px;
}

.gallery-data-font{
    line-height: 0.8;
}

.brand-img-b-gallery{
    height:60px;
}

.logos-div-gallery{
    vertical-align: middle !important;
}

 /*#play_btn:after {
      content: 'Play';
    }
#pause_btn:after{
      content: 'Pause';
    }
 #repeat_btn:after {
      content: 'Repeat';
    }
*/

@media (max-width: 1024px){
     .weather-category ul li.pressure_measure{
        padding-left: 0.3rem;
}    
    .gauge-container{
        width:25% !important;
    }
    
    .flot-container{
        width:75% !important;
    }
    
    #canvas_wind_speed{
        margin:0 auto; 
    }
    
    .gauge-container-speed{  
        /*margin:0 !important;*/
    }
    #last_date {
        font-size: 1rem;
    }
    
    .nome-stazione {
        font-size: 2rem;
    }
    .measure-value, .hour-value {
        font-size: 3.5rem;
    }
	
	.container_login {
		height: 1000px !important;
	}
    
}




@media (max-width: 960px){
     #last_date {
        font-size: 2rem;
    }
    
    .nome-stazione {
        font-size: 3rem;
    }
    .gauge-container{
        width:40% !important;
    }
    
    .flot-container{
        width:60% !important;
    }
    
    #canvas_wind_speed{
        margin:0 auto; 
    }
    
    .gauge-container-speed{
        /*margin:0 !important;*/
    }
}

@media screen and (max-width: 720px) {
    #play_btn:after,#pause_btn:after,#repeat_btn:after {
      content: '';
    }
    
  }

@media (max-width: 450px) {
     #last_date {
        font-size: 2rem;
    }
    .nome-stazione {
        font-size: 3rem;
    }
    .weather-category ul li.temperature_measure{
        width:26%;
        padding-left: 0.2rem;
}


    .weather-category ul li.pressure_measure{
        width:45%;
        padding-left: 1.4rem;
}

    .weather-category ul li.umidity_measure{
        padding-left:1.4em;
        width:26%;
        }   
    .label-measure, .label-measure-forecast{
    font-size:0.8rem;
    font-weight: 200;
    }
    .measure-value{
        font-size: 2.5rem;
        }
        
    .measure_umis_temperature {
        margin-left: -0.8rem;
    }

    .date_last_measure{
        margin-left: 0rem;
    }
     .gauge-container{
        width:100% !important;
        
    }
    
    .flot-container{
        width:100% !important;
    }
    
    #canvas_wind_speed{
        margin:0 auto; 
    }
    
    .gauge-container-speed, #plot_wind{
        margin:0 auto !important;
        padding:0 !important;
        padding-top: 1rem !important;
    }
}

@media (max-width: 320px) {
    .weather-category ul li.pressure_measure{
        width:42%;
        padding-left: 0.3rem;
}    
}


#canvas_wind_speed
{
    position:absolute;
    z-index:0
}

#value_gauge
{
    z-index:1
}


.login_div_container .login-box{
    margin-left:auto !important;
    margin-right:auto !important;
    margin-top:30px !important;
}

.div_login_btn{
    margin-left:0px !important;
}

.login-logo b{
    font-size:30px;
}



.error-login{
    color:#f37a20;
}

.p-login{
    margin-bottom: 0px;
    margin-top: 10px;
}

.card-body-shell{
     padding-top: 5px !important;
}

.pretty-shell-grafico{
    font-size: 1rem;
}

.pretty-shell-grafico label{
    font-weight: 200 !important;
}

.shell-title{
    text-align: center;
    color:#5a5835;
    font-weight: 400;
}

span.color-preview.danger {
    background-color: #d9534f;
}

span.color-preview.success {
    background-color: #5cb85c;
}

span.color-preview {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: #bdc3c7;
    border-radius: 100%;
    margin: 0 2px;
}

.class_select_place, .class_select_place ul.list{
    /*width:95% !important;*/
    line-height: 29px !important;   
}

.class_select_place{
      height: 32px !important;
}

/*progress bar*/
#myProgress {
  width: 100%;
  background-color: rgba(43, 43, 43, 0.2);
}


#moving_bar {
  width: 0;
  height: 10px;
  background-color: #fdbf4f;
}



.progress-bar-day,.progress-bar-hour{
    background-color: rgba(243, 243, 243, 0.5) !important; 
    box-shadow: inset 0 0px 0 rgba(0,0,0,.15) !important;  
    border-right: rgba(43, 43, 43, 0.2) solid 1px;
    color:#5a5831 !important;
}
.progress-bar-hour{
    font-size:10px;
}

div.inline { 
    display:inline-block;
    float:left; 
}
.clearBoth { 
    clear:both; 
}

.play_btn_div{
    width:38px;
}

.progress_line_div{
    flex-grow: 1;
     margin-left: 5px;
}

.btn-app {
    border-radius: 3px !important;
    position: relative;
    padding: 15px 5px!important;
    margin: 0 0 10px 10px !important;
    /*min-width: 80px;*/
    height: 30px;
    text-align: center !important;
    color: #666 !important;
    border: 1px solid #ddd !important;
    background-color: #f4f4f4;
    font-size: 12px !important;
}

.btn-app > .fa, .btn-app > .glyphicon, .btn-app > .ion {
    font-size: 18px;
    /*display: block;*/
    line-height: 0;
}

.btn-gallery {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 0 !important;
    text-align: center !important;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px !important ;
}
#myProgress .tooltip{ 
  /*position:relative;*/
  position:absolute;
  float:right;
  top:12px;
}
#myProgress  .tooltip-inner {
    background-color: #fdbf4f;/*rgba(243,243,243,.5);*/ 
    padding:3px 10px; 
    color:#5a5831 ; 
    font-weight:bold; 
    font-size:13px;
    min-width: 150px;
}

#myProgress .tooltip-arrow {   
     border-left: 5px solid transparent; 
     border-right: 5px solid transparent; 
     border-top: 5px solid #eebf3f;
      margin-top: 16px; 
   margin-left: 68px;
   
     }
/*#myProgress .tooltop.right .tooltip-arrow{
   border-right-color:#fdbf4f !important;
   margin-top: 15px; 
   margin-left: 68px;
   transform: rotate(270deg);
   -webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg); 
} */

.tooltip.left .tooltip-arrow {

    top: 50% !important;
}

#h5_forecast + .tooltip.left {
    left:-124px !important;
}

#h5_real_time + .tooltip.left {
    left:-142px !important;
}

#h5_news  .tooltip.left {
    left:-117px !important;
    top:137px !important;
}

#h5_logout  .tooltip.left {
    top:40px !important;
}

#h5_configuration  .tooltip.left {
    top:20px !important;
}

#h5_configuration + .tooltip.left {
    left:-200px !important;
}

#h5_menu_bar  .tooltip.left {
    left:-63px !important;
}


.progress_bar_container{
    display: flex;
    z-index:100;
    float:left;
    clear: left;
    width:98.5%;
    text-align: center; 
}

.progress_line_div .tooltip_progress_line{
        z-index:30;
}

.div-gallery-select ul.list{
    z-index:100;
}

.image_container {
    text-align: center;
    float:left;
    width:100%;
    margin: 0rem;
}
 #cur_image {
     width:100%;
    /*max-height:768px;*/
}

.header-gallery{
    height: 9rem;
}

#download_btn{
    /*margin-top: 10px;
    border-radius: 5px;
    height:32px;*/
    font-size: 14px;
    color: #5a5831;
    background-color: #fdbf4f;
    /*border-color: rgba(0,0,0,0.2);*/
     position: relative;
    padding-left: 44px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.btn-social :first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 32px !important;
    line-height: 34px !important;
    font-size: 1.6em !important;
    text-align: center;
    border-right: 1px solid rgba(0,0,0,0.2);
}

.div-gallery-name, .div-gallery-select{
    width:45%;
    float:left; 
    display:block; 
}
.div-gallery-select{
    width:99%;
    display:block; 
    height:4.32rem;
    text-align: center;
}

.class_select_place li{
    display: block !important;
}

select option {
    margin: 40px;
    background: rgba(243, 243, 243, 0.5);
    color: #5A5831;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    border: none;
}
.div-gallery-select .nice-select{
    background-color:transparent;
    border: solid 0px #e8e8e8;
    font-size: 1.2rem;
    color:#5A5831;
}

.div-gallery-select .nice-select::after {
    
    border-bottom: 2px solid #5A5831;
    border-right: 2px solid #5A5831;
    width:0.5rem;
    height:0.5rem;
}

.card-timeline{
    padding-top:0.25rem !important;
}

.div-gallery-select .nice-select .list {

    background-color:rgba(243,243,243,0.9);
}

#last_measure_data_gallery{
    font-size: 1rem;
    line-height: 3;
}

.last_date_font_size {
    font-size: 2.4rem;
}

#download_btn  .fa-download{
    margin-top: -5px;
}

/*#export-png .fa-download, #export-pdf .fa-download{
    margin-top: -5px;
}

#export-png, #export-pdf{
    border-radius: 0.25rem;
    font-size: 14px;
    color: #5a5831;
    background-color: #ffd600;
     position: relative;
    padding-left: 44px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
} */

/*.btn-group a {

    border: 1px solid transparent;
    color: #5a5831 !important; 
    padding: 3px !important;
    cursor: pointer; 
    float: left; 
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 10px;
} */

.no_link_a{
    cursor:auto !important;    
}

.btn-group a:not(:last-child) {
    border-right: none; /* Prevent double borders */
}

/* Clear floats (clearfix hack) */
.btn-group:after {
    content: "";
    clear: both;
    display: table;
}
.btn-group a:last-child{
  border-radius: 0 0.25rem 0.25rem 0;
  margin-left: -1px;
  border-left: 1px solid rgba(0,0,0,0.2);
}
.btn-group a:first-child{
  border-radius: 0.25rem 0 0 0.25rem;
  margin-left: -1px;
  border-right: 1px solid rgba(0,0,0,0.2);
}

.fa-pdf:before{
    content: url(../img/pdf_logo.png); 
    width:30px;
}

.fa-jpg:before{
    content: url(../img/jpg_logo.png); 
    width:30px;
}

.col-menu-reduced-hidden{
    display:none;
}

.download-btn-forecast {

    width: 100%;
    text-align: center;
    top: 35px;
    left: 0px;

}

#menu-vertical-switcher, #menu-vertical-switcher a{
    background-color: transparent;
}
/*START LEGEND FORECAST*/         


div.row_legend_forecast ul{
    list-style-type: none;
}


div.row_legend_forecast li:before{
font-size: 20px;
padding-top:6px;
padding-right: 6px;

}

div.row_legend_forecast  li.line_circle_empty_green:before{
    /*content: "\0335\2296\0335";*/
    content:url(svg/dot_thinline_orange.svg);
}

div.row_legend_forecast  li.circle_empty_green:before{
    /*content: "\25CB";*/
    content:url(svg/dot_thin_green.svg); /*content:url(svg/dot_thin.svg)*/
}

div.row_legend_forecast  li.circle_empty_orange:before{
    /*content: "\25CB";*/
    content:url(svg/dot_thin_orange.svg); /*content:url(svg/dot_thin.svg)*/
}

div.row_legend_forecast  li.circle_full_grey:before{
    /*content: "\25CF";*/
    content:url(svg/dot_full_grey.svg);/*content:url(svg/dot_full_blue.svg);*/
}

div.row_legend_forecast  li.circle_full_blue:before{
    /*content: "\25CF";*/
    content:url(svg/dot_full_blue.svg);/*content:url(svg/dot_full_blue.svg);*/
}

div.row_legend_forecast  li.line_circle_full_grey:before{
    /*content: "\0336\25CF\0336";
    font-weight: 1000;*/
    content:url(svg/dot_line_grey.svg);  /*content:url(svg/dot_line_blue.svg);*/
}

div.row_legend_forecast  li.line_circle_full_blue:before{
    /*content: "\0336\25CF\0336";
    font-weight: 1000;*/
    content:url(svg/dot_line_blue.svg);  /*content:url(svg/dot_line_blue.svg);*/
}

div.row_legend_forecast  li.dash_circle_empty_orange:before{
    /*content: "\0335\2687\0335";*/
    content:url(svg/dot_dottedline_orange.svg); 
}


div.row_legend_forecast  li.diamond_empty_green:before{
   /* content: "\25C7";*/
   content:url(svg/star_thin_green.svg); /*content:url(svg/star_thin.svg);*/
    
}

div.row_legend_forecast  li.diamond_empty_orange:before{
   /* content: "\25C7";*/
   content:url(svg/star_thin_orange.svg); /*content:url(svg/star_thin.svg);*/
    
}


div.row_legend_forecast  li.diamond_full_grey:before{
    /*content: "\25C6";*/
    content:url(svg/star_full_grey.svg); /*content:url(svg/star_full_blue.svg); */
    
}

div.row_legend_forecast  li.diamond_full_blue:before{
    /*content: "\25C6";*/
    content:url(svg/star_full_blue.svg); /*content:url(svg/star_full_blue.svg); */
    
}

div.row_legend_forecast  li.line_circle_empty_blue:before{
    content:url(svg/dot_line_blue.svg);
}

div.row_legend_forecast  li.line_circle_full_purple:before{
    content:url(svg/dot_thin_purple.svg);
}

div.row_legend_forecast  li.line_circle_full_pink:before{
    content:url(svg/dot_thin_pink.svg);
}

div.row_legend_forecast  li.line_circle_full_green:before{
    content:url(svg/dot_line_green.svg);
}

div.row_legend_forecast  li.line_circle_full_purple:before{
    content:url(svg/dot_thin_purple.svg);
}

div.row_legend_forecast  li.circle_empty:before{
    content: "\25CB";
}

div.row_legend_forecast  li.circle_full:before{
    content: "\25CF";
}

div.row_legend_forecast  li.line_circle_full:before{
    content: "\0335\25CF\0335";
}

div.row_legend_forecast  li.line_diamond_empty:before{
    content: "\0335\25C7\0335";/*\25C&*/
    
}

div.row_legend_forecast  li.diamond_empty:before{
    content: "\25C7";
    
}

div.row_legend_forecast  li.line_diamond_full:before{
    content: "\0335\25C6\0335";
    
}

div.row_legend_forecast  li.diamond_full_darkblue:before{
    content:url(svg/star_full_dark_blue.svg);
    
}


div.row_legend_forecast  li.square_full:before{
    content:url(svg/square_orange.svg);
    
}

.title_forecast_legend{
    font-size: larger;    
}

#legend_realtime{
    margin-bottom: 0rem;
}

li.legend_click, .li_legend_active {
    cursor:pointer;
}

.div_legend_border ul{
    border-right: 1px solid #cecece;
}

h5.legend_val{
    font-size:0.8rem;
    display:inline;
    color:#5A5831;
    position:relative;
top:10px;
}

#label_legend0:hover , #label_legend1:hover{
    text-decoration: underline;
}

li.li_legend_active:before{
    color:#5A5831:
}
.legend_body{
    padding-top:0.5rem !important;
    padding-bottom: 0rem !important;
}

.meteogram_legend{
   margin-bottom: 0.7rem;
   display: inline !important;
}

/*END LEGEND FORECAST*/

div.plot_meteogram {
    height: 200px;/*240px;*/
    padding-bottom: 0px !important;
}

.card-body-meteogram{
    padding-top:0px !important;
    padding-bottom:0px !important;
}

.card-body-meteogram-top{
    margin-top: 1.2rem;
}

.card-body-meteogram-notop{
    margin-top: -5px !important;
}

.card-body-meteogram-nobottom{
    margin-bottom: -5px !important;
}

/**NEWS***/

.news_ul{
    list-style: none;
}

.card-body-news{
    padding:5px !important;
} 

.card-body-news ul, .card-body-news .box {
    padding:15px !important;
} 

.data_news{
    font-style: italic;
    font-size:0.8rem;
    color: #a49f9f ;
}


.news-item{
    border-bottom: 1px solid #cecece;
    padding-bottom:0.5rem;
}

.card-news{
    height:100%
}


.img_home{
    height:30px;
}

.partener-box-content{
    border: 1px solid #cecece;
    border-radius: 10px;
    margin:20px;
    padding:20px;
    text-align: justify;
}

.moorwind_presentation{
    text-align: justify;    
}



.fist_column_partner{
    margin-right:10px;
}

#news-list{
     list-style: none;   
}


.news_menu_link i{
    padding-top: 5px;
}

#image_news{
    height:200px;
}

.news_text-login a{
    text-decoration: underline;
     color: #000;
}

.news_text-login a:hover, .news_text-login a:focus {
    text-decoration: underline;
    color: #a49f9f;
}

.b-category_page-description_button{
    color:#a49f9f
}

select{
    border: none;
    background-color: rgba(243, 243, 243, 0.5);
     outline:0px;
}

.card-gallery{
 padding-left:1rem !important;   
 padding-right:1rem !important;   
}

.n_accessi{
    font-size:1rem;
    padding: 7px 7px 7px 12px;
}


#f_wind_direction_p{
top: 6px;
}

.select_date_icon{
    position:absolute;
    margin-top:4px !important;
    margin-left:0px !important;
    cursor: pointer;
}

.jeb_link{
    left:9px !important;
    color: #212529 !important;
    font-size: 1.25rem !important;
    text-shadow: 0 1px 0 #212529;
}

.dashboard_title{
    border-bottom: 0px solid #dfd6d6!important;
    font-size:1rem !important;
    text-shadow: 0 0px 0 #0000
}

.stazioni_menu a{
    margin-left:8px;
    display:block;
}

.stazione_selected{
    font-weight: bold;
}

.container_login {
  height: 400px;
  position: relative;
  /*outline: dashed 1px white;*/
}

.child_login {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
     box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
     inset 0 0px 0px rgba(0,0,0,.075)*/
}

.login_image_bkg{
    background-image:    url(../img/sfondi/sfondo_login_dan2.png); /*harborour*/
    background-size:     cover;                     
    background-repeat:   no-repeat;
    background-position: center center;              /* optional, center the image */
    height:510px !important;
}

#login_card{
    border-top-left-radius: 0em !important;
border-top-right-radius: 0.2em  !important;
border-bottom-right-radius: 0.2em  !important;
border-bottom-left-radius: 0em  !important;
height: 510px !important;
}

.login_image_bkg{
    border-top-left-radius: 0.2em;
border-top-right-radius: 0em;
border-bottom-right-radius: 0em;
border-bottom-left-radius: 0.2em;
}

#login_form{
    padding:0 !important;
}

.login_singin{
    color: #5a8084;
    font-weight: bold;  
}

.login-btn{
    border-radius:5px !important;
    background-color: #5a8084 !important;
    border-color: #5a8084 !important;
}

.login_input{
    background-color: transparent !important;
    border: 0 !important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075) !important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075) !important;
    border-bottom: solid 1px #a8a8a8 !important;
    border-radius:0 !important;
}

.login_input::placeholder, .login_input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #545454 !important;
  opacity: 1 !important; /* Firefox */
}

.login_input:-ms-input-placeholder, .login_input:-ms-input-placeholder{ /* Internet Explorer 10-11 */
  color: #545454 !important;
}

.login_input::-ms-input-placeholder, .login_input::-ms-input-placeholder { /* Microsoft Edge */
  color: #545454 !important;
}


#login_moorwind_font{
    color: #fff !important; 
    font-weight: normal;
    font-size: 30px; 
}

.moorwind_presentation{
    text-align: center;    
    color: #fff !important;
    font-size:22px;
}

.div_ul_login{
    text-align: left;
    color: #fff;  
    bottom: 0;
    position: absolute; 
    margin-left: 6%; 
}

.ul_login{
     list-style-type: circle;/* disclosure-closed;*/
     font-size:18px;
     margin-bottom: 0px;    
}

.ul_login li{
    padding-bottom:8px;
}

.ul_login a{
    color:#fff;
}

.ul_login a:hover{
    color:#b2c1c5;
}

.login-logo img{
    height: 110px;
    margin-bottom: 40px;
}

.dark_pull .pull-left, .dark_pull .pull-left a, .dark_pull .pull-right, .dark_pull .pull-right a{
    color:#545454;
}

.dark_pull .pull-left a:hover, .dark_pull .pull-right a:hover{
    color:#ffffff !important;
}

.pull-left a:hover, .pull-right a:hover{
    color:#e3dfdf !important;
}

.pull-left, .pull-left a, .pull-right, .pull-right a{
    color:#ffffff;
}

.div_login_btn{
    margin-top:48px;
}

.form-group {
    padding-top:10px;
}

body.login {
    background-image: url(../img/sfondi/sfondo_login2.svg) !important; /*harborour*/
     background-size:     cover;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: center center;              /* optional, center the image */

    
    font-family: "Ubuntu", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #333;
    background-color: #ebecf1;
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

.div_login_container{
        margin-top: 6em;
}

.right_bottom_msg{
    text-align: right;
}

.info_title{
    height:35px !important;
    text-align: left !important;
}

.content_info{
  margin-left:20px;
  margin-right: 20px;  
  
}

.info_content_text{
    text-align: justify;
    margin-left: 20px;
    margin-right: 20px;
}

.bottom_img{
    /*margin-top:35px;*/
	position: absolute;
	bottom: 12px;
	width: 96%;
	left: 2%;
}

#login_card .card-body{
    padding:7.5em 3.5em 1em 5.5em;
}

.h4_info{
  font-size: 16px !important;  
  font-weight: bold;
}

.p_info{
  margin-bottom:0.2em;  
}

.h4_margin-top{
    margin-top:2em;
}

.lang_img{
    height: 20px !important;
}

.lang_div{
    bottom: 10px;
    position: absolute;
    right: 10px;
}

.lang_div_header{
    right: 10px;
    position: absolute;
    top: 0px;
}

.text_area_form{
    font-size: 13px;
    width: 80%;
    height: 200px;
}


#lost_password_link{
    display:none;
}

#table_umis_archivio{
    width: 90%;
    right: 46px;
    position: absolute;
}

.mail_png{
height: 14px !important;
position: relative;
top: -3px;
margin-right: 0px !important;
}


.nav-documents .hidden-tablet{
    word-wrap: break-word;
    display: block;
    width: 84%;
}