* {
	margin: 0;
}

html, body {
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;	
	background-color: white;
	margin: 0 auto;
}
	#loading_bg {
		width: 100%;
		height: 120%;
		background: black;
		opacity: 0.3;
		filter: alpha(opacity=30);
		position: absolute;
		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 {
	width:20%;
	text-align: center; 
	position: absolute;
	z-index: 1001;
	color: #ffffff;
	font-weight: bold;
	top: 50%;
	left: 40%;
	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;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -2em;
}

#page-container
{
    width: 99%;
    margin: 0 auto;
	/*border-top: 1px #404040 solid;
    border-left: 1px #404040 solid;
	border-right: 1px #404040 solid;*/
}
/*data entry  */
/* #budget_head{
	margin-left:69px;
}
.exc_engg{
	margin-left:-156px;
} 
.dep_engg{
	margin-left:-318px;
}
.jun_engg{
	margin-left:-183px;
}
.wrk_date{
	margin-left:-165px;
}
.est_cost{
	margin-left:-165px;	
}
.exp_yr{
	margin-left:-165px;
}
.tot_exp{
	margin-left:-318px;
}
.exp{
	position:relative;
	left:-318px;
	top:12px;
}
#exp_16_17{
	position:relative;
	left:-142px;
	top:-14px;
}
.remark{
	position:relative;
	left:-177px;
	top:8px;
}
#remarks{
	position:relative;
	left:-19px;
	top:-14px;
}
#date_completion{
	position:relative;
	
} */
/* #budget_head{
	margin-left:66px;
}
#wrk_ordr_date{
	margin-left:57px;
}
#estm_cost{
	margin-left:66px;
}
#tot_exp{
	margin-left:32px;
}
#remarks{
	margin-left:92px;
}
#date_completion_edit{
	margin-left:32px;
}
#date_completion{
	margin-left:-2px;
} */
#new_work_tbl{
	font-size:10pt;
}
/*data entry  */
#mandatory{
	color: red; 
	position: relative;
    left: 8px;
}
#date_completion_edit.datepicker{
	z-index:10000;
}
#mand_cont_name{
 	text-align: justify;  
	font-size: 9pt;
	margin-left: 5px;
	position: relative;
    left: 8px;
    top: 5px;
}
#tableHolder th{
	background:#01617f;
	color: #e6e6e6;
	border-color:#02749B;
}
#tableHolder tr {
	border-color:#02749B;
	height:auto;
}
#tableHolder td{
	border-color:#02749B;
	height:auto;
}
#tableHolder{
	height: 390px;
}

#breadcrumb{
  color: #393;
  font-size: 9pt;
  margin: 10px 0px 0px 20px;
  text-decoration: none;
  font-weight: bold;
}
			
#container{	
	margin:0 auto;
	position:relative;
	text-align:center;
	width: 550px;	
}	
					
#img-content{
	position:relative;
	margin: 0 auto;
}			
.work{
	font-size:13px;
	position:relative;
	top:-18px;
} 
select#contractor_by_work{
	width:150px;
	/* margin-top:15px; */
}
select#contractorSite_by_work{
	width:150px;
}
select#contractor_by_cont{
	width:150px;
	/* margin-top:15px; */
}
select#contractorSite_by_cont{
	width:150px;

}
 #td_by_contr{
	margin-top:20px;
}
/* #construc_tbl tr{
	height:35px;
} */
#Contractor{

	
}

/*  ***Footer*** */
 .push 
{
    width: 100%;
	height: 2em;
}

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

#footer-info{
	width: 100%;
	height: 100%;
	background-color:#014e65;
	/*  background-image: url(../images/footer1.jpg); */ 
	background-repeat: repeat-x;
}  
 .visitor{
 	color:#ffffff;
 	font-size:11px;
 	margin-top:2px;
 }
 .riddhi{
 font-size:11px;
 margin-top:-3px;
 }
 /* footer */

/* .footer_img_div{
	padding:0;
	height: 98px;
	background-image: url("../images/footer_img.jpg");
	background-repeat: repeat;
} */
/* Mobile Application */

.div_mob_app{
	height:300px;
	width:650px;
	padding:25px;
	text-align: center;
	float: none;
	border:3px solid #0077A5;
	border-style: double;
	margin:25px auto;
	position:relative;
	top:25px;
}
.android_img{
	width:200px;
	height: auto;
	border:1px solid gray;
	box-shadow:2px 2px 3px gray;
	position:relative;
	top:25px;
}
.btn_mob_app{
	margin-top:30px;
	width:208px;
	height:38px;
	cursor:pointer;
	border-radius:1px solid #0077A5;
}
.btn_mob_app a:hover{
	background:#014e65;
}

/* Mobile Application */
#logout{
	   text-decoration:none;
	    color:white;
		width: auto;
	 	float: right;
	  	font-size: 11pt;
	  	position: relative;
	    top: -30px;
	    right: 20px;
	    z-index:510;
	 
}

.gradient{
	background: #f2f6f8; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2YyZjZmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2YyZjZmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #f2f6f8 1%, #f2f6f8 20%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(1%,#f2f6f8), color-stop(20%,#f2f6f8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #f2f6f8 1%,#f2f6f8 20%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #f2f6f8 1%,#f2f6f8 20%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #f2f6f8 1%,#f2f6f8 20%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to right,  #f2f6f8 1%,#f2f6f8 20%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#ffffff',GradientType=1 ); /* 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 4s;
    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;
}

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

input[type="button"], input[type="submit"], input[type="reset"] {
    /* border:1px solid #dadada; */
	border-radius:5px;
	border-top-color: #fff;
    border-right-color: #666;
    border-bottom-color: #666;
	border-left-color: #fff; 
	background-color: #0093c2;   
	color: #fff;
	padding: 3px;
}

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

sup{
	color: red;
}

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

/*added 20-06-2014*/
select#contractorSite{	
	width: 350px;
	/* direction: rtl; */
}

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

.morecontent span {
    display: none;
}
.morelink {
    /*display: block;*/
}
@media only screen and (min-width: 768px) and (max-width: 1024px){

/* #wrk_ordr_date{
	margin-left:5px;
}
#estm_cost{
	margin-left:6px;
}
#new_work_tbl{
	font-size:10px;
}
#tot_exp{
	margin-left:2px;
}
#remarks{
	margin-left:2px;
}
#date_completion{
	margin-left:66px;
} */
/* .remark{
	margin-left:-49px;
} */
#new_work_tbl  {
	font-size:11px;
}
#mand_cont_name{
	font-size:12px;
}

}