/*------------------------------------------------------------------------
# css js_weather_custom.css
-------------------------------------------------------------------------*/
.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: 999 !important;       
  } 
  
.rgraph_tooltips {
            color: #000 !important;
            background-color: #f9f9f9 !important;
            padding: 4px !important;
            border: solid 2px #707070 !important;
            text-align: center;
            z-index: 999 !important;       
 }
  
 #RGraph_tooltipsPointer {
   border-bottom: #707070 solid 2px;
   border-right: #707070 solid 2px;
   bottom: -7px !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: 999 !important;  
 }
 
 div[id^='RGraph_tooltipsPointer'] 
 {
   border-bottom: #707070 solid 2px;
   border-right: #707070 solid 2px;
   bottom: -7px !important;
 }
.my-button-link {
	float: right; 
    padding-right: 10px;
    cursor: pointer;
}	

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

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

.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: #fbfbfb transparent;
    border-width: 0 10px 10px 10px;
    top: -9px;
}

/*------------------------------------------------------------------------
# css js_weather sytles
-------------------------------------------------------------------------*/
.js_weather {
	font-size: 14px;
}

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

.js_weather_forecast_container {
  border: 2px solid #b0bf7d;
  background-color: #b0bf7d;
  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_forecast_container2 {
  border: 2px solid #a0a0a0;
  background-color: #3a3b3c;
  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;
  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;
 background-color: #3a3b3c;
 font-weight: bold;
 color: #fff;
}

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

.js_weather-chart0 {
  background-color: #3a3b3c;
  background-repeat: repeat; 
  margin-bottom: -5px;
}

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

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

.js_weather-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-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-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-misc {
  font-size: 0.85em;
  text-align: center;
  margin-top: 5px;
  color: #fff;
  margin-bottom: 10px !important;
}

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

.js_weather-title-misc {
  background-color: #3a3b3c;
  color:  #fff;
  margin-top:5px;
  font-size: 1.2em;
}

.js_weather-td-misc {
  background-color: #3a3b3c;
  color:  #fff;
  text-align: center;
}

.js_weather-misc2 {
  border: #a0a0a0 2px solid;
  background-color: #3a3b3c;
  border-radius: 4px;
  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-misc3 {
  border: 2px solid #a0a0a0;;
  border-radius: 4px;
  background-color: #3a3b3c;
  color: #fff; 
  border-radius: 6px;	
  font-size: 0.85em;
  margin-left: 5px;
  color: #505050;
  font-weight: bold;
  padding: 1px;
  width: max-content;
  position: absolute;
  left: -50px;
  top: 70px;
  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-color: #3a3b3c;
}

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

.js_weather-center {
	margin-right: auto; 
	margin-left: auto; 
    text-align: center;
    color: #fff;
    background-color: #3a3b3c;
    margin-top: 5px;
}

.js_weather-middle {
	margin-right: auto; 
    text-align: center;
    color: #fff;
    background-color: #3a3b3c;
    margin-top: 5px;
}

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

.js_weather-flag {
 }

.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: #fff; 
}

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

.js_weather-temperature-big {
  font-size: 1.25em;
  color: #f0f0f0;
  margin-top: -10px; 
  font-weight: bold;
 }
 
 .js_weather-temperature-big2 {
  font-size: 1.4em;
  color: #f0f0f0;
  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;
}