@charset "utf-8";
/* CSS Document */

body{
margin:0 auto; 
text-align:center; 
color:#333333; 
font-family:Trebuchet MS, Arial, Geneva; 
font-size:12px; 
background-color:#154360;
overflow-x: hidden !important;
}
input,select,textarea { width:200px;}
#main_container{
	margin:0 auto; 
	text-align:left; 
	background:#FFFFFF;
	
}

#header{
height:85px;
}

#logo{
padding-top:5px;
padding-left: 35px;
}

#login_details{
	float:right;
	text-align:right;
	padding-top: 35px;
	padding-right: 65px;
}
.welcome{ 
	font-size:14px;
	
}
.loged_name{
	color:#0D3148;
	font-size:16px;
	font-weight:bold;
}

#header_bg{
	background:#0D3148;
	height:35px;
	text-align:right;
	padding-right:20px;
	clear:both;
}
#header_bg .logout, active, visited{
	text-decoration:none;
	color:#ffffff;
	line-height:20px;
	font-size:14px;
	text-align:right;

}
#header_bg .logout:hover{
	text-decoration:none;
	color:#afeeee;
	line-height:20px;
	font-size:14px; 
    text-align:right;
	 
}
.emp{
	text-decoration:none;
	color:#FFFFFF;
	line-height:20px;
	font-size:14px;
	font-weight: 600;
}


.emp:hover{
	text-decoration:none;
	color:#afeeee;
	line-height:20px;
	font-size:14px;
    font-weight: 600;	
	
}
.leave{
	text-decoration:none;
	color:#FFFFFF;
	font-size:13px;
	font-weight: 600;
}


.leave:hover{
	text-decoration:none;
	color:#afeeee;
	font-size:13px;
	font-weight: 600;
	
}

#content_holder{
height:auto;
min-height:600px;

}

#content_holder #left_navi_holder{
padding: 0px;
}

ul{
    list-style: none;
	width: 236px;
}

.side_navi_gap{
	color:#FFFFFF;
	display:block;
	line-height:26px;
	margin-top:5px;
	font-size:14px;
}

.navi_head, active, visited{
	background: #c42733;
    color: #FFFFFF;
    display: block;
    line-height: 21px;
}
.navi_head:hover{
	background:	#c42733;
	color:#FFFFFF;
	display:block;
	line-height:18px;
	text-decoration:none;
}

/*
.side_navi, active, visited{


}

.side_navi:hover{
	background:url(../imgs/sub_navi_bg_mo.gif) no-repeat;
	color:#333333;
	display:block;
	line-height:26px;
	margin-top:2px;
	font-size:12px;
	background-color:#ebce7f;
} */ 

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

li {
    float: left;
}

li a {
    display: block;
    padding: 7px;
   
}

#form_area{
	margin-top:10px;
 
}

#form_area #form_head{
	line-height:34px;
	background:url(../imgs/bg_form_head.jpg) repeat-x;
}

#form_area #form_head #left_corner{
	background:url(../imgs/form_head_left.jpg) no-repeat;
float: left;
width: 6px;
}

#form_area #form_head #right_corner{
	background:url(../imgs/form_head_right.jpg) no-repeat;
float: right;
width: 6px;
}

#form_area #form_head #form_head_text_area{	
	font-size:14px;
	font-weight:bold;
	
}
#form_area #indent_form_heads{
	clear:both;
}

#form_area #indent_form_heads .form_no{
	text-align:left;
}

#form_area #indent_form_heads {
	text-align:right;
}

#form_area #form{
 margin-top: 40px;

/*	 background-color:#f7f7f7; */
}
h4{
	text-align:left;
}


#footer{
	background-color:#0D3148;
	color:#FFFFFF;
	text-align:center;
}


.txt_box{ border:1px solid #999999; font-family:"Trebuchet MS", sans-serif, Arial, Geneva; padding-top:2px; padding-bottom:2px;}
.dropdown{font-family:"Trebuchet MS", sans-serif, Arial, Geneva; padding-top:3px; padding-bottom:3px;}
.btn{ border:0px; background-color:#0D3148; color:#FFFFFF; font-size:12px; cursor:pointer;}

.btn.focus, .btn:focus, .btn:hover{
background-color:#0D3148; color:#FFFFFF;
}
.abtn{ border:0px; background-color:#004d70; color:#FFFFFF; font-size:14px; cursor:pointer;}

.abtn.focus, .abtn:focus, .abtn:hover{
background-color:#004d70; color:#FFFFFF;
}

.icon_text_box{ vertical-align:bottom;}

.txt_box_other{ border:1px solid #999999; font-family:"Trebuchet MS", sans-serif, Arial, Geneva; padding-top:2px; padding-bottom:2px;}
.txt_box_quantity{ border:1px solid #999999;  font-family:"Trebuchet MS", sans-serif, Arial, Geneva; padding-top:2px; padding-bottom:2px;}
.dropdown_item_name{ border:1px solid #999999;  font-family:"Trebuchet MS", sans-serif, Arial, Geneva; padding-top:3px; padding-bottom:3px;}
.text_area_indent{ border:1px solid #999999;}
.bold_text{ font-weight:bold;}

p{ margin-top:7px; margin-bottom:7px; }
h5{ font-size:16px; font-weight:bold; color:#999999; border-bottom:1px dashed #999999; }
h6{ font-size:14px; font-weight:bold; color:#333333; border-bottom:1px solid #999999; margin:0px 0px 10px 0px;}

label{
	line-height:24px;
	text-align:right;
	margin-bottom:0px;
}

.grid_head{
	background-color:#333333;
	color:#FFFFFF;
	padding-left:5px;
	font-size:12px;
	font-weight:bold;
	line-height:26px;
}

.grid_content_1{
	background-color:#f7f7f7;
	padding-left:5px;
	border-bottom:1px solid #CCCCCC;	
	line-height:26px;
}

.grid_content_2{
	background-color:#f1f1f1;
	padding-left:5px;
	border-bottom:1px solid #CCCCCC;	
	line-height:26px;		
}

.grid_content_indent_1{
	background-color:#f7f7f7;
	padding-left:5px;
	border-bottom:1px solid #CCCCCC;
	line-height:26px;
	padding-bottom:3px;
	padding-top:3px;
}

.grid_content_indent_2{
	background-color:#f1f1f1;
	padding-left:5px;
	border-bottom:1px solid #CCCCCC;
	line-height:26px;
	padding-bottom:3px;
	padding-top:3px;
}

.grid_edit, active, visited{
	text-decoration:underline;
	color:#0066FF;	
}
.grid_edit:hover{
	text-decoration:none;
	color:#0066FF;	
}

.grid_delete, active, visited{
	text-decoration:underline;
	color:#990000;
}
.grid_delete:hover{
	text-decoration:none;
	color:#990000;
}

.align_left{
	float:left;
	text-align:left;
	margin-right:10px;
}

.align_right{
	float:right;
	text-align:right;
	margin-left:10px;
}
.navbar-toggle .icon-bar {
    background-color: #fff;
}

.pull-left {
    float: left!important;
	margin-top:0px;
	padding:5px;
}



.nav-side-menu .toggle-btn {
  display: none;
}

#myModal label.error{
color:#FF0000;
}

#tb input{
width:150px;
}
#tb select{
width:150px;
}
@media (max-width: 767px) {
  .nav-side-menu {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }
  .nav-side-menu .toggle-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10 !important;
    padding: 3px;
    background-color: #ffffff;
    color: #000;
    width: 40px;
    text-align: center;
  }

}
@media (min-width: 767px) {
  .nav-side-menu .menu-list .menu-content {
    display: block;
  }
}

.msg_succ_cls{
color:#008000;
text-align:center;
font-size:14px;
height:20px;
padding-top:5px;
}

.msg_fail_cls{
color:#FF0000;
text-align:center;
font-size:14px;
height:20px;
padding-top:5px;
}

.radio_cls{
margin-top: 5px;
width:35px;
}
.radio_txt{
margin-left:-7px;
}
.form-group {
margin-bottom: 10px;
padding-right: 80px;
	
}
.addbtn{
right: -990px;
top: 25px;
}
.btnbtn{
right: -990px;
font-size:20px;
}
.approve{
color:#008000;
text-align:center;
font-size:12px;
font-weight:600;
}
.reject{
color:#FF0000;
text-align:center;
font-size:12px;
font-weight:600;
}

.btnverify{
padding: 5px;
background: #147CAE;
border-radius: 10px;
padding-left: 8px;
padding-right: 4px;
color: #ffffff;
font-weight: 600;
}

.btnverify:hover{
padding: 5px;
background: #147CAE;
border-radius: 10px;
padding-left: 8px;
padding-right: 8px;
color: #ffffff;
font-weight: 600;
}

.datepicker-switch{
background:#eee;
margin-left:20px;
}

.datagrid-header-row{
	font-weight:600;
}

.childchk
{
padding-left:0px;
padding-right:0px;
}
.dhead{
height:25px;
}

.badd{
color: #fff;
background-color: #449d44 !important;
border-color: #398439 !important;
padding: 4px;
padding-left: 7px;
padding-right: 7px;
border-radius: 15px;
}

.badd:hover{
color: #fff;
background-color: #449d44 !important;
border-color: #398439 !important;
padding: 4px;
padding-left: 7px;
padding-right: 7px;
border-radius: 15px;
}

.brem{
color: #fff;
background-color: #c9302c !important;
border-color: #ac2925 !important;
padding: 4px;
padding-left: 6px;
padding-right: 7px;
border-radius: 15px;
}

.brem:hover{
color: #fff;
background-color: #c9302c !important;
border-color: #ac2925 !important;
padding: 4px;
padding-left: 6px;
padding-right: 7px;
border-radius: 15px;
}

.imgdiv{
width:45px;
height:45px;
border-radius:5px;
border:solid 1px #006699;
padding:2px;
margin-right:2px;
}


#form_head .errorhead{
color: #FF0000 !important;
}
.error4{
color: #FF0000 !important;
font-weight:600;
font-size:14px;
}
.aright{
font-weight:600;
text-align:right;
font-size:13px;
padding:3px;
min-height:35px;
}
.aleft{
/*text-align:left; */
font-size:13px;
padding:3px;
min-height:35px;	
text-align: justify;
top:2px;
}
.hours_label{
	padding:10px;
	background-color:#154360;
	color:#ffffff;
     float:left;
	 
}

.rightmenu{
color: #eee;
font-weight: 600;
vertical-align: middle;
cursor: pointer;
background: #0D3148;
font-size:14px;
}
.rightmenu:hover{
color:#257ea9;
color: #eee;
font-weight: 600;
vertical-align: middle;
cursor: pointer;
font-size:14px;
/* background: #0D3148; */
}
.caretbig{
border-top: 6px dashed;
border-top: 6px solid\9;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
}
.dropleft{
width: 150px;
padding: 2px 0;
}

.open{
background: #0D3148 !important;
}
.divright{
    float: right;
    text-align: left;
    min-width: 180px;
}

.dropdown:hover .menu-content {
	color:#257ea9;
    display: block;
	
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            background-color:#c42733;
			color:white;
			min-width: 180px;			
 }

.heads{	
	padding-left:0px !important;
}
#form label.error {
    color: #FF0000;
}
#tbhours{
	   background-color:#2c5570;
	   color:#FFFFFF;
	   height:43px;
	   text-align:center;
	   font-size:14px;
           border-radius: 20px;
           padding-top: 2px;
	   font-weight:bold;"
}
.form-control{
	    background-color: #85bbde1a !important;
}