* {
	padding: 0px;
	margin: 0px;
}

body {
	/*font-family:"opensans";*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

img {
	max-width: 100%;
	width: auto;
	height: auto;
	border: none;
}

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

}*/
/*@font-face {
 font-family: "opensans";
 src: url("../fonts/opensans-regular-webfont.eot")
}
@font-face {
 font-family: "opensans";
 src: url("../fonts/OpenSans-Regular.TTF")
}*/
.cl {
	clear: left;
}

.cr {
	clear: right;
}

.cb {
	clear: both;
}

.wrapper {
	width: 1065px;
	margin: auto;
	/*height:1000px;
	background-color:#FF0000;*/
}

header {
	width: 100%;
	height: 118px;
	background-image: url(../images/header_back.jpg);
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #222222 0px, #222222 37px, #0096a7 37px, #0096a7 118px);
	background-image: -webkit-linear-gradient(top, #222222 0px, #222222 37px, #0096a7 37px, #0096a7 118px);
	background-image: -o-linear-gradient(top, #222222 0px, #222222 37px, #0096a7 37px, #0096a7 118px);
	background-image: -ms-linear-gradient(top, #222222 0px, #222222 37px, #0096a7 37px, #0096a7 118px);
	/*filter:progid:DXImageTransform.Microsoft.gradient(top, startColorstr="#222222", endColorstr="#222222" 37px, startColorstr="#0371af" 37px, endColorstr="#025395" 118px);*/
	box-shadow: 0px 0px 5px 5px #cdcdcd;
	-moz-box-shadow: 0px 0px 5px 5px #cdcdcd;
	-webkit-box-shadow: 0px 0px 5px 5px #cdcdcd;
	-o-box-shadow: 0px 0px 5px 5px #cdcdcd;
	-ms-box-shadow: 0px 0px 5px 5px #cdcdcd;
}

.header_in {
	width: 1065px;
	margin: auto;
}

.logo {
	width: 175px;
	height: 118px;
	float: left;
}

nav {
	/*width:750px;*/
	width: 815px;
	float: right;
}

.nav_top {
	/*width:150px;*/
	width: 170px\0;
	float: right;
	font-size: 0.8em;
	line-height: 37px;
	font-weight: bold;
	color: #e1e1e1;
}

.nav_top img {
	margin-left: 10px;
	vertical-align: middle;
}

.nav_bottom {
	/*width:750px;*/
	/*width: 815px;*/
}

.nav_bottom a {
	text-decoration: none;
	display: inline-block;
	color: #ffffff;
	font-size: 0.8em;
	/* font-weight: bold; */
	/* border-left: 1px solid #00606b;
	border-right: 1px solid #00606b; */
	padding: 12px 12px 14px 12px;
	*padding: 12px 12px 14px 12px;
	text-align: center;
	text-decoration: none;
}

.nav_bottom a:hover {
	background-color: #00606b;
	color: #ffffff;
	text-decoration: none;
}

.nav_bottom a.active {
	background-color: #00606b;
}

.content {
	width: 1065px;
	margin: 25px 0px 30px 0px;
}

/*.nav_bottom a:first-child{
	border-right:1px solid #002340;
}*/
.content_left {
	width: 803px;
	float: left;
	border: 1px solid #cccccc;
}

.content_left_top {
	height: 28px;
	border-bottom: 1px solid #a9a9a9;
}

.content_left_top_text {
	font-size: 0.8em;
	color: #333333;
	font-weight: bold;
	padding-left: 15px;
	line-height: 28px;
	float: left;
}

.content_left_top_box {
	/*width:221px;*/
	height: 28px;
	margin-right: 5px;
	float: right;
	width: 575px;
}

.content_left_top input {
	/*width:221px;*/
	border: 1px solid #BBBBBB;
	border-radius: 5px;
	box-shadow: 0 1px 0 0 #B3B3B3 inset;
	color: #333333;
	font-size: 0.9em;
	font-weight: normal;
	height: 22px;
	padding: 2px;
}

.content_left_top label {
	font-size: 0.9em;
	font-weight: normal;
}

.content_left_top select {
	width: 221px;
	height: 25px;
	border: none;
	font-size: 0.8em;
	line-height: 25px;
	color: #666666;
	outline: none;
}

.content_left_bottom {
	width: 801px;
	height: 120px;
}

.content_right {
	width: 243px;
	float: right;
}

.content_right_top input[type="button"] {
	width: 243px;
	height: 32px;
	border-radius: 8px;
	border: 1px solid #0096a7 ;
	background-image: -moz-linear-gradient(top, #0096a7 , #0096a7 );
	background-image: -webkit-linear-gradient(top, #0096a7 , #0096a7 );
	background-image: -o-linear-gradient(top, #0096a7 , #0096a7 );
	background-image: -ms-linear-gradient(top, #0096a7 , #0096a7 );
	filter: progid:DXImageTransform.Microsoft.gradient(top, startColorstr="#0096a7 ", endColorstr="#0096a7 ");
	box-shadow: 0px 1px 0px 0px #0096a7  inset;
	-moz-box-shadow: 0px 1px 0px 0px #0096a7  inset;
	-webkit-box-shadow: 0px 1px 0px 0px #0096a7  inset;
	-o-box-shadow: 0px 1px 0px 0px #0096a7  inset;
	color: #ffffff;
	text-align: center;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 25px;
	cursor: pointer;
	margin-bottom: 8px;
	outline: none;
}

.content_right_top input[type="button"]:hover {
	width: 243px;
	height: 32px;
	border-radius: 8px;
	border: 1px solid #00606b;
	background-image: -moz-linear-gradient(top, #00606b, #00606b);
	background-image: -webkit-linear-gradient(top, #00606b, #00606b);
	background-image: -o-linear-gradient(top, #00606b, #00606b);
	background-image: -ms-linear-gradient(top, #00606b, #00606b);
	filter: progid:DXImageTransform.Microsoft.gradient(top, startColorstr="#00606b", endColorstr="#00606b");
	box-shadow: 0px 1px 0px 0px #00606b inset;
	-moz-box-shadow: 0px 1px 0px 0px #00606b inset;
	-webkit-box-shadow: 0px 1px 0px 0px #00606b inset;
	-o-box-shadow: 0px 1px 0px 0px #00606b inset;
	color: #ffffff;
	text-align: center;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 25px;
	cursor: pointer;
	margin-bottom: 8px;
	outline: none;
}

.content_right_top a {
	text-decoration: none;
}

.content_right_bottom {
	width: 243px;
	*width: 223px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	padding: 10px;
	border: 1px solid #cccccc;
}

.content_right_bottom ul li {
	list-style: none;
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 0.8em;
	line-height: 20px;
	color: #333333;
}
.content_right_bottom ul li:last-child {
	margin-bottom: 0px;
}
.content_right_bottom ul li label {
	font-size: 0.9em;
	line-height: 20px;
	color: #333333;
	width: 150px;
	display: inline-block;
}

.container {
	width: 1065px;
}

.container_top {
	/*width:1065px;*/
	/**width:1043px;*/
	*height: 43px;
	/*height:43px;*/
	padding: 0px 10px 0px 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	line-height: 43px;
	font-size: 0.9em;
	color: #fff;
	border: 1px solid #cccccc;
	border-bottom: none;
	background-image: -moz-linear-gradient(top, #a7a7a7, #a7a7a7);
	background-image: -webkit-linear-gradient(top, #a7a7a7, #a7a7a7);
	background-image: -o-linear-gradient(top, #a7a7a7, #a7a7a7);
	background-image: -ms-linear-gradient(top, #a7a7a7, #a7a7a7);
	filter: progid:DXImageTransform.Microsoft.gradient(top, startColorstr="#a7a7a7", endColorstr="#a7a7a7");
}

.container_top_left {
	font-size: 0.9em;
	font-weight: bold;
	/* color: #333333; */
	line-height: 43px;
	float: left;
}

.container_top_left a{
	color: #fff;
}
.container_top_right_dashboard {
	/*width:290px;*/
	float: right;
}

.container_top_right {
	width: 290px;
	float: right;
}

.container_top_right1 {
	/*width:360px;*/
	width: 450px;
	float: right;
}

.search {
	width: 192px;
	height: 28px;
	float: left;
	margin-top: 5px;
	background: #ffffff;
	border-radius: 5px;
	border: 1px solid #bdbdbd;
	/* box-shadow: 0px 2px 5px 3px #d3d3d3 inset;
	-moz-box-shadow: 0px 2px 5px 3px #d3d3d3 inset;
	-webkit-box-shadow: 0px 2px 5px 3px #d3d3d3 inset;
	-o-box-shadow: 0px 2px 5px 3px #d3d3d3 inset;
	-ms-box-shadow: 0px 2px 5px 3px #d3d3d3 inset; */
}

.search input[type="text"] {
	width: 155px;
	height: 27px;
	border-radius: 5px;
	border: none;
	border-right: none;
	background: #ffffff;
	background-color: #ffffff;
	font-size: 0.8em;
	padding-left: 5px;
	line-height: 27px;
	color: #b6b6b6;
	/*box-shadow:0px 2px 5px 3px #d3d3d3 inset;*/
	float: left;
	outline: none;
}

.search img {
	margin: 5px 0px 0px 7px;
	*margin: -5px 0px 0px 7px;
	vertical-align: top;
}

.add1 {
	/*width:165px;*/
	width: 240px;
	float: right;
	font-size: 0.9em;
	color: #000;
}

.add1 a {
	text-decoration: none;
	color: #000;
	display: inline-block;
}

.add1 img {
	margin: 11px 10px 0px 15px;
	margin: 0px 10px 0px 15px;
	vertical-align: top;
}

.add1 a:hover {
	text-decoration: underline;
}

.add {
	width: 80px;
	float: right;
	font-size: 0.9em;
	/* color: #000; */
	display: flex;
    justify-content: center;
    align-items: center;
}

.add a {
	text-decoration: none;
	color: #fff;
	/* display: inline-block; */
}

.add img {
	margin: 11px 10px 0px 15px;
	/* margin: 0px 10px 0px 15px; */
	vertical-align: top;
}

.add a:hover {
	text-decoration: none;
}

.container_bottom {
	border: 1px solid #cccccc;
	/*font-family:"opensans";*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.container_bottom th {
	background: #e7e7e7;
	line-height: 35px;
}

.container_bottom th {
	text-align: left;
	font-weight: bold;
	font-size: 0.8em;
	padding: 5px 5px 5px 10px;
	line-height: 22px;
	color: #000;
}

.container_bottom tr:hover td {
	/* background: #ffefcf; */
	color: #333333;
}

.container_bottom_text {
	font-size: 0.8em;
	font-weight: normal;
	color: #333333;
	padding: 5px 5px 5px 10px;
	line-height: 23px;
	/*white-space:nowrap;
	text-overflow:ellipsis;*/
	vertical-align: top;
	/*white-space:nowrap;
	word-wrap:break-word;*/
	cursor: pointer;
}

.container_bottom_text img {
	vertical-align: middle;
	margin-right: 5px;
}

.action_accepted {
	font-size: 0.75em;
	font-weight: bold;
	color: #259d00;
	padding-left: 10px;
	line-height: 30px;
	vertical-align: top;
}

.action_rejected {
	font-size: 0.75em;
	font-weight: bold;
	color: #c70000;
	padding-left: 10px;
	line-height: 30px;
	vertical-align: top;
}

.brdr_right {
	border-right: 1px solid #cccccc;
}

.container_bottom tr:nth-child(2n+0) {
	background: #ffffff;
}

.container_bottom tr:nth-child(2n+1) {
	background: #f8f8f8;
}

.bottom_text {
	font-size: 0.7em;
	line-height: 30px;
	color: #333333;
	margin-bottom: 20px;
}

footer {
	width: 1065px;
}

.footer_left {
	width: 335px;
	font-size: 0.7em;
	color: #666666;
	line-height: 30px;
	float: left;
}

.footer_right {
	width: 110px;
	font-size: 0.7em;
	color: #666666;
	float: right;
}

.footer_right a {
	text-decoration: none;
	color: #666666;
	display: inline-block;
	line-height: 30px;
}

.footer_right a:hover {
	text-decoration: underline;

}

/************************ css for login page *******************************/
.login {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-y;
	background-image: -moz-linear-gradient(left, #e4e3e3 0%, #f8f8f9 38%, #f8f8f9 59%, #e4e3e3 100%);
	background-image: -webkit-linear-gradient(left, #e4e3e3 0%, #f8f8f9 38%, #f8f8f9 59%, #e4e3e3 100%);
	background-image: -o-linear-gradient(left, #e4e3e3 0%, #f8f8f9 38%, #f8f8f9 59%, #e4e3e3 100%);
	background-image: -ms-linear-gradient(left, #e4e3e3 0%, #f8f8f9 38%, #f8f8f9 59%, #e4e3e3 100%);
	background-color: #e4e3e3;
	/*height:500px;*/
}

.login_container {
	width: 443px;
	padding-top: 67px;
	margin: auto;
}

.login_container_top {
	width: 164px;
	/* height: 128px; */
	margin: auto;
	padding-bottom: 32px;
}

.login_container_mid {
	width: 262px;
	height: 29px;
	background-color: #00606b;
	border: 1px solid #ffffff;
	border-radius: 10px;
	margin: auto;
	position: absolute;
	z-index: 1;
	margin-top: -20px;
	margin-left: 90px;
	font-size: 0.8em;
	color: #ffffff;
	text-align: center;
	line-height: 29px;
	text-transform: uppercase;
	font-weight: bold;
}

.login_container_bottom {
	width: 443px;
	height: 290px;
	border-radius: 10px;
	padding: 20px 30px 20px 30px;
	/*background-color:#FF0000;*/
	border: 1px solid #ffffff;
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	background-image: url(../images/login_back.jpg);
	background-repeat: no-repeat;
	background-image: -moz-radial-gradient(50% 50%, #00606b, #0096a7);
	background-image: -webkit-radial-gradient(50% 50%, #00606b, #0096a7);
	background-image: -o-radial-gradient(50% 50%, #00606b, #0096a7);
	background-image: -ms-radial-gradient(50% 50%, #00606b, #0096a7);
	/*filter:progid:DXImageTransform.Microsoft.radial-gradient(50% 50%, startColorstr="#2b64a1", endColorstr="#01458f");*/
}

.login_container_bottom ul {
	margin-top: 22px;
}

.login_container_bottom ul li {
	list-style: none;
	/*margin-left:10px;*/
	*margin-left: 0px;
}

.login_container_bottom ul li label {
	width: 200px;
	display: block;
	font-size: 0.8em;
	line-height: 20px;
	margin-bottom: 10px;
	color: #ffffff;
}

.login_container_bottom ul li input[type="text"] {
	width: 340px;
	height: 35px;
	border: 1px solid #b0b0b0;
	box-shadow: 0px 1px 0px 0px #d5d5d5 inset;
	-moz-box-shadow: 0px 1px 0px 0px #d5d5d5 inset;
	-webkit-box-shadow: 0px 1px 0px 0px #d5d5d5 inset;
	-o-box-shadow: 0px 1px 0px 0px #d5d5d5 inset;
	-ms-box-shadow: 0px 1px 0px 0px #d5d5d5 inset;
	font-size: 0.8em;
	line-height: 35px;
	color: #666666;
	padding-left: 40px;
	margin-bottom: 15px;
	border-radius: 10px;
	outline: none;
}

.login_container_bottom ul li input[type="password"] {
	width: 340px;
	height: 35px;
	border: 1px solid #b0b0b0;
	box-shadow: 0px 1px 0px 0px #d5d5d5 inset;
	-moz-box-shadow: 0px 1px 0px 0px #d5d5d5 inset;
	-webkit-box-shadow: 0px 1px 0px 0px #d5d5d5 inset;
	-o-box-shadow: 0px 1px 0px 0px #d5d5d5 inset;
	-ms-box-shadow: 0px 1px 0px 0px #d5d5d5 inset;
	font-size: 0.8em;
	line-height: 35px;
	color: #666666;
	padding-left: 40px;
	margin-bottom: 15px;
	border-radius: 10px;
	outline: none;
}

.username {
	background-image: url(../images/username_img.jpg);
	background-repeat: no-repeat;
}

.password {
	background-image: url(../images/password_img.jpg);
	background-repeat: no-repeat;
}

.login_container_bottom ul li a {
	text-decoration: none;
	color: #ffffff;
}

.login_container_bottom ul li a:hover {
	text-decoration: underline;
}

.login_container_bottom ul li input[type="submit"] {
	width: 84px;
	height: 32px;
	float: right;
	border-radius: 7px;
	background-color: #ff8705;
	line-height: 20px;
	text-align: center;
	color: #ffffff;
	font-size: 0.9em;
	border: 1px solid #cd6a00;
	box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-moz-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-webkit-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-o-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	*margin-right: 70px;
	outline: none;
	cursor: pointer;
}

.login_container_bottom ul li input[type="submit"]:hover {
	width: 84px;
	height: 32px;
	float: right;
	border-radius: 7px;
	background-color: #ea7a00;
	line-height: 20px;
	text-align: center;
	color: #ffffff;
	font-size: 0.9em;
	border: 1px solid #cd6a00;
	box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-moz-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-webkit-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-o-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	*margin-right: 70px;
	outline: none;
	cursor: pointer;
}


.shadow {
	position: relative;
	max-width: 443px;
	margin-top: -20px;
	/*box-shadow:0px 0px 5px 5px #000;*/
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0),
		0px 0px 20px rgba(0, 0, 0, 0) inset;
}

.shadow:before,
.shadow:after {
	content: "";
	position: absolute;
	z-index: -1;
}

.shadow:before,
.shadow:after {
	content: "";
	position: absolute;
	z-index: -1;
	bottom: 15px;
	-webkit-bottom: 15px;
	left: 10px;
	width: 50%;
	height: 20%;
}

.shadow:before,
.shadow:after {
	content: "";
	position: absolute;
	z-index: -1;
	left: 10px;
	width: 50%;
	height: 20%;
	box-shadow: 0 15px 10px #000;
	-moz-transform: rotate(-4deg);
	-webkit-transform: rotate(-4deg);
	-o-transform: rotate(-4deg);
}

.shadow:after {
	right: 10px;
	left: auto;
	-moz-transform: rotate(4deg);
	-webkit-transform: rotate(4deg);
	-o-transform: rotate(4deg);
}

/******************************* css for view jobs page ***********************************************/

.pegination {
	width: 20%;
	float: right;
	margin-bottom: 7px;
	margin-top: 27px;
	font-size: 0.9em;
}

.pegination a {
	text-decoration: none;
	padding: 3px;
	margin: 2px;
	display: inline-block;
	color: #333333;
	text-align: center;
	border: 1px solid #cccccc;
}

.mt7 {
	margin-top: 7px;
}

.pegination a:hover {
	background-image: -moz-linear-gradient(top, #ffffff 50%, #cfcecf);
	background-image: -webkit-linear-gradient(top, #ffffff 50%, #cfcecf);
	background-image: -o-linear-gradient(top, #ffffff 50%, #cfcecf);
	background-image: -ms-linear-gradient(top, #ffffff 50%, #cfcecf);
	filter: progid:DXImageTransform.Microsoft.linear-gradient(top, startColorstr="#ffffff", endColor="#cfcecf");
}

/****************************** css for truck allocation page *****************************************/
.calender {
	/*width:133px;
	height:31px;*/
	float: right;
	/*border:1px solid #cccccc;*/
	background-color: #ffffff;
	margin-right: 15px;
	margin-top: 5px;
	padding: 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	line-height: 20px;
}

.calender input[type="text"] {
	width: 110px;
	height: 25px;
	/*padding:2px;*/
	outline: none;
}

.calender img {
	vertical-align: middle;
	margin-left: 5px;
}

.container_bottom input[type="text"] {
	width: 80px;
	height: 30px;
	border: 1px solid #bbbbbb;
	line-height: 30px;
	padding-left: 3px;
	box-shadow: 1px 1px 1px 1px #b3b3b3 inset;
	-moz-box-shadow: 1px 1px 1px 1px #b3b3b3 inset;
	-webkit-box-shadow: 1px 1px 1px 1px #b3b3b3 inset;
	-o-box-shadow: 1px 1px 1px 1px #b3b3b3 inset;
	margin-right: 10px;
	border-radius: 5px;
	outline: none;
}

/**************************** css for pop up ***************************/
.truck_details {
	width: 943px;
	/*height:500px;*/
	background-color: #ffffff;
	border: 1px solid #cccccc;
	padding: 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	margin: 20px;
}

.truck_details h2 {
	font-size: 1em;
	color: #333333;
	font-weight: normal;
	vertical-align: top;
}

.truck_details_text {
	font-size: 0.8em;
	font-weight: normal;
	line-height: 20px;
	text-align: justify;
	color: #333333;
	vertical-align: top;
	border-bottom: 1px solid #d7d7d7;
	padding: 5px;
}

.truck_details_text p {
	font-size: 0.9em;
	font-weight: normal;
	line-height: 20px;
	text-align: justify;
	color: #333333;
	padding: 0px 5px 5px 5px;
}

#simplemodal-container {
	width: 983px;
}

.popup_button {
	width: 200px;
	height: 32px;
	margin-top: 10px;
}

.popup_button a.submitbutton {
	width: 83px;
	height: 32px;
	border: 1px solid #cd6a00;
	font-size: 0.8em;
	text-align: center;
	line-height: 32px;
	color: #ffffff;
	border-radius: 5px;
	background-color: #ff8705;
	box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-moz-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-webkit-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-o-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-ms-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	cursor: pointer;
	outline: none;
	display: inline-block;
	text-decoration: none;
}

.popup_button a.submitbutton:hover {
	width: 83px;
	height: 32px;
	border: 1px solid #cd6a00;
	font-size: 0.8em;
	text-align: center;
	line-height: 32px;
	color: #ffffff;
	border-radius: 5px;
	background-color: #ea7a00;
	box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-moz-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-webkit-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-o-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-ms-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	cursor: pointer;
	outline: none;
}

.popup_button input[type="submit"] {
	width: 83px;
	height: 32px;
	border: 1px solid #cd6a00;
	font-size: 0.8em;
	text-align: center;
	line-height: 32px;
	color: #ffffff;
	border-radius: 5px;
	background-color: #ff8705;
	box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-moz-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-webkit-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-o-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-ms-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	cursor: pointer;
	outline: none;
}

.popup_button input[type="submit"]:hover {
	width: 83px;
	height: 32px;
	border: 1px solid #cd6a00;
	font-size: 0.8em;
	text-align: center;
	line-height: 32px;
	color: #ffffff;
	border-radius: 5px;
	background-color: #ea7a00;
	box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-moz-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-webkit-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-o-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-ms-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	cursor: pointer;
	outline: none;
}

.popup_button input[type="submit"]:first-child {
	margin-right: 15px;
}

/*********************** css for crew allocation page ***************************************************/
.mt30 {
	margin-top: 30px;
}

.container_bottom_text input[type="checkbox"] {
	margin-right: 10px;
	vertical-align: middle;
}

.container_bottom_text select {
	width: 160px;
	height: 27px;
	border: 1px solid #cccccc;
	line-height: 31px;
	color: #333333;
	padding-left: 7px;
	padding: 2px;
	margin-top: 5px;
	outline: none;
}

.container_bottom_text input[type="submit"] {
	width: 83px;
	height: 32px;
	border: 1px solid #dca061;
	font-size: 1em;
	text-align: center;
	line-height: 32px;
	color: #ffffff;
	border-radius: 5px;
	background-color: #fab264;
	box-shadow: 0px 1px 0px 0px #fadab8 inset;
	-moz-box-shadow: 0px 1px 0px 0px #fadab8 inset;
	-webkit-box-shadow: 0px 1px 0px 0px #fadab8 inset;
	-o-box-shadow: 0px 1px 0px 0px #fadab8 inset;
	-ms-box-shadow: 0px 1px 0px 0px #fadab8 inset;
	cursor: pointer;
	margin-top: 5px;
	outline: none;
}

.container_bottom_text input[type="submit"]:hover {
	width: 83px;
	height: 32px;
	border: 1px solid #cd6a00;
	font-size: 1em;
	text-align: center;
	line-height: 32px;
	color: #ffffff;
	border-radius: 5px;
	background-color: #ff8705;
	box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-moz-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-webkit-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-o-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-ms-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	cursor: pointer;
}

.container_bottom_text input[type="button"] {
	width: 83px;
	height: 32px;
	border: 1px solid #dca061;
	font-size: 1em;
	text-align: center;
	line-height: 32px;
	color: #ffffff;
	border-radius: 5px;
	background-color: #fab264;
	box-shadow: 0px 1px 0px 0px #fadab8 inset;
	-moz-box-shadow: 0px 1px 0px 0px #fadab8 inset;
	-webkit-box-shadow: 0px 1px 0px 0px #fadab8 inset;
	-o-box-shadow: 0px 1px 0px 0px #fadab8 inset;
	-ms-box-shadow: 0px 1px 0px 0px #fadab8 inset;
	cursor: pointer;
	margin-top: 5px;
	outline: none;
}

.container_bottom_text input[type="button"]:hover {
	width: 83px;
	height: 32px;
	border: 1px solid #cd6a00;
	font-size: 1em;
	text-align: center;
	line-height: 32px;
	color: #ffffff;
	border-radius: 5px;
	background-color: #ff8705;
	box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-moz-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-webkit-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-o-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-ms-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	cursor: pointer;
}

/****************************** css for create new job page **********************************/
.job_form {
	margin: 20px 0px 20px 0px;

}

.job_form table tr:nth-child(odd) {
	background: none;
}

.job_form table tr:hover td {
	background: none;
}

.container_bottom_text label {
	/*width:150px;*/
	display: block;
	font-size: 0.9em;
	color: #333333;
	line-height: 20px;
	font-weight: normal;
}

.job {
	font-size: 0.75em;
	color: #333333;
	line-height: 20px;
	font-weight: normal;
}

.jobdate {
	font-size: 0.75em;
	color: #333333;
	line-height: 20px;
	font-weight: normal;
}

.jobdate input[type="text"] {
	width: 240px;
	height: 27px;
	line-height: 27px;
	padding-left: 3px;
	border: 1px solid #bbbbbb;
	border-radius: 5px;
	box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
	-moz-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
	-webkit-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
	-o-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
	-ms-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
	font-size: 0.9em;
	color: #333333;
	line-height: 20px;
	font-weight: normal;
	outline: none;
}

.filter {

	/* color: #333333; */
	line-height: 20px;
	font-weight: normal;
	margin-top: 5px;
}

.filter select {
	width: 200px;
	height: 28px;
	line-height: 27px;
	padding: 2px;
	border: 1px solid #bbbbbb;
	border-radius: 5px;
	box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
	-moz-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
	-webkit-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
	-o-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
	-ms-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
	font-size: 0.9em;
	color: #333333;
	font-weight: normal;
	outline: none;
	top: 0;
}

.filter input {
	width: 120px;
	height: 22px !important;
	line-height: 10px;
	padding: 2px;
	border: 1px solid #bbbbbb;
	border-radius: 5px;
	box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
	-moz-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
	-webkit-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
	-o-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
	-ms-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
	font-size: 0.9em;
	color: #333333;
	font-weight: normal;
	outline: none;
	top: 0;
}

.job select {
	width: 270px;
	height: 27px;
	line-height: 27px;
	padding-left: 3px;
	border: 1px solid #bbbbbb;
	border-radius: 5px;
	box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
	-moz-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
	-webkit-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
	-o-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
	-ms-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
	font-size: 0.9em;
	color: #333333;
	line-height: 20px;
	font-weight: normal;
	outline: none;
}

.job span {
	font-size: 0.9em;
	color: #154c8e;
	line-height: 30px;
	/*display:block;*/
	float: right;
	margin-right: 20px;
}

.job span a {
	text-decoration: none;
	color: #154c8e;
}

.job span a:hover {
	text-decoration: underline;
}

.job input[type="text"] {
	width: 270px;
	height: 27px;
	line-height: 27px;
	padding-left: 3px;
	border: 1px solid #bbbbbb;
	border-radius: 5px;
	box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
	-moz-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
	-webkit-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
	-o-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
	-ms-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
	font-size: 0.9em;
	color: #333333;
	line-height: 20px;
	font-weight: normal;
	outline: none;
}

.job input[type="checkbox"] {
	margin: 0px 5px 20px 5px;
}

.job textarea {
	width: 264px;
	height: 54px;
	line-height: 27px;
	padding: 3px;
	border: 1px solid #bbbbbb;
	border-radius: 5px;
	box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
	-moz-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
	-webkit-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
	-o-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
	-ms-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
	font-size: 0.9em;
	color: #333333;
	line-height: 20px;
	font-weight: normal;
	resize: none;
	outline: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.job input[type="button"] {
	width: 83px;
	height: 28px;
	border: 1px solid #bbbbbb;
	font-size: 1em;
	text-align: center;
	line-height: 30px;
	color: #333333;
	border-radius: 5px;
	background-color: #eeeeef;
	box-shadow: 0px 1px 0px 0px #aeaeae inset;
	-moz-box-shadow: 0px 1px 0px 0px #aeaeae inset;
	-webkit-box-shadow: 0px 1px 0px 0px #aeaeae inset;
	-o-box-shadow: 0px 1px 0px 0px #aeaeae inset;
	-ms-box-shadow: 0px 1px 0px 0px #aeaeae inset;
	cursor: pointer;
	outline: none;
}

.job input[type="submit"] {
	width: 83px;
	height: 30px;
	border: 1px solid #cd6a00;
	font-size: 1em;
	text-align: center;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	border-radius: 4px;
	background-color: #ff8705;
	box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-moz-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-webkit-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-o-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-ms-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	cursor: pointer;
	outline: none;
}

.job input[type="submit"]:hover {
	width: 83px;
	height: 30px;
	border: 1px solid #cd6a00;
	font-size: 1em;
	text-align: center;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	border-radius: 4px;
	background-color: #ea7a00;
	box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-moz-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-webkit-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-o-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-ms-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	cursor: pointer;
	outline: none;
}

.job input[type="submit"]:first-child {
	margin-right: 15px;
	margin-left: 90px;
}


.job input[type="reset"] {
	width: 83px;
	height: 30px;
	border: 1px solid #cd6a00;
	font-size: 1em;
	text-align: center;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	border-radius: 4px;
	background-color: #ff8705;
	box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-moz-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-webkit-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-o-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-ms-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	cursor: pointer;
	outline: none;
}

.job input[type="reset"]:hover {
	width: 83px;
	height: 30px;
	border: 1px solid #cd6a00;
	font-size: 1em;
	text-align: center;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	border-radius: 4px;
	background-color: #ea7a00;
	box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-moz-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-webkit-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-o-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	-ms-box-shadow: 0px 1px 0px 0px #ffca91 inset;
	cursor: pointer;
	outline: none;
}

.job input[type="reset"]:first-child {
	margin-right: 15px;
	margin-left: 90px;
}

/***************************** css for reports page***************************************************/
.brdr_bottom {
	border-bottom: 1px solid #cccccc;
}

.reports {
	width: 310px;
	float: left;
	font-size: 0.9em;
	color: #333333;
	/*margin-top:5px;*/
	margin-left: 100px;
	margin-right: 20px;
}

.reports select {
	width: 163px;
	height: 26px;
	border: 1px solid #cccccc;
	padding: 2px;
	padding-left: 8px;
}

.reports select option {
	padding-left: 10px;
	/*line-height:30px;*/
}

.date {
	width: 245px;
	float: left;
	font-size: 0.9em;
	color: #333333;
	/*margin-top:5px;
	margin-left:100px;*/
	margin-right: 20px;
}

.date select {
	width: 163px;
	height: 26px;
	border: 1px solid #cccccc;
	padding: 2px;
	padding-left: 8px;
}

.container_bottom_text a {
	text-decoration: none;
	color: #333333;
}

.container_bottom_text a:hover {
	text-decoration: underline;
}

/************************** for client page *******************************/

.client_graph {
	width: 1063px;
	height: 122px;
	border: 1px solid #cccccc;
	margin-top: 13px;
	margin-bottom: 23px;
}

.client_title {
	font-size: 0.8em;
	line-height: 30px;
	color: #000000;
	margin-bottom: 10px;
}

.client_title span {
	font-weight: bold;
}

/****************************** css for customers page ************************/
.container_bottom_text span {
	color: #025597;
	font-size: 0.9em;
}

.container_bottom_text span a {
	text-decoration: none;
	padding: 0px 10px 0px 10px;
	color: #025597;
}

.container_bottom_text span a:first-child {
	padding: 0px 10px 0px 0px;
}

#inline {
	width: 100%;
	margin: 20px 20px 20px 0px;
	display: none;
	min-height: 400px;
	overflow: auto;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	padding: 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
}

/****************************** for 1024 resolution **************************/

@media all and (max-width:1024px) {

	* {
		padding: 0px;
		margin: 0px;
	}

	body {
		/*font-family: Helvetica,Verdana, Arial,sans-serif;*/
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 100%;
	}

	img {
		max-width: 100%;
		width: auto;
		height: auto;
		border: none;
	}

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

}*/
	.wrapper {
		width: 1003px;
		margin: auto;
		/*height:1000px;
	background-color:#FF0000;*/
	}

	header {
		width: 100%;
		height: 118px;
		background-image: url(../images/header_back.jpg);
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, #222222 0px, #222222 37px, #0371af 37px, #025395 118px);
		background-image: -webkit-linear-gradient(top, #222222 0px, #222222 37px, #0371af 37px, #025395 118px);
		background-image: -o-linear-gradient(top, #222222 0px, #222222 37px, #0371af 37px, #025395 118px);
		background-image: -ms-linear-gradient(top, #222222 0px, #222222 37px, #0371af 37px, #025395 118px);
		/*filter:progid:DXImageTransform.Microsoft.gradient(top, startColorstr="#222222", endColorstr="#222222" 37px, startColorstr="#0371af" 37px, endColorstr="#025395" 118px);*/
		box-shadow: 0px 0px 5px 5px #cdcdcd;
		-moz-box-shadow: 0px 0px 5px 5px #cdcdcd;
		-webkit-box-shadow: 0px 0px 5px 5px #cdcdcd;
		-o-box-shadow: 0px 0px 5px 5px #cdcdcd;
		-ms-box-shadow: 0px 0px 5px 5px #cdcdcd;
	}

	.header_in {
		width: 1003px;
		margin: auto;
	}

	.logo {
		width: 175px;
		height: 118px;
		float: left;
	}

	nav {
		width: 733px;
		height: 118px;
		float: right;
		/*background-image:url(../images/header_back.jpg);
	background-repeat:repeat-x;*/
		background-image: -moz-linear-gradient(top, #222222 0px, #222222 37px, #0371af 37px, #025395 118px);
		background-image: -webkit-linear-gradient(top, #222222 0px, #222222 37px, #0371af 37px, #025395 118px);
		background-image: -o-linear-gradient(top, #222222 0px, #222222 37px, #0371af 37px, #025395 118px);
		background-image: -ms-linear-gradient(top, #222222 0px, #222222 37px, #0371af 37px, #025395 118px);
		/*box-shadow:10px 0px 5px 5px #cdcdcd;*/
	}

	.nav_top {
		/*width:150px;*/
		float: right;
		font-size: 0.8em;
		line-height: 37px;
		font-weight: bold;
		color: #e1e1e1;
	}

	.nav_top img {
		margin-left: 16px;
		vertical-align: middle;
	}

	.nav_bottom {
		/*width:733px;*/
	}

	.nav_bottom a {
		text-decoration: none;
		display: inline-block;
		color: #ffffff;
		font-size: 0.8em;
		font-weight: bold;
		border-left: 1px solid #69a7ec;
		border-right: 1px solid #002340;
		padding: 12px 10px 15px 10px;
		text-align: center;
	}

	.nav_bottom a:hover {
		background-color: #008ada;
	}

	.content {
		width: 1003px;
		margin: 25px 0px 25px 0px;
	}

	.content_left {
		width: 770px;
		float: left;
		border: 1px solid #cccccc;
	}

	.content_left_top {
		height: 28px;
		border-bottom: 1px solid #a9a9a9;
	}

	.content_left_top_text {
		font-size: 0.8em;
		color: #333333;
		font-weight: bold;
		padding-left: 15px;
		line-height: 28px;
		float: left;
	}

	.content_left_top_box {
		width: 221px;
		height: 25px;
		margin-right: 5px;
		float: right;
	}

	.content_left_top select {
		width: 221px;
		height: 23px;
		border: none;
		font-size: 0.8em;
		line-height: 25px;
		color: #666666;
		/*background-color:none;*/
		outline: none;
	}

	.content_left_bottom {
		width: 770px;
		height: 120px;
	}

	.content_right {
		width: 223px;
		float: right;
	}

	.content_right_top input[type="button"] {
		width: 223px;
		height: 32px;
		border-radius: 8px;
		border: 1px solid #cd6a00;
		background-image: -moz-linear-gradient(top, #fda04b, #ff8a08);
		background-image: -webkit-linear-gradient(top, #fda04b, #ff8a08);
		background-image: -o-linear-gradient(top, #fda04b, #ff8a08);
		background-image: -ms-linear-gradient(top, #fda04b, #ff8a08);
		filter: progid:DXImageTransform.Microsoft.gradient(top, startColorstr="#fda04b", endColorstr="#ff8a08");
		box-shadow: 1px 1px 1px 1px #fed6b2 inset;
		-moz-box-shadow: 1px 1px 1px 1px #fed6b2 inset;
		-webkit-box-shadow: 1px 1px 1px 1px #fed6b2 inset;
		-o-box-shadow: 1px 1px 1px 1px #fed6b2 inset;
		color: #ffffff;
		text-align: center;
		font-size: 0.9em;
		font-weight: bold;
		line-height: 25px;
		cursor: pointer;
		margin-bottom: 8px;
		outline: none;
	}

	.content_right_top input[type="button"]:hover {
		width: 223px;
		height: 32px;
		border-radius: 8px;
		border: 1px solid #cd6a00;
		background-image: -moz-linear-gradient(top, #fda04b, #ea7a00);
		background-image: -webkit-linear-gradient(top, #fda04b, #ea7a00);
		background-image: -o-linear-gradient(top, #fda04b, #ea7a00);
		background-image: -ms-linear-gradient(top, #fda04b, #ea7a00);
		filter: progid:DXImageTransform.Microsoft.gradient(top, startColorstr="#fda04b", endColorstr="#ea7a00");
		box-shadow: 1px 1px 1px 1px #fed6b2 inset;
		-moz-box-shadow: 1px 1px 1px 1px #fed6b2 inset;
		-webkit-box-shadow: 1px 1px 1px 1px #fed6b2 inset;
		-o-box-shadow: 1px 1px 1px 1px #fed6b2 inset;
		color: #ffffff;
		text-align: center;
		font-size: 0.9em;
		font-weight: bold;
		line-height: 25px;
		cursor: pointer;
		margin-bottom: 8px;
		outline: none;
	}

	.content_right_top a {
		text-decoration: none;
	}

	.content_right_bottom {
		width: 223px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		padding: 10px;
		border: 1px solid #cccccc;
	}

	.content_right_bottom ul li {
		list-style: none;
		margin-left: 10px;
		margin-bottom: 10px;
		font-size: 0.8em;
		line-height: 20px;
		color: #333333;
	}

	.content_right_bottom ul li label {
		font-size: 0.9em;
		line-height: 20px;
		color: #333333;
		width: 130px;
		display: inline-block;

	}

	.container {
		width: 1003px;
	}

	.container_top {
		/*width:1003px;*/
		/*height:43px;*/
		padding: 0px 10px 0px 10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		line-height: 43px;
		font-size: 0.9em;
		color: #333333;
		border: 1px solid #cccccc;
		border-bottom: none;
		background-image: -moz-linear-gradient(top, #ffffff, #e3f6ff);
		background-image: -webkit-linear-gradient(top, #ffffff, #e3f6ff);
		background-image: -o-linear-gradient(top, #ffffff, #e3f6ff);
		background-image: -ms-linear-gradient(top, #ffffff, #e3f6ff);
		filter: progid:DXImageTransform.Microsoft.gradient(top, startColorstr="#ffffff", endColorstr="#e3f6ff");
	}

	.container_top_left {
		font-size: 0.9em;
		font-weight: bold;
		color: #333333;
		line-height: 43px;
		float: left;
	}

	.container_top_right {
		width: 290px;
		float: right;
	}

	.search {
		width: 192px;
		height: 28px;
		float: left;
		margin-top: 5px;
		border-radius: 5px;
		background: #ffffff;
		border: 1px solid #bdbdbd;
		box-shadow: 0px 2px 5px 3px #d3d3d3 inset;
		-moz-box-shadow: 0px 2px 5px 3px #d3d3d3 inset;
		-webkit-box-shadow: 0px 2px 5px 3px #d3d3d3 inset;
		-o-box-shadow: 0px 2px 5px 3px #d3d3d3 inset;
		-ms-box-shadow: 0px 2px 5px 3px #d3d3d3 inset;
	}

	.search input[type="text"] {
		width: 155px;
		height: 26px;
		border-radius: 5px;
		border: 1px solid #bdbdbd;
		border-right: none;
		background: #ffffff;
		/*box-shadow:0px 2px 5px 3px #d3d3d3 inset;*/
		font-size: 0.8em;
		padding-left: 5px;
		line-height: 27px;
		color: #b6b6b6;
		float: left;
		outline: none;
	}

	.search img {
		margin: 5px 0px 0px 7px;
		vertical-align: top;
	}

	.add {
		width: 80px;
		float: left;
		font-size: 0.9em;
		color: #000;
	}

	.add img {
		margin: 11px 10px 0px 15px;
		vertical-align: top;
	}

	.add a {
		text-decoration: none;
		color: #000;
		display: inline-block;
	}

	.add a:hover {
		text-decoration: underline;
	}

	.container_bottom {
		border: 1px solid #cccccc;
		/*font-family:"opensans";*/
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}

	.container_bottom th {
		background: #e7e7e7;
		line-height: 35px;
	}

	.container_bottom th {
		text-align: left;
		font-weight: normal;
		font-size: 0.8em;
		padding: 5px 5px 5px 10px;
		/*padding-left:10px;*/
		line-height: 22px;
		color: #000;
	}

	.container_bottom tr:hover td {
		background: #ffefcf;
	}

	.container_bottom_text {
		font-size: 0.8em;
		font-weight: normal;
		color: #333333;
		padding: 5px 5px 5px 10px;
		line-height: 23px;
		/* white-space:nowrap;
	text-overflow:ellipsis;*/
		vertical-align: top;
		/*word-wrap:break-word;*/
		cursor: pointer;
	}

	.container_bottom_text img {
		vertical-align: middle;
		margin-right: 5px;
	}

	.action_accepted {
		font-size: 0.75em;
		font-weight: bold;
		color: #259d00;
		padding-left: 10px;
		line-height: 30px;
		vertical-align: top;
	}

	.action_rejected {
		font-size: 0.75em;
		font-weight: bold;
		color: #c70000;
		padding-left: 10px;
		line-height: 30px;
		vertical-align: top;
	}

	.brdr_right {
		border-right: 1px solid #cccccc;
	}

	.container_bottom tr:nth-child(2n+0) {
		background: #ffffff;
	}

	.container_bottom tr:nth-child(2n+1) {
		background: #f2f2f2;
	}

	footer {
		width: 1003px;
	}

	.footer_left {
		width: 335px;
		font-size: 0.7em;
		color: #666666;
		line-height: 30px;
		float: left;
	}

	.footer_right {
		width: 110px;
		font-size: 0.7em;
		color: #666666;
		float: right;
	}

	.footer_right a {
		text-decoration: none;
		color: #666666;
		display: inline-block;
		line-height: 30px;
	}

	.footer_right a:hover {
		text-decoration: underline;

	}

	/************************ css for login page *******************************/
	.login {
		background-image: url(../images/bg.jpg);
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, #e4e3e3 0%, #f8f8f9 38%, #f8f8f9 59%, #e4e3e3 100%);
		background-image: -webkit-linear-gradient(left, #e4e3e3 0%, #f8f8f9 38%, #f8f8f9 59%, #e4e3e3 100%);
		background-image: -o-linear-gradient(left, #e4e3e3 0%, #f8f8f9 38%, #f8f8f9 59%, #e4e3e3 100%);
		background-image: -ms-linear-gradient(left, #e4e3e3 0%, #f8f8f9 38%, #f8f8f9 59%, #e4e3e3 100%);
		background-color: #e4e3e3;
		height: 500px;
	}

	.login_container {
		width: 443px;
		padding-top: 67px;
		margin: auto;
	}

	.login_container_top {
		width: 164px;
		height: 128px;
		margin: auto;
		padding-bottom: 32px;
	}

	.login_container_mid {
		width: 262px;
		height: 29px;
		background-color: #008ada;
		border: 1px solid #ffffff;
		border-radius: 10px;
		margin: auto;
		position: absolute;
		z-index: 1;
		margin-top: -20px;
		margin-left: 90px;
		font-size: 0.8em;
		color: #ffffff;
		text-align: center;
		line-height: 29px;
		text-transform: capitalize;
		font-weight: bold;
	}

	.login_container_bottom {
		width: 443px;
		height: 290px;
		border-radius: 10px;
		padding: 20px 30px 20px 30px;
		/*background-color:#FF0000;*/
		border: 1px solid #ffffff;
		position: relative;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		background-image: url(../images/login_back.jpg);
		background-repeat: no-repeat;
		background-image: -moz-radial-gradient(50% 50%, #2b64a1, #01458f);
		background-image: -webkit-radial-gradient(50% 50%, #2b64a1, #01458f);
		background-image: -o-radial-gradient(50% 50%, #2b64a1, #01458f);
		background-image: -ms-radial-gradient(50% 50%, #2b64a1, #01458f);
		/*filter:progid:DXImageTransform.Microsoft.radial-gradient(50% 50%, startColorstr="#2b64a1", endColorstr="#01458f");*/
	}

	.login_container_bottom ul {
		margin-top: 22px;
	}

	.login_container_bottom ul li {
		list-style: none;
		/*margin-left:32px;*/
		/**margin-left:0px;*/
	}

	.login_container_bottom ul li label {
		width: 200px;
		display: block;
		font-size: 0.8em;
		line-height: 20px;
		margin-bottom: 10px;
		color: #ffffff;
	}

	.login_container_bottom ul li input[type="text"] {
		width: 340px;
		height: 35px;
		border: 1px solid #b0b0b0;
		box-shadow: 0px 1px 0px 0px #d5d5d5 inset;
		-moz-box-shadow: 0px 1px 0px 0px #d5d5d5 inset;
		-webkit-box-shadow: 0px 1px 0px 0px #d5d5d5 inset;
		-o-box-shadow: 0px 1px 0px 0px #d5d5d5 inset;
		-ms-box-shadow: 0px 1px 0px 0px #d5d5d5 inset;
		font-size: 0.8em;
		line-height: 35px;
		color: #666666;
		padding-left: 40px;
		margin-bottom: 15px;
		border-radius: 10px;
		outline: none;
	}

	.username {
		background-image: url(../images/username_img.jpg);
		background-repeat: no-repeat;
	}

	.password {
		background-image: url(../images/password_img.jpg);
		background-repeat: no-repeat;
	}

	.login_container_bottom ul li a {
		text-decoration: none;
		color: #ffffff;
	}

	.login_container_bottom ul li a:hover {
		text-decoration: underline;
	}

	.login_container_bottom ul li input[type="submit"] {
		width: 84px;
		height: 32px;
		float: right;
		border-radius: 7px;
		background-color: #ff8705;
		line-height: 20px;
		text-align: center;
		color: #ffffff;
		font-size: 0.9em;
		border: 1px solid #cd6a00;
		box-shadow: 0px 1px 1px 1px #ffca91 inset;
		-moz-box-shadow: 0px 1px 1px 1px #ffca91 inset;
		-webkit-box-shadow: 0px 1px 1px 1px #ffca91 inset;
		-o-box-shadow: 0px 1px 1px 1px #ffca91 inset;
		*margin-right: 70px;
		outline: none;
	}

	.login_container_bottom ul li input[type="submit"]:hover {
		width: 84px;
		height: 32px;
		float: right;
		border-radius: 7px;
		background-color: #ea7a00;
		line-height: 20px;
		text-align: center;
		color: #ffffff;
		font-size: 0.9em;
		border: 1px solid #cd6a00;
		box-shadow: 0px 1px 1px 1px #ffca91 inset;
		-moz-box-shadow: 0px 1px 1px 1px #ffca91 inset;
		-webkit-box-shadow: 0px 1px 1px 1px #ffca91 inset;
		-o-box-shadow: 0px 1px 1px 1px #ffca91 inset;
		*margin-right: 70px;
		outline: none;
	}

	.shadow {
		position: relative;
		max-width: 443px;
		margin-top: -20px;
		/*box-shadow:0px 0px 5px 5px #000;*/
		box-shadow: 0px 1px 4px rgba(0, 0, 0, 0),
			0px 0px 20px rgba(0, 0, 0, 0) inset;
	}

	.shadow:before,
	.shadow:after {
		content: "";
		position: absolute;
		z-index: -1;
	}

	.shadow:before,
	.shadow:after {
		content: "";
		position: absolute;
		z-index: -1;
		bottom: 15px;
		-webkit-bottom: 15px;
		left: 10px;
		width: 50%;
		height: 20%;
	}

	.shadow:before,
	.shadow:after {
		content: "";
		position: absolute;
		z-index: -1;
		left: 10px;
		width: 50%;
		height: 20%;
		box-shadow: 0 15px 10px #000;
		-moz-transform: rotate(-4deg);
		-webkit-transform: rotate(-4deg);
		-o-transform: rotate(-4deg);
	}

	.shadow:after {
		right: 10px;
		left: auto;
		-moz-transform: rotate(4deg);
		-webkit-transform: rotate(4deg);
		-o-transform: rotate(4deg);
	}


	/******************************* css for view jobs page ***********************************************/

	.pegination {
		width: 20%;
		float: right;
		margin-bottom: 7px;
		margin-top: 27px;
		font-size: 0.9em;
	}

	.pegination a {
		text-decoration: none;
		padding: 3px;
		margin: 2px;
		display: inline-block;
		color: #333333;
		text-align: center;
		border: 1px solid #cccccc;
	}

	.mt7 {
		margin-top: 7px;
	}

	.pegination a:hover {
		background-image: -moz-linear-gradient(top, #ffffff 50%, #cfcecf);
		background-image: -webkit-linear-gradient(top, #ffffff 50%, #cfcecf);
		background-image: -o-linear-gradient(top, #ffffff 50%, #cfcecf);
		background-image: -ms-linear-gradient(top, #ffffff 50%, #cfcecf);
		filter: progid:DXImageTransform.Microsoft.linear-gradient(top, startColorstr="#ffffff", endColor="#cfcecf");
	}

	/****************************** css for truck allocation page *****************************************/
	.calender {
		/*width:133px;
	height:31px;*/
		float: right;
		/*border:1px solid #cccccc;*/
		background-color: #ffffff;
		margin-right: 15px;
		margin-top: 5px;
		padding: 2px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		line-height: 20px;
	}

	.calender input[type="text"] {
		width: 110px;
		height: 25px;
		/*padding:2px;*/
		outline: none;
	}

	.calender img {
		vertical-align: middle;
		margin-left: 5px;
	}

	.container_bottom input[type="text"] {
		width: 80px;
		height: 30px;
		border: 1px solid #bbbbbb;
		line-height: 30px;
		padding-left: 3px;
		box-shadow: 1px 1px 1px 1px #b3b3b3 inset;
		-moz-box-shadow: 1px 1px 1px 1px #b3b3b3 inset;
		-webkit-box-shadow: 1px 1px 1px 1px #b3b3b3 inset;
		-o-box-shadow: 1px 1px 1px 1px #b3b3b3 inset;
		margin-right: 10px;
		border-radius: 5px;
		outline: none;
	}

	/**************************** css for pop up ***************************/
	.truck_details {
		width: 943px;
		/*height:500px;*/
		background-color: #ffffff;
		border: 1px solid #cccccc;
		padding: 15px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		margin: 20px;

	}

	.truck_details h2 {
		font-size: 1em;
		color: #333333;
		font-weight: normal;
		vertical-align: top;
	}

	.truck_details_text {
		font-size: 0.8em;
		font-weight: normal;
		line-height: 20px;
		text-align: justify;
		color: #333333;
		vertical-align: top;
		border-bottom: 1px solid #d7d7d7;
		padding: 5px;
	}

	.truck_details_text p {
		font-size: 0.9em;
		font-weight: normal;
		line-height: 20px;
		text-align: justify;
		color: #333333;
		padding: 0px 5px 5px 5px;
	}

	#simplemodal-container {
		width: 983px;
	}

	.popup_button {
		width: 200px;
		height: 32px;
		margin-top: 10px;
	}

	.popup_button input[type="submit"] {
		width: 83px;
		height: 32px;
		border: 1px solid #cd6a00;
		font-size: 0.8em;
		text-align: center;
		line-height: 32px;
		color: #ffffff;
		border-radius: 5px;
		background-color: #ff8705;
		box-shadow: 0px 1px 0px 0px #ffca91 inset;
		-moz-box-shadow: 0px 1px 0px 0px #ffca91 inset;
		-webkit-box-shadow: 0px 1px 0px 0px #ffca91 inset;
		-o-box-shadow: 0px 1px 0px 0px #ffca91 inset;
		-ms-box-shadow: 0px 1px 0px 0px #ffca91 inset;
		cursor: pointer;
		outline: none;
	}

	.popup_button input[type="submit"]:hover {
		width: 83px;
		height: 32px;
		border: 1px solid #cd6a00;
		font-size: 0.8em;
		text-align: center;
		line-height: 32px;
		color: #ffffff;
		border-radius: 5px;
		background-color: #ea7a00;
		box-shadow: 0px 1px 0px 0px #ffca91 inset;
		-moz-box-shadow: 0px 1px 0px 0px #ffca91 inset;
		-webkit-box-shadow: 0px 1px 0px 0px #ffca91 inset;
		-o-box-shadow: 0px 1px 0px 0px #ffca91 inset;
		-ms-box-shadow: 0px 1px 0px 0px #ffca91 inset;
		cursor: pointer;
		outline: none;
	}

	.popup_button input[type="submit"]:first-child {
		margin-right: 15px;
	}

	/*********************** css for crew allocation page ***************************************************/
	.mt30 {
		margin-top: 30px;
	}

	.container_bottom_text input[type="checkbox"] {
		margin-right: 10px;
		vertical-align: middle;
	}

	.container_bottom_text select {
		width: 160px;
		height: 27px;
		border: 1px solid #cccccc;
		line-height: 31px;
		color: #333333;
		padding-left: 7px;
		padding: 2px;
		margin-top: 5px;
		outline: none;
	}

	.container_bottom_text input[type="submit"] {
		width: 83px;
		height: 32px;
		border: 1px solid #dca061;
		font-size: 1em;
		text-align: center;
		line-height: 32px;
		color: #ffffff;
		border-radius: 5px;
		background-color: #fab264;
		box-shadow: 0px 1px 0px 0px #fadab8 inset;
		-moz-box-shadow: 0px 1px 0px 0px #fadab8 inset;
		-webkit-box-shadow: 0px 1px 0px 0px #fadab8 inset;
		-o-box-shadow: 0px 1px 0px 0px #fadab8 inset;
		-ms-box-shadow: 0px 1px 0px 0px #fadab8 inset;
		cursor: pointer;
		margin-top: 5px;
		outline: none;
	}

	.container_bottom_text input[type="submit"]:hover {
		width: 83px;
		height: 32px;
		border: 1px solid #cd6a00;
		font-size: 1em;
		text-align: center;
		line-height: 32px;
		color: #ffffff;
		border-radius: 5px;
		background-color: #ff8705;
		box-shadow: 0px 1px 0px 0px #ffca91 inset;
		-moz-box-shadow: 0px 1px 0px 0px #ffca91 inset;
		-webkit-box-shadow: 0px 1px 0px 0px #ffca91 inset;
		-o-box-shadow: 0px 1px 0px 0px #ffca91 inset;
		-ms-box-shadow: 0px 1px 0px 0px #ffca91 inset;
		cursor: pointer;
	}

	/****************************** css for create new job page **********************************/
	.job_form {
		margin: 20px 0px 20px 0px;

	}

	.job_form table tr:nth-child(odd) {
		background: none;
	}

	.job_form table tr:hover td {
		background: none;
	}

	.container_bottom_text label {
		/*width:150px;*/
		display: block;
		font-size: 0.9em;
		color: #333333;
		line-height: 20px;
		font-weight: normal;
	}

	.job {
		font-size: 0.75em;
		color: #333333;
		line-height: 20px;
		font-weight: normal;
	}

	.job select {
		width: 270px;
		height: 27px;
		line-height: 27px;
		padding-left: 3px;
		border: 1px solid #bbbbbb;
		border-radius: 5px;
		box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
		-moz-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
		-webkit-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
		-o-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
		-ms-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
		font-size: 0.9em;
		color: #333333;
		line-height: 20px;
		font-weight: normal;
		outline: none;
	}

	.job span {
		font-size: 0.9em;
		color: #154c8e;
		line-height: 30px;
		/*display:block;*/
		float: right;
		margin-right: 20px;
	}

	.job span a {
		text-decoration: none;
		color: #154c8e;
	}

	.job span a:hover {
		text-decoration: underline;
	}

	.job input[type="text"] {
		width: 270px;
		height: 27px;
		line-height: 27px;
		padding-left: 3px;
		border: 1px solid #bbbbbb;
		border-radius: 5px;
		box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
		-moz-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
		-webkit-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
		-o-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
		-ms-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
		font-size: 0.9em;
		color: #333333;
		line-height: 20px;
		font-weight: normal;
		outline: none;
	}

	.job input[type="checkbox"] {
		margin: 0px 5px 20px 5px;
	}

	.job textarea {
		width: 264px;
		height: 54px;
		line-height: 27px;
		padding: 3px;
		border: 1px solid #bbbbbb;
		border-radius: 5px;
		box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
		-moz-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
		-webkit-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
		-o-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
		-ms-box-shadow: 0px 1px 0px 0px #b3b3b3 inset;
		font-size: 0.9em;
		color: #333333;
		line-height: 20px;
		font-weight: normal;
		resize: none;
		outline: none;
	}

	.job input[type="button"] {
		width: 83px;
		height: 28px;
		border: 1px solid #bbbbbb;
		font-size: 1em;
		text-align: center;
		line-height: 30px;
		color: #333333;
		border-radius: 5px;
		background-color: #eeeeef;
		box-shadow: 0px 1px 0px 0px #aeaeae inset;
		-moz-box-shadow: 0px 1px 0px 0px #aeaeae inset;
		-webkit-box-shadow: 0px 1px 0px 0px #aeaeae inset;
		-o-box-shadow: 0px 1px 0px 0px #aeaeae inset;
		-ms-box-shadow: 0px 1px 0px 0px #aeaeae inset;
		cursor: pointer;
		outline: none;
	}

	.job input[type="submit"] {
		width: 83px;
		height: 30px;
		border: 1px solid #cd6a00;
		font-size: 1em;
		text-align: center;
		line-height: 30px;
		color: #ffffff;
		font-weight: normal;
		border-radius: 4px;
		background-color: #ff8705;
		box-shadow: 0px 1px 0px 0px #ffca91 inset;
		-moz-box-shadow: 0px 1px 0px 0px #ffca91 inset;
		-webkit-box-shadow: 0px 1px 0px 0px #ffca91 inset;
		-o-box-shadow: 0px 1px 0px 0px #ffca91 inset;
		-ms-box-shadow: 0px 1px 0px 0px #ffca91 inset;
		cursor: pointer;
		outline: none;
	}

	.job input[type="submit"]:hover {
		width: 83px;
		height: 30px;
		border: 1px solid #cd6a00;
		font-size: 1em;
		text-align: center;
		line-height: 30px;
		color: #ffffff;
		font-weight: normal;
		border-radius: 4px;
		background-color: #ea7a00;
		box-shadow: 0px 1px 0px 0px #ffca91 inset;
		-moz-box-shadow: 0px 1px 0px 0px #ffca91 inset;
		-webkit-box-shadow: 0px 1px 0px 0px #ffca91 inset;
		-o-box-shadow: 0px 1px 0px 0px #ffca91 inset;
		-ms-box-shadow: 0px 1px 0px 0px #ffca91 inset;
		cursor: pointer;
		outline: none;
	}

	.job input[type="submit"]:first-child {
		margin-right: 15px;
		margin-left: 90px;
	}

	/***************************** css for reports page***************************************************/
	.brdr_bottom {
		border-bottom: 1px solid #cccccc;
	}

	.reports {
		width: 310px;
		float: left;
		font-size: 0.9em;
		color: #333333;
		/*margin-top:5px;*/
		margin-left: 40px;
		margin-right: 20px;
	}

	.reports select {
		width: 163px;
		height: 26px;
		border: 1px solid #cccccc;
		padding: 2px;
		padding-left: 8px;
	}

	.reports select option {
		padding-left: 10px;
		/*line-height:30px;*/
	}

	.date {
		width: 235px;
		float: left;
		font-size: 0.9em;
		color: #333333;
		/*margin-top:5px;
	margin-left:100px;*/
		margin-right: 20px;
	}

	.date select {
		width: 163px;
		height: 26px;
		border: 1px solid #cccccc;
		padding: 2px;
		padding-left: 8px;
	}

	.container_bottom_text a {
		text-decoration: none;
		color: #333333;
	}

	.container_bottom_text a:hover {
		text-decoration: underline;
	}

	/************************** for client page *******************************/

	.client_graph {
		width: 1003px;
		height: 122px;
		border: 1px solid #cccccc;
		margin-top: 13px;
		margin-bottom: 23px;
	}

	.client_title {
		font-size: 0.8em;
		line-height: 30px;
		color: #000000;
		margin-bottom: 10px;
	}

	.client_title span {
		font-weight: bold;
	}

	/****************************** css for customers page ************************/
	.container_bottom_text span {
		color: #025597;
		font-size: 0.9em;
	}

	.container_bottom_text span a {
		text-decoration: none;
		padding: 0px 5px 0px 5px;
		color: #025597;
	}

	.container_bottom_text span a:first-child {
		padding: 0px 4px 0px 0px;
	}

}

@media all and (max-width:980px) {
	.header_in {
		margin: auto;
		width: 100%;
	}

	.logo {
		width: 18%;
	}

	nav {
		width: 80%;
	}

	.nav_bottom a {
		padding: 12px 3px 15px;
	}

	.wrapper {
		width: 100%;
	}

	.content {
		width: 99%;
	}

	.content_left {
		float: none;
		width: 100%;
		margin-bottom: 25px;
	}

	.content_right {
		float: none;
		margin: auto;
		width: 30%;
	}

	.content_left_top_box {
		width: 72%;
	}

	.container {
		width: 100%;
	}

	.container_bottom table {
		width: 100%;
	}

	.container_bottom_text {
		word-break: break-all;
	}

	footer {
		width: 100%;
	}
}

select.error {
	border: 1px solid red;
}

input[type="text"].error {
	border: 1px solid red;
}

input[type="file"].error {
	border: 1px solid red;
}