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

#col_left,
#col_right,
#col_middle{
	width:100%;
	text-align:center;
}
#col_left{
	margin-top:19%;
}
#col_left img{position: relative; top: -23px;margin-right: 64%;}
#col_right img{position: relative; float:right;}
/* #col_left img{width: 36px; height: auto;} */
#title{font-size: 22px;	position: relative; top: -3px; display: block;}
#subTitle{font-size: 12px; position: relative; top: -3px; display: block;}
/* #col_right img{width: 36px; height: auto;} */
#img_banner{
	height:200px;
}
#img_banner img{
	height:200px;
}
#content2 {
    margin-top: 83%;
}
#unicef{
	 margin-right: 21px;
}
/* #colLtHome,
#colMdHome,
#colRtHome,
#colRtHomeLSG{
	width:97%;
}

#colMdHome,
#colRtHome,
#colRtHomeLSG{
	min-height: 250px;
}

#div_bar_popu_effected,
#div_bar_popu_survey{
	min-height:250px; 
}

#divLeftHome,
#divMiddleHome,
#divRightHome{ 
	width: 98%; 
}

#div_bar_popu{
	min-height:320px; 
}

#div_img_slider{
	height: 200px;
}

#imgCdpo,
#desigCdpo{ 
	width: 100%;
	text-align: center; 
	top: 0px;
}

#divInnerLeft,
#divRightBottom{
	width: 98%;
}

#divInnerLeft{
	height: 230px;
	overflow: scroll; 
}

#divInnerRight{
	display: none;
}
*** Header ======================================***
.header
	{	
	width: 100%;
	background:#FF6138 #f4441f;
	z-index:1;
}

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

* default & login *
.cont {
    min-height:0;
}
.left_content{
	width:100%
}
.middle_content{
	display: none;
}
.right_content{
	width:100%
}
.map_img{
	display: none;
}
.map_img img{
	margin-top: 20px;
	display: none;
}
#chart_home{
	width:99%;
	position: relative;
	bottom: 10px;
	margin-top:10px;
}
#chart_home2{
	margin-top:10px;
	width:99%;
	position: relative;
	bottom: 10px;
}
* default & login *
#elmnt_left_def{width: 100%; height: 20px;}
#elmnt_left{width: 98%; margin: 1%; display: block; color: #fff; text-align: center;}
#elmnt_middle{width: 98%; margin: 1%; display: block; color: #fff; text-align: center;}
#elmnt_right{width: 18%; margin: 0 1% 0 0; display: block; color: #fff;}
#elmnt_left label, #elmnt_left_def label{font-size: 10px; font-weight: bold; position: relative; bottom: 3px;}
#elmnt_middle label, #elmnt_middle_def label{font-size: 10px; font-weight: bold; position: relative; top: -3px; text-decoration: underline;}
*** Row below header ======================================***

*** Content ======================================***

* default & login *

* image slider *
* image slider *

#contain_slider{display: none;} 
#slider2_container{display: none;}
#slider3_container{display: none;}
#slider_container{display: none;}
#write_up{display: none;}
.slide{
	height: 200px;
}
 
* image slider *
#contain_login2{display: none;}
#contain_login{width: 100%; float: none; margin: 0; display: block; position: relative; bottom: 0px;}
#login{ background-color: #ffffff; text-align: left; font-size: 9pt; margin: 0 auto;}
.mob_login{
	display: block;
}
#content{min-height: 540px; height: 100%;}

@media screen and (max-width: 480px) {
.header{
	height:305px;
	position:fixed;
}
#content{ position:fixed;  height:326px; background-color:#BEEB9F;  margin-top:63%; float:left;}
#content2{ background-color:#BEEB9F;  margin-top:60%;}
#text_banner{
	padding:5px 5px;
	 background-color:#79BD8F;
	text-align:center;
	width:100%;
	height:90px;
	position:fixed;
	z-index:15;
	margin-top:8%;
	
	border:5px solid black;
	
	
}


.slide{
	height: 200px;
}

#div_img_slider{
	height: 400px;
} */

.footer
{
    width: 100%;
	margin: 0 auto;
	background:#79BD8F;
	position:fixed; 
	bottom: 0px;
	z-index:1;
	margin-top:-30%;
	 height: 110px;
	/*border-left: 1px #404040 solid;
	border-right: 1px #404040 solid;*/
}

 
}
/** default & login **/
#divSect{width: 98%; margin: 1%; display: block; text-align: center;}
#divAwc{width: 98%; margin: 1%; display: block; text-align: center;}
#divAwc_noCat{width: 98%; margin: 1%; display: block; text-align: center;}
#divCat{width: 98%; margin: 1%; display: block; text-align: center;}

#divSect label{width: 100%; display: block;}
#divAwc label{width: 100%; display: block;}
#divAwc_noCat label,#divAwc_noCat div{width: 100%; display: inline-block;}
#divCat input[type="button"], #divAwc_noCat input[type="button"]{margin-top: 5px;}
#divCat label{width: 100%; display: block;}

/** nutrition status **/
#divLeft{width: 98%; display: block; margin: 1%;}
#divMiddle{width: 98%; display: block; margin: 1%;}
#divRight{width: 98%; display: block; margin: 1%;}

#tdLeft{height: 200px;}
#nutri{height: 180px;}
#tdInfo{height: auto;}
#info{height: auto;}
#tblChart{height: 300px;}
/** nutrition status **/

/** convergence dashboard **/
#divTable{width: auto; margin: 1%; overflow: auto;}
#divLabel{text-align: center;}
.divIndiChart{width: 98%;}
#chart_nutri, #chart_illness, #chart_toilet{border-bottom: 1px grey solid;}
/** convergence dashboard **/

.chart_div{width: 278px; height: 176px; background-color: transparent;}
/**** Content ======================================****/

/**** Menu ======================================****/
//#menu_action {display:none;}
 #menu {display:none;}
.slicknav_menu {display:block;}
/* #myslidemenu{display:none;} */
/**** Menu ======================================****/

/**** Footer =======================================****/
/* #footer_left{width: 98%; margin: 1%; display: block; text-align: center;}
#footer_right{width: 98%; margin: 1%; display: block; text-align: center;} */
#footerLt,
#footerRt{
	width:97%;
	margin:1%;
	text-align:center;
}
/**** Footer =======================================****/
#content clearfix{
	/* menuborder: 3px solid red; */
}

/***********=======****************/
/*#####################*/
/* for responsive */
/***********=======****************/
/*#####################*/

.span_1_of_1{
	width: 100%;
	text-align: center;
}
.span_1_of_2{
	width: 100%;
	text-align: center;
}

.span_1_of_5{
	width: 100%;
	overflow: auto;
}
 .span_1_of_6{
	width: 99%;
	height: 300px;
	border: 1px solid black;
	float: left;
	margin-top: 1%;
}

#WFA_total, #WFA_curMonth{
	margin: 0 auto;
}
.sec_report_btn{
	width: 100px;
	margin-top: 1%;
}
 .span_1_of_7{
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
 .span_1_of_8{
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
 .span_1_of_9{
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
 .span_1_of_10{
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
/*AWC Report*/
.span_1_of_11{
	width: 100%;
	text-align: center;
}
 .span_1_of_12{
	width: 100%;
	text-align: center;
}
.span_1_of_13{
	width: 100%;
	text-align: center;
}
.span_1_of_14{
	width: 100%;
	text-align: center;
}

.AWC_report_btn{
	position: relative;
	top: 0px;
	text-align: center;
}

.awc_rprt_lbl{
	position: relative;
	top: 0px;
	width: 100%;
	text-align: center;
}
/*AWC Report*/

.span_1_of_15{
	width: 100%;
}

.AWC_Stat_div{ 
	min-height: 300px; 
	height: 300px; 
	overflow: auto;
}

 .span_1_of_16{
	width: 100%;
	float: left;
}
 .span_1_of_17{
	width: 100%;
	float: left;
}

 .span_1_of_18{
	width: 100%;
	float: left;
}
 .span_1_of_19{
	width: 100%;
	float: left;
}
.newReg_tbl{
	width: 100%;
	overflow-y: hidden; 
	overflow-x: auto;
}
#save{
	width: 100px;
	display:none; 
	position: relative; 
	left: 30px;
}
#cancel{
	width: 100px; 
	display:none; 
	padding-left: 15px; 
	position: relative; 
	right: 30px;
}

/* #title, #subTitle{
	position: relative;
	top: 7px;
} */
/**** Exception Report ======================================****/
#outer_div{
	font-size:14px;
	margin:40px auto;
	border:2px solid #36B377;
	width:98%;
	margin-right: 5px;
	min-height:320px;
}
#select_re{
	width:80%;
	padding:10px;
	border:1px solid #000;
	margin:20px auto;
}

.select_re_table{
	 width: 100%; margin:0 auto;
}

#speci_month{
	width:80%;
	padding:10px;
	border:1px solid #000;
	margin:0 auto;
}
#conse_month{
	width:80%;
	padding:10px;
	border:1px solid #000;
	margin:0 auto;
	display:none;
	margin-bottom: 20px;
}
.label_text{font-size: 8pt;}
/**** Exception Report ======================================****/

.exst_upload_file,
.new_upload_file{
	width: 92%;
	padding: 0px;	
}
/* for report */
.WFA_div, .WFL_div, .HFA_div{
	position: absolute;
	top: 1128px;
	left:284px;
	font-size: 10px;
}

/**** DASHBOARD ======================================****/
#divLevel,
#divDt,
#divBk,
#divGp,
#divUlb,
#divGrp{
	width: 100%; 
	margin: 0 0 0.5% 0%; 
}

.rightBarChart{
	width:99%;
}

/* Report */
#div_rept_type,
#div_grp,
#div_btn{
	width:98%;
}

#div_btn{
	float:none;
	top: 0px;
}

#div_rept_type,
#div_grp,
#div_btn{
	text-align:center;
}
#report_table{
	height:450px;
}

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

table#reportTbl tbody {
    height: 370px;
}
/****** Change Password *******/
#chngePwdDiv{
	width:97%;
	margin-top: 20px;
}
#chngePwdDiv table tr td:first-child{
	width:45%;
}
#submit_button input[type="reset"], 
#submit_button input[type="button"]{
	min-width: 70px; 
}
/**** Progress ****/
.divHalf{
	width:98%;
	margin:0.5%;
}
/**** Progress ****/

/**** Custom Dashboard ****/
#selCriteria{
	text-align:center;
}

#selCriteria ul li a{
	font-size:12px;
	padding:10px 10px;	
	/* min-width:130px; */
} 

#selCriteria ul li a:hover{
	padding:10px 10px;
}
#innerDivLeft{
	width:100%;
	margin-right:0;
	min-height:200px;
}

#innerDivRight{
	width:100%;
	min-height:300px;
	position:relative;
	top:20px;
}

#filters{
	height:150px;
}

#divAreaChart{
	height:330px;	
}

#divQstn{
	height:295px;
}
#content {
    margin-top: 86%;
}
#colRtHome{
	width:100%;
}
#colRtHomeLSG{
	width:100%;
	margin-left: -3%;
}
.footer{
	height:46px;
}
.contentdash {
    margin-top: 111%;
}
#divRightHome{
	margin-top: 34%;
}
.content {
    margin-top: 147%;
}
.contentuser {
    margin-top: 123%;
}
#colLtHome{
	width:100%;
}
#colMdHome{
	width:100%;
}
#title {
    font-size: 19px;
   /*  margin-left: 25%; */
}
#kudumbashree{
	margin-right: 8%;
}
#jppi{
	height: 77px !important;
}
#kila{
	height:74px !important;
	margin-left:0px;
}
#unicef{
	height: 62px !important;
	margin-top: -69%;
}
#text_banner{
	margin-top: 16.5%;
	background:#79bd8f;
	margin-left:1%;
}
#content2{
	margin-top:102%;
}
#text_banner2{
	margin-top:0%;
}
#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;
	}
	
#col_right > img{
	top:23px;
}