/*-------------------------------------------------------*\
	COMMON/SHARED - ENHANCED AND ADA
		• COMMON/SHARED ATTRIBUTES MUST BE ADA COMPLIANT
\*-------------------------------------------------------*/

/*For IE 11 - Forces Main to use available screen height*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	main {
		/*Change the subtracted px = IE11 calculated Header px + Footer px*/
		min-height: calc(100vh - 174px);
	}
}

/* Progress bar color*/
#progress-bar table tbody tr td:first-child {
	background-color: rgb(0, 151, 159) !important;
}

/* Header color*/
#header-container {
	background-color: rgba(0,61,90,255)

;
}

/* Next button color*/
.mrNext {
	color: #fff;
	background-color: rgb(255, 102, 51);
	border-color: rgb(255, 102, 51);
	border-bottom-color: #020a13;
    padding-left: 10px;
}

/* Rank input box width*/
.rank-inputs th ~ td .mrEdit {
	width: 4em;
}

/*-------------------------------------------*\
	ENHANCED
\*-------------------------------------------*/

/* Rating button - selected and all previous instances are highlighted */
#enhanced .button-rating-selected, #enhanced .button-rating-highlight {
	background-color: rgb(0, 151, 159) !important;
	border: 1px solid #000;
	color: #fff;
}

/* Button selected triangle marker */
#enhanced .button-rating-selected:not(.button-text):after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: rgb(0, 151, 159);
}

#enhanced .button-rating-selected:not(.button-text):before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #000;
}

/* OE Progress Background Colors */
#enhanced .detail-meter-container .current {
	background:  rgb(0, 151, 159);
	color: #fff;
}

#enhanced .detail-meter-container .current:after {
	border-left-color:  rgb(0, 151, 159);
}

#enhanced .check-circle:before {
	background: #efefef;
}

#enhanced .check-circle:after {
	color: #efefef;
}

#enhanced .check .check-circle:before {
	background: #5a5a5a;
}

#enhanced .check .check-circle:after {
	color: #fff;
}

#enhanced .current.check .check-circle:before {
	background: #fff;
}

#enhanced .current.check .check-circle:after {
	color: rgb(0, 151, 159);
}

/*Accordion headers - Inactive */
#enhanced .ui-state-default, #enhanced .ui-widget-content .ui-state-default, #enhanced .ui-widget-header .ui-state-default {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	color: #454545;
}

/*Accordion headers - Active, Picklist - Inactive*/
#enhanced .acc-head, #enhanced .ui-state-active {
	background-color: rgb(0, 151, 159) !important;
	border: 1px solid rgb(0, 151, 159) !important;
	color:#fff !important;
}

/*Picklist headers - Hover/Active */
#enhanced .acc-head:hover, #enhanced .acc-head:active, #enhanced .acc-head.accordion-header-active {
	background-color: #7a0029 !important;
	border: 1px solid #5c001f !important;
	color:#fff !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}

/* ENHANCED - If needed define template-specific items*/

/*#enhanced #progress-bar table tbody tr td:first-child {
	background-color: rgb(0, 151, 159) !important;
}

#header-container {
	background-color: #fff;
}

#enhanced .mrNext {
	color: #fff;
	background-color: rgb(255, 102, 51);
	border-color: rgb(255, 102, 51);
	border-bottom-color: #020a13;
}*/

/*-------------------------------------------------------*\
	ACCESSIBLE
	
	!!** ALL COLOR CONTRAST MUST BE ADA COMPLIANT **!!
\*-------------------------------------------------------*/

/* ACCESSIBLE - If needed define template-specific items  */

/*#accessible #progress-bar table tbody tr td:first-child {
	background-color: rgb(0, 151, 159) !important;
}

#accessible #header-container {
	background-color: #fff;
}

#accessible .mrNext {
	color: #fff;
	background-color: rgb(255, 102, 51);
	border-color: rgb(255, 102, 51);
	border-bottom-color: #020a13;
}*/


.mrProgressText {
	color: white;
}


#logo-container {
    text-align: center;
    /*background: linear-gradient(to right, #023C59 0%, #023C59 35%, #085D6D 40%, #013145 45%, #002733 60%, #002733 100%);*/
   background-color: rgb(1, 40, 53);
}

#progress-bar {
   /*background: linear-gradient(to right, #023C59 0%, #023C59 35%, #085D6D 40%, #013145 45%, #002733 60%, #002733 100%);*/
   background-color: rgb(1, 40, 53);
}

#logobanner {
	max-width: 100%;
}

@media only screen and (min-width: 640px) {
	#logobanner {
		height: 91px;
	}
}

legend, .legend-like {
    overflow-wrap: anywhere !important;
}