* {
	margin: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html, body {
	height: auto;
	font-family: Tahoma;
	background-color: /* #B4E0B4 */ #fff;
	margin: 0 auto;
}

.wrapper {
	min-height: auto;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

#page-container
{
    width: 100%;
    margin: 0 auto;
    /* overflow: hidden; */
}

.trBandTop{	
	background: rgb(0,117,61); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNzUzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzAwOGY0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNmIzNzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(0,117,61,1) 0%, rgba(0,143,74,1) 49%, rgba(54,179,119,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,117,61,1)), color-stop(49%,rgba(0,143,74,1)), color-stop(100%,rgba(54,179,119,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,117,61,1) 0%,rgba(0,143,74,1) 49%,rgba(54,179,119,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,117,61,1) 0%,rgba(0,143,74,1) 49%,rgba(54,179,119,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,117,61,1) 0%,rgba(0,143,74,1) 49%,rgba(54,179,119,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,117,61,1) 0%,rgba(0,143,74,1) 49%,rgba(54,179,119,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00753d', endColorstr='#36b377',GradientType=1 ); /* IE6-8 */	
}
			
#container{	
	margin:0 auto;
	position:relative;
	text-align:center;
	width: auto;	
}	
.cont{
	float:left;
	/* border:1px solid #36B377; */
	/* min-height:488px; */
}
.left_content{
	width:33%
}
.middle_content{
	width:32.5%;
	margin:10px 10px 0 12px;
	/* margin-left:12px; */
	/* border:2px solid #36B377; */
	/* background-color: white; */
}
.right_content{
	width:32.5%
}
#chart_home{
	width:50%;
	/* display:table-cell; */
	float: left;
	height:250px;
	border:2px solid #36B377;
	/* margin:10px 0; */
	background-color: transparent;
	text-align: center;

}

#chart_home > label{
	font-size: 22pt;
	color: red;
	position: relative;
	top: 100px;
}
#lower_content{
	/* float:left; */
	/* display:table; */
	padding:0;
}
#chart_home2{
	width:48%;
	float: right;
	/* display:table-cell; */
	height:250px;
	border:2px solid #36B377;
	/* margin:10px 0; */
	background-color: transparent;
	text-align: center;

}
.map_img{
	text-align:center;
	padding:80px 5px 0;
}
.map_img img{
	max-width:100%;
	height:auto;
}
/******information corner******/
#info_tbl{
	background-color: transparent; 
	width: 99.9%; 
	height: 240px; 
	border-collapse: collapse; 
	padding: 5px 0px 5px 0px;
}
#info_tbl tr td:first-child{
	width:48%;
}
#info td{
	font-size: 8pt; 
	/* font-weight: bold; */
	color: #333333; 
	padding-left: 5px;
}
.info_row_1{
	background-color: #FFFFCC;
}

.info_row_2{
	background-color: #DEEEBE;
}
#mthr_nm{
	text-transform: capitalize;
}
/*label#gndr:first-letter{
	color:red;
	text-transform: uppercase;
} */
/*******nutrition report page************/ 
#table_holder table{
	width: 100%;
	border-collapse: collapse;
	height: 100%;
}/*total table*/

#table_holder table tr:first-child{
	height: 45px;	
}/*row 1*/

#table_holder table tr th{
	border: 1px black solid;
}/*all th columns of all rows*/

#table_holder table tr:first-child th:first-child{
	width: 25%;
	background-color: #FFFACA;
}/*1st row 1st column width*/

#table_holder table tr:first-child th:nth-child(2){
	width: 15%;
}/*1st row 2nd column width*/

#table_holder table tr:nth-child(2){
	height: 30px;	
}/*row 2*/

#table_holder table tr:first-child th:nth-child(3){
	width: 15%;
	background-color: #34DC8C; 
}/*2nd row 3rd column width*/

#table_holder table tr:first-child th:nth-child(4){
	width: 15%;
	background-color: #F2FE67; 
}/*2nd row 4th column width*/

#table_holder table tr:first-child th:nth-child(5){
	width: 15%;
	background-color: #FF4646; 
}/*2nd row 5th column width*/

#table_holder table tr:first-child th:nth-child(6){
	width: 15%;
	background-color: #6a9da9; 
}/*2nd row 6th column width*/

#table_holder table tr:nth-child(3), #table_holder table tr:nth-child(4){
	height: 35px;	
	text-align: center;
	border: 1px black solid;
}/*row 3 and row 4*/

#table_holder table tr:nth-child(3) td, #table_holder table tr:nth-child(4) td{
	border-right: 1px black solid;
}/*columns of row 3 and row 4*/

#table_holder table tr:nth-child(3) td:nth-child(3), 
#table_holder table tr:nth-child(3) td:nth-child(4),
#table_holder table tr:nth-child(4) td:nth-child(3), 
#table_holder table tr:nth-child(4) td:nth-child(4){
	width: 7.5%;
	background-color: #34DC8C; 
}/*3rd row 3rd column width*/

#table_holder table tr:nth-child(3) td:nth-child(5),
#table_holder table tr:nth-child(3) td:nth-child(6),
#table_holder table tr:nth-child(4) td:nth-child(5), 
#table_holder table tr:nth-child(4) td:nth-child(6){
	width: 7.5%;
	background-color: #F2FE67; 
}/*3rd row 4th column width*/

#table_holder table tr:nth-child(3) td:nth-child(7),
#table_holder table tr:nth-child(3) td:nth-child(8),
#table_holder table tr:nth-child(4) td:nth-child(7), 
#table_holder table tr:nth-child(4) td:nth-child(8){
	width: 7.5%;
	background-color: #FF4646; 
}/*3rd row 5th column width*/

#table_holder table tr:nth-child(3) td:nth-child(9),
#table_holder table tr:nth-child(3) td:nth-child(10),
#table_holder table tr:nth-child(4) td:nth-child(9), 
#table_holder table tr:nth-child(4) td:nth-child(10){
	width: 7.5%;
	background-color: #6a9da9; 
}/*3rd row 6th column width*/

/*******nutrition report page************/

#img-content{
	position:relative;
	margin: 0 auto;
}			


		input[type="button"],
		input[type="submit"],
		input[type="reset"],
		.button
		{
			
			display: inline-block;
			
			cursor: pointer;
			border: 0;
			border-radius: 5px;
			background: #008f4a; /* Old browsers */
			/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOGY0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iIzAwNzUzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDU4MmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top,  #008f4a 0%, #00753d 47%, #00582e 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008f4a), color-stop(47%,#00753d), color-stop(100%,#00582e)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #008f4a 0%,#00753d 47%,#00582e 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #008f4a 0%,#00753d 47%,#00582e 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #008f4a 0%,#00753d 47%,#00582e 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #008f4a 0%,#00753d 47%,#00582e 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008f4a', endColorstr='#00582e',GradientType=0 ); /* IE6-8 */
				
			color: #ffffff;
			font-weight: 700;
			
		}

			input[type="button"]:hover,
			input[type="submit"]:hover,
			input[type="reset"]:hover,
			.button:hover
			{
				background: #008F4A;
				color: #ffffff;
				
			}
			
			input[type="button"]:active,
			input[type="submit"]:active,
			input[type="reset"]:active,
			.button:active
			{
				background: #008F4A;
				color: #ffffff;
				
			}
		
			input[type="button"].alt,
			input[type="submit"].alt,
			input[type="reset"].alt,
			.button.alt
			{
				background: #008F4A;
				color: #ffffff;
				
			}

				input[type="button"].alt:hover,
				input[type="submit"].alt:hover,
				input[type="reset"].alt:hover,
				.button.alt:hover
				{
					background: #008F4A;
					color: #ffffff;
					
				}
				
				input[type="button"].alt:active,
				input[type="submit"].alt:active,
				input[type="reset"].alt:active,
				.button.alt:active
				{
					background: #008F4A;
					color: #ffffff;
					
				}
		
			

input[type="text"], input[type="password"], textarea {
    border:1px solid #666666;
    background-color: #fff;
	border-radius:3px;	
	padding: 3px;
}

input:focus { 
    outline:none;
    border-color:#007795;
    box-shadow:0 0 2px #007795;
}

select {
    border:1px solid #666666;
    border-radius:3px;
	padding: 3px;
	font-size: 9pt;
	min-width: 100px;
}

select:focus { 
    outline:none;
    border-color:#007795;
    box-shadow:0 0 2px #007795;
}

.mnthYr{
	width: 100px;	
}/*month-year picker textbox width*/

/****Footer****/


.footer
{
    width: 100%;
	margin: 0 auto;
	/*border-left: 1px #404040 solid;
	border-right: 1px #404040 solid;*/
}

.footer-bar
{
    height: 2px;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMDIiLz4KICAgIDxzdG9wIG9mZnNldD0iNDglIiBzdG9wLWNvbG9yPSIjMzZiMzc3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.02) 1%, rgba(54,179,119,1) 48%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,255,255,0.02)), color-stop(48%,rgba(54,179,119,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 1%,rgba(54,179,119,1) 48%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 1%,rgba(54,179,119,1) 48%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 1%,rgba(54,179,119,1) 48%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 1%,rgba(54,179,119,1) 48%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 */    
}

#footer-info{
	width: 100%;
	height: auto;
	/*background-color: #3a63a6;*/
	background-image: url(../images/footer1.jpg);	
	background-repeat: repeat-x;
}

.trBand{
	background: #008f4a; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOGY0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iIzAwNzUzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDU4MmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #008f4a 0%, #00753d 47%, #00582e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008f4a), color-stop(47%,#00753d), color-stop(100%,#00582e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #008f4a 0%,#00753d 47%,#00582e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #008f4a 0%,#00753d 47%,#00582e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #008f4a 0%,#00753d 47%,#00582e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #008f4a 0%,#00753d 47%,#00582e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008f4a', endColorstr='#00582e',GradientType=0 ); /* IE6-8 */
	
}

/****Blinking image****/
@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    49% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
@-moz-keyframes blink {
    0% {
        opacity: 1;
    }
    49% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
@-o-keyframes blink {
    0% {
        opacity: 1;
    }
    49% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
img#imgBlink 
{
    animation: blink 2s;
    animation-iteration-count: infinite;
    -webkit-animation: blink 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: blink 2s;
    -moz-animation-iteration-count: infinite;
    -o-animation: blink 2s;
    -o-animation-iteration-count: infinite;
}

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

	#nav
	{
		padding: 1em 0 1em 0;
		background: #ffffff;		
		margin: 0 auto;
	}

		#nav > ul
		{
			margin: 0;
		}

		#nav > ul > li > ul
		{
			display: none;
		}

		#nav > ul > li
		{
			display: inline-block;
			/* font-style: regular; */
			margin: 0 0.20em 0 0.20em;
		}
		
			#nav > ul > li > a
			{
				border-radius: 5px;
				color: #5d5d5d;
				text-decoration: none;
				padding: 0.6em 0.6em 0.6em 0.6em;
				-moz-transition: background-color .25s ease-in-out;
				-webkit-transition: background-color .25s ease-in-out;
				-o-transition: background-color .25s ease-in-out;
				-ms-transition: background-color .25s ease-in-out;
				transition: background-color .25s ease-in-out;
				outline: 0;
				/*border: 1px solid #a6a6a6;*/
			}
		
			#nav > ul > li:hover > a
			{
				background: #bebebe;
				color: #000;
			}
			
		#nav > ul > li.active
		{
		}
		
			#nav > ul > li.active > a
			{
				background: #bebebe;
			}
			
		#nav > ul > li.current
		{
		}
		
			#nav > ul > li.current > a
			{
				background: #bebebe;
				color: #000 !important;
				font-weight: 700;
			}
			
	.dropotron
	{
		border-radius: 5px;
		background-color: #bebebe;
		padding: 1.25em 1.5em 1.25em 1.5em;
		font-style: regular;
		min-width: 13em;
		text-align: left;
		margin-left: -1px;
	}
	
		.dropotron a,
		.dropotron span
		{
			color: #5d5d5d;
			text-decoration: none;
			-moz-transition: color .25s ease-in-out;
			-webkit-transition: color .25s ease-in-out;
			-o-transition: color .25s ease-in-out;
			-ms-transition: color .25s ease-in-out;
			transition: color .25s ease-in-out;
		}
		
		.dropotron li
		{
			
		}

			.dropotron li:hover > a,
			.dropotron li:hover >span
			{
				color: #000;
			}

		.dropotron.level-0
		{
			margin-top: 1em;
			margin-left: 2em;
		}
		
#lightbox_bg {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity: 0.85;
	filter: alpha(opacity=80);
	display: none;
}
#lightbox_content {
	position: absolute;
	top: 25%;
	left: 13%;
	width: 70%;
	height: 50%;
	padding: 16px;
	margin: 0 auto;
	border: 8px solid green;
	border-radius:0 0 5px 5px;
    -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px; 
    box-shadow:0 0 5px #ccc;
    -moz-box-shadow:0 0 5px #ccc;
    -webkit-box-shadow:0 0 5px #ccc;
	background-color: white;
	opacity: 1.8;
	z-index:1002;
	overflow: auto;
	display: none;
}

/*********jquery date-time picker**********/
#dob{
	width: 110px; 	
}
#dob[disabled="disabled"]{
	color: black;
}
.ui-datepicker { font-size:9pt !important}

/*********menu_action*************/
ul#menu_action {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
  /* -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); */
}
ul#menu_action li {
  font: bold 9px sans-serif;
  display: inline-block;
 /*  margin-right: -4px; */
  position: relative;
  top:  0px;
  padding: 0px 10px;
  border-right: 1px white solid;
  /* background: #fff; */
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
ul#menu_action li a{ color: white; text-decoration: none;}
ul#menu_action li:hover {
  /* background: #00582E; */
  color: #fff;
}
ul#menu_action li ul {
  padding: 0;
  position: absolute;
  top: 10px;
  left: 0;
  width: 200px;
  /* -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; */
  display: none;
  opacity: 1;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
ul#menu_action li ul li { 
  background: #dddddd; 
  display: block; 
  color: #000;
  padding: 10px;
  border-bottom: 1px #000 solid;
  /* text-shadow: 0 -1px 0 #000; */
  z-index: 8000;
  position: relative;
  top: 5px;  
}
ul#menu_action li ul li a{color: #000; text-decoration: none;}
ul#menu_action li ul li:hover{ background: #008F4A; color: #fff; }
ul#menu_action li ul li a:hover{ background: #008F4A; color: #fff; }
ul#menu_action li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
  color: #fff;
}
#settings_logout{
	/* margin-top:16px; */
}
/**** =============================================
		Modification done for responsive design
 	  ============================================= ****/

/**** Header ======================================****/	
.header
{
	width: 100%;
    background: rgb(255,0,0); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIwY2E3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM0JSIgc3RvcC1jb2xvcj0iIzAwYzI2NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iIzAwOGY0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(255,0,0,1) 0%, rgba(255,0,0,1) 34%, rgba(255,21,21,1) 76%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,0,0,1)), color-stop(34%,rgba(255,0,0,1)), color-stop(76%,rgba(255,21,21,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,0,0,1) 0%,rgba(255,0,0,1) 34%,rgba(255,21,21,1) 76%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,0,0,1) 0%,rgba(255,0,0,1) 34%,rgba(255,21,21,1) 76%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,0,0,1) 0%,rgba(255,0,0,1) 34%,rgba(255,21,21,1) 76%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,0,0,1) 0%,rgba(255,0,0,1) 34%,rgba(255,21,21,1) 76%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20ca78', endColorstr='#008f4a',GradientType=0 ); /* IE6-8 */	
}

#bg{background-image: url("../images/header.png"); background-repeat: repeat-x;}

#col_left{width: 12%; display: inline-block; text-align: left; padding-left: 5px;}
#col_left > img{
	  position: relative; top: 1.2px; left: 2px;
}

.jatak_logo{
	position: relative; top: 10px; right: 2px; display: inline;
}
#col_middle{width: 74%; display: inline-block; vertical-align: top; padding: 0px 0px 0px 0px; text-align: center;}
#title{font-size: 36pt;	color: #fff; display: inline; font-family:sans-serif; position: relative; top: 5px;}
#subTitle{font-size: 13pt; display: block; font-family: sans-serif; color: #FFF;}
#col_right{width: 12%; display: inline-block; text-align: right; position: relative;}

#col_right > img{
	 position: relative; top: 1.2px;
}

.wmn_chld{color: #ffffff; font-size: 8pt; text-align: center;}
.govt_mh{color: #ffffff; font-size: 8pt; text-align: center; position: relative; right: 10px; bottom: 3px;}
/**** Header ======================================****/

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

/** default & login **/
#elmnt_left_def{width: 38%; margin: 0 0 0 1%; display: inline-block; color: #fff; text-align: left;}
#elmnt_middle_def{width: 28%; margin: 0 1%; display: inline-block; color: #fff; text-align: center;}
#elmnt_right_def{width: 29%; margin: 0 1% 0 0; display: inline-block; color: #fff; text-align: right;}
#elmnt_right_def a { color: #ffffff; text-decoration: underline; font-size: 12px; position: relative; top: -3px; font-weight: bold; }
/** default & login **/

#elmnt_left{width: 39%; 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; text-align: right;}

#elmnt_middle_def label{font-size: 12px; font-weight: bold;}
#elmnt_left label, #elmnt_left_def label{font-size: 12px; 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 ======================================****/

/**** Content ======================================****/

/** image slider **/
.jssorb01 {position: absolute;}

.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
    position: absolute;
    /* size of bullet elment */
    width: 12px;
    height: 12px;
    filter: alpha(opacity=70);
    opacity: .7;
    overflow: hidden;
    cursor: pointer;
    border: #000 1px solid;
}

.jssorb01 div {background-color: gray;}

.jssorb01 div:hover, .jssorb01 .av:hover {background-color: #d3d3d3;}

.jssorb01 .av {background-color: #fff;}

.jssorb01 .dn, .jssorb01 .dn:hover {background-color: #555555;}
 
.jssora05l, .jssora05r {display: block; position: absolute; width: 40px; height: 40px; cursor: pointer; background: url(../img/a17.png) no-repeat; overflow: hidden;}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }
          
#slider_container{ top: -3px; 
	left: 0;
	position: relative;
	/* width: 425px; */
	height: 250px;
	max-width:100%;
	/* height:auto; */
}
#slider2_container{ top: 0; 
	left: 0;
	position: relative;
	/* width: 425px; */
	height: 250px;
	max-width:100%;
	/* height:auto; */
}
#slider3_container{ top: 0; 
	left: 0;
	position: relative;
	/* width: 425px; */
	height: 250px;
	max-width:100%;
	/* height:auto; */
}
.slide{cursor: move; 
	position: absolute; 
	left: 0px; 
	top: 3px; 
	width: 425px;
	height: 250px;
	width:100%;
	/* height:auto; */
	overflow: hidden;
	border: 2px solid #36B377;
}
#contain_slider{
	vertical-align: top;
	float: left;
	width: 425px;
	height: 250px;
	max-width:100%;
	padding: 10px 0;
	/* height:auto; */
}  
/** image slider **/

#contain_login, #contain_login2{
	/* float: right;  */
	padding:10px 0;
	
}
#login{/* width: 300px; */ height:250px; border: 2px #36B377 solid; background-color: transparent; text-align: left; font-size: 9pt;}
#login  #contain_input{width:250px; vertical-align: top; margin:40px auto;}
#label1{font-size: 16px; padding-left: 5px; display: block; margin: 0;}
.label2{font-size: 12px; font-weight: bold; display: block; margin:10px 0px 10px 5px;}
#block_name{position: relative; color: #000000; width: 220px; height: 30px; border: 1px #666666 solid; margin: 0 0 0 5px;}
#submit_button{width: auto; display: block; text-align: center;}
#submit_button input[type="button"], #submit_button input[type="submit"]{min-width: 120px; height:30px; font-size: 14px;}

#write_up{float: left; font-size: 9pt; border: 2px solid #36B377; padding:10px 10px; height: 230px; margin-bottom: 10px; text-align: justify;}      


#content{width: 100%; padding:0 5px; height: auto; min-height: 450px; overflow: hidden; background-image: url("../images/4.png");
background-repeat: no-repeat;}
#selCriteria{width: 99%; height: auto; border: 1px solid #000; padding: 3px 0px; font-size: 9.5pt; text-align: left; position: relative; top: 5px; right: 0px;}	
#divSect{width: 31%; margin: 0 0 0 1%; display: inline-block;}
#divAwc{width: 32%; margin: 0 1%; display: inline-block;}
#divAwc_noCat{width: 30%; margin: 0 1%; display: inline-block;}
#divAwc_noCat div{display: inline-block;}
#div_entry{display: inline-block; margin: 0 1%;}
#div_entry div{display: inline-block;}
#divCat{width: 31%; margin: 0 1% 0 0; display: inline-block;}

#dispArea{width: 99%; margin: 10px 0; text-align: center;}

/** nutrition status **/
#divLeft{width: 32.9%; display: inline-block; text-align: left; margin: 0; vertical-align: top;}
#divMiddle{width: 33.05%; display: inline-block; text-align: left; margin: 0; vertical-align: top;}
#divRight{width: 33.03%; height:467px; display: inline-block; text-align: left; margin: 0; overflow:hidden; border: 1px solid black;}
#tdLeft{width: 100%; vertical-align: top; height: 467px; border: 1px solid black; background-color: transparent;}
#nutri{width: 100%; height: 390px; overflow: hidden;}
#tdInfo{width: 50%; border: 1px solid black; height: 285px; vertical-align: top; background-color: #ffffff;}
#tr_btn{position: relative; top:15px;}
#info{width: 100%; height: 265px; vertical-align: top;}
#tblChart{width: 100%; height: 473px; background-color: white; border-bottom: 1px solid black; }
#tblChart2{width: 100%; height: 473px; background-color: white;}
#tblChart3{width: 100%; height: 473px; background-color: white;  }
#ch1, #ch2, #ch3{ float:left; width:100%}
#arow_right {
	position:relative;
	bottom: 80px;
	width: 80px;
	left:86%;
	opacity:0.6;
	display:none;
}
#arow_right img{
	width: 40px;
	cursor: pointer;
}
#arow_left_3{
	position:relative;
	bottom: 80px;
	width: 80px;
	opacity:0.6;
	cursor: pointer;
}
#arow_left_3 img{
	width: 40px;
}
#arow_right_2 {
	position:relative;
	bottom: 80px;
	width: 80px;
	left:86%;
	opacity:0.6;
	cursor: pointer;
}
#arow_right_2 img{
	width: 40px;
}
#arow_left_2 {
	position:relative;
	bottom: 160px;
	width: 80px;
	opacity:0.6;
	cursor: pointer;
}
#arow_left_2 img{
	width: 40px;
}
/** nutrition status **/

/** comm. growth chart **/
.divChart{width: auto; display: inline-block; margin: 0 5px;}
#chartBoy{border: 7px solid blue;}
#chartGirl{border: 7px solid pink;}
.chart_div{width: 479px; height: 304px; background-color: transparent;}
/** comm. growth chart **/

/** convergence dashboard **/
#divTable{width: 100%; margin: 0 auto;}
.table_outer_border{width: 98%; border: 1px solid grey; border-collapse: collapse; font-size: 9.5pt; margin: 1%;}
#divLabel{display: block; margin: 10px 0px;}
.label3{font-size: 12px;margin-left: 15px; text-decoration: underline;}
.divIndiChart{width: 22%; margin: 1%; display: inline-block;}
/** convergence dashboard **/

/** picture gallery **/
#nutri_ageGroup{width: 96%; margin: 2%; overflow: auto; border: 1px #36B377 solid;}
/** picture gallery **/
/**** Content ======================================****/

/**** Menu ======================================****/
.slicknav_menu {display:none;}
/**** Menu ======================================****/

/**** Footer =======================================****/
#footer_left{width: 33%; margin: 0 0 0 1%; display: inline-block; text-align: left;}
#footer_middle{width: 33%; margin: 0 0 0 1%; display: inline-block; text-align: center;}
#footer_right{width: 30%; margin: 0 1% 0 0; display: inline-block; text-align: right;}

#footer_left label,#footer_middle label,  #footer_right label{font-size: 11px; color: #fff; position: relative; top: -3px;}

/**** Footer =======================================****/
/**** data management =======================================****/
#table_area{width: 90%; margin: 10px auto; text-align: center;}
#img_clild{height: 240px; border: 1px solid black;}
#voic_child{margin-top:10px; height: 100px; border: 1px solid black;}
#save_right{width:auto;  border: 1px solid black; height:130px; margin-top:80px; padding:60px 10px 0; text-align: center;}
/* Pop */
/* button hover effect */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/**** data management =======================================****/



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


.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1%;
}

.col2 {
	display: block;
	float:left;
	margin: 0% 0.5% 0% 0.5%;
}

.col3 {
	display: block;
	float:left;
	margin: 0.5%;
}

.span_1_of_1{
	width: 47.5%;
}

.span_1_of_2{
	width: 47.5%;
	text-align: right;
}

.span_1_of_3{
	width: 66%;
	border: 1px solid black; 
}

.span_1_of_4{
	width: 33%;
	border: 1px solid black; 
}

.span_1_of_5{
	width: 100%;
}

 .span_1_of_6{
	width: 50%;
	height: 300px;
	border: 1px solid black;
}
.sec_report_btn{
	width: 80px;
}
 .span_1_of_7{
	width: 23%;
}
 .span_1_of_8{
	width: 17%;
}
 .span_1_of_9{
	width: 42.5%;
	text-align: right;
	position: relative; 
	top: 3px; 
}
 .span_1_of_10{
	width: 10%; position: relative; top: 3px; 
}

 .span_1_of_11{
	width: 18%;
}
 .span_1_of_12{
	width: 18%;
}
.span_1_of_13{
	width: 18%;
}
.span_1_of_14{
	width: 23%;
	text-align: right;
}

.AWC_report_btn{
	width: 80px;
	position: relative;
	top: 15px;
}

.awc_rprt_lbl{
	position: relative;
	top: 15px;
}

.growth_chrt_btn{
	position: relative;
	top: 5px;
}

.AWC_Stat_div{
	width: 100%; 
	min-height: 400px; 
	margin: 0 auto;
}

.span_1_of_16{
	width: 29%;
	vertical-align: top;
}

.span_1_of_17{
	width: 71%;
	vertical-align: top;
	padding-top:3px
}

.span_1_of_18{
	width: 22%;
	vertical-align: top;
}

.span_1_of_19{
	width: 78%;
	vertical-align: top;
	padding-top:3px
}

.newReg_tbl{
	width: 100%; 
}
.full-info{
	border:1px solid black;
	padding:5px 5px 18px;
	
}
.full-info select, .full-info input{
	pointer-events:none;
}
.full_moni{
	border:1px solid black;
	padding:5px 5px 7px;
	min-height: 485px;
}
.full_moni_hlth{
	border:1px solid black;
	padding:5px 5px 7px;
	min-height: 485px;
}
.disable-fields select, .disable-fields input{
	pointer-events:none;
}
.full_moni select, .full_moni input{
	pointer-events:none;
}
#save{
	width: 130px;
	display:none; 
	position: relative; 
	left: 60px;
}
#cancel{
	width: 130px; 
	display:none; 
	padding-left: 15px; 
	position: relative; 
	right: 60px;
}
/*----------------------loading-------------------*/
/* 	for before body is loading */
	
	#loading_bg {
		width: 100%;
		height: 120%;
		background: black;
		opacity: 0.3;
		filter: alpha(opacity=30);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
}
@-webkit-keyframes opacity {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
@-moz-keyframes opacity {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
	
#loading {
	text-align: center; 
	position: fixed;
	z-index: 1001;
	color: #ffffff;
	font-weight: bold;
	top: 50%;
	left: 45%;
	margin: 0 auto;
	text-shadow: 3px 4px 5px #000000;
}

#loading span {
	-webkit-animation-name: opacity;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	
	-moz-animation-name: opacity;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: infinite;
	
	font-size: 20pt;
}

#loading span:nth-child(2) {
	-webkit-animation-delay: 100ms;
	-moz-animation-delay: 100ms;
}

#loading span:nth-child(3) {
	-webkit-animation-delay: 300ms;
	-moz-animation-delay: 300ms;
}

#loading span:nth-child(4) {
	-webkit-animation-delay: 500ms;
	-moz-animation-delay: 500ms;
}

#loading span:nth-child(5) {
	-webkit-animation-delay: 700ms;
	-moz-animation-delay: 700ms;
}

#loading span:nth-child(6) {
	-webkit-animation-delay: 900ms;
	-moz-animation-delay: 900ms;
}

#loading span:nth-child(7) {
	-webkit-animation-delay: 900ms;
	-moz-animation-delay: 900ms;
}
.google-visualization-table{
	width:100%;
}

.frgt_pass{
	color: green;
}

#tble_header_div{width: 100%; vertical-align:top; height:auto; background-color: #fff; display:none;}
.left_header_div{float:left; width:64%; border-bottom: 1px solid #808080; border-right: 1px solid #808080; font-size: 9pt; text-align:center; background-color: #fff;}
.right_header_div{float:left; width:35.5%; border-bottom: 1px solid #808080; font-size: 9pt;  text-align:center; background-color: #fff;}
.access_img{
	position: relative;
	top: 3px;
}
/**** Exception Report ======================================****/
#outer_div{
	font-size:14px;
	margin:40px auto;
	border:2px solid #36B377;
	width:50%;
	min-height:320px;
}
#select_re{
	width:80%;
	padding:10px;
	border:1px solid #000;
	margin:20px auto;
}

.select_re_table{
	 width: 60%; 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;
}
/**** Exception Report ======================================****/
.mob_login{
	display: none;
}
#choose_month {
    width: 80%;
    padding: 10px;
    border: 1px solid #000;
    margin: 60px auto;
}
.remarks_disease{
	height:125px; 
	width:200px; 
	border:#999 1px solid;
	overflow:auto;
	font-size:10px;
	padding:2px;
}
.remark_lbl{
	width:auto;
	background-color:#00aa59;
	font-size:12px;
	color:white;
	padding:2px 5px;
}
.remarks_disease section{
	border-bottom:1px dashed green;
	padding:5px;	
}
.check_section{
	text-align:left;
	padding-left:45px !important;
}
/* .remarks_disease input, .remarks_disease select{
	pointer-events: none;
} */
.input_cap{
	color:#5d5d5d;
	font-size:10px;
	font-weight: bold;
}