@media (min-width: 1025px) and (min-height: 600px) {
	body {
		/*background-color: rgba(249, 249, 249, 1);
		background-color: #f8f6eb;*/
	}
}

#footer p, #footer ul {
	margin-bottom: 0;
}

.PageHeaderWrap {
	width: 170px;
	margin-top: -24px;
	margin-left: 29px;
	margin-bottom: 8px;
	line-height: 14px;
	-webkit-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, .1);
	box-shadow: inset 0px 0px 10px rgba(0, 0, 0, .1);
}

.PageHeader {
	background-color: rgba(34, 48, 133, 1);
	color: #FFF;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 11px;
	position: relative;
}

	.PageHeader:before {
		content: '';
		position: absolute;
		width: 14px;
		height: 35px;
		left: -14px;
		top: 0;
		background: url('images/nav_subhead_ribbon.png');
	}

.pageheader-list-caption {
	margin: 0;
}

#pnlHeader h4 {
	margin-top: 0;
	margin-bottom: 10px;
}

@media (max-width: 500px) {
	.container-fluid .pageheader-list-caption {
		margin: -15px 0 15px -75px;
	}
}

@media (min-width: 501px) and (max-width: 768px) {
	.container-fluid .pageheader-list-caption {
		margin: -40px 0 15px 180px;
	}
}

@media (max-width: 900px) {
	.container-fluid .pageheader-list-caption {
		font-size: 16px;
	}
}

@media (min-width: 992px) {
	.col-md-6 {
		width: 75%;
	}
}


.killed-workorder-label {
	background-color: #f2dede;
	border-color: #eed3d7;
	color: #b94a48;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: block;
	padding: 10px 15px;
	text-align: center;
	font-weight: bold;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	transition: all 200ms ease;
	margin: 5px 0;
}

.donotbill-workorder-label {
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	color: #c09853;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: block;
	padding: 10px 15px;
	text-align: center;
	font-weight: bold;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	transition: all 200ms ease;
	margin: 5px 0;
}


/*************************************************************/
/********************SIDEBAR STYLES***************************/
/* From new DailyConstruction Style */
/*************************************************************/
.subNav {
	width: 174px;
	background: #f4f4f4;
	float: right;
	margin-bottom: 25px;
	padding-bottom: 25px;
	-webkit-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0px 0px 10px rgba(0, 0, 0, .1);
	box-shadow: inset 0px 0px 10px rgba(0, 0, 0, .1);
}

	.subNav ul {
		padding: 0;
		margin-top: 0;
	}

		.subNav ul li {
			-webkit-box-sizing: border-box !important;
			-moz-box-sizing: border-box !important;
			box-sizing: border-box !important;
		}

			.subNav ul li.nav-subheader {
				padding: 0 20px;
				text-transform: uppercase;
			}

				.subNav ul li.nav-subheader span {
					border-top: 1px solid #d0cfcb;
					border-bottom: 1px solid #d0cfcb;
					display: block;
					padding: 15px 0 5px;
				}

.nav-header {
	float: right;
}

.subNav ul li.curProject {
	text-transform: uppercase;
	background: #b9010b;
	color: #FFF;
	font-weight: 100;
	padding: 10px 20px;
	-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, .2);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, .2);
	margin-bottom: 5px;
}

	.subNav ul li.curProject span {
		text-transform: capitalize;
		display: block;
		margin-top: 5px;
	}
/*
.subNav ul li.curProject a
{
	text-transform:capitalize;
	display:block;
	margin-top:5px;
}
*/
.subNav ul li a {
	padding: 4px 30px !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
	width: 100%;
}

.subNav div {
	padding: 4px 10px !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
	/*width:100%;*/
}

.subNav .navDivider {
	padding: 5px 20px;
}

	.subNav .navDivider span {
		background: #d0cfcb;
		display: block;
		width: 100%;
		height: 1px;
	}

.subNav ul li a:hover, .subNav ul li a:focus, .subNav ul li a:active, .subNav ul li.curPage a {
	/*background:#283796;*/
	background: url('images/nav_link_arrow.png') right center no-repeat;
	color: #FFF;
	width: 185px;
	padding-right: 42px !important;
	/*font-weight:normal;*/
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
	position: relative;
}

.navSubHead {
	background: #283796;
	color: #FFF;
	padding-left: 20px;
	padding-top: 10px;
	height: 35px;
	position: relative;
	display: block;
	width: calc(100% - 14px);
	margin-left: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

	.navSubHead:before {
		content: '';
		position: absolute;
		width: 14px;
		height: 35px;
		left: -14px;
		top: 0;
		background: url('images/nav_subhead_ribbon.png');
	}


/*************************************************************/
/****************END SIDEBAR STYLES***************************/
/*************************************************************/


/*********************************************************************/
/**********************BASIC CONTENT STYLES***************************/
/*********************************************************************/

/*******************Content Lists with zebra stripes******************/
.contentList {
	border-bottom: 1px solid #d1d0cb;
}

	.contentList .contentListColumn {
		display: inline-block;
	}

	.contentList .contentListHeaders {
		border-bottom: 1px solid #d1d0cb;
		padding: 14px 14px 5px 14px;
	}

		.contentList .contentListHeaders .contentListColumn {
			font-weight: bolder;
		}

	.contentList .projectListItem {
		border: 1px solid #d1d0cb;
		border-top: none;
		padding: 14px;
		padding-right: 50px;
		/*height:36px;*/
		max-height: 36px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		overflow: hidden;
		background-image: url('images/arrow_down.png');
		background-repeat: no-repeat;
		background-position: right 15px;
		cursor: pointer;
		outline: none;
		-webkit-transition: max-height 400ms ease;
		-moz-transition: max-height 400ms ease;
		-o-transition: max-height 400ms ease;
		-ms-transition: max-height 400ms ease;
		transition: max-height 400ms ease;
	}

		.contentList .projectListItem:focus {
			max-height: 1000px;
			background-image: url('images/arrow_up.png');
		}

		.contentList .projectListItem:nth-child(even) {
			background-color: #efefef;
		}

		.contentList .projectListItem:last-child {
			border-bottom: none;
		}

		.contentList .projectListItem .contentListColumn {
			margin-bottom: 15px;
		}
/*************END Content Lists with zebra stripes******************/

/*************Button Links******************/
.lightGreyButton, .darkGreyButton, .fakeGreyButton, .greenButton, .blueButton {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: block;
	padding: 10px 15px;
	text-align: center;
	font-weight: bold;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	transition: all 200ms ease;
	margin: 5px 0;
}

.lightGreyButtonInline {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 15px;
	text-align: center;
	font-weight: bold;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	transition: all 200ms ease;
	margin: 5px 0;
}

.lightGreyButton, .fakeGreyButton, .lightGreyButtonInline, .greenButton, .blueButton {
	background-color: #ccc;
	color: #444;
}

	.lightGreyButton:hover, .lightGreyButton:focus, .lightGreyButton:active,
	.lightGreyButtonInline:hover, .lightGreyButtonInline:focus, .lightGreyButtonInline:active {
		text-decoration: none;
		background-color: #aaa;
		color: #444;
	}

	.fakeGreyButton:hover, .fakeGreyButton:focus, .fakeGreyButton:active {
		text-decoration: none;
	}

.darkGreyButton {
	background-color: #2b2b2b;
	color: #FFF;
}

	.darkGreyButton:hover, .darkGreyButton:focus, .darkGreyButton:active {
		text-decoration: none;
		background-color: #555;
		color: #FFF;
	}

.greenButton {
	background-color: #dff0d8;
	border: 1px solid #dff0d8;
}

	.greenButton:hover, .greenButton:focus, .greenButton:active {
		text-decoration: none;
		background-color: #84C569;
	}

.blueButton {
	background-color: #d9edf7;
	border-color: #d9edf7;
}

	.blueButton:hover, .blueButton:focus, .blueButton:active {
		text-decoration: none;
		background-color: #5AB1DC;
	}

.redButton {
	background-color: #f2dede;
	border-color: #f2dede;
	font-size: large;
}

	.redButton:hover, .redButton:focus, .redButton:active {
		text-decoration: none;
		background-color: #CF8787;
	}

/*************END Button Links******************/

/*************Pagination******************/

.pagination {
	float: right;
}

	.pagination .prevPage {
		display: inline-block;
		width: 28px;
		height: 28px;
		background: url('images/icon_prev_page.png');
		overflow: hidden;
		text-indent: -9999px;
		position: relative;
		top: 10px;
		margin-right: 10px;
	}

	.pagination .nextPage {
		display: inline-block;
		width: 28px;
		height: 28px;
		background: url('images/icon_next_page.png');
		overflow: hidden;
		text-indent: -9999px;
		position: relative;
		top: 10px;
		margin-left: 10px;
	}

	.pagination a {
		font-family: "sansa_prosemibold";
		font-size: 15px;
		color: #999999;
	}

		.pagination a:hover, .pagination a:focus, .pagination a:active, .pagination .curPage {
			color: #262626;
		}

/*************END Pagination******************/

/***************Steps********************/

.steps {
	margin-bottom: 25px;
	text-align: center;
}

	.steps .step {
		display: inline-block;
		padding: 15px;
		background: #eee;
		color: #333;
		font-weight: bold;
		margin: 0;
		width: 150px;
		-webkit-transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		transition: all 200ms ease;
	}

		.steps .step:hover, .steps .step:focus, .steps .step:active {
			text-decoration: none;
			background: #ccc;
		}

	.steps .currentStep {
		background: #bb0009;
		color: #FFF;
	}

		.steps .currentStep:hover, .steps .currentStep:focus, .steps .currentStep:active {
			background: #93030a;
		}

/*************END Steps******************/

.formContent, .formContent * {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}
	/*
.formContent
{
	padding-bottom:100px !important;
}
*/
	.formContent .greyGroup, .formContent .whiteGroup {
		padding: 16px 10px;
		background: #f6f6f6;
		border: solid 1px #CCC;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		margin-bottom: 25px;
		margin-top: 10px;
	}

		.formContent .greyGroup.noBottomMargin, .formContent .whiteGroup.noBottomMargin {
			margin-bottom: 0;
		}

	.formContent .whiteGroup {
		background: #fff;
	}

	.formContent .column {
		float: left;
		width: 50%;
		padding: 0 17px;
	}

		.formContent .column .column {
			padding: 0 5px;
		}

	.formContent h4 {
		margin-top: 25px;
		line-height: 20px;
	}

	.formContent .darkGreyButton, .formContent .lightGreyButton {
		float: right;
		margin-left: 10px;
	}

	.formContent .columnFullWidth {
		padding: 0 17px;
	}

	.formContent input[type="text"] {
		height: 30px;
		width: 100%;
		background: #f6f6f6;
		border-top: 2px solid #c2c2c2;
		border-right: 2px solid #c2c2c2;
		color: #22338f;
	}

	.formContent .greyGroup input[type="text"], .formContent .greyGroup textarea {
		background: #FFF;
	}

	.formContent textarea {
		width: 100%;
		/*height:100px;*/
		background: #f6f6f6;
		border-top: 2px solid #c2c2c2;
		border-right: 2px solid #c2c2c2;
		color: #22338f;
	}

	.formContent select {
		height: 30px;
	}

	.formContent .formTable {
		border: 1px solid #d0d0ce;
		margin-bottom: 10px;
	}

		.formContent .formTable th {
			text-align: left;
			border: 1px solid #d0d0ce;
			padding: 10px;
		}

		.formContent .formTable td {
			border: 1px solid #d0d0ce;
			padding: 10px;
		}

		.formContent .formTable tr:nth-child(even) {
			background: #efefef;
		}

			.formContent .formTable tr:nth-child(even) input {
				background: #FFF;
			}

	.formContent .formTotalContainer {
		text-align: right;
	}

	.formContent .formTotalLabel {
		display: inline-block;
		font-weight: bold;
		font-size: 18px;
	}

	.formContent .formTotal {
		display: inline-block;
		width: 100px !important;
		margin-left: 15px;
		font-size: 18px;
		font-weight: bold;
	}

	.formContent .radio input[type='radio'], .radio-inline input[type='radio'], 
	.checkbox input[type='checkbox'], .checkbox-inline input[type='checkbox'] {
		margin-left: 2px;
	}

/*******************************************************************/
/******************END BASIC CONTENT STYLES*************************/
/*******************************************************************/

/*******************************************************************/
/************************PROJECT PAGE*******************************/
/*******************************************************************/

#projectList .column1 {
	width: 165px;
}

#projectList .column2 {
	width: 165px;
}

#projectList .column3 {
	width: 165px;
}

#projectList .darkGreyButton, #projectList .lightGreyButton {
	float: left;
	clear: both;
}

/*******************************************************************/
/**********************END PROJECT PAGE*****************************/
/*******************************************************************/

/*******************************************************************/
/*****************CONSTRUCTION MANAGEMENT PAGE**********************/
/*******************************************************************/

#projectNoteList .column1 {
	width: 150px;
}

#projectNoteList .column2 {
	width: 150px;
}

#projectNoteList .column3 {
	width: 175px;
}

/*******************************************************************/
/**************END CONSTRUCTION MANAGEMENT PAGE*********************/
/*******************************************************************/


.formFilter select {
	height: 30px;
}

.span35 {
	width: 235px;
}

#FiscalYear_Selected {
	width: 215px;
	margin-left: 20px;
	background: #283796;
	background-image: url(../img/navlist_active_cap.gif);
	background-repeat: no-repeat;
}

#ddlFiscalYear {
	display: block;
	/*
	background: #283796;
	color: White;
	font-weight: bold;
*/
	margin-left: 20px;
	width: 180px;
}

.floating-buttons {
	position: fixed;
	left: 860px;
	top: 185px;
}

.charm-button {
	cursor: pointer;
	padding: 5px 5px 8px 5px;
	background-color: #d9edf7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.charm-container {
	position: absolute;
	left: 10px;
}

.page-bottom-spacer {
	clear: both;
	height: 150px;
}

.clean-table td {
	vertical-align: middle;
}

.middle-align td {
	vertical-align: middle;
}

.no-textbox {
	height: 35px;
}

.ca-grid2 {
	background-color: #FFF;
}

	.ca-grid input[type='text'], .ca-grid2 input[type='text'] {
		height: 25px;
	}

.ca-grid th {
	width: 20%;
	text-align: center;
}

.ca-grid td, ca-grid2 td {
	vertical-align: bottom;
}

.ca-grid2 p {
	width: 80px;
	padding: 0.38em 0 0.38em 6px;
}

.ca-grid2 td {
	padding-bottom: 0;
}

.ca-grid2 input[type='text'] {
	width: 80px;
}

.ca-estimate, .nte-estimate {
	padding: 4px 0 4px 6px;
	border: solid 1px #CCC;
	background-color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.ca-description, .nte-description {
	margin-bottom: 8px;
}

.round-border-box {
	padding: 4px 0 4px 6px;
	border: solid 1px #CCC;
	background-color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.read-only-form-element {
	padding-left: 5px;
	line-height: 25px;
}

.grid-td-middle-align {
	vertical-align: middle;
}

.no-textbox-2 {
	display: block;
	margin-bottom: 10px;
	padding: 2px 0 0 5px;
	line-height: 25px;
}

.checkbox-alignment input {
	margin: 0 5px 2px 0;
}

#pnlInnerSearch input {
	display: inline-block;
	vertical-align: middle;
}

#pnlInnerSearch span {
	display: inline-block;
	width: 70px;
	vertical-align: middle;
}

/*#MainSiteMenu1_topMenu li {
	background-color: rgba(200, 0, 19, 1);
}

.nav > li.dropdown > a:hover, .nav > li.dropdown > a:focus {
	background-color: #FFF;
	border-color: rgba(34, 48, 133, 1);
	border-radius: 5px;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .nav .open > ul.dropdown-menu {
	background-color: #FFF;
	border-color: rgba(34, 48, 133, 1);
	border-radius: 4px;
}

 .nav .open > ud.dropdown-menu:hover {
	background-color: #yellow;
	border-color: rgba(34, 48, 133, 1);
	border-radius: 4px;
 }

.navbar {
	margin-bottom: 0;
}*/


.glyphicon-trash {
	cursor: pointer;
}

.standard-padding {
	margin: 0 15px 55px 0;
}

.standard-width {
	width: 100px;
}

#rail-2 {
	border-right: 1px solid #999999;
	background: #fafafa;
	margin-left: -24px;
	margin-top: -20px;
}

#rail {
	border-right: 1px solid #999999;
	margin-bottom: -999999px;
	padding-bottom: 999999px;
	background: #fafafa;
}

.counteract-content-margin {
	margin-left: -30px;
}

.counteract-half-content-margin {
	margin-left: -15px;
}

.modal-roofing {
	z-index: 2001;
}

.modal-roofing .modal-header {
	padding: 0 0 0 15px;
}

.modal-roofing .close {
	padding-top: 15px;
	padding-right: 15px;
}

.modal-backdrop
{
	background-color: transparent;
}

@media print {
	abbr {
		display: none;
	}

	#rail,
	#rail-2,
	#footer,
	#floatingButtons {
		display: none;
	}

	.navbar-inner,
	.floating-buttons,
	.hide-on-print,
	.formContent a,
	.charm-container {
		display: none;
	}
}

.table {
	background-color: #fff;
}

@media (min-width: 768px) and (min-height: 750px) {
	.button-footer {
		position: fixed;
		width: 100%;
		bottom: 25px;
		left: 0;
		background-color: rgba(249, 249, 249, 1);
		padding: 8px 25px;
		border-top: solid 2px #ccc;
	}

	#button-footer-spacer {
		height: 40px;
	}
}

@media (max-width: 768px) and (min-height: 750px) {
	#button-footer-spacer {
		display: none;
	}
}

.vp-page-header-margin {
	margin: 24px 0 0 0;
	display: flex;
	align-items: flex-end;
}

@media (max-width: 500px) {
	.vp-form .PageHeader:before {
		/*background-size: 70%;
		background-repeat: no-repeat;
		left: -9px;*/
		
		display: none;
	}

	.vp-form .PageHeader {
		/*margin: 25px 0;*/ 
		padding: 6px 0 5px 10px;
		left: -24px;
	}

	.vp-form .PageHeaderWrap {
		margin-top: 20px;
		margin-left: -65px;
		padding-right: 0;
		letter-spacing: 2px; 
		-ms-transform: rotate(-90deg); 
		-webkit-transform: rotate(-90deg); 
		transform: rotate(-90deg);
	}
}

#vp-form .dynamic-grid table tr th {
	width: 14%;
	text-align: left;
}
		
#vp-form .dynamic-grid2 table tr th {
	text-align: left;
}

#vp-form .dynamic-grid #vp-form .dynamic-grid2 table tr td {
	align-content: center;
}

#vp-form .dynamic-grid table tr td input {
	width: 100%;
	max-width: 105px;
}
		
#vp-form .dynamic-grid2 table tr th:not(:first-child) {
	width: 14%;
}

#vp-form .dynamic-grid2 table tr td:not(:first-child) input {
	width: 100%;
	max-width: 105px;
}

#vp-form .dynamic-grid2 table {
	width: auto;
}

#vp-form .alert, #vp-form .table { margin-top: 10px; margin-bottom: 10px; }