/**** Header ======================================****/

#col_left{width: 12%; display: inline-block; text-align: left; padding-left: 5px; position: relative; top: 0px;}
#col_middle{width: 71%; display: inline-block; vertical-align: top; padding: 5px 0px 0px 0px;}
#col_right{width: 9%; display: inline-block; text-align: right; position: relative; top: 0px;}
#col_left img {
    /* height: 80px; */
    width: 128px;
    display: inline-block;
    position: relative;
    top: 4px;
    left: 15px;
}
#col_left img:nth-child(2){ width:90px; top:0px; }
#col_right > img{
	  position: relative; top: 5px; left: 18px;
}

/* #divInnerRight{
	display: block;
}
#content{ background-color:#BEEB9F; positin:fixed;  margin-top:17.9%; height:580px; float:left;}
#content2{ background-color:#BEEB9F;  margin-top:15%; z-index:1; float:left; }
#text_banner{
	padding:10px 20px;
	 background-color:#79BD8F;
	text-align:center;
	width:100%;
	position:fixed;
	z-index:15;
	margin-top:-1%;
	border:5px solid black;
	
	
}




.banner_caption{
	font-size:11px;
}


.banner_caption2{
	font-size:11px;
	margin-left:25%;
	text-decoration: underline;
}

#title,
#subTitle{position: relative; top: -2px;}
*** Header ======================================***

*** Body ======================================***
#img_banner{
	height:auto;
}


#contentHome{
	background-color:#BEEB9F;
	margin-left:.5%;
}
#colLtHome,
#colMdHome,
#colRtHome,
#colRtHomeLSG{
	width: 19%;
	min-width: 256px;
	min-height: 300px;
	display: inline-block;	
	margin: 0.5%;	 
	vertical-align: top;	
	border: 1px solid #36B377;	
}



#colLtHome{
	height:350px;
	margin-left:1.5%;
}
#colMdHome,
#colRtHome,
#colRtHomeLSG{
	width: 22%;
	min-width:225px;
	height:320px;
	
}
#div_map{
	height: 260px;
}
#div_bar_popu_effected{
	min-height:200px; 
}
#div_bar_popu_survey,
#div_bar_popu_survey_lsg{
	min-height:275px;
	
}
.wrapper{overflow: hidden;}
.caste{font-size: 9pt;}
 .span_1_of_8{
	width: 22.5%;
}
.span_1_of_9{
	width: 35%;
	text-align: right;
	position: relative; 
	top: 3px; 
}
.span_1_of_10{
	width: 10%; position: relative; top: 3px;
}
*** Body ======================================***

*** Row below header ======================================***

* default & login *
@media all and (min-width:920px){
	#write_up{
		font-size:12px;
	}
	
	
	
}
* default & login *

#elmnt_left{width: 38%; margin: 0 0 0 1%; display: inline-block; color: #fff; text-align: left;}
#elmnt_middle{width: 39%; margin: 0 1%; display: inline-block; color: #fff; text-align: left;}
#elmnt_right{width: 18%; margin: 0 1% 0 0; display: inline-block; color: #fff;}

#elmnt_left label, #elmnt_left_def label{font-size: 10px; font-weight: bold; position: relative; top: -3px;}
#elmnt_middle label{font-size: 12px; font-weight: bold; position: relative; top: -3px; text-decoration: underline;}
*** Row below header ======================================***
.middle_content{
	width:33%
}
.right_content{
	width:31.6%
}
* image slider *
#slider_container{
	width: 425px;
	height: 250px;
	max-width:100%;
	height:auto;
}
.slide{
	height: 180px;
}
#contain_slider{
	vertical-align: top;
	float: left;
	width: 322px;
	height: 250px;
	max-width:100%;
	height:auto;
}  
* image slider *
*** Content ======================================***

#divAwc_noCat div{display: inline-block; }
#divAwc_noCat{
	width:40%;
}
For chart legend
.WFA_div, .WFL_div, .HFA_div{
	position: absolute;
	top: 358px;
	left:967px;
	font-size: 10px;
}

#divLeftHome,
#divMiddleHome,
#divRightHome{
	width: 38%;
	min-width: 256px;
	min-height: 400px;
	display: inline-block;	
	margin: 0.5%;	 
	vertical-align: top;
	border: 1px solid #36B377;
}

#div_bar_popu{
	min-height:345px; 
}

#div_img_slider{
	height:180px;
}

#divText p:nth-child(2){
	display: inline;
}

.ex_text{
	display: none;
}

#divLogin{
	min-height: 235px; 
}

#login #contain_input{
	margin: 10px auto;
}

Report
#report_table{
	height:362px;
}

@-moz-document url-prefix() {
	#report_table{
		height:362px;
	}
}

** Change Password ***
#chngePwdDiv{
	width:65%;
}
#chngePwdDiv table tr td:first-child{
	width:35%;
}

*** Custom Dashboard ***
#selCriteria ul li a{
	font-size:12px;
	padding:10px 18px;	
} 

#selCriteria ul li a:hover{
	padding:10px 18px;
}

#innerDivLeft,
#innerDivRight,
#innerDivRightIndi{
	background:#eeeeee;
	width:20%;
	min-height:400px;
	margin-right:0.24em;
	padding:10px;
	display:inline-block;
	vertical-align: top;				
}

#innerDivLeft{
	padding:10px 3px;
	min-height:435px;
}

#innerDivRight{
	width:78.5%;
	min-height:435px;
	margin-right:0;
	background:#fefefe;
	padding:0;
}

#filters{
	height:150px;
	
}

#divAreaChart{
	height:360px;	
}

#divQstn{
	height:435px;
	overflow:auto;
}

#divAreaChart{
	height:360px;	
	overflow:auto;
	padding:10px;
	border:1px red solid;
}


 */
 
  .rwd-table {
/*   background: #34495E; */
  color:black;
  border-radius: .4em;
  overflow: hidden;
  height:450px;
  overflow-y:scroll;
  tr {
    border-color: lighten(#34495E, 10%);
  }
  th, td {
   /*  margin: .5em 1em; */
    @media (min-width: $breakpoint-alpha) { 
      padding: 1em !important; 
    }
  }
  th, td:before {
    color: #dd5;
  }
}


#div_table_lsg_survey2{
	height:450px;
	
} 





 
 @media only screen  and (max-width: 1024px){


 #tbl_data_lsg_info {
        display: block;
        overflow-x:scroll;
        height:355px;
        white-space: nowrap;
        width: 100%; 
 		border-collapse: collapse;
 		
}

.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 0px !important;
}


 table.dataTable tbody td {
    padding: 15px 0px !important;
    

table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	Hide table headers (but not display: none;, for accessibility)
	thead tr { 
		position: absolute;
		top: -9999px;
		/* left: -9999px; */
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		Behave  like a "row"
		border: none;
		border-bottom: 1px solid #eee; 
		 position: relative;
	/* 	padding-left: 55%;  */
	}
	
	td:before { 
		Now like a table header
		position: absolute;
		

		top: 6px;
		/* left: 6px; */
		width: 58%;
		/* padding-right: 20px; */
		white-space: nowrap;
	}
	

 }
 
  


#colRtHomeLSG{
	width: 15%;
	min-width: 256px;
	min-height: 356px;
	display: inline-block;	
	/* margin: 0.5%; */	 
	vertical-align: top;	
	border: 1px solid #36B377;
	margin-left:1.5%;
}


#colLtHome{
	height:405px;
	margin-left:2.2%;
}

#colRtHome{
	height:405px;
}

#tbl_data_lsg_info {
        display: block;
        overflow-x:scroll;
        height:398px;
        white-space: nowrap;
        width: 120%; 
 		border-collapse: collapse; 
}


 table.dataTable tbody td {
 	width:120% !important;
    /*  padding: 15px 70px !important; */
    margin-left:-15% !important;
     

table, thead, tbody, th, td, tr { 
	/* 	display: block;  */
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		/* position: absolute; */
		top: -9999px;
		/* left: -9999px; */
	}
	
	tr { /* border: 1px solid #ccc; */ }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		/* border-bottom: 1px solid #eee */; 
		 position: relative;
		/* padding-left: 55%;  */
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
	/* 	left: 6px; */
		width: 45%;
		/* padding-right: 20px; */
		white-space: nowrap;
	}