/*
html,body
{
    font-family: "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
    margin: 0;
    /* background: #66CCCC; *
	background:rgba(0,0,0,0.1);
	border: 0px; 
  #ffffff - Old color
   
 
}
*/

/* ======================================================= Main Styling Starts Here ====================================================================== */
.main_wrapper{
max-width:1000px; 
 margin:0 auto;
}
.main_sec{
display:flex;
flex-direction:column;
justify-content:center;
}

.div_tbl_conatainer{
display:flex;
flex-direction:row;
justify-content:center; 

}
.div_special_fc_tbl{
	display:flex;
	flex-direction:column;
}
.header_tbl{
  	background:rgba(0,0,0,0.2);
	padding:5px;
}

#div_special_fc_tbl_one{
	
	
}#header_tbl_one{}

#div_special_fc_tbl_two{
margin-top:20px;

}#header_tbl_two{}

#div_special_fc_tbl_three{
margin-top:20px;
	
}#header_tbl_three{}

#div_special_fc_tbl_four{
margin-top:20px;
	
}#header_tbl_four{}

#div_special_fc_tbl_five{
margin-top:20px;
	
}#header_tbl_five{}

.special_fc_tbl{
	width:100%;
	border:0px solid white;
	
	
}

/*
#tbl_one{width:100%;}
#tbl_two{width:100%;}
#tbl_three{width:100%;} */

/*
.special_fc_tbl > tr td{
	flex:1;
} */


.div_tbl{
	display:flex;
	flex-direction:column;
	margin:0px;
	margin-right:0px;
	border:0px solid red;
	padding:5px;

} 

#leged{
	margin:0px;
	border:0px solid white;
	padding:0px;
	margin-right:1px;
}/*
#meteogram{
	display:flex;
	flex-direction:column;
	margin:0px;
	margin-right:0px;
	border:0px solid red;
	padding:0px;
} */


/*
#tbl1{
margin:0px;
padding:0px;
border:0px;	
}
*/
/*
#tbl2 >tr >td{
/* margin:1px; *
padding:0px;
border:1px solid white;	
} */


/* ======================================================= Main Styling Ends Here ====================================================================== */






/*
.special_fc_tbl{
   display:flex;
   flex-wrap:wrap;
	margin:0px;
	
} */

/* ============================================================================= */


/*
table{
   max-width: 100%;
    table-layout:fixed;
} */

/*
td{
    padding: 10px;
} 


.fixed{
    background-color: #ddd;  
    width: 200px;
}


.fluid{
    background-color: #aaa;
}



.visible{
  overflow:visible;
}



.hidden{
    overflow:hidden;
    max-width:20%;
    white-space:nowrap;
}
*/


/* =========================================================== */


#weekdayRow {
	
 /* background-color: #eeeeee; */
 background:rgba(0,0,0,0.3);
 /* color: #000000; */
 color:#FFFFFF;
/* font-size: 10px;  */
 letter-spacing: 0px;
 text-align: center;
 font: bold 17px Tahoma;
 font-weight:900;
}

/* =============================== */
#weekday{
 background:rgba(0,0,0,0.3);
 color:#FFFFFF;
/* font-size: 10px; */
 letter-spacing: 0px;
 text-align: center;
 font: bold 17px Tahoma;
 font-weight:900;
 
}
/* ============================== */

#dateRow {
	
 /* background-color: #eeeeee; */
 background:rgba(0,0,0,0.2);
 /* color: #000000; */
 color:#FFFFFF;
 text-align: center;
 font: bold 17px Tahoma;
 font-weight:900;
}
/* =============================== */
#date{
 /* background-color: #eeeeee; */
 background:rgba(0,0,0,0.2);
 /* color: #000000; */
 color:#FFFFFF;
 text-align: center;
 font: bold 17px Tahoma;
 font-weight:900;
}
/* ============================== */

#tmpRow {
	
 /* color: #ff0000; */
 color:#FFFFFF;
 text-align: center;
 font: bold 17px Tahoma;
 font-weight:900;
 background:rgba(0,0,0,0.1);
}
/* =============================== */
#tmp{
/* color: #ff0000; */
 color:#FFFFFF;
 text-align: center;
 font: bold 17px Tahoma;
 font-weight:900;
 background:rgba(0,0,0,0.1);
 
 
}


#tmp_td{
  border:0px solid white;
  padding:0px;
  border-bottom:0px solid white;
  
} 

/* ============================== */

#wxRow {
	
 text-align: center;
 font: bold 17px Tahoma;
 font-weight:900;
}
/* =============================== */
#wx{
text-align: center;
/* padding:100px; */
/* padding-top:30px;
padding-bottom:30px; */
 }
 #wx_td{
 padding-top:16px;
 padding-bottom:17px;
 border-bottom:0px;
 border-top:0px;
 font: bold 17px Tahoma;
 font-weight:900;
 color:#FFFFFF;
 border:0px solid white;
 }
/* ============================== */

#windRow {
	
 text-align: center;
}
/* =============================== */
#wind{
text-align: center;
 }
 
#wind_td{
padding-top:14px;
/*padding-bottom:16px;  */
font: bold 17px Tahoma;
 font-weight:900;
 color:#FFFFFF;
 border:0px solid white;
} 

/* ============================== ==*/

#precipRow{
 color:#FFFFFF;
 text-align: center;
 font: bold 17px Tahoma;
 font-weight:900;
 background:rgba(0,0,0,0.1);
 padding-top:10px;
 padding-bottom:10px;
}


/* ================================ */


/* ============================== ==*/

#rhRow{
	color:#FFFFFF;
 text-align: center;
 font: bold 17px Tahoma;
 font-weight:900;
 /* background:rgba(0,0,0,0.1); */
 padding-top:10px;
 padding-bottom:10px;
}


/* ================================ */



#timelinerow td {
    height: 12px;
    padding-left: 0px;
    padding-right: 0px;
}

#placeSelect{
  font: bold 17px Tahoma;
  font-weight:500;
}

#dropdown_div{
	display:flex;
	justify-content:flex-start;
	margin-bottom:2px;
}

/*
.div_displa_wx{
	
	display:flex;
	flex-direction:column;
}


.div_displa_wx div{
	margin:2px;
} 

.sec_display_wx{
	display:flex;
	padding:0px;
	width:100%;
}
*/

/* ============================================================================================================================================================================= */
@media all and (max-width:1000px){
	
	
	
}




@media all and (max-width:500px){
	

   #leged{
	   display:none;
   } 
  
/*  #meteogram{
	  
	  display:flex;
  }  */
  
  .special_fc_tbl tr td{
	  display:flex;
	  flex-direction:row;
	  flex-wrap:wrap; 
	  
  }
   
   
    
	
}

/* ============================================================================================================================================================================= */