#meteo-container{
	
}
button.meteo-items-info-btn {
    margin: 5px;
}
#meteo-tab{
	border:1px solid #ddd;
	border-top:none;
	padding-top:30px;
	border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
	background:rgba(255,255,255,0.5);
}
.meteo-item{


}
.meteo-items-info .meteo-item.name{
	
}
.meteo-items-info .meteo-item-container{
	background:#eee;
	border-radius: 3px;
	padding: 5px;
	
}
.meteo-items-info .meteo-item-padding{
	padding: 5px;
}
.meteo-items-info .meteo-item-title{
	width:30%;
	float:left;
}
.meteo-items-info .meteo-item-image{
}

.meteo-items-info .meteo-item-values-container{
	width:60%;
	float:left;
	font-weight:600;
}

.meteo-items-info .meteo-item-unit{
	width:10%;
	float:left;
}
.meteo-items-sensors{
	color:#eee;
}


.meteo-items-sensors .meteo-item-container{
	box-sizing:border-box;
    height: 110px;
	background-color:#5bc0de;
	border-radius:4px;
	border: 1px solid #46b8da;
}
.meteo-items-sensors .meteo-item-container:hover{
	background-color:#2f96b4;
}
.meteo-items-sensors .meteo-item-padding{
	padding: 2%;
}
.meteo-items-sensors .meteo-item-title{
	width:100%;
	height:30px;
	font-size:16px;
	padding: 5px;
}
.meteo-items-sensors .meteo-item-image{
    float: left;
    height: 80px;
    width: 27%;
	background-size: contain;
	background-repeat: no-repeat;
    background-position: center; 

}
.meteo-item-image.weather,
.meteo-item-image.moonphase,
.meteo-item-image.day,
.meteo-item-image.wind_direction,
.meteo-item-image.bio{
	display:none;
	
}
.meteo-item-image.humidity{

    background-image: url(../img/Humidity.svg);
}
.meteo-item-image.exposure{
	background-image: url(../img/Exposure.svg);
}
.meteo-item-image.pressure{
	background-image: url(../img/Pressure.svg);
}
.meteo-item-image.temperature{
	background-image:url(../img/Thermometer-50.svg);
}
.meteo-item-image.wind_speed{
	background-image:url(../img/Wind.svg);
}
.meteo-item-image.dew_point{
	background-image:url(../img/Dew-Point.svg);
}
.meteo-item-image.precipitation{
	background-image:url(../img/Cloud-Rain.svg);
}
.meteo-item-image.temperature_apparent{
	background-image:url(../img/Thermometer-Hand.svg);
}
.meteo-item-image.wind_gust{
	background-image:url(../img/Cloud-Wind.svg);
}
.meteo-item-image.exposure_ideal{
	background-image:url(../img/Exposure.svg);
}

.meteo-items-sensors .meteo-item-values-container{
	float:left;	
	height: 80px;
	width:53%;
	text-align:right;
	padding-left:1%;
	padding-right:1%;
}

.meteo-items-sensors .meteo-item-values{
	font-size:36px;
	line-height: 80px;

}
.meteo-item.weather div span,
.meteo-item.wind_direction div span,
.meteo-item.moonphase div span,
.meteo-item.day div span{
    position: relative;
    top: -40px;
}

.meteo-item-value-sunrise, .meteo-item-value-sunset,
.meteo-item-value-civstart, .meteo-item-value-civend,
.meteo-item-value-nautstart, .meteo-item-value-nautend,
.meteo-item-value-astrostart,  .meteo-item-value-astroend{
	height:40px;
	font-size:28px;
	line-height:28px;
	background-size: contain;
	background-repeat: no-repeat;
    background-position: left; 
}
.meteo-item-value-sunrise,
.meteo-item-value-civstart,
.meteo-item-value-nautstart,
.meteo-item-value-astrostart{
	background-image: url(../img/Sunrise.svg);
}
.meteo-item-value-sunset,
.meteo-item-value-civend,
.meteo-item-value-nautend,
.meteo-item-value-astroend{
	background-image: url(../img/Sunset.svg);
}

.meteo-item.weather .meteo-item-values-container,
.meteo-item.moonphase .meteo-item-values-container,
.meteo-item.day .meteo-item-values-container,
.meteo-item.wind_direction .meteo-item-values-container,
.meteo-item.bio .meteo-item-values-container{
	width:100%;
	text-align:center;

}
.meteo-item.weather  .meteo-item-values div,
.meteo-item.moonphase  .meteo-item-values div,
.meteo-item.day  .meteo-item-values div,
.meteo-item.wind_direction  .meteo-item-values div{
	font-size:14px;
	
}
.meteo-item.weather  .meteo-item-values div,
.meteo-item.moonphase  .meteo-item-values div,
.meteo-item.day  .meteo-item-values div,
.meteo-item.wind_direction  .meteo-item-values div,
.meteo-item.bio  .meteo-item-values div{
	width:100%;
	
}
.meteo-item.weather div,
.meteo-item.wind_direction div,
.meteo-item.bio div,
.meteo-item.moonphase div,
.meteo-item.day div{
	background-size: contain;
	background-repeat: no-repeat;
    background-position: center; 
}
.meteo-item.bio .meteo-item-values{
	font-size: 24px;
}
.meteo-item.bio .meteo-item-values{
	background-image: url(../img/Hearth.svg);
}

.meteo-item.weather .meteo-item-value-10{
	background-image: url(../img/Sun.svg);
}
.meteo-item.weather .meteo-item-value-20{
	background-image: url(../img/Sun-Cloud.svg);
}
.meteo-item.weather .meteo-item-value-30{
	background-image: url(../img/Cloud-Sun.svg);
}
.meteo-item.weather .meteo-item-value-40{
	background-image: url(../img/Cloud.svg);
}
.meteo-item.weather .meteo-item-value-50{
	background-image: url(../img/Cloud-Rain-Sun.svg);
}
.meteo-item.weather .meteo-item-value-60{
	background-image: url(../img/Cloud.svg);
}
.meteo-item.moonphase .meteo-item-value-10{
	background-image: url(../img/Moon-New.svg);
}
.meteo-item.moonphase .meteo-item-value-20{
	background-image: url(../img/Moon-Waxing-Crescent.svg);
}
.meteo-item.moonphase .meteo-item-value-30{
	background-image: url(../img/Moon-First-Quarter.svg);
}
.meteo-item.moonphase .meteo-item-value-40{
	background-image: url(../img/Moon-Waxing-Gibbous.svg);
}
.meteo-item.moonphase .meteo-item-value-50{
	background-image: url(../img/Moon-Full.svg);
}
.meteo-item.moonphase .meteo-item-value-60{
	background-image: url(../img/Moon-Waning-Gibbous.svg);
}
.meteo-item.moonphase .meteo-item-value-70{
	background-image: url(../img/Moon-Last-Quarter.svg);
}
.meteo-item.moonphase .meteo-item-value-80{
	background-image: url(../img/Moon-Waning-Crescent.svg);
}

.meteo-item.wind_direction .meteo-item-value-0{
	background-image: url(../img/Compass-North.svg);
}
.meteo-item.wind_direction .meteo-item-value-450{
	background-image: url(../img/Compass-North-East.svg);
}
.meteo-item.wind_direction .meteo-item-value-900{
	background-image: url(../img/Compass-East.svg);
}
.meteo-item.wind_direction .meteo-item-value-1350{
	background-image: url(../img/Compass-South-East.svg);
}
.meteo-item.wind_direction .meteo-item-value-1800{
	background-image: url(../img/Compass-South.svg);
}
.meteo-item.wind_direction .meteo-item-value-2250{
	background-image: url(../img/Compass-South-West.svg);
}
.meteo-item.wind_direction .meteo-item-value-2700{
	background-image: url(../img/Compass-West.svg);
}
.meteo-item.wind_direction .meteo-item-value-3150{
	background-image: url(../img/Compass-North-West.svg);
}
.meteo-item.day .meteo-item-value-10{
	background-image: url(../img/Sun.svg);
}
.meteo-item.day .meteo-item-value-0{
	background-image: url(../img/Moon-New.svg);
}
.meteo-item-image.sunrise_sunset,
.meteo-item-image.civstart_civend,
.meteo-item-image.nautstart_nautend,
.meteo-item-image.astrostart_astroend{
	background-image: url(../img/Sun-Low.svg);
}

.meteo-item.weather  .meteo-item-unit,
.meteo-item.moonphase  .meteo-item-unit,
.meteo-item.day  .meteo-item-unit,
.meteo-item.wind_direction  .meteo-item-unit,
.meteo-item.bio  .meteo-item-unit
{
	display: none;
}

#meteo-graph-range-info{
	display:none;
}

.meteo-items-sensors .meteo-item-unit{
	text-align:center;
	float:left;	
	height: 80px;
	width:18%;
	line-height: 80px;

}

#meteo-graph{
	width:100%;
}

.meteo-modal-loading {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

#meteo-container.loading {
    overflow: hidden;   
}

#meteo-container.loading .meteo-modal-loading {
    display: block;
}
.datepicker{
	z-index:1000 !important;
}