/*-------------------------------------------------------*\
	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: #095BC6 !important;
}

/* Header color*/
#header-container {
	background-color: #fff;
}

/* Next button color*/
.mrNext {
	color: #fff;
	background-color: #095BC6;
	border-color: #095BC6;
	border-bottom-color: #020a13;
	border-radius: 9999px;
}

/* Rank input box width*/
.rank-inputs th ~ td .mrEdit {
	width: 3em;
	height:2em;
	float:right;
}

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

/* Rating button - selected and all previous instances are highlighted */
#enhanced .button-rating-selected, #enhanced .button-rating-highlight {
	background-color: #095BC6 !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: #095BC6;
}

#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:  #095BC6;
	color: #fff;
}

#enhanced .detail-meter-container .current:after {
	border-left-color:  #095BC6;
}

#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: #095BC6;
}

/*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: #095BC6 !important;
	border: 1px solid #095BC6 !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: #095BC6 !important;
}

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

#enhanced .mrNext {
	color: #fff;
	background-color: #095BC6;
	border-color: #095BC6;
	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: #095BC6 !important;
}

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

#accessible .mrNext {
	color: #fff;
	background-color: #095BC6;
	border-color: #095BC6;
	border-bottom-color: #020a13;
}*/