body {
	margin-bottom: 60px;
	/*padding-bottom: 20px;*/
	padding-top: 50px;
}

html {
	min-height: 100%;
	position: relative;
}

/* Set padding to keep content from hitting the edges */

.body-content {
	padding-left: 15px;
	padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/

.dl-horizontal dt { white-space: normal; }

.horizontal-scroll {
	max-width:1100px; overflow-x:scroll;
}

.horizontal-scroll table {
	width: auto;
}

.cactas-column-header {        
	vertical-align: top !important;
	text-align: left !important;           
}

/* TODO BLH - refine this css class to utilize css style property inheritance */
.cactas-column-header-th {        
	vertical-align: top !important;
	text-align: left !important;
	border: none !important;    
}

.word-wrap-sm {
	width: 150px;
		word-wrap: break-word;
		text-align: right;
}

/* Set width on the form input elements since they're 100% wide by default */

input,
select,
textarea { max-width: 280px; }


/* Header */

.headerSite {
	 background-image: -webkit-linear-gradient(top, #ffffff 0, #FEFEAF 100%);
}


.row-bottomPadding {
	padding-bottom: 5px;
	padding-left: 5px;
}

.row-topPadding { padding-top: 7px; }


/* For Navigation menu */

.navbar-fixed-top {
	background: -webkit-linear-gradient(top, #1b4472 0, #2d5c90 53%, #2d5c90 100%);
	overflow: visible;
}

.nav span.caret, .nav span.caret:hover { border-top: 4px solid white !important; }

.navbar {
	background: #0C0100;
	color: #F39B0E;
}

.navbar a {
	border-right: 1px solid #ccc;
	color: #F39B0E;
}

.navbar-nav > li > a:hover, .navbar-nav > li > a:active {
	background: 0;
	text-decoration: underline;
}

.navbar-nav > .open > a,
.navbar-nav > .open > a:hover,
.navbar-nav > .open > a:focus {
	color: #5d0c01 !important;
	background-color: #FEFEAF !important;
}

.footer {
	background-color: #FEFEAF;
	bottom: 0;
	/* Set the fixed height of the footer here */
	height: 60px;
	position: absolute;
	width: 100%;
}

.field-validation-error {
	background-color: #ad1c18; 
	border-radius: .25em;
	color: #ffffff;
	display: inline-block;
	font-size: 75%;
	font-weight: bold;
	line-height: 1;
	margin-top: 0.2em;
	padding: .2em .6em .3em;
	text-align: center;
	vertical-align: baseline;
}

.field-validation-valid { display: none; }

.validation-summary-errors { color: #ffffff; }

.validation-summary-valid { display: none; }

#browserblast {
	background: #FAF4AF;
	border-bottom: 2px solid #D4C790;
	color: #6d6647;
	font-family: sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 40px;
	left: 0;
	line-height: 40px;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
}
/*  
To prevent the banner overlapping content
.unsupported-browser is appened to the HTML tag
so you can push it down. The margin should be
total hight of the banner (height + border).
*/
.unsupported-browser { margin-top: 42px; }

.ui-datepicker { z-index: 10000 !important; }

.input-disabled { background-color: #f9d710 !important;;}

.installAddressColumn { width: 100px; }

.alert-container {
	left: 80%;
	padding-left: 3em;
	padding-right: 3em;
	position: fixed;
	right: 0;
	top: 70px;
	width: 18%;
}

.alert {
	border: none;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.49);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.49);
}


@media (max-width: 767px) {
	.alert-container {
		left: 0;
		top: 0;
		width: 100%;
		z-index: 9999;
	}
}

.margin-top-5  { margin-top: 5px; }
.margin-top-10 { margin-top: 10px; } 
.margin-top-15 { margin-top: 15px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-25 { margin-top: 25px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-35 { margin-top: 35px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-45 { margin-top: 45px; }
.margin-top-50 { margin-top: 50px; }
.margin-top-55 { margin-top: 55px; }
.margin-top-60 { margin-top: 60px; }
.margin-bottom-5  { margin-bottom: 5px; }
.margin-bottom-10 { margin-bottom: 10px; } 
.margin-bottom-15 { margin-bottom: 15px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-25 { margin-bottom: 25px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-35 { margin-bottom: 35px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-bottom-45 { margin-bottom: 45px; }
.margin-bottom-50 { margin-bottom: 50px; }
.margin-bottom-55 { margin-bottom: 55px; }
.margin-bottom-60 { margin-bottom: 60px; }

.fa-spinner {
	font-size: 20px;
	color: red;
}

.underline {
	text-decoration: underline;
}
/* 508 Compliance error fix */
.panel-warning > .panel-heading {
	color: #584521 !important;
}

.alert-success {
	color: #315f31 !important;
}