/*---------------------------------------------news-----------------------------------------------------------*/
.weather_news_img{
width: 1.5em;
vertical-align: middle;
margin-right: 0.4em;
}
.weather_news{
display: block;
position: relative;
background: rgba(255,255,255,0.3);
-webkit-border-radius: 0.5em;
vertical-align: middle;
padding: 0.2em 0.4em 0.2em 0.2em;
margin: 0 0.2em 0.4em;
font-weight: bold;
text-shadow: 0 0 3px rgba(0,0,0,1);
}
.weather_news_title{
color: white;
display: inline-block;
vertical-align: middle;
}
.weather_news_active{background: rgba(255,255,255,0.8);}
/*-------------------------------------------now_weather------------------------------------------------------*/
.weather_now_weather_block{
position: relative;
padding: 1em 0.5em;
vertical-align: middle;
margin-bottom: 0.8em;
text-shadow: 0 0 3px rgba(0,0,0,1);
}

.weather_now_weather_block *{
vertical-align: middle;
}

.weather_now_max_temp{
position: absolute;
top: 0.3em;
left: 0.8em;
font-size: 1.1em;
}

.weather_now_min_temp{
position: absolute;
top: 0.3em;
left: 4em;
font-size: 1.1em;
}

.weather_now_comfort{
position: absolute;
top: 6.8em;
left: 0.7em;
}

.weather_now_pop{
position: absolute;
top: 4.3em;
left: 6.5em;
}

.weather_now_pop_img{
width: 1.5em;
}

.weather_now_RH{
position: absolute;
top: 6.8em;
left: 6.5em;
}

.weather_now_RH_img{
width: 1.5em;
}

.weather_now_status{
position: absolute;
top: 0;
right: 0.5em;
}

.weather_now_status_text{
position: absolute;
right: 1.2em;
text-align: right;
top: 6.8em;
font-weight: bold;
}


/*-------------------------------------------now_weather_info---------------------------------------------------*/
.weather_info span{
padding: 0 0.1em;
}
        
.weather_info{
font-weight: bold;
margin-top: 1.5em;
vertical-align: middle;
text-align: center;
text-shadow: 0 0 3px rgba(0,0,0,1);
}

/*-------------------------------------------week_weather_info---------------------------------------------------*/
.weather_week_weather *{
vertical-align: middle;
}
.weather_week_weather_day{
width: 3.2em;
}
.weather_week_weather_min_temp{
width: 3em;
color: #57c8e7;
}
.weather_week_weather_max_temp{
width: 3em;
}

.weather_forecast_status_img{
width: 2.5em;
}

/*-----------------------------------------------------pop-up----------------------------------------------------------*/
.alert_popup{
text-shadow: 0 0 3px rgba(0,0,0,1);
}
.black_background{
position: absolute;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.9);
top: 0;
left: 0;
z-index: 2000000000;
}
.panel_black_background{
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
top: 0;
left: 0;
z-index: 500;
}
.alert_selections, .alert_resetting{
position: absolute;
width: 90%;
background: rgba(0,0,0,0.5);
border-radius: 0.15em;
top: 0.8em;
left: 50%;
margin-left: -46%;
z-index: 2000000001;
border: 1px solid rgba(255,255,255,0.3);
}
.enter, .cancel, .close{
display: inline-block;
font-size: 1.1em;
margin: 1em 0.2em;
border-radius: 0.2em;
padding: 0.3em 0.6em;
border: 1px solid rgba(255,255,255,0.2);
background: rgba(255,255,255,0.2);
}
/*.close{margin: 1em 1em;}*/
.popup_btn_active{background: rgba(255,255,255,0.7);}

.alert_title{
padding: 0.5em;
font-size: 1.2em;
margin-top: 0.1em;
}

.popup_picker{
display: inline-block;
border: 1px solid rgba(255,255,255,0.5);
margin: 0.2em 0.7em;
padding: 0.2em 0.3em;
font-size: 1.1em;
border-radius: 0.15em;
font-weight: bold;
}
.alert_content{
padding: 1em;
line-height: 2em;
font-size: 1.1em;
}
.alert_setting_data{
font-size: 1.1em;
color: #ffd900;
padding: 0 0.2em;
}
.everyday, .single{
display: inline-block;
font-size: 1.1em;
margin: 1.5em 0;
padding: 0.3em 0.6em;
border: 1px solid rgba(255,255,255,0.2);
background: rgba(255,255,255,0.2);
}
.everyday{
border-radius: 0.2em 0 0 0.2em;
border-right: none;
}
.single{
border-radius: 0 0.2em 0.2em 0;
border-left: 0;
}
.alert_tab_active{
background: rgba(255,255,255,0.7);
color: #1785C0;
font-weight: bold;
text-shadow: none;
}