﻿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;
}

/* Set width on the form input elements since they're 100% wide by default */

input,
select,
textarea {
	max-width: 1000px;
}

.shortAlertImg {
	display: block;
	background-image: url(../../../../Content/img/shortAlert.png) !important;
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 6px;
}

.notificationImg {
	display: block;
	background-image: url(../../../../Content/img/notification.png) !important;
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 6px;
}

.longAlertImg {
	display: block;
	background-image: url(../../../../Content/img/longAlert.png) !important;
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 6px;
}

.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;
}

/* Header */

.headerSite {
}


.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: #4a4847;
	color: #FFF;
}

.navbar a {
	border-right: 1px solid #ccc;
	color: #FFF;
}

.navbar-nav > li > a:hover, .navbar-nav > li > a:active {
	background: 0;
	text-decoration: underline;
}

.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:focus {
	color: #FFF !important;
	background-color: #DCE1A0 !important;
	border-left: 1px solid #4a4847;
}

.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > li > a:hover {
	color: #4a4847;
	background-color: #DCE1A0;
	border-left: 1px solid #4a4847;
}

.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:focus {
	color: #4a4847 !important;
	background-color: #bbc445 !important;
	font-weight: bold
}

.navbar-nav > .open > a,
.navbar-nav > .open > a:hover,
.navbar-nav > .open > a:focus {
	color: #4a4847 !important;
	background-color: #DCE1A0 !important;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
	background: #4a4847 !important;
	color: #FFF !important;
}

.footer {
	background-color: #f5f5f5;
	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;
}

.ui-datepicker {
	z-index: 10000 !important;
}

.panel-body .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #C9D06C;
}

.panel-step {
	border-color: #ddd;
}

.panel-step > .panel-heading {
	color: #fff;
	background-color: #4a4847;
	border-color: #ddd;
}

.panel-step > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #ddd;
}

.panel-step > .panel-heading .badge {
	color: #f5f5f5;
	background-color: #4a4847;
}

.panel-step > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #ddd;
}

.btn-step-link {
	color: #fff;
	font-weight: bold;
	border-radius: 0;
}

.btn-step-link, .btn-step-link:active, .btn-step-link.active, .btn-step-link[disabled], fieldset[disabled] .btn-step-link {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-step-link, .btn-step-link:hover, .btn-step-link:focus, .btn-step-link:active {
	border-color: transparent;
}

.btn-step-link:hover, .btn-step-link:focus {
	color: #009BE3 !important;
	text-decoration: underline;
	background-color: transparent;
}

.btn-step-link[disabled]:hover, .btn-step-link[disabled]:focus, fieldset[disabled] .btn-step-link:hover, fieldset[disabled] .btn-step-link:focus {
	color: #DCE1A0;
	text-decoration: none;
}

.btn-quickview {
	color: #000000;
	font-weight: bold;
	border-radius: 0;
}

.btn-quickview, .btn-quickview:active, .btn-quickview.active, .btn-quickview[disabled], fieldset[disabled] .btn-quickview {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-quickview, .btn-quickview:hover, .btn-quickview:focus, .btn-quickview:active {
	border-color: transparent;
}

.btn-quickview:hover, .btn-quickview:focus {
	color: #009BE3 !important;
	text-decoration: underline;
	background-color: transparent;
}

.btn-quickview[disabled]:hover, .btn-quickview[disabled]:focus, fieldset[disabled] .btn-quickview:hover, fieldset[disabled] .btn-quickview:focus {
	color: #DCE1A0;
	text-decoration: none;
}

.collapse-quickview {
	display: block;
}

.collapsed-quickview {
	display: none;
}

.control-label.control-label-not-bold {
	font-weight: normal;
}

.bfgflogo-image {
	height: auto;
	width: 390px;
	padding-top: 15px;
	padding-bottom: 10px;
}

#browserblast a {
	color: green;
	text-decoration: underline;
}

/*  
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;
}

.navbar .icon-bar {
	background-color: white;
}

.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;
}

.panel-primary > .panel-heading {
	color: #292827 !important;
}


.btn-primary {
	color: #292827 !important;
}

.input-group-addon {
	color: #292827 !important;
}

.help-block {
	color: #7b3c27 !important;
}


.text-link {
	color: blue !important;
}