/*------------------------------------------------------------------------
# "jsWeather" Joomla module
# Copyright (C) Joachim Schmidt {@link http://www.jschmidt-systemberatung.de/}
# License: http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
# Author: joachim.schmidt@jschmidt-systemberatung.de
# Website: https//www.jschmidt-systemberatung.de/
-------------------------------------------------------------------------*/
.my-button-link {
	float: right; 
    padding-right: 10px;
    cursor: pointer;
    margin-left: 5px;
}	

pre {
	background-color: #fff;
}

.button-contact
{
	padding: 5px 0px 5px 0px;
	margin-top: 0px;
	text-align: left;
}

.sms-container {
	 width: 550px;
	 background-color: #696969;
	 color: #fff;
	 padding: 5px 15px 15px 15px;
	 border-radius: 8px;
	 border: 8px solid #9090908f;
	 float: right;
	 display: none; 
	 position: absolute;
	 right: -15px;
	 top: 25px;
	 right: 0px;
	 z-index: 10;
}

.sms-text {
	padding: 10px;
    background-color: #fff;
    color: #505050;
    height: fit-content;
    min-width: 500px;
    width: fit-content;
    border: 2px solid #aaa;    
} 

.my-button {
	 width: 180px;
	 background-color: #f9f9f9;
	 padding: 5px 15px 15px 15px;
	 border-radius: 8px;
	 border: 2px solid #50505040;
	 float: right;
	 display: none; 
	 position: absolute;
	 right: -15px;
	 top: 35px;
	 z-index: 10;
}

.my-button::before, .my-button::after {
    content: "";
    display: block;
    position: absolute;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    right: 19px;
}
.my-button::before {
    border-color: #505050 transparent;
    top: -10px;
    right: 19px;
}
.my-button::after {
    content: "";
    display: block;
    position: absolute;
    border-style: solid;
    border-color: #f9f9f9 transparent;
    border-width: 0 10px 10px 10px;
    top: -9px;
}


.chart_tooltips_css {
            color: #000 !important;
            background-color: #f9f9f9 !important;
            padding: 4px !important;
            border: solid 2px #707070 !important;
            text-align: center;
            font-size: 1em;
            z-index: 4000 !important;       
  } 
  
.rgraph_tooltips {
            color: #000 !important;
            background-color: #f9f9f9 !important;
            padding: 4px !important;
            border: solid 2px #707070 !important;
            text-align: center;
            z-index: 4000 !important;       
 }
  
 #RGraph_tooltipsPointer {
   border-bottom: #707070 solid 2px;
   border-right: #707070 solid 2px;
   bottom: -7px !important;
   z-index: 4000 !important;
 } 
 
 div[id^='__rgraph_tooltip'] 
 {
        color: #000 !important;
        background-color: #f9f9f9 !important;
        padding: 4px !important;
        border: solid 2px #707070 !important;
        text-align: center;
        z-index: 4000 !important;  
 }
 
 div[id^='RGraph_tooltipsPointer'] 
 {
   border-bottom: #707070 solid 2px;
   border-right: #707070 solid 2px;
   bottom: -7px !important;
   z-index: 4000 !important;
 }

.close-button {
 cursor: pointer;
 float: right;
 margin-right: 5px;
 margin-top: -30px;	
}

.js_weather {
	font-size: 14px;
}	

.js_weather_container {
  border: rgba(180,180,180,0.5) 5px solid;
  display: table;
  border-radius: 2px;
  margin-left :auto;
  margin-right: auto;
  margin-bottom: -5px;
  padding: 0px 10px 0 10px;
  color: #525252;
  padding-bottom: 15px;
  background-image: url("/media/mod_js_weather/images/clouds.png");
  background-size: cover;
  position: relative;
  width: fit-content;
}

.js_weather_forecast_container {
  border: rgba(180,180,180,0.5) 5px solid;
  background-image: url("/media/mod_js_weather/images/bright.png");
  border-radius: 5px;
  margin-top: 5px;
  margin-left :auto;
  margin-right: auto;
  padding: 0 10px 0 10px;
  color: #525252;
  display: table;
  position: relative;
  width: fit-content;
  max-width: fit-content;
}

.js_weather_forecast_container2 {
  border: rgba(180,180,180,0.5) 4px solid;
  background-image: url("/media/mod_js_weather/images/bright.png");
  border-radius: 8px;
  margin-top: 5px;
  margin-left :auto;
  margin-right: auto;
  padding: 0 10px 0 10px;
  color: #525252;
  display: table;
  position: relative;
  width: fit-content;
  min-width: fit-content;
}

.js_weather-time {
  font-size: 0.85em;
  text-align: center;
}

.js_weather-basic {
 width: auto; 
 margin-top: -30px;
 margin-bottom: -10px;
 margin-right: auto;
 margin-left: auto; 
 text-align: center;
}

.js_weather-title {
 font-size:1.1em;
 text-align: center;
 margin-bottom: 10px;
}

.js_weather-title1 {
 font-size: 1.4em;
 text-align: center;
 margin-bottom: 0px;
 font-weight: bold;
}

.js_weather-grid {
  display: grid;
  grid-template-columns: auto auto;
  margin-bottom: -15px;
}

.js_weather-grid-item {
  display: grid;
  grid-template-columns: auto auto;
}

/* columns */
.js_weathe-right-sidebar > * {
    width:100%;
    padding:1rem;
}

.js_weather-chart {
	border: rgba(180,180,180,0.5) 2px solid;
	border-radius: 5px;
	position: absolute;
	left: 35%;
	top: 60px;
	float: right;
	background-image: url('/media/mod_js_weather/images/bright.png'); 
	background-repeat: repeat;
	margin-right: 5px;
	z-index: 1000;
}

.js_weather-chart0 {
  background-image: url('/media/mod_js_weather/images/bright.png');
  background-repeat: repeat; 
  margin-bottom: -5px;
}

.js_weather-link
{
  text-align: center;
  cursor: pointer;
  vertical-align: middle;
  color: #0077bb;
  background-color: #0077bb2f;
  border-color: #cccccc;
  border-radius: 4px;
  padding-top: 2px;
  height: 26px;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
} 

.js_weather-link:hover, .js_weather-link2:hover{
 color: #fff;
 background-color: #0077bb; 
 text-decoration: none; 	 	
}	

.js_weather-link3:hover {
 color: #fff;
 background-color: #0077bb !important;
 text-decoration: none;  	 	
}	

.js_weather-link2 {
 cursor: pointer;	
 color: #0077bb;
 border: #0077bb5f 1px solid;
 border-radius: 3px;
 font-size: 1.0em;
 padding-right: 4px;
 padding-left: 4px;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 display: inline-block;
}

.js_weather-link3 {
 cursor: pointer;	
 border-radius: 3px;
 border: #0077bb5f 1px solid;
 font-size: 1.0em;
 padding-right: 4px;;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 display: inline-block;
}

.js_weather-misc {
  font-size: 0.85em;
  text-align: center;
  margin-top: 5px;
  color: #505050;
  margin-bottom: 10px !important;
}

.js_weather-miscb {
  font-size: 0.85em;
  text-align: right;
  margin-top: 5px;
  color: #505050;
  margin-bottom: 10px !important;
}

.js_weather-title-misc {
   margin-top:5px;
  font-size: 1.2em;
}

.js_weather-td-misc {
  background-color: rgba(0,0,0,0.0);
  color:  #505050;
  text-align: center;
}

.js_weather-misc2 {
  border: rgba(180,180,180,0.5) 2px solid;	
  background-image: url('/media/mod_js_weather/images/bright.png');
  background-color: #f0f0f0;
  border-radius: 12px;	
  font-size: 0.85em;
  margin-left: 5px;
  color: #505050;
  font-weight: bold;
  padding: 1px;
  width: max-content;
  position: absolute;
  left: -300px;
  z-index: 2000;
}

.js_weather-misc3 {
  border: rgba(180,180,180,0.5) 2px solid;
  background-image: url('/media/mod_js_weather/images/bright.png');
  border-radius: 12px;	
  font-size: 0.85em;
  margin-left: 5px;
  color: #505050;
  font-weight: 80;
  padding: 1px;
  width: max-content;
  position: absolute;
  left: -40px;
  top: 70px;
  z-index: 2000;
}

.js_weather-overview {
  border: rgba(180,180,180,0.6) 3px solid;
  background: #fff;
  background-image: url('/media/mod_js_weather/images/bright.png');
  border-radius: 6px;	
  font-size: 1.0em;
  font-weight: 480;
  margin-left: 5px;
  color: #303030;	
  margin-left: 5px;
  padding: 10px;
  width: 90%;
  position: absolute;
  left: 25px;
  top: 290px;
  z-index: 2000;
}

.js_weather-table {
	background-color: rgba(0,0,0,0.0);
	border-radius: 6px;	
	width: auto; 
	margin-left:auto; 
	margin-right: auto; 
	border: 0px;
	padding: 0px;
}

.js_weather-canvas {
	background-image: url('/media/mod_js_weather/images/bright.png');
	background-size: cover;
	background-repeat: no-repeat, repeat;	
}

.js_weather-td {
	width: 160px;
	text-align: left;
	background-image: url('/media/mod_js_weather/images/bright.png');
	background-size: cover;
	background-repeat: no-repeat, repeat;	
	padding-top: 3px; 
}

.js_weather-center {
	margin-right: auto; 
	margin-left: auto; 
    text-align: center;
    color: #505050;
    background-color: rgba(0,0,0,0.0);
}

.js_weather-middle {
	margin-right: auto; 
    text-align: center;
    color: #505050;
    background-color: rgba(0,0,0,0.0);
}

.js_weather-small {
	font-size: 0.5em;
}

.js_weather_forecast {
  background-color: rgba(0,0,0,0.0);
  display: table;
 }

.js_weather-current {
  background-color: rgba(0,0,0,0.0);
  text-align: center;
  font-size: 1.2em;
 }

.js_weather_min-temperature {
  margin-left: 2px;
  font-size: 0.75em;
  color: #525252; 
}

.js_weather-temperature {
  font-size: 1.25em;
  color:#626262;;
  font-weight: bold;
}

.js_weather-temperature-big {
  font-size: 1.25em;
  color: #727272;
  margin-top: -10px; 
  font-weight: bold;
 }
 
 .js_weather-temperature-big2 {
  font-size: 1.4em;
  color: #727272;
  margin-top: -10px; 
  font-weight: bold;
 }

.js_weather-icon {
  margin-top: 5px;
  margin-bottom: 5px
}

.js_weather-icon-forcast {
	margin-bottom: -10px;  
}

.js_weather_value {
	padding-bottom: 5px;
}

/*------------------------------------------------------------------------
# css white:
-------------------------------------------------------------------------*/
.js_weather_white {
	font-size: 14px;
}

.js_weather_white_container {
  border: 2px solid #505050;
  display: table;
  border-radius: 5px;
  margin-left :auto;
  margin-right: auto;
  margin-bottom: -5px;
  padding: 0px 10px 0 10px;
  color: #525252;
  padding-bottom: 15px;
  background-color: #fefefe;
  background-size: cover;
  position: relative;
  width: fit-content;
}

.js_weather_white_forecast_container {
  border: 5px solid #505050;
  background-color: #fefefe;
  border-radius: 5px;
  margin-top: 5px;
  margin-left :auto;
  margin-right: auto;
  padding: 0 10px 0 10px;
  color: #525252;
  display: table;
  position: relative;
  width: fit-content;
  max-width: fit-content;
}

.js_weather_white_forecast_container2 {
  border: 4px solid #50505045;
  background-color: #fefefe;
  border-radius: 8px;
  margin-top: 5px;
  margin-left :auto;
  margin-right: auto;
  padding: 0 10px 0 10px;
  color: #525252;
  display: table;
  position: relative;
  width: fit-content;
  min-width: fit-content;
}

.js_weather_white-time {
  font-size: 0.85em;
  text-align: center;
}

.js_weather_white-basic {
 width: auto; 
 margin-top: -30px;
 margin-bottom: -10px;
 margin-right: auto;
 margin-left: auto; 
 text-align: center;
}

.js_weather_white-title {
 font-size:1.1em;
 text-align: center;
 margin-bottom: 10px;
}

.js_weather_white-title1 {
 font-size:1.4em;
 text-align: center;
 margin-bottom: 0px;
 background-color: #fefefe;
 font-weight: bold;
}

.js_weather_white-chart {
	border: 2px solid #a0a0a0;
	border-radius: 5px;
	position: absolute;
	left: 35%;
	top: 60px;
	float: right;
	background-color: #fefefe;
	background-repeat: repeat;
	margin-right: 5px;
	z-index: 1000;
}

.js_weather_white-chart0 {
  background-color: #fefefe;
  background-repeat: repeat; 
  margin-bottom: -5px;
}

.js_weather_white-link:hover, .js_weather_white-link2:hover{
 color: #fff;
 background-color: #505050; 
 text-decoration: none; 	 	
}	

.js_weather_white-link3:hover {
 color: #fff !important;
 background-color: #505050 !important;
 text-decoration: none;  	 	
}	

.js_weather_white-link
{
text-align: center;
  cursor: pointer;
  color: #505050;
  vertical-align: middle;
  background-color: #b9b9b93f;
  border: #bbbbbb5f 1px solid;
  border-color: #bbb;
  border-radius: 4px;
  padding-top: 2px;
  height: 26px;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
} 

.js_weather_white-link2 {
 cursor: pointer;	
 color: #505050;	
 border: #505050 1px solid;
 border-radius: 3px;
 background-color: #fff; 
 font-size: 1.0em;
 padding-right: 4px;
 padding-left: 4px;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 display: inline-block;
}

.js_weather_white-link3 {
 color: #505050;	
 cursor: pointer;	
 border: #505050 1px solid;
 border-radius: 3px;
 font-size: 1.0em;
 padding-right: 4px;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 display: inline-block;
}

.js_weather_white-misc {
  font-size: 0.85em;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 10px !important;
}

.js_weather_white-miscb {
  font-size: 0.85em;
  text-align: right;
  margin-top: 5px;
  margin-bottom: 10px !important;
}

.js_weather_white-title-misc {
   margin-top:5px;
  font-size: 1.2em;
}

.js_weather_white-td-misc {
  background-color: #fefefe;
  color:  #505050;
  text-align: center;
}

.js_weather_white-misc2 {
  border: rgba(180,180,180,0.9) 2px solid;
  background-color: #fefefe;
  border-radius: 12px;	
  font-size: 0.85em;
  margin-left: 5px;
  color: #505050;
  font-weight: bold;
  padding: 1px;
  width: max-content;
  position: absolute;
  left: -300px;
  z-index: 2000;
}

.js_weather_white-misc3 {
  border: rgba(0,0,0,0.5) 2px solid;
  background-color: #fefefe;
  border-radius: 12px;	
  font-size: 0.85em;
  margin-left: 5px;
  color: #505050;
  font-weight: bold;
  padding: 1px;
  width: max-content;
  position: absolute;
  left: -40px;
  top: 70px;
  z-index: 2000;
}

.js_weather_white-overview {
  border: rgba(0,0,0,0.5) 3px solid;
  background-color: #fefefe;
  border-radius: 6px;	
  font-size: 1.0em;
  margin-left: 5px;
  color: #505050;
  font-weight: 450;
  padding: 10px;
  width: 90%;
  position: absolute;
  left: 25px;
  top: 290px;
  z-index: 2000;
}

.js_weather_white-table {
	background-color: rgba(0,0,0,0.0);
	border-radius: 6px;	
	width: auto; 
	margin-left:auto; 
	margin-right: auto; 
	border: 0px;
	padding: 0px;
}

.js_weather_white-canvas {
	background-color: #fefefe;;
	background-size: cover;
	background-repeat: no-repeat, repeat;	
}

.js_weather_white-td {
	background-color: #fefefe;;
	width: 160px;
	text-align: left;
	background-size: cover;
	background-repeat: no-repeat, repeat;	
	padding-top: 3px; 
}

.js_weather_white-center {
	margin-right: auto; 
	margin-left: auto; 
    text-align: center;
    color: #505050;
    background-color: #fefefe;    
}

.js_weather-white-middle {
	margin-right: auto; 
    text-align: center;
    color: #505050;
    background-color: rgba(0,0,0,0.0);
}

.js_weather_white-small {
	font-size: 0.5em;
}

.js_weather_white_forecast {
  background-color: rgba(0,0,0,0.0);
  display: table;
 }

.js_weather_white-current {
  background-color: rgba(0,0,0,0.0);
  text-align: center;
  font-size: 1.2em;
 }

.js_weather_white_min-temperature {
  margin-left: 2px;
  font-size: 0.75em;
  color: #525252; 
}

.js_weather_white-temperature {
  font-size: 1.25em;
  color:#626262;;
  font-weight: bold;
}

.js_weather_white-temperature-big {
  font-size: 1.25em;
  color: #727272;
  margin-top: -10px; 
  font-weight: bold;
 }
 
 .js_weather_white-temperature-big2 {
  font-size: 1.4em;
  color: #727272;
  margin-top: -10px; 
  font-weight: bold;
 } 

.js_weather_white-icon {
  margin-top: 5px;
  margin-bottom: 5px
}

.js_weather_white-icon-forcast {
	margin-bottom: -10px;  
}

.js_weather_white_value {
	padding-bottom: 5px;
}

/*------------------------------------------------------------------------
# css reverse:
-------------------------------------------------------------------------*/
.js_weather_reverse {
	font-size: 14px;
}

.js_weather_reverse_container {
  border: 2px solid #a0a0a0;
  display: table;
  border-radius: 5px;
  margin-left :auto;
  margin-right: auto;
  margin-bottom: -5px;
  padding: 0px 10px 0 10px;
  color: #fff;
  padding-bottom: 15px;
  background-color: #4b4b4b;
  background-size: cover;
  position: relative;
  width: fit-content;
}

.js_weather_reverse_forecast_container {
  border: 5px solid #a0a0a0;
  background-color: #4b4b4b;
  border-radius: 5px;
  margin-top: 5px;
  margin-left :auto;
  margin-right: auto;
  padding: 0 10px 0 10px;
  color: #fff;
  display: table;
  position: relative;
  width: fit-content;
  max-width: fit-content;
}

.js_weather_reverse_forecast_container2 {
  border: 4px solid #a0a0a0;
  background-color: #4b4b4b;
  border-radius: 8px;
  margin-top: 5px;
  margin-left :auto;
  margin-right: auto;
  padding: 0 10px 0 10px;
  color: #fff;
  display: table;
  position: relative;
  width: fit-content;
  min-width: fit-content;
}

.js_weather_reverse-time {
  font-size: 0.85em;
  text-align: center;
}

.js_weather_reverse-basic {
 width: auto; 
 margin-top: -30px;
 margin-bottom: -10px;
 margin-right: auto;
 margin-left: auto; 
 text-align: center;
}

.js_weather_reverse-title {
 font-size:1.1em;
 text-align: center;
 margin-bottom: 10px;
}

.js_weather_reverse-title1 {
 font-size: 1.4em;
 text-align: center;
 margin-bottom: 0px;
 background-color: #4b4b4b;
 font-weight: bold;
 color: #fff;
}

.js_weather_reverse-chart {
	border: 2px solid #a0a0a0;
	border-radius: 5px;
	position: absolute;
	left: 35%;
	top: 60px;
	float: right;
	background-color: #4b4b4b;
	background-repeat: repeat;
	margin-right: 5px;
	z-index: 1000;
}

.js_weather_reverse-chart0 {
  background-color: #4b4b4b;
  background-repeat: repeat; 
  margin-bottom: -5px;
}

.js_weather_reverse-link:hover, .js_weather_reverse-link2:hover{
 color: #505050;
 background-color: #fff; 
 text-decoration: none; 	 	
}	

.js_weather_reverse-link3:hover {
 color: #505050;
 background-color: #fff !important;
 text-decoration: none;  	 	
}	

.js_weather_reverse-link
{
text-align: center;
  cursor: pointer;
  color: #fff;
  background-color: #505050;
  vertical-align: middle;
  border: #fff 1px solid;
  border-radius: 4px;
  padding-top: 2px;
  height: 26px;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
} 

.js_weather_reverse-link2 {
 cursor: pointer;	
 color: #fff;	
 background-color: #505050; 
 border: #fff 1px solid;
 border-radius: 3px;
 font-size: 1.0em;
 padding-right: 4px;
 padding-left: 4px;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 display: inline-block;
}

.js_weather_reverse-link3 {
 color: #fff;		
 cursor: pointer;	
 border: #fff 1px solid;
 border-radius: 3px;
 font-size: 1.0em;
 padding-right: 4px;;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 display: inline-block;
}

.js_weather_reverse-misc {
  font-size: 0.85em;
  text-align: center;
  margin-top: 5px;
  color: #fff;
  margin-bottom: 10px !important;
}

.js_weather_reverse-miscb {
  font-size: 0.85em;
  text-align: right;
  margin-top: 5px;
  color: #fff;
  margin-bottom: 10px !important;
}

.js_weather_reverse-title-misc {
  background-color: #4b4b4b;
  color:  #fff;
  margin-top:5px;
  font-size: 1.2em;
}

.js_weather_reverse-td-misc {
  background-color: #4b4b4b;
  color:  #fff;
  text-align: center;
}

.js_weather_reverse-misc2 {
  border: #a0a0a0 2px solid;
  background-color: #4b4b4b;
  border-radius: 12px;
  color: #fff; 
  font-size: 0.85em;
  margin-left: 5px;
  color: #505050;
  font-weight: bold;
  padding: 1px;
  width: max-content;
  position: absolute;
  left: -300px;
  z-index: 2000;
}

.js_weather_reverse-misc3 {
  border: 2px solid #a0a0a0;;
  border-radius: 12px;
  background-color: #4b4b4b;
  color: #fff; 
  border-radius: 12px;	
  font-size: 0.85em;
  margin-left: 5px;
  color: #505050;
  font-weight: bold;
  padding: 1px;
  width: max-content;
  position: absolute;
  left: -40px;
  top: 70px;
  z-index: 2000;
}

.js_weather_reverse-overview {
  border: 2px solid #a0a0a0;;
  border-radius: 4px;
  background-color: #4b4b4b;
  color: #fff; 
  border-radius: 6px;	
  font-size: 1.0em;
  margin-left: 5px;
  padding: 10px;
  width: 90%;
  position: absolute;
  left: 25px;
  top: 290px;
  z-index: 2000;
}

.js_weather_reverse-table {
	background-color: rgba(0,0,0,0.0);
	border-radius: 6px;	
	width: auto; 
	margin-left:auto; 
	margin-right: auto; 
	border: 0px;
	padding: 0px;
}

.js_weather_reverse-canvas {
	background-color: #4b4b4b;
}

.js_weather_reverse-td {
	background-color: #4b4b4b;;
	color: #fff;
	width: 160px;
	text-align: left;
	background-size: cover;
	background-repeat: no-repeat, repeat;	
	padding-top: 3px; 
}

.js_weather_reverse-center {
	margin-right: auto; 
	margin-left: auto; 
    text-align: center;
    color: #fff;
    background-color: #4b4b4b;
    margin-top: 5px;
}

.js_weather_reverse-middle {
	margin-right: auto; 
    text-align: center;
    color: #fff;
    background-color: #4b4b4b;
}

.js_weather_reverse-small {
	font-size: 0.5em;
}

.js_weather_reverse-flag {
 }

.js_weather_reverse_forecast {
  background-color: rgba(0,0,0,0.0);
  display: table;
 }

.js_weather_reverse-current {
  background-color: rgba(0,0,0,0.0);
  text-align: center;
  font-size: 1.2em;
 }

.js_weather_reverse_min-temperature {
  margin-left: 2px;
  font-size: 0.75em;
  color: #fff; 
}

.js_weather_reverse-temperature {
  font-size: 1.25em;
  color:#f0f0f0;;
  font-weight: bold;
}

.js_weather_reverse-temperature-big {
  font-size: 1.25em;
  color: #f0f0f0;
  margin-top: -10px; 
  font-weight: bold;
 }
 
 .js_weather_reverse-temperature-big2 {
  font-size: 1.4em;
  color: #f0f0f0;
  margin-top: -10px; 
  font-weight: bold;
 }

.js_weather_reverse-icon {
  margin-top: 5px;
  margin-bottom: 5px
}

.js_weather_reverse-icon-forcast {
	margin-bottom: -10px;  
}

.js_weather_reverse_value {
	padding-bottom: 5px;
}

/*------------------------------------------------------------------------
# css brown:
-------------------------------------------------------------------------*/
.js_weather_brown {
	font-size: 14px;
}

.js_weather_brown_container {
  border: 2px solid #a0a0a0;
  display: table;
  border-radius: 5px;
  margin-left :auto;
  margin-right: auto;
  margin-bottom: -5px;
  padding: 0px 10px 0 10px;
  color: #fff;
  padding-bottom: 15px;
  background-color: #651a1a;
  background-size: cover;
  position: relative;
  width: fit-content;
}

.js_weather_brown_forecast_container {
  border: 5px solid #a0a0a0;
  background-color: #651a1a;
  border-radius: 5px;
  margin-top: 5px;
  margin-left :auto;
  margin-right: auto;
  padding: 0 10px 0 10px;
  color: #fff;
  display: table;
  position: relative;
  width: fit-content;
  max-width: fit-content;
}

.js_weather_brown_forecast_container2 {
  border: 4px solid #a0a0a0;
  background-color: #651a1a;
  border-radius: 8px;
  margin-top: 5px;
  margin-left :auto;
  margin-right: auto;
  padding: 0 10px 0 10px;
  color: #fff;
  display: table;
  position: relative;
  width: fit-content;
  min-width: fit-content;
}

.js_weather_brown-time {
  font-size: 0.85em;
  text-align: center;
}

.js_weather_brown-basic {
 width: auto; 
 margin-top: -30px;
 margin-bottom: -10px;
 margin-right: auto;
 margin-left: auto; 
 text-align: center;
}

.js_weather_brown-title {
 font-size:1.1em;
 text-align: center;
 margin-bottom: 10px;
}

.js_weather_brown-title1 {
 font-size: 1.4em;
 text-align: center;
 margin-bottom: 0px;
 background-color: #651a1a;
 font-weight: bold;
 color: #fff;
}

.js_weather_brown-chart {
	border: 2px solid #a0a0a0;
	background-color: #651a1a;
	border-radius: 5px;
	position: absolute;
	left: 35%;
	top: 60px;
	margin-right: 5px;
	z-index: 1000;
}

.js_weather_brown-chart0 {
  border: 2px solid #a0a0a0;	
  background-color: #651a1a;
  background-repeat: repeat; 
  margin-bottom: 5px;
}

.js_weather_brown-link:hover, .js_weather_brown-link2:hover{
 color: #651a1a;
 background-color: #fff; 
 text-decoration: none; 	 	
}	

.js_weather_brown-link3:hover {
 color: #651a1a;
 background-color: #fff !important;
 text-decoration: none;  	 	
}	

.js_weather_brown-link
{
text-align: center;
  cursor: pointer;
  color: #fff;
  background-color: #651a1a;
  vertical-align: middle;
  border: #fff 1px solid;
  border-radius: 4px;
  padding-top: 2px;
  height: 26px;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
} 

.js_weather_brown-link2 {
 cursor: pointer;	
 color: #fff;	
 background-color: #651a1a;  
 border: #fff 1px solid;
 border-radius: 3px;
 font-size: 1.0em;
 padding-right: 4px;
 padding-left: 4px;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 display: inline-block;
}

.js_weather_brown-link3 {
 color: #fff;		
 cursor: pointer;	
 border: #fff 1px solid;
 border-radius: 3px;
 font-size: 1.0em;
 padding-right: 4px;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 display: inline-block;
}

.js_weather_brown-title-misc {
  background-color: #651a1a;
  color:  #fff;
  margin-top:5px;
  font-size: 1.2em;
}

.js_weather_brown-td-misc {
  background-color: #651a1a;
  color:  #fff;
  text-align: center;
}

.js_weather_brown-misc {
  font-size: 0.85em;
  text-align: center;
  margin-top: 5px;
  color: #fff;
  margin-bottom: 10px !important;
}

.js_weather_brown-miscb {
  font-size: 0.85em;
  text-align: right;
  margin-top: 5px;
  color: #fff;
  margin-bottom: 10px !important;
}

.js_weather_brown-misc2 {
  border: rgba(180,180,180,0.9) 2px solid;;
  background-color: #651a1a;
  color: #fff; 
  border-radius: 12px;	
  font-size: 0.85em;
  margin-left: 5px;
  color: #651a1a;
  font-weight: bold;
  padding: 1px;
  width: max-content;
  position: absolute;
  left: -300px;
  z-index: 2000;
}

.js_weather_brown-misc3 {
  border: 2px solid #a0a0a0;;
  background-color: #651a1a;
  color: #fff; 
  border-radius: 12px;	
  font-size: 0.85em;
  margin-left: 5px;
  color: #651a1a;
  font-weight: bold;
  padding: 1px;
  width: max-content;
  position: absolute;
  left: -40px;
  top: 70px;
  z-index: 2000;
}

.js_weather_brown-overview {
border: 2px solid #a0a0a0;;
  background-color: #651a1a;
  color: #fff; 
  border-radius: 6px;	
  font-size: 1.0em;
  margin-left: 5px;
  font-weight: 470;
  padding: 10px;
  width: 90%;
  position: absolute;
  left: 25px;
  top: 290px;
  z-index: 2000;
}

.js_weather_brown-table {
	background-color: rgba(0,0,0,0.0);
	border-radius: 6px;	
	width: auto; 
	margin-left:auto; 
	margin-right: auto; 
	border: 0px;
	padding: 0px;
}

.js_weather_brown-canvas {
	background-color: #651a1a;
}

.js_weather_brown-td {
	background-color: #651a1a;
	color: #fff;
	width: 160px;
	text-align: left;
	background-size: cover;
	background-repeat: no-repeat, repeat;	
	padding-top: 3px; 
}

.js_weather_brown-center {
	margin-left: auto; 	
	margin-right: auto; 
    text-align: center;
    color: #fff;
    background-color: #651a1a;
}

.js_weather_brown-middle {
	margin-right: auto; 
    text-align: center;
    color: #fff;
    background-color: #651a1a;
}

.js_weather_brown-small {
	font-size: 0.5em;
}

.js_weather_brown-flag {
 }

.js_weather_brown_forecast {
  background-color: rgba(0,0,0,0.0);
  display: table;
 }

.js_weather_brown-current {
  background-color: rgba(0,0,0,0.0);
  text-align: center;
  font-size: 1.2em;
 }

.js_weather_brown_min-temperature {
  margin-left: 2px;
  font-size: 0.75em;
  color: #fff; 
}

.js_weather_brown-temperature {
  font-size: 1.25em;
  color:#f0f0f0;;
  font-weight: bold;
}

.js_weather_brown-temperature-big {
  font-size: 1.25em;
  color: #f0f0f0;
  margin-top: -10px; 
  font-weight: bold;
 }
 
 .js_weather_brown-temperature-big2 {
  font-size: 1.4em;
  color: #f0f0f0;
  margin-top: -10px; 
  font-weight: bold;
 }

.js_weather_brown-icon {
  margin-top: 5px;
  margin-bottom: 5px
}

.js_weather_brown-icon-forcast {
	margin-bottom: -10px;  
}

.js_weather_brown_value {
	padding-bottom: 5px;
}

/*------------------------------------------------------------------------
# css purity
-------------------------------------------------------------------------*/
.js_weather_purity {
	font-size: 14px;
}

.js_weather_purity_container {
  border: 2px solid #a0a0a0;
  display: table;
  border-radius: 5px;
  margin-left :auto;
  margin-right: auto;
  margin-bottom: -5px;
  padding: 0px 10px 0 10px;
  color: #fff;
  padding-bottom: 15px;
  background-color: #0077bb;
  background-size: cover;
  position: relative;
  width: fit-content;
}

.js_weather_purity_forecast_container {
  border: 5px solid #a0a0a0;
  background-color: #0077bb;
  border-radius: 5px;
  margin-top: 5px;
  margin-left :auto;
  margin-right: auto;
  padding: 0 10px 0 10px;
  color: #fff;
  display: table;
  position: relative;
  width: fit-content;
  max-width: fit-content;
}

.js_weather_purity_forecast_container2 {
  border: 4px solid #a0a0a0;
  background-color: #0077bb;
  border-radius: 8px;
  margin-top: 5px;
  margin-left :auto;
  margin-right: auto;
  padding: 0 10px 0 10px;
  color: #fff;
  display: table;
  position: relative;
  width: fit-content;
  min-width: fit-content;
}

.js_weather_purity-time {
  font-size: 0.85em;
  text-align: center;
}

.js_weather_purity-basic {
 width: auto; 
 margin-top: -30px;
 margin-bottom: -10px;
 margin-right: auto;
 margin-left: auto; 
 text-align: center;
}

.js_weather_purity-title {
 font-size:1.1em;
 text-align: center;
 margin-bottom: 10px;
}

.js_weather_purity-title1 {
 font-size: 1.4em;
 text-align: center;
 margin-bottom: 0px;
 background-color: #0077bb;
 font-weight: bold;
 color: #fff;
}

.js_weather_purity-chart {
	border: 2px solid #a0a0a0;
	background-color: #0077bb;
	border-radius: 5px;
	position: absolute;
	left: 35%;
	top: 60px;
	margin-right: 5px;
	z-index: 1000;
}

.js_weather_purity-chart0 {
  border: 2px solid #a0a0a0;	
  background-color: #0077bb;
  background-repeat: repeat; 
  margin-bottom: 5px;
}

.js_weather_purity-link:hover, .js_weather_purity-link2:hover{
 color: #0077bb;
 background-color: #fff; 
 text-decoration: none; 	 	
}	

.js_weather_purity-link3:hover {
 color: #0077bb;
 background-color: #fff !important;
 text-decoration: none;  	 	
}	

.js_weather_purity-link
{
text-align: center;
  cursor: pointer;
  color: #fff;
  background-color: #0077bb;
  vertical-align: middle;
  border: #fff 1px solid;
  border-radius: 4px;
  padding-top: 2px;
  height: 26px;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
} 

.js_weather_purity-link2 {
 cursor: pointer;	
 color: #fff;	
 background-color: #0077bb; 
 border: #fff 1px solid;
 border-radius: 3px;
 font-size: 1.0em;
 padding-right: 4px;
 padding-left: 4px;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 display: inline-block;
}

.js_weather_purity-link3 {
 color: #fff;		
 cursor: pointer;	
 border: #fff 1px solid;
 border-radius: 3px;
 font-size: 1.0em;
 padding-right: 4px;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 display: inline-block;
}

.js_weather_purity-title-misc {
  background-color: #0077bb;
  color:  #fff;
  margin-top:5px;
  font-size: 1.2em;
}

.js_weather_purity-td-misc {
  background-color: #0077bb;
  color:  #fff;
  text-align: center;
}

.js_weather_purity-misc {
  font-size: 0.85em;
  text-align: center;
  margin-top: 5px;
  color: #fff;
  margin-bottom: 10px !important;
}

.js_weather_purity-miscb {
  font-size: 0.85em;
  text-align: right;
  margin-top: 5px;
  color: #fff;
  margin-bottom: 10px !important;
}

.js_weather_purity-misc2 {
  border: #b0b0b0 2px solid;  
  background-color: #0077bb;
  color: #fff; 
  border-radius: 12px;	
  font-size: 0.85em;
  margin-left: 5px;
  color: #0077bb;
  font-weight: bold;
  padding: 1px;
  width: max-content;
  position: absolute;
  left: -315px;
  z-index: 2000;
}

.js_weather_purity-misc3 {
  border: 2px solid #a0a0a0;;
  background-color: #0077bb;
  color: #fff; 
  border-radius: 12px;	
  font-size: 0.85em;
  margin-left: 5px;
  color: #0077bb;
  font-weight: bold;
  padding: 1px;
  width: max-content;
  position: absolute;
  left: -40px;
  top: 70px;
  z-index: 2000;
}

.js_weather_purity-overview {
  border: 3px solid #a0a0a0;;
  background-color: #0077bb;
  font-size: 1.0em;
  color: #fff; 
  border-radius: 6px;
  font-weight: 480;	
  margin-left: 5px;
  padding: 10px;
  width: 90%;
  position: absolute;
  left: 25px;
  top: 290px;
  z-index: 2000;
}

.js_weather_purity-table {
	background-color: rgba(0,0,0,0.0);
	border-radius: 6px;	
	width: auto; 
	margin-left:auto; 
	margin-right: auto; 
	border: 0px;
	padding: 0px;
}

.js_weather_purity-canvas {
	background-color: #0077bb;
}

.js_weather_purity-td {
	background-color: #0077bb;;
	color: #fff;
	width: 160px;
	text-align: left;
	background-size: cover;
	background-repeat: no-repeat, repeat;	
	padding-top: 3px; 
}

.js_weather_purity-center {
	margin-left: auto; 
	margin-right: auto; 
    text-align: center;
    color: #fff;
    background-color: #0077bb;
}

.js_weather_purity-middle {
	margin-right: auto; 
    text-align: center;
    color: #fff;
    background-color: #0077bb;
}

.js_weather_purity-small {
	font-size: 0.5em;
}

.js_weather_purity-flag {
}

.js_weather_purity_forecast {
  background-color: rgba(0,0,0,0.0);
  display: table;
 }

.js_weather_purity-current {
  background-color: rgba(0,0,0,0.0);
  text-align: center;
  font-size: 1.2em;
 }

.js_weather_purity_min-temperature {
  margin-left: 2px;
  font-size: 0.75em;
  color: #fff; 
}

.js_weather_purity-temperature {
  font-size: 1.25em;
  color:#f0f0f0;;
  font-weight: bold;
}

.js_weather_purity-temperature-big {
  font-size: 1.25em;
  color: #f0f0f0;
  margin-top: -10px; 
  font-weight: bold;
 }
 
 .js_weather_purity-temperature-big2 {
  font-size: 1.4em;
  color: #f0f0f0;
  margin-top: -10px; 
  font-weight: bold;
 }

.js_weather_purity-icon {
  margin-top: 5px;
  margin-bottom: 5px
}

.js_weather_purity-icon-forcast {
	margin-bottom: -10px;  
}

.js_weather_purity_value {
	padding-bottom: 5px;
}