/* The Body of the page (the main page container, not the middle portion) */
body
{
	margin: 0;
	font-family: Verdana;
	font-size: 8pt;
    position: relative;
	background-color: #D5DAAC;
}

/* The header portion (with logo and "Log Off") */
table#ctl00_Table1{
	background-color: #EFF1E1 !important;
	/* text color */
	color: #5C6421;
	padding-left: 1em;
	padding-right: 1em;
}

#logo{
	width: 280px;
	height: 102px;
}

/*************************************** 
Navigation table                      
****************************************/

/* Navigation Table */
table#ctl00_tabMain{
	background-color: #EFF1E1;
}

/* Navigation Links */
table#ctl00_tabMain a{
	color: #565E19;
}

/* Navigation Links Hover */
table#ctl00_tabMain a:hover{
	color: #ff6c1b;
}

/* Inactive Tabs in Navigation */
#ctl00_tabMain_T0, #ctl00_tabMain_T1, #ctl00_tabMain_T2, #ctl00_tabMain_T3, #ctl00_tabMain_T4, #ctl00_tabMain_T5{
	background-color: #BAC186;
}


/* Active Tabs in Navigation */
#ctl00_tabMain_AT0, #ctl00_tabMain_AT1, #ctl00_tabMain_AT2, #ctl00_tabMain_AT3, #ctl00_tabMain_AT4, #ctl00_tabMain_AT5{
	background-color: #D5DAAC;
}
/* END Navigation Table ***************/


/* Header Links */
table#ctl00_Table1 a{
	color: #5C6421;
}

/* Normal Links */
a{
	color: #838E2F;
}

/* Hovered Links */
a:hover{
	color: #ff6c1b;
}

/* 2017-06-07 edit for new DevExpress CSS */
#ctl00_Table1 td, #ctl00_divCPH td
{
    padding: 2px;
}

/*************************************** 
Content Area                    
****************************************/

/* Content Area */
#ctl00_divCPH{
	background-color: #D5DAAC;
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-bottom: 2em;
}

/* Content Links */
#ctl00_divCPH a{
	color: #565E19;
}

/* Content Links Hover */
#ctl00_divCPH a:hover{
	color: #ff6c1b;
}

/* Content Table Alternating Rows */
/* Odd Rows */
#ctl00_divCPH table:last-child tr:nth-child(odd){ background: #E4E8B3 !important;}
/* Even Rows */
#ctl00_divCPH table:last-child tr:nth-child(even){ background: #EFF1E1 !important;}
/* First Row */
#ctl00_divCPH table:last-child tr:first-child{ 
	border: 1px solid #565E19;
	padding-top: 2px;
	padding-bottom: 2px;
	background: #BAC186 !important;
}
/* First Row Links */
#ctl00_divCPH table:last-child tr:first-child a{
	color: #5F6B00;
	font-size: 9pt !important;
}

/* Table Border */
#ctl00_divCPH table:last-child{
	border: 1px solid #565E19;
	
}

.btn.btn-subnav{
	padding: 5px 10px;
	color: #565E19;
    border: 1px solid #565E19;
    background-color: #D5DAAC;
    text-decoration: none;
}

.btn.btn-subnav:hover, .btn.btn-subnav.selected{
	background-color: #565E19;
	color: #D5DAAC !important;
}

#ctl00_ContentPlaceHolder1_lblOSHPD{
	color: #ff0000;
	font-weight: 600;
	font-size: 13px;
}

/* END Content Area ********************/

/*************************************** 
Footer Area                    
****************************************/

div#footer{
	padding-left: 1.5em;
	color: #5C6421;
	font-weight: bold;
}

/* END Footer Area *********************/


div.main
{
min-height:400px;
background:#F2F5A9;
margin:0px;
padding:0px;
/*    margin-top: 1em;
    margin-left: 2px;
    margin-bottom: 1em;
    overflow: auto;
    overflow-x:auto;
    width2: 1000px; */
}

.uppercase
{
    text-transform:uppercase
}

div.container
{
    width: 105px;
    padding-top: 1em;
    padding-bottom: 1em;
    position: fixed; top: 105px; left: 5px; 
}

div.nav
{
    border: 1px solid red;
    width: 10em;
    height: 25em;
}

ul
{ 
       
}

#Footer
{
    position: absolute;
    bottom: 0px;
    height: 3px;
    background-color: #666;
    color: #eee;
}

/*************************************** 
Web Forms
****************************************/
.charCount{
	color: #ff6c1b;
}

.charCount.bottom{
	display: block;
	text-align: right;
}

.charCount.right{
	float: right;
}

span.Checkbox label{
	vertical-align: baseline;
	position: relative;
	top: -2px;
}

$('label[for="ctl00_ContentPlaceHolder1_frmShowUp"]'){
	width: 100px !important;
}

.VisionValidationError li span{
	display: none;
}

input.error {
	border: 1px solid red !important;
}

.VisionRequired{
	background-color: #FFFFBD;
}

input:disabled, select:disabled{
	background-color: #D6D6D6 !important;
}

.VisionLabelAboveControl{

}

.VisionRightJustifyLabel{
    text-align: right;
}

#ctl00_ContentPlaceHolder1_StartDate, #ctl00_ContentPlaceHolder1_StartTime, #ctl00_ContentPlaceHolder1_EndDate,
#ctl00_ContentPlaceHolder1_End_Time, #ctl00_ContentPlaceHolder1_NoonBreak, #ctl00_ContentPlaceHolder1_ST,
#ctl00_ContentPlaceHolder1_OT{
	/*width: 80px !important;*/
}

#ctl00_ContentPlaceHolder1_roInspector, #ctl00_ContentPlaceHolder1_rpDate, #ctl00_ContentPlaceHolder1_roDay,
#ctl00_ContentPlaceHolder1_roServiceCode, #ctl00_ContentPlaceHolder1_frmJobSiteContact, #ctl00_ContentPlaceHolder1_roDate{
	width: 329px !important;
	margin-right: 35px;
}

#ctl00_ContentPlaceHolder1_frmHrsWorkedST, #ctl00_ContentPlaceHolder1_frmHrsWorkedOT, #ctl00_ContentPlaceHolder1_frmHrsWorkedDT,
#ctl00_ContentPlaceHolder1_frmHrsWorkedNS, #ctl00_ContentPlaceHolder1_frmHrsWorkedNSOT{
	width: 30px !important;
}

#ctl00_ContentPlaceHolder1_frmHrsWorkedNSOT{
	margin-right: 45px;
}

#ctl00_ContentPlaceHolder1_frmComment{
	width: 692px !important;
}

#ctl00_ContentPlaceHolder1_frmCopyLeftOnJobsiteComments{
	width: 508px !important;
}

#ctl00_ContentPlaceHolder1_frmPersonNotified{
	width: 581px !important;
}

#ctl00_ContentPlaceHolder1_frmReportSentTo{
	width: 581px !important;
	margin-left: 3px;
}

.ui-timepicker *, .ui-timepicker :after, .ui-timepicker :before{
    box-sizing: content-box;
}

/*************************************** 
Vision Validation Error
****************************************/
.VisionValidationError{
	list-style-type: none;
	background: transparent;
	border: 0;
	margin: 10px 0 10px 0;
	padding: 0;
	height: auto;
}

.VisionValidationError li{
	color: #ff6c1b;
	font-size: 20px;
}


/*************************************** 
iPad Hack
****************************************/
@media only screen and (device-width: 768px){
	/*html, body, #ctl00_Table1{
		width: 1230px;
	}*/
	
	.VisionLabelAboveControl{
		margin-right: 10px;
	}

	#ctl00_ContentPlaceHolder1_roInspector, #ctl00_ContentPlaceHolder1_rpDate, #ctl00_ContentPlaceHolder1_roDay,
	#ctl00_ContentPlaceHolder1_roServiceCode, #ctl00_ContentPlaceHolder1_frmJobSiteContact, #ctl00_ContentPlaceHolder1_roDate{
		width: 360px !important;
		margin-right: 35px;
	}

	#ctl00_ContentPlaceHolder1_frmHrsWorkedNSOT{
		margin-right: 36px;
	}
	
	label[for='ctl00_ContentPlaceHolder1_frmShowUp']{
		margin-right: 70px;
	}
	
	#ctl00_ContentPlaceHolder1_frmComment{
		width: 743px !important;
	}
}

.hidden.menu {
	display: none;
}

.masthead.segment {
	padding: 1em 0;
}
.masthead .logo.item img {
	margin-right: 1em;
}
.masthead .ui.menu .ui.button {
	margin-left: 0.5em;
}

.ui.vertical.stripe {
	padding: 8em 0;
}
.ui.vertical.stripe .floated.image {
	clear: both;
}
.ui.vertical.stripe p {
	font-size: 1.33em;
}
.ui.vertical.stripe .horizontal.divider {
	margin: 3em 0;
}
.quote.stripe.segment {
	padding: 0;
}
.quote.stripe.segment .grid .column {
	padding-top: 5em;
	padding-bottom: 5em;
}
.footer.segment {
	padding: 5em 0;
}

.secondary.pointing.menu .toc.item {
	display: none;
}

@media only screen and (max-width: 700px) {
	.ui.fixed.menu {
		display: none !important;
	}
	.secondary.pointing.menu .item,
	.secondary.pointing.menu .menu {
		display: none;
	}
	.secondary.pointing.menu .toc.item {
		display: block;
	}
	.masthead.segment {
		min-height: 350px;
	}
}

/*************************************** 
Semantic Navigation                  
****************************************/
#ctl00_MenuPanelPusher{
	background-color: #EFF1E1;
}