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

@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.eot');
    src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-regular-webfont.woff') format('woff'),
         url('../fonts/lato-regular-webfont.ttf') format('truetype'),
         url('../fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold-webfont.eot');
    src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bold-webfont.woff') format('woff'),
         url('../fonts/lato-bold-webfont.ttf') format('truetype'),
         url('../fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular_0-webfont.eot');
    src: url('../fonts/opensans-regular_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular_0-webfont.woff') format('woff'),
         url('../fonts/opensans-regular_0-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular_0-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold_1-webfont.eot');
    src: url('../fonts/opensans-bold_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold_1-webfont.woff') format('woff'),
         url('../fonts/opensans-bold_1-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold_1-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{width:100%; float:left; font-family: 'latoregular'; line-height:24px; background:#f9f9f9;  position:relative; }
p{ text-align:justify; font-size:15px ; color:#000; }

a{color:#345ea2; cursor:pointer; text-decoration:none; font-size:14px;}
a:hover{text-decoration:none; color:#000; }

ul#menu li a:hover, ul#menu li a.active { background:none; color:#f6a21d;}
/*ul#menu li li a:hover{ color:#000 !important; }
ul#menu li li a.active {  color:#000 !important; }*/

/*  Header styles */
h1,h2,h3,h4,h5,h6{line-height:1.2em;color:#555555; font-weight:normal;  font-family: 'montserratregular';}
h1{font-size:26px;}
h2{font-size:24px;}
h3{font-size:20px;} 
h4{font-size:18px;}  
h5{font-size:16px;}
h6{font-size:14px;}
/*----- txt,links,lines,titles -----*/
.clear{clear:both;line-height:0;font-size:0;overflow:hidden;height:0;width:100%;}
.fleft{float:left !important;}
.fright{float:right !important;}
.alignright{text-align:right;}
.alignleft{text-align:left;}
.aligncenter{text-align:center;}
.alignmiddle *{vertical-align:middle;}

.p0           {margin-bottom:0;}		
.p1           {margin-bottom:5px;}		
.p2           {margin-bottom:10px;}	
.p3           {margin-bottom:15px;}    
.p4           {margin-bottom:20px;}	
.p5           {margin-bottom:25px;}	
.p6           {margin-bottom:30px;}	
.p7           {margin-bottom:35px;}	
.p8           {margin-bottom:40px;}	
.p9           {margin-bottom:45px;}	
.p10           {margin-bottom:50px;}	
.p11           {margin-bottom:55px;}	
.p12           {margin-bottom:60px;}	
.p13           {margin-bottom:65px;}	
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background:#fff url('../images/page-load.gif') 50% 50% no-repeat;
}
/*login*/
.adminlogin{ width:540px; margin:0 auto; padding-top:20px;}
.mmlogo{ width:100%;text-align:center;}
.admintit{ background:#436fb6; padding:25px 10px; color:#fff; text-align:center; font-size:30px; color:#f2f2f2;}
.formbg{ background:#f2f2f2; padding:40px; float:left;}
.formbg label{color:#2c2c2c; width:100px; float:left; height:36px; line-height:36px;}
.formbg .username{ padding:10px; border:#a3a3a3 1px solid; width:318px;}
.formbg .password{ padding:10px; border:#a3a3a3 1px solid; width:318px;}
.formbg .fpwd{  color:#2c2c2c; float:left; margin-top:10px;}
.formbg .check{ width:150px; float:left; color:#2c2c2c; font-size:14px; margin-left:20px; margin-top:10px;}
.logbtnbg{ background:#fff; padding:10px 0px;}
.logform .logbtn{ background:#D32421;color:#fff; font-size:16px; border:none; padding:10px 20px; text-align:center; margin-left:20px; margin-right:20px; cursor:pointer; float:right; }
.error_box{ width:400px; position:relative; margin:0 auto; }
.error_msg{color:#de482f; width:400px; margin:0 auto;text-align:center; background:#ffaaaa; padding:5px 0px; position:absolute; top:0; left:0;}

#admin_login_form label.error {
    bottom:-35px;
    color: red;
    font: 13px 'open_sansregular';
    position: absolute;
    right: 23px; width:200px; text-align:right;
}
#admin_forgot_form label.error {
    bottom: -35px;
    color: red;
    font: 13px 'open_sansregular';
    position: absolute;
    right: 23px; width:340px; text-align:right;
}

header{width:100%; float:left; position:relative; background:url(../images/headerbg.jpg) repeat-x;background-size:cover; }
section{width:100%; float:left; position:relative;}
footer{width:100%; float:left; position:relative; padding:10px 0;}

.wrapper{width:100%; float:left; position:relative;}
#container{min-width:900px; padding:15px 30px; background:url(../images/bg-pattern.png);}
.content{ padding:10px; overflow:auto; border-radius:5px; border:#c3c3c3 1px solid; min-height:400px;}
.content_inner{overflow:auto; border-radius:5px; border:#c3c3c3 1px solid; min-height:400px;}
.content_innerdiv{ padding:20px 50px;}
/*Main Menu*/
.logo{width:65px; float:left; margin-left:1%; margin-top:1%;position:absolute;}
.menu{float:right; margin:5px 0 0 0px;width:90%;}
.admin{width:370px; float:right; margin:5px 20px 0 0 ;}
.welcome{ width:270px; float:left; color:#94bdff; text-align:right; background:url(../images/admin.png) center right no-repeat; 
padding-right:20px;} 
.welcome span{color:#fff; padding-left:10px;}
.logout{ background:url(../images/logout.png) center right no-repeat; padding-right:15px; color:#fff; width:64px; float:right;}
.logout a{color:#fff; text-decoration:none; font-size:14px;}
.logout a:hover{color:#f6a21d; text-decoration:underline;}
.subinner{width:33.3%; float:left; border-right:#000 1px dotted;}
.innerbg_cont{width:370px; margin:0 auto;}
.innerbg{width:368px; float:left; background:#86a1cd; border:#214786 1px solid; margin:10% 0;}
.proimg{text-align:center; padding-top:40px; float:left; width:100%; height:110px;}
.project{ background:#86a1cd; width:100%; float:left; padding:20px 0; text-align:center;font-size:24px;color:#fff;}
.project a{color:#fff; font-size:24px; font-family: 'latobold';/* background:url(../images/arrow1.png) 140px 10px no-repeat;*/ text-align:center;}
.project a:hover{opacity:0.6;}
.innerbg div img{height:60px;}
.acc{ background:#86a1cd; width:100%; float:left; padding:20px 0; text-align:center;font-size:24px;color:#fff; }
.acc a{color:#fff; font-size:24px; font-family: 'latobold';/*background:url(../images/arrow1.png) 157px 10px no-repeat;*/text-align:center;}
.acc a:hover{opacity:0.6;}
.task{ background:#86a1cd; width:100%; float:left; padding:20px 0; text-align:center;font-size:24px;color:#fff;}
.task a{color:#fff; font-size:24px; font-family: 'latobold';/* background:url(../images/arrow1.png) 81px 10px no-repeat;*/text-align:center;}
.task a:hover{opacity:0.6;}
.f-text{font-size:12px; float:left; color:#bdbdbd; margin-right:30px;}

.topmenu{width:auto;float:left;margin:0px;margin-left:10%;}.topmenu li{float:left;margin:0px 1px;}.topmenu li a{font-family: 'Calibri';color:#fff;float:left;padding:0px 14px;line-height:35px;font-size:15px;font-weight:bold;}
.topmenu li a:hover, .topmenu li a.active{background:#e07b0f;text-decoration:none;}

.weltot{background:#4a9955 !important;border: none !important;}

/*Projects*/
.proleft{width:74%; float:left;}
.proright{width:24%; float:right; border:#c3c3c3 1px solid; padding:20px; border-radius:5px;  margin: 25px 0px 0 0;}

.proinner{width:240px; float:left; margin: 20px 34px; border-radius:5px;}
.protext{width:100%; float:left; text-align:center; padding-top:20px; color:#fff; font-family: 'open_sansregular'; font-size:21px; 
min-height:80px;}
.prono{width:100%; float:left; text-align:center; color:#fff; font-size:18px; font-family: 'open_sansregular'; padding:8% 0;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;}

.rem_text{font-family: 'open_sansbold'; color:#3661a7;font-size:25px;}
.rem_date{font-family: 'open_sansbold'; color:#414141; background:url(../images/reminder.png) center left no-repeat; font-size:14px;
 padding-left:25px;}
.rem_cont{ font-family: 'open_sansregular'; color:#414141; font-size:13px; padding-left:25px;}


/*add projects*/
.page_title{ background:url(../images/tit-bg.jpg) repeat-x; padding:23px 45px; color:#3561a8; font-size:20px; font-weight:bold;}
.addprojects label{ width:130px; float:left; height:32px; line-height:32px;}

.addprojects .aptxt{ padding:7px; border:#e1e1e1 1px solid;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.addprojects .apbtn{ background:#98bc42; color:#fff; padding:7px 20px; border:none;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; cursor:pointer; }
.addpro_table tr th{ padding:0px; border:#295396 1px solid;text-align:center;}
.addpro_table tr td{ padding:5px 15px; border:#d9d9d9 1px solid;}
.orange{background:#ffeed5;}.white{background:#fff;}
.adpdetails{ background:url(../images/adpbtn.jpg) repeat-x; color:#fff; padding:7px 15px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.filled_det{background:url(../images/adpbtn.jpg) repeat-x; color:#000; padding:7px 15px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;opacity:0.5;}
.filled_det:hover{color:#000;cursor:default;}

/*add projects details*/
.pro_name_box{ width:460px; margin:0 auto;}
.pro_name_box label{ width:120px; float:left; color:#414141; height:32px; line-height:32px;}
.pro_name_box .pname{padding:7px; width:250px; border:#e1e1e1 1px solid;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.infld{padding:7px; width:240px; border:#e1e1e1 1px solid;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.column1{ width:440px; float:left;}
.column1 label{ width:170px; float:left;}
.infldowname{padding:7px; width:180px; border:#e1e1e1 1px solid;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.remove{ position:absolute; right: -10px;
    top: 9px;}
.aright{ float:right;}
.btn{ background:#98bc42; color:#fff; padding:7px 20px; border:none;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; cursor:pointer; float:right }
.gtotal{padding:7px; width:240px; border:none; text-align:right; background:none;}
.step{color:#325da2; font-weight:bold; font-size:18px;}
.success{color:#206013;text-align:center; background:#a4d899; padding:5px 0px; position:relative; margin-bottom:20px; width:100%; border:#206013 1px solid;}
.errors{text-align:center; padding:5px 0px; position:relative; margin-bottom:20px; width:100%; border:#da432f 1px solid;color:#de482f; background:#ffaaaa;}

/*==============bg image====================*/
img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0px;
			left: 0; z-index:-1;
		}


	@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
		}
/*Form*/		
.invoiceform{width:1140px; margin:0 auto;}		
.bill{background:#3a66ad; width:100%; float:left; position:relative;}

.group_bg{width:100%; float:left; position:relative; background:#e9e9e9; padding:10px 0; border:#dadecf 1px solid;}

.pplabel{width:145px; float:left; padding:5px; font-size:15px; position:relative; margin:10px 5px; color:#fff; font-weight:normal; text-align:center;}
.field_name{width:152px; float:left; background:#fff; border:#dadecf 1px solid; padding:5px; font-size:14px; position:relative; margin:0 5px; }

.pdlabel{width:100px; float:left; padding:5px; font-size:15px; position:relative; margin:10px 5px; color:#fff; font-weight:normal; text-align:center;}
.field_name1{width:100px; float:left; background:#fff; border:#dadecf 1px solid; padding:5px; font-size:14px; position:relative; margin:0 5px; }

.remove{width:95px; float:left; padding:5px; font-size:15px; position:relative; margin:3px 0; color:#fff; font-weight:normal; text-align:center;}

.cpdlink{width:200px; float:left; margin-top:15px;}
.cpdlink a{color:#2c2c2c; font-size:15px; font-weight:bold; text-decoration:none; background:url(../images/addmore.png) left center no-repeat; padding-left:25px;}
.cpdlink a:hover{text-decoration:underline;}
.innerform{ width:99.6%; float:left; border:#d6d6d6 1px solid;}

.submit{width:120px; float:right; margin:15px 0 0 150px; background:#7f9a38; color:#fff; border:none; border-radius:5px; padding:5px 10px; font-size:18px !important;}
.submit:hover{ background:#3a66ad; color:#fff;}


/*===========New Correction 9714==================*/

.innerbg1{width:368px; float:left; /*background:#f6a21d; border:#b5650f 1px solid;*/ padding: 10px 15px;}
.innerbg2{width:368px; float:left; background:#c98211; border:#b5650f 1px solid; padding: 10px 15px;}
.porject_txt{font:17px 'latobold'; color:#fff;width:100%; float:left;}
.porject_txt span{/* width:150px; float:right;*/ font-size:18px;color:#000;}
.pro_label{font:17px 'latobold'; color:#fff; width:115px; float:left;}
.pro_field{width:105px; float:left; padding:2px 5px; margin-right:10px;}
.pro_submit{font:17px 'latobold'; color:#fff; width:100px; float:right; padding:2px 0; text-align:center; background:#c98211; border-radius:5px; border:none;}
.pro_submit:hover{opacity:0.7;}

.pro_table{font:17px 'latobold'; color:#fff;  width:100%; float:left;}
.pro_table tr{margin-bottom:10px; width:100%; float:left;}
.pro_table td{width:50%; float:left;}
.pro_height{min-height:580px;}

.land_lbl{width:35px !important; float:left; }
.land_fld{width:85px; float:left; margin-right:5px;}
.legend{width:26%; border-style:none; margin:0 0 5px 15px;}



/*add project details*/
.adpro_div{ width:100%; float:left;}
.apgroup{ width:240px; float:left; position:relative;padding-bottom: 15px;}
.apdet .remove{ width: 30px;
position: absolute;
top: 0px;
padding: 0px;
margin: 0px;
right: 0px;}
.land_fld{padding: 7px;
width: 205px;
border: #e1e1e1 1px solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.apdet label{}
.apdet .pro_name_box{ width:auto; float:left;margin-bottom:20px;}
.apdet .legend{ width:10%;}
.apdet .land_lbl{ float:left; line-height:30px;}
.apdet table{ width:100%; border:#d8d9d8 1px solid;}
.apdet table th{ background:#d8d9d8; padding:10px; text-align:center; border-right:#fff 1px solid;}
.apdet table th.last{ border-right:0px;}
.apdet table tr{border-top:#d8d9d8 1px solid;}
.apdet table tr.first{ border-top:0px;}
.apdet table tr td{ padding:10px; text-align:center; border-right:#d8d9d8 1px solid;}.apdet table tr td.last{ border-right:0px;}
.apdet .addmore{color:#fff; background:#98bc42; padding:10px; font-size:16px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}.apdet .addmore:hover{ text-decoration:none; background:#7fa12f;}


/**/
.logform #ajax_res{color: green;text-align: center;width: 100%;float: left;margin-bottom: 20px;}
.welac{background:#196223;padding:10px;}


/*add exp*/
.adexp{ width:100%; float:left;}.adexp label{ width:135px;}
.aebox{ float:left; margin-right:20px; position:relative; padding-bottom:20px;}
label.error{  bottom:-26px; right:0px; color:red; font-weight:normal; font-size:12px; text-align:right; width:100%;position:absolute;line-height:24px; }

#emp_form label.error{  bottom:-30px; right:36px; color:red; font-weight:normal; font-size:12px; text-align:right; width:100%;line-height:24px; }

#reset_form label.error{  bottom:-37px; right:24px; color:red; font-weight:normal; font-size:12px; text-align:right; width:100%;position:absolute;line-height:24px; }

/*add reminder*/
.required{color:red; font-size:12px; float:right; margin-bottom:30px;}
.reminder{ width:100%; float:left;}
.reminder label{ width:135px}
.ui-tabs{ float:left; width:100%;}
.ui-tabs-nav{ background:#9b9b9b !important; border:none !important; border-radius:0 !important;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{color:#000 !important;}


/*Employee privilages  */
.check{width:169px; float:left;}

.div_group{width:30%;float:left;}

/*Emp Attendance*/
.ea_div{ position:relative; width:100%; float:left; margin-bottom:20px;}
.rbtn{width:20px;height:20px;margin-right:20px !important; float:left;}
.ea_div label{ line-height:24px; width:100%;}
.ea_table{width:100%; float:left; text-align:center;border:#d9d9d9 1px solid; margin-top:20px;}.ea_table th{background:#295396;color:#fff;padding:10px;border:#d9d9d9 1px solid; text-align:center; vertical-align:middle; }.ea_table tr td{border:#d9d9d9 1px solid;padding:10px;}
.ea_table input[type=radio]{width:20px;height:20px;}
.ea_page .sub{ float:left; margin-right:20px; font-weight:bold;}.ea_page .reset{ float:left; background:#f55c5c;font-weight:bold;}
.ea_page label{ margin-right:20px; line-height:32px;}
.ea_group{ width:300px; float:left;}

/*updated by karthik-26-08-15*/
.att_check_div{float:right;margin-top:-66px;z-index:999;position:relative;}.att_check_div input{width:25px;height:25px;margin-right:10px !important;}
.all_present{color:green;}.all_absent{color:red;}
.add_emp_att .ea_div{float:left;width:auto;margin-right:60px;}
#hol_reason.ea_div{clear:both;width:100%;float:left;margin-top:30px;}#hol_reason.ea_div .infld{width:376px;height:120px;}
.vemp_atd .ea_group{width:250px;}
#type_div .ea_div{width:auto;}
#show_emp_leave{float:right;}
.valadmin .ea_group{width:250px;}
.t_area{width:100%;margin:10px 0px;border:#e1e1e1 1px solid;}
.t_area_btn{background:#e07b0f;    color: #fff;
    border: none;
    padding: 6px 20px;
    float: left;
    margin: 0 auto;
    display: block;
    width: 100px;
    float: none;border-radius:3px;}
    /*-------------To Top-------------*/
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom:0px;
    right: 5px;margin-right:5px !important;
    overflow: hidden;
    width:50px;
    height: 50px;
    color: #3d3d3d;
    text-indent: -999px;

    z-index: 20;
	font-size: 14px;
	line-height: 30px; cursor:pointer;
	font-family: 'Racing Sans One', cursive;
    background:#ee4b31 url(../images/totop.png) no-repeat center ;
    transition: 0s ease;
    -o-transition: 0s ease;
    -webkit-transition: 0s ease;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#toTop:hover {
    outline: none;
    background:#494949 url(../images/totop.png) no-repeat center ;
}

#gcode iframe{height:0px!important;}

/**/
.eli_bg{background:url('../images/eli_bg.gif') repeat;}

/*new welcome page*/
.wel_box{width:95.2%;background:#eaeaea; padding:40px 20px;border:#dadada 1px solid;float:left;margin:4%;}
.wel_box a{width:18.8%;height:auto;float:left;font-size:16px;font-weight:bold;text-align:center;color:#fff;padding:30px 0px;margin:0px 20px;}
.wel_box a.box1{background:#3f51b5;}.wel_box a.box2{background:#880e4f;}.wel_box a.box3{background:#009688;}.wel_box a.box4{background:#558b2f;}
.wel_box a span{font-size:50px;}.wel_box a:hover{background:#3c3c3c;text-decoration:none;color:#fff;}
z
/**/
.toggle_title{width:100%;float:left;padding:10px 20px;font-size:16px;background:#37474f;color:#fff;border-radius:5px;cursor: pointer;margin:2px 0px;}
.toggle_title:hover{background:#455A64;}
.toggle_title a{color:#fff; text-transform: uppercase;}
.toggle_title a:hover{color:#fff; text-decoration: none;}
.toggle_title span{margin-left:30px;}
.internal,.internal2,.internal3,.internal4,.internal5,.internal6,.internal7,.internal8,.internal9,.internal10,.internal11,.internal12{width:100%;float:left;padding:20px;border:#eaeaea 1px solid;}
.toggle_box{width:33%;float:left;  margin-bottom: 15px;}
.toggle_stitle{width:100%;float:left;font-weight:bold; margin-bottom: 10px;color:#F44336; text-transform: uppercase;}
.toggle_box label{font-weight:normal;}
.chk_box{float:left; margin-right:10px;}
.chk_box1{float:left; margin-right:20px;}
/*Dashboard*/
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:20px 20px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:20px 20px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg .tg-y7gf{font-size:28px;border-color:inherit;text-align:center;vertical-align:top}
.tg .tg-bcx6{font-size:26px;border-color:inherit;text-align:center}
.tg .tg-c3ow{border-color:inherit;text-align:center;vertical-align:top}
.tg .tg-ho3n{font-size:26px;border-color:inherit;text-align:center;vertical-align:top}