table.irrorazione .na{ background-color: #CCC }
table.irrorazione .verde{ background-color: #05c251 }
table.irrorazione .rosso{ background-color: #c20505 }
table.irrorazione .giallo{ background-color: #e6e303 }
table.irrorazione tr{ border-bottom: 1px solid #CCC }
table.irrorazione tr td{ border-right: 1px solid #CCC }
table.irrorazione tr td.heading{ font-weight: bold; text-align: center }
table.irrorazione tr td.nuovoGiorno{ border-right: 2px solid #474747 }


table.drone td.na i{ color: #CCC }
table.drone td.verde i{ color: #05c251 }
table.drone td.rosso i{ color: #c20505 }
table.drone td.giallo i{ color: #e6e303 }
table.drone td.blu i{ color: #007eff }
table.drone tr{ border-bottom: 1px solid #CCC }
table.drone tr td{ text-align: center }
table.drone tr td.heading{ font-weight: bold; text-align: center; border-right: 2px solid #474747 }
table.drone tr.first td{ font-weight: bold; text-align: center; border-bottom: 2px solid #474747 }

.footer {
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}
.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

body > .container {
  padding: 60px 15px 0;
}
.container .text-muted {
  margin: 20px 0;
}

.clear{ clear:both; }

#contenitoreProfili{ overflow:hidden; width:20500px; margin:0; padding:0; }
#contenitoreProfili .col{ float:left; border-right:1px solid grey; list-style:none; }
#contenitoreProfili .levelName{ background-color:lightgray; text-align: center; }
#contenitoreProfili .levelName span{ position:relative; top:7px; }
#contenitoreProfili .profilo{ overflow:hidden; }
#contenitoreProfili .cell{ border-bottom:1px solid grey; padding:3px; height:33px; }
#contenitoreProfili .info.cell{ color: #FFF; height:25px; background-color:#337AB7; font-size:13px; font-weight:bold; text-align:center; }
#contenitoreProfili .cell .comp{ float:left; }

#contenitoreProfili .level .windColor{ width:30px; height:30px; border-radius:16px; border: 2px solid black; margin-right:2px; }
#contenitoreProfili .level .windColor.L{ border-color:#087B0D; }
#contenitoreProfili .level .windColor.M{ border-color:#DAC221; }
#contenitoreProfili .level .windColor.H{ border-color:#FF2020; }
#contenitoreProfili .level .windColor .north{ position: relative;top: 4px;text-align: center;display: block;font-size: 8px;font-weight: bold; }
#contenitoreProfili .level .wind{ width:32px; height:32px; position:relative; top:-8px; left:-1px; }
#contenitoreProfili .level .wind .windDir{ width:32px; height:32px; background:url('../img/compass-rose-arrow.png') no-repeat 0 0; }
#contenitoreProfili .level .wind .windSpeed{ position:relative; top:-24px; left:-2px; text-align:center; width:32px; display:block; font-size:11px; font-weight:bold; }

#contenitoreProfili .level .temp{ height:32px; vertical-align:middle; margin-right:2px; width:70px; text-align:center; }
#contenitoreProfili .level .temp span.temp{ font-size:11px; font-weight:bold; position:relative; top:0px; line-height: 11px}
#contenitoreProfili .level .temp span.height{ font-size:9px; position:relative; top:-10px; line-height: 11px }

#contenitoreProfili .level .cloudFraction{ width:32px; height:32px; background:url('/img/copertura-nuvolosa.png') no-repeat 0 0; }
#contenitoreProfili .level .cloudFraction.p0{ background-position:0 0; }
#contenitoreProfili .level .cloudFraction.p25{ background-position:-32px 0; }
#contenitoreProfili .level .cloudFraction.p50{ background-position:-64px 0; }
#contenitoreProfili .level .cloudFraction.p75{ background-position:-96px 0; }
#contenitoreProfili .level .cloudFraction.p100{ background-position:-128px 0; }

.loading{ background: #FFF url('/img/loading.gif') no-repeat 50% 50%; display:block; width:100%; height: 200px;}
.iconaAttuale, .datiAttuale{margin: 30px 0 0px;}

.prevedi span{ display: block; float: left; margin-right: 5px; border: 1px solid #DDD; width: 30px; height: 15px; }
.prevedi .vl{ background-color: #BFBFBF }
.prevedi .l{ background-color: #88E8F8 }
.prevedi .m{ background-color: #00A8F8 }
.prevedi .h{ background-color: #2800D0 }
.prevedi .vh{ background-color: #8400D8 }

@media (max-width: 992px) {
	  
    .navbar-header {
      float: none;
    }
	/*
    .navbar-left,.navbar-right {
       float: none !important;
    }
	*/
	
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}