﻿/* Styles for validation helpers
-----------------------------------------------------------*/
html {
	background: #333 !important;
}


.field-validation-error {
	color: #f00;
}

.field-validation-valid {
	display: none;
}

.input-validation-error {
	border: 1px solid #f00;
	background-color: #fee;
}

.validation-summary-errors {
	font-weight: bold;
	color: #f00;
}

.validation-summary-valid {
	display: none;
}

.required-asterisk {
	color: red;
	margin-left: 5px;
}

.required::after {
    content: " * ";
    font-weight: bold;
    color: red;
    display: inline;
}

/*
body {
	background: #333;
	background: -moz-linear-gradient(top, #000000 20%, #333333 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#000000), color-stop(100%,#333333));
	background: -webkit-linear-gradient(top, #000000 20%,#333333 100%);
	background: -o-linear-gradient(top, #000000 20%,#333333 100%);
	background: -ms-linear-gradient(top, #000000 20%,#333333 100%);
	background: linear-gradient(to bottom, #000000 20%,#333333 100%);
}
*/

header .container,
footer .container,
.section-body .container {
	background-color: #FFF;
}

/* Override bootstrap */
.btn-toolbar {
	margin-top: 5px;
	margin-bottom: 5px;
}

.navbar .divider-vertical {
	height: 50px;
	margin: 0 9px;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #f2f2f2;
}

.navbar-inverse .divider-vertical {
	border-right-color: #222222;
	border-left-color: #111111;
}

@media (max-width: 767px) {
	.navbar-collapse .nav > .divider-vertical {
		display: none;
	}
}

fieldset.fieldset-label {
	border: 1px solid #ddd !important;
	padding: 0 15px 10px 15px;
}

	fieldset.fieldset-label label.checkbox-inline {
		margin-left: 0;
	}

legend.fieldset-label {
	width: auto;
	border-bottom: none;
	padding: 0 10px;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 700;
}

.header-banner {
	width: 100%;
}

/* bootstrap jqTable */
.bootstrap-col-header span {
	padding: 5px 10px;
}

.pagination-container {
	width: 100%;
	padding: 10px 15px;
	border: solid 1px #DDD;
}

	.pagination-container a {
		color: #000;
		text-decoration: none;
	}

.pagination-displaying {
	padding-top: 5px;
}

.pagination-input,
.pagination-page {
	margin-right: 5px;
	width: 50px;
	text-align: center;
}

.pagination-pageof {
	margin-right: 10px;
}

.row-controls {
	text-align: center;
}

	.row-controls a {
		margin-right: 5px;
	}

.no-margin-bottom {
	margin-bottom: 0 !important;
}

/* Override jqGrid*/
div.ui-jqgrid-view table.ui-jqgrid-btable {
	table-layout: auto;
}

div.ui-jqgrid-view table.ui-jqgrid-htable {
	table-layout: auto;
}

/* Override */
.panel-title,
label.checkbox {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.container-box {
	padding: 9px 15px;
	margin-bottom: 14px;
	border: 1px solid #e1e1e8;
	border-radius: 4px;
}

.highlight {
	background-color: #f7f7f9;
}

.panel-body h3 {
	margin-top: 10px;
	border-bottom: solid 1px #DDD;
}
h3.popover-title {
	margin-top: 0;
    border-bottom: 1px solid #ebebeb;
}

.checkBoxList label.checkbox,
.checkBoxList label.checkbox-inline {
	font-weight: normal;
}

.checkBoxList .checkBox-row {
	padding: 3px 0;
}

.v-margin-5 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.v-margin-10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.button-controls .btn {
	margin: 10px 0;
}

header .container-fluid {
	background-color: #000;
}

header .SubBanner {
	background-color: #000;
	height:35px;
	background: -webkit-linear-gradient(#BBBBBB, #fff);
	background: -o-linear-gradient(#BBBBBB, #fff);
	background: -moz-linear-gradient(#BBBBBB, #fff);
	background: linear-gradient(#BBBBBB, #fff); 

	/*background: -moz-linear-gradient(top, #000000 20%, #fff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#000000), color-stop(100%,#fff));
	background: -webkit-linear-gradient(top, #000000 20%,#fff 100%);
	background: -o-linear-gradient(top, #000000 20%,#fff 100%);
	background: -ms-linear-gradient(top, #000000 20%,#fff 100%);
	background: linear-gradient(to bottom, #000000 20%,#fff 100%);*/
}

.lanePickerContainer{
    height:200px;
	margin-top:50px;
}
.lanePickerLane{
    height:50px;
}

.lanePopOver{
	background: #D7D7D7;
	font-size:x-small;
}

.lanePopOver a:link,
.lanePopOver a:visited, 
.lanePopOver a:hover{
	color:#990000;
}

.laneQuesCell{	
	background: #EAEAEA;
	border-radius: 5px;
	margin-left: 0;
    margin-right: 0;
	padding:5px;
}

.laneQuesCell:hover{
	background: #D7D7D7;
}

.refineFormatCell{	
	background: #EAEAEA;
	border-radius: 5px;
	margin-left: 0;
    margin-right: 0;
	padding:5px;
    height: auto;
	/*height:70px;*/
}

.refineFormatCell:hover{
	background: #D7D7D7;
}

.laneIndicator {
	width: 81px;
	height: 77px;
	line-height: 77px;
	text-align: center;
	border: 2px solid #a1a1a1;
	background: #EAEAEA;
	border-radius: 25px;
	margin-left: 0;
    margin-right: 0;
}

.refineFormatContainer{
    height:100px;
	margin-top:50px;
}

.refineFormatCellLeft{
	text-align:right;
}

.refineFormatRadio{
	margin-bottom:45px !important;
}
.refineFormatRadioLeft{
	margin-left:8px !important;
}
.refineFormatLabelLeft{
	padding-left:0px;
}

.refineFormatRadioRight{
	margin-right:8px !important;
}


.shaded-inactive{
	background: #EAEAEA;
	color:#000;
}
.shaded-active{
	background: #676767;
	color:#fff;
}

.shaded-span{
	display: inline-block;
	vertical-align: middle;
    
	line-height: normal;
}

a{
	color:#676767;
}

.btn-primary,
.btn-primary:active,
.btn-primary.active,
.btn-primary:focus{
	color: #fff;
	background-color: #990000;
	border-color: #590000;
}

.btn-primary:hover,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #D50000;
  border-color: #990000;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #995151;
  border-color: #874747;
}

input[type='checkbox'].form-control {
    height: 16px;
}

div.checkbox-container {
    width: 25%;
    margin: auto;
}
div.checkbox-container input[type='checkbox'] {
    height: 16px;
    width: 100%;
}

.alert-insert-rocket,
.modal-insert-rocket {
    background-image: url('/Contents/images/rocket.png');
    background-repeat: no-repeat;
    background-position: 15px 15px;
    min-height: 125px;
    padding-left: 115px;
    padding-top: 25px;
}


.radio-inline-right input[type="radio"] {
  float: right;
  margin-right: -20px;
}
.radio-inline-right {
  display: inline-block;
  padding-right: 20px;
  margin-bottom: 0;
  margin-right: 10px;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline-right + .radio-inline-right {
  margin-top: 0;
  margin-right: 10px;
}
.radio-inline-right[disabled],
fieldset[disabled] .radio-inline-right {
  cursor: not-allowed;
}

/*Ajax loader*/
.loader-div {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1100;
   background-color: white;
   opacity: .6;
}
.ajax-loader {
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -50px; /* -1 * image width / 2 */
   margin-top: -50px; /* -1 * image height / 2 */
   display: block;
}