/*------------------------------------------------------------------------
# css js_weather_rccc.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: 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;	
}

/*------------------------------------------------------------------------
# css yellow using RCCC background color of #fefee2:
-------------------------------------------------------------------------*/
.js_weather {
	font-size: 14px;
}

.js_weather_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: #fefee2;
  background-size: cover;
  position: relative;
  width: fit-content;
}

.js_weather_forecast_container {
  border: 5px solid #505050;
  background-color: #fefee2;
  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: 4px solid #50505045;
  background-color: #fefee2;
  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;
 background-color: #fefee2;
 font-weight: bold;
}

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

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

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

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

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

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

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

.js_weather-td-misc {
  background-color: #fefee2;
  color:  #505050;
  text-align: center;
}

.js_weather-misc2 {
  border: rgba(180,180,180,0.9) 2px solid;
  background-color: #fefee2;
  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(0,0,0,0.5) 2px solid;
  background-color: #fefee2;
  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-overview {
  border: rgba(0,0,0,0.5) 3px solid;
  background-color: #fefee2;
  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-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: #fefee2;;
	background-size: cover;
	background-repeat: no-repeat, repeat;	
}

.js_weather-td {
	background-color: #fefee2;;
	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: #505050;
    background-color: #fefee2;    
}

.js_weather-white-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;
}