/* Minification failed. Returning unminified contents.
(1894,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1895,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1896,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1898,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1899,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1900,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1902,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1903,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1904,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1906,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1907,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1909,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1911,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1912,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1913,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1914,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1915,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1916,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1918,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1919,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1920,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1921,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1923,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1924,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1925,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1926,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1928,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1930,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1931,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1933,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1934,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2026,25): run-time error CSS1039: Token not allowed after unary operator: '-focus-outline-color'
(2608,19): run-time error CSS1039: Token not allowed after unary operator: '-button-featured-background-color'
(2609,14): run-time error CSS1039: Token not allowed after unary operator: '-button-featured-color'
(2635,19): run-time error CSS1039: Token not allowed after unary operator: '-button-featured-hover-background-color'
(2636,17): run-time error CSS1039: Token not allowed after unary operator: '-button-featured-hover-color'
(2657,22): run-time error CSS1039: Token not allowed after unary operator: '-button-featured-hover-background-color'
(2658,17): run-time error CSS1039: Token not allowed after unary operator: '-button-featured-hover-color'
(2667,22): run-time error CSS1039: Token not allowed after unary operator: '-button-featured-hover-background-color'
(2668,17): run-time error CSS1039: Token not allowed after unary operator: '-button-featured-hover-color'
(2682,22): run-time error CSS1039: Token not allowed after unary operator: '-button-featured-background-color'
(2683,17): run-time error CSS1039: Token not allowed after unary operator: '-button-featured-color'
(2691,22): run-time error CSS1039: Token not allowed after unary operator: '-button-featured-hover-background-color'
(2692,17): run-time error CSS1039: Token not allowed after unary operator: '-button-featured-color'
(2757,22): run-time error CSS1039: Token not allowed after unary operator: '-portal-header-background-color'
(2785,22): run-time error CSS1039: Token not allowed after unary operator: '-notification-badge-background-color'
(2787,17): run-time error CSS1039: Token not allowed after unary operator: '-notification-badge-color'
(2799,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-nav-hover-border-bottom-background-color'
(2803,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-nav-hover-border-bottom-background-color'
(2861,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-nav-dropdown-hover-background-color'
(2914,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-nav-dropdown-hover-background-color'
(2915,14): run-time error CSS1039: Token not allowed after unary operator: '-primary-nav-dropdown-hover-color'
(3921,25): run-time error CSS1039: Token not allowed after unary operator: '-focus-outline-color'
(3934,102): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-arrow-background-color'
(3949,22): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-active-background-color'
(3950,14): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-active-color'
(3981,25): run-time error CSS1039: Token not allowed after unary operator: '-radio-color'
(4029,24): run-time error CSS1039: Token not allowed after unary operator: '-button-featured-background-color'
(4030,19): run-time error CSS1039: Token not allowed after unary operator: '-button-featured-background-color'
(4096,25): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-color'
(4146,22): run-time error CSS1039: Token not allowed after unary operator: '-button-featured-background-color'
(4364,25): run-time error CSS1039: Token not allowed after unary operator: '-focus-outline-color'
(4472,25): run-time error CSS1039: Token not allowed after unary operator: '-focus-outline-color'
(4485,25): run-time error CSS1039: Token not allowed after unary operator: '-focus-outline-color'
(4563,17): run-time error CSS1039: Token not allowed after unary operator: '-button-ghost-color'
(4567,25): run-time error CSS1039: Token not allowed after unary operator: '-button-ghost-border-color'
(4591,22): run-time error CSS1039: Token not allowed after unary operator: '-button-featured-hover-background-color'
(4592,16): run-time error CSS1039: Token not allowed after unary operator: '-button-featured-hover-color'
(4598,22): run-time error CSS1039: Token not allowed after unary operator: '-button-ghost-hover-background-color'
(4599,16): run-time error CSS1039: Token not allowed after unary operator: '-button-ghost-hover-color'
(4618,28): run-time error CSS1039: Token not allowed after unary operator: '-button-ghost-border-color'
(4621,17): run-time error CSS1039: Token not allowed after unary operator: '-button-ghost-color'
(4625,16): run-time error CSS1039: Token not allowed after unary operator: '-button-featured-hover-color'
(4626,21): run-time error CSS1039: Token not allowed after unary operator: '-button-featured-hover-background-color'
(4646,22): run-time error CSS1039: Token not allowed after unary operator: '-button-ghost-hover-background-color'
(4647,14): run-time error CSS1039: Token not allowed after unary operator: '-button-ghost-hover-color'
(4905,25): run-time error CSS1039: Token not allowed after unary operator: '-focus-outline-color'
(5292,25): run-time error CSS1039: Token not allowed after unary operator: '-focus-outline-color'
(5357,25): run-time error CSS1039: Token not allowed after unary operator: '-focus-outline-color'
(5365,22): run-time error CSS1039: Token not allowed after unary operator: '-button-ghost-hover-background-color'
(5368,14): run-time error CSS1039: Token not allowed after unary operator: '-button-ghost-hover-color'
(5674,25): run-time error CSS1039: Token not allowed after unary operator: '-focus-outline-color'
(5759,18): run-time error CSS1039: Token not allowed after unary operator: '-button-featured-background-color'
(5760,13): run-time error CSS1039: Token not allowed after unary operator: '-button-featured-color'
(5793,25): run-time error CSS1039: Token not allowed after unary operator: '-focus-outline-color'
(5841,19): run-time error CSS1039: Token not allowed after unary operator: '-button-featured-disabled-background-color'
(5842,17): run-time error CSS1039: Token not allowed after unary operator: '-button-featured-disabled-color'
(5850,19): run-time error CSS1039: Token not allowed after unary operator: '-button-featured-background-color'
(5851,17): run-time error CSS1039: Token not allowed after unary operator: '-button-featured-color'
(5857,19): run-time error CSS1039: Token not allowed after unary operator: '-button-featured-hover-background-color'
(5858,14): run-time error CSS1039: Token not allowed after unary operator: '-button-featured-hover-color'
(6051,17): run-time error CSS1039: Token not allowed after unary operator: '-button-ghost-color'
(6053,28): run-time error CSS1039: Token not allowed after unary operator: '-button-ghost-border-color'
(6081,22): run-time error CSS1039: Token not allowed after unary operator: '-button-ghost-hover-background-color'
(6082,14): run-time error CSS1039: Token not allowed after unary operator: '-button-ghost-hover-color'
(6095,25): run-time error CSS1039: Token not allowed after unary operator: '-focus-outline-color'
(6430,28): run-time error CSS1039: Token not allowed after unary operator: '-button-student-exam-confirm-border-color'
(6445,19): run-time error CSS1039: Token not allowed after unary operator: '-button-student-exam-confirm-hover-background-color'
(6458,28): run-time error CSS1039: Token not allowed after unary operator: '-button-student-exam-reschedule-border-color'
(6473,19): run-time error CSS1039: Token not allowed after unary operator: '-button-student-exam-hover-background-color'
(6478,22): run-time error CSS1039: Token not allowed after unary operator: '-button-student-exam-hover-background-color'
(6666,25): run-time error CSS1039: Token not allowed after unary operator: '-button-ghost-border-color'
(6674,17): run-time error CSS1039: Token not allowed after unary operator: '-button-ghost-color'
(6680,22): run-time error CSS1039: Token not allowed after unary operator: '-button-ghost-hover-background-color'
(6681,13): run-time error CSS1039: Token not allowed after unary operator: '-button-ghost-hover-color'
(7041,22): run-time error CSS1039: Token not allowed after unary operator: '-button-negative-background-color'
(7042,17): run-time error CSS1039: Token not allowed after unary operator: '-button-negative-color'
(7050,22): run-time error CSS1039: Token not allowed after unary operator: '-button-negative-hover-background-color'
(7051,17): run-time error CSS1039: Token not allowed after unary operator: '-button-negative-hover-color'
 */
/*! jQuery UI - v1.12.1 - 2019-07-21
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	/*font-family: Arial,Helvetica,sans-serif;*/
	font-family: 'Open Sans', Calibri, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	/*font-family: Arial,Helvetica,sans-serif;*/
	font-family: 'Open Sans', Calibri, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content p{
	margin:0 0 10px 0;
}
.ui-widget-content a {
	/*color: #333333;*/
	color: #245DC1;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	/*color: #333333;*/
	color: #000;
	font-weight: bold;
}
.ui-widget-header a {
	/*color: #333333;*/
	color: #000;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
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;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("/contents/public/jquery-ui/images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("/contents/public/jquery-ui/images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("/contents/public/jquery-ui/images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("/contents/public/jquery-ui/images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("/contents/public/jquery-ui/images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("/contents/public/jquery-ui/images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("/contents/public/jquery-ui/images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(/contents/Public/fonts/opensans/memnYaGs126MiZpBA-UFUKWyV9hmIqOjjg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(/contents/Public/fonts/opensans/memnYaGs126MiZpBA-UFUKWyV9hvIqOjjg.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(/contents/Public/fonts/opensans/memnYaGs126MiZpBA-UFUKWyV9hnIqOjjg.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(/contents/Public/fonts/opensans/memnYaGs126MiZpBA-UFUKWyV9hoIqOjjg.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(/contents/Public/fonts/opensans/memnYaGs126MiZpBA-UFUKWyV9hkIqOjjg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(/contents/Public/fonts/opensans/memnYaGs126MiZpBA-UFUKWyV9hlIqOjjg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(/contents/Public/fonts/opensans/memnYaGs126MiZpBA-UFUKWyV9hrIqM.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(/contents/Public/fonts/opensans/mem6YaGs126MiZpBA-UFUK0Udc1UAw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(/contents/Public/fonts/opensans/mem6YaGs126MiZpBA-UFUK0ddc1UAw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(/contents/Public/fonts/opensans/mem6YaGs126MiZpBA-UFUK0Vdc1UAw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(/contents/Public/fonts/opensans/mem6YaGs126MiZpBA-UFUK0adc1UAw.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(/contents/Public/fonts/opensans/mem6YaGs126MiZpBA-UFUK0Wdc1UAw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(/contents/Public/fonts/opensans/mem6YaGs126MiZpBA-UFUK0Xdc1UAw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(/contents/Public/fonts/opensans/mem6YaGs126MiZpBA-UFUK0Zdc0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(/contents/Public/fonts/opensans/memnYaGs126MiZpBA-UFUKXGUdhmIqOjjg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(/contents/Public/fonts/opensans/memnYaGs126MiZpBA-UFUKXGUdhvIqOjjg.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(/contents/Public/fonts/opensans/memnYaGs126MiZpBA-UFUKXGUdhnIqOjjg.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(/contents/Public/fonts/opensans/memnYaGs126MiZpBA-UFUKXGUdhoIqOjjg.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(/contents/Public/fonts/opensans/memnYaGs126MiZpBA-UFUKXGUdhkIqOjjg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(/contents/Public/fonts/opensans/memnYaGs126MiZpBA-UFUKXGUdhlIqOjjg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(/contents/Public/fonts/opensans/memnYaGs126MiZpBA-UFUKXGUdhrIqM.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(/contents/Public/fonts/opensans/memnYaGs126MiZpBA-UFUKWiUNhmIqOjjg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(/contents/Public/fonts/opensans/memnYaGs126MiZpBA-UFUKWiUNhvIqOjjg.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(/contents/Public/fonts/opensans/memnYaGs126MiZpBA-UFUKWiUNhnIqOjjg.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(/contents/Public/fonts/opensans/memnYaGs126MiZpBA-UFUKWiUNhoIqOjjg.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(/contents/Public/fonts/opensans/memnYaGs126MiZpBA-UFUKWiUNhkIqOjjg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(/contents/Public/fonts/opensans/memnYaGs126MiZpBA-UFUKWiUNhlIqOjjg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(/contents/Public/fonts/opensans/memnYaGs126MiZpBA-UFUKWiUNhrIqM.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(/contents/Public/fonts/opensans/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(/contents/Public/fonts/opensans/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(/contents/Public/fonts/opensans/mem5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(/contents/Public/fonts/opensans/mem5YaGs126MiZpBA-UN_r8OUehpOqc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(/contents/Public/fonts/opensans/mem5YaGs126MiZpBA-UN_r8OXehpOqc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(/contents/Public/fonts/opensans/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(/contents/Public/fonts/opensans/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/contents/Public/fonts/opensans/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/contents/Public/fonts/opensans/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/contents/Public/fonts/opensans/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/contents/Public/fonts/opensans/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/contents/Public/fonts/opensans/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/contents/Public/fonts/opensans/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/contents/Public/fonts/opensans/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(/contents/Public/fonts/opensans/mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(/contents/Public/fonts/opensans/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(/contents/Public/fonts/opensans/mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(/contents/Public/fonts/opensans/mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(/contents/Public/fonts/opensans/mem5YaGs126MiZpBA-UNirkOXehpOqc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(/contents/Public/fonts/opensans/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(/contents/Public/fonts/opensans/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/contents/Public/fonts/opensans/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/contents/Public/fonts/opensans/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/contents/Public/fonts/opensans/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/contents/Public/fonts/opensans/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/contents/Public/fonts/opensans/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/contents/Public/fonts/opensans/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/contents/Public/fonts/opensans/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'), url(/contents/public/fonts/opensanscondensed/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDujMR6WR.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'), url(/contents/public/fonts/opensanscondensed/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDuHMR6WR.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'), url(/contents/public/fonts/opensanscondensed/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDunMR6WR.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'), url(/contents/public/fonts/opensanscondensed/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDubMR6WR.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'), url(/contents/public/fonts/opensanscondensed/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDurMR6WR.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'), url(/contents/public/fonts/opensanscondensed/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDuvMR6WR.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'), url(/contents/public/fonts/opensanscondensed/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDuXMRw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(/contents/public/fonts/opensanscondensed/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDujMR6WR.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(/contents/public/fonts/opensanscondensed/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuHMR6WR.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(/contents/public/fonts/opensanscondensed/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDunMR6WR.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(/contents/public/fonts/opensanscondensed/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDubMR6WR.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(/contents/public/fonts/opensanscondensed/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDurMR6WR.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(/contents/public/fonts/opensanscondensed/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuvMR6WR.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(/contents/public/fonts/opensanscondensed/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuXMRw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}
/* eResources Orchestrate OAMS Template 
Sheet: main.css
Web Development Firm: www.eResources.com 
CSS Coder: Matt Harris (www.focusontheclouds.com)
Date: Sept 11, 2013 
Purpose: Main Template
-------------------------------------------------------------------------------*/

/* variable for button colors */

:root {
	--checkbox-color: #E09F00;
	--radio-color: #E09F00;
	--radio-border-color: #E09F00;
	
	--dropdown-arrow-background-color: #A4C9E8;
	--dropdown-active-color: #172949;
	--dropdown-active-background-color: #A4C9E8;
	
	--primary-nav-dropdown-hover-color: #fff;
	--primary-nav-dropdown-hover-background-color: #06224A;
	--primary-nav-hover-border-bottom-background-color: #06224A;
	
	--notification-badge-color: #172949;
	--notification-badge-background-color: #A4C9E8;
	
	--portal-header-background-color: #06224A;
	
	--button-featured-color: #172949;
    --button-featured-background-color: #A4C9E8;
	--button-featured-hover-color: #172949;
	--button-featured-hover-background-color: #A4C9E8;
	--button-featured-disabled-background-color: #efefef;
	--button-featured-disabled-color: #454545;
	
	--button-ghost-border-color: #1E55A0;
	--button-ghost-color: #1E55A0;
	--button-ghost-hover-background-color: #A4C9E8;
	--button-ghost-hover-color: #172949;
	
	--button-negative-color: #fff;
	--button-negative-background-color: #3b3b3b;
	--button-negative-hover-color: #172949;
	--button-negative-hover-background-color: #A4C9E8;
	
	--focus-outline-color: #2F8258;
	
	--button-student-exam-confirm-border-color: #29824B;
	--button-student-exam-confirm-hover-background-color: #29824B;
	
	--button-student-exam-reschedule-border-color:#A0A0A0;
	--button-student-exam-hover-background-color:#A0A0A0;
}


/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com) 
   ========================================================================== */

html, button, input, select, textarea {color: #222;}
body {font-size: 1em; line-height: 1.5;}

input::-ms-clear {
    display: none;
}

::-moz-selection {background: #b3d4fc; text-shadow: none;}
::selection {background: #b3d4fc; text-shadow: none;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
img {vertical-align: middle;}
fieldset {border: 0; margin: 0; padding: 0;}
textarea {resize: vertical;}

/* ==========================================================================
   Site Stylesheet
   ========================================================================== */

/* -------------------------------------
   Positioning
   ------------------------------------- */

/* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
img {max-width: 100%;}

body {margin: 0;}
.wrapper {
    position: relative; 
    margin: 0 auto; 
    max-width: 1432px; 
    /*background: transparent url(/contents/public/images/hdr-line.png) 0 0 no-repeat; */
    padding-top: 6px;   
    background-size: contain;
}
.logo, .wrap-page, .wrap-footer-marketing, .wrap-footer-links, .wrap-footer-copyright {width: 100%; min-width: 320px; margin: 0 auto; overflow: visible !important;}
.logo, .wrap-content, .wrap-form, .wrap-list, .wrap-review, .wrap-app-steps, .wrap-view, .wrap-nav, .wrap-progress-bar, .wrap-list-review, .footer-marketing, .footer-links, .footer-copyright {max-width: 1200px; margin: 0 auto;}

.lt-ie9 .logo, .lt-ie9 .wrap-page {min-width: 900px;} /* set min-width in less than IE 9 */
.lt-ie8 .logo, .lt-ie8 .wrap-page {width: 1200px;} /* set width in less than IE 8 */

/* Content Column Widths */
.pri, .sec, .ter {float: left;}
.three-col .pri {width: 38.2%;}
.three-col .sec, .three-col .ter {width: 38.2%;}
.one-col .pri {width: 100%;}
.one-col .sec, .one-col .ter {display: none;}
.two-col .pri {width: 61.8%;}
.two-col .sec, .two-col .ter {width: 38.2%;}
.wrap-view-revised.two-col .pri {width: 75%;}
.wrap-view-revised.two-col .sec, .wrap-view-revised.two-col .ter {width: 25%;}
.ter table { width:100% !important; }

/* Content Column Length Fix */
.pri, .sec, .ter {padding-bottom: 100000px; margin-bottom: -100000px;}

/* Footer Widths */
.footer-feature, .footer-secondary {float: left; overflow: hidden;}
.footer-links {clear:both;}

.footer-feature {width: 61.8%;}
.footer-secondary {width: 38.2%;}
.footer-links {width: 100%;}

/* Footer Column Length Fix */
footer {overflow: hidden;}
.footer-feature, .footer-secondary {padding-bottom: 1000px; margin-bottom: -1000px;}

/* Help Messages */
.help-message {display: none;}
.help-message {position: relative; padding: 1px 15px;}
.help-message p {margin:10px 0;}
.help-message {
    background: #F0F8FC;
    color: #22547D;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #E4EFF5;
}
.help-message p a {text-decoration: underline;}
.help-message:focus{
    outline-style: dashed;
    /*outline-color: #00547F;*/
    outline-color: var(--focus-outline-color);
    outline-width: 2px;
    outline-offset: 2px;
}

/* Misc */
.wrap-logo, header, .wrap-content, .header-content, .wrap-progress-bar, .wrap-list, .wrap-app-steps, .wrap-form, .footer-marketing, .footer-links, .footer-copyright {overflow: hidden;}
.content {padding: 0 30px; clear: both;}
.more-records {padding: 15px 30px 50px; text-align: right;}

.progress-bar li p:after, .usernav li {z-index: 10;}
.prinav li, .progress-bar li:after {z-index: 100;}

.imgUCDavis {width:123px;}
#mainarea {
	min-height: 550px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.header-content .text-content h1,
.header-content .text-content h2,
.header-content .text-content h3,
.header-content .text-content h4,
.header-content .text-content h5,
.header-content .text-content h6,
.header-content .text-content a,
.footer-marketing .text-content h1,
.footer-marketing .text-content h2,
.footer-marketing .text-content h3,
.footer-marketing .text-content h4,
.footer-marketing .text-content h5,
.footer-marketing .text-content h6,
.footer-marketing .text-content a{
	color:#fff;
}

.footer-marketing .text-content p {
	font-size:15px;
}

.text-content h1,
.text-content h2,
.text-content h3,
.text-content h4,
.text-content h5,
.text-content h6{
	color:#333;
}

.text-content img {
    max-height: 100%;
    max-width: 100%;
}

@media only screen and (max-width: 640px) {
	.text-content img {
		width: auto!important;
		height: auto!important;
		max-height: 100%;
		max-width: 100%;
	}
}

/* -------------------------------------
   Fonts
   ------------------------------------- */
/*1

OPEN SANS
font-family: 'Open Sans', sans-serif;
Light -- font-weight: 200;
Normal - font-weight: 400;
Bold --- font-weight: 700;

*/

html, body, button, input, select, textarea {font-family: 'Proxima-Nova', Calibri, Arial, sans-serif;}
body {
    font-weight: 400; 
    font-size: 16px; 
    font-size-adjust: initial; 
    /*color: #333;*/
    color: #434343;
}

p {margin: 21px 0;}
em, i {font-style: italic;}
strong, b {font-weight: 700;}

.small {font-size: 12px;} /* 12 px */
.default, .button a {font-size: 14px; line-height: 1.5;} /* 14 px */
.button a {
    font-size:16px;
}
.medium {font-size: 20px; line-height: 1.5;} /* 20 px */
.message {width: 240px;}
.large {font-size: 24px;} /* 24 px */
.larger {font-size: 36px; line-height: 1.333; font-weight: 200;} /* 36 px */
.xlarge {font-size: 72px; line-height: 1.111;} /* 72 px */
h1, h2, h3, h4, h5, h6 {
    font-weight: 700; 
    margin: 24px 0;
    color:#161618;
}
h4 {margin: 20px 0 24px 0;}
h1 {font-size: 36px; line-height: 1.111;} /* 36 px */
h2, h3 {
    font-size: 26px;
    line-height: 1.333; 
    /*color: #002855;*/
    color: #161618;
} /* 30 px */
h4 {font-size: 30px;} /* 24 px */
h5 {font-size: 21px;} /* 20 px */
h6 {font-size: 16px; font-weight: 200;} /* 16 px */

a:link, a:visited {
    /*color: #002855;*/ 
    color: #161618; 
    text-decoration: underline;
}
a:hover, a:active, a:focus {color: #002855; text-decoration: none;}

header a:link, .button a, .button a:link, header a:visited, .button a:visited {
    /*color: #002855;*/ 
    color: #FFFFFF;
    text-decoration: none;
}
header a:hover, .button a:hover, .button a:focus, header a:active, .button a:active {
    /*color: #002855; */
    color: #fff; 
    text-decoration: none;
}

a img {border: none; margin: 0;}

/* -------------------------------------
   Forms
   ------------------------------------- */

/* --- Form Content Area --- */
.wrap-form {background: #fff; padding-bottom: 60px;}


/* --- General Form Styles --- */
input, textarea, input.file {
	width: 100%; 
	padding: 9px 10px 10px 8px; 
	/*font-size: 14px;*/
	-webkit-border-radius: 0; 
	-webkit-appearance: none; 
	border-radius:2px;
}
input, textarea, input.file {border: 1px solid #C5C5C5; background-color: #fff;}
input:hover, textarea:hover, input.file:hover {background: #fff; border: 1px solid #A9A9A9;}
input:focus, input:active, textarea:focus, textarea:active, input.file:focus, input.file:active {
    /*border: 1px solid #1295D8;*/
    border: 1px solid #308258;
}

.checkbox input, .radio input {outline: none !important; display: none;}
.ie input[type="checkbox"] {border: none; background: none;}


/* Dropdown / Combo Box Styles */

.styled-dropdown, .dropdown {position: relative;}
.dropdown .dropdown-input {display: block; margin-right: 34px; cursor: default;}
.dropdown .dropdown-input:hover {border: 1px solid #1295D8;}

.dropdown .dropdown-button {display: block; position: absolute; right: 0; cursor: default;}
.dropdown .dropdown-button {width: 34px; height: 100%; padding-top: 5px; background: #1295D8; color: #fff; text-align: center;}

.dropdown + .dropdown-options {width: 100%; position: relative; list-style-type: none; padding: 0; margin: 0; border: 1px solid #1295D8; border-top: none; z-index: 5; display: none;}
.dropdown + .dropdown-options li {padding: 6px 8px; border-bottom: 1px solid #A9A9A9; background: #fff;}
.dropdown + .dropdown-options li:last-child {border-bottom: none;}
.dropdown + .dropdown-options li:hover {background: #1295D8; color: #fff;}
.dropdown + .dropdown-options li.selected {background: #1295D8; color: #fff;}
.dropdown + .dropdown-options {max-height: 400px; overflow-y: auto;}

/* Checkbox & Radio Styles */

@font-face {
  font-family: 'Flat-UI-Icons';
  src: url('/Contents/fonts/Flat-UI-Icons.eot');
  src: url('/Contents/fonts/Flat-UI-Icons.eot?#iefix') format('embedded-opentype'), url('/Contents/fonts/Flat-UI-Icons.woff') format('woff'), url('/Contents/fonts/Flat-UI-Icons.ttf') format('truetype'), url('/Contents/fonts/Flat-UI-Icons.svg#Flat-UI-Icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

.fui-radio-unchecked, .fui-radio-checked, .fui-checkbox-unchecked, .fui-checkbox-checked 
{display: inline-block; font-family: 'Flat-UI-Icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased;}
.fui-radio-unchecked:before {content: "\e02b";}
.fui-radio-checked:before {content: "\e032";}
.fui-checkbox-unchecked:before {content: "\e033";}
.fui-checkbox-checked:before {content: "\e034";}
.fui-calendar-solid:before {content: "\e022";}

.checkbox, .radio {margin-bottom: 12px; padding-left: 32px; position: relative; outline:none;}
.checkbox, .radio {-webkit-transition: color 0.1s linear; -moz-transition: color 0.1s linear; -o-transition: color 0.1s linear; transition: color 0.1s linear; -webkit-backface-visibility: hidden;}

.checkbox input, .radio input {outline: none !important; display: none;}
.checkbox .icons, .radio .icons {color: #CDCDCD; display: block; height: 20px; left: 0; position: absolute; top: 0; width: 20px; text-align: center; line-height: 20px; font-size: 20px;}
.checkbox .icons, .radio .icons {-webkit-transition: color 0.1s linear; -moz-transition: color 0.1s linear; -o-transition: color 0.1s linear; transition: color 0.1s linear; -webkit-backface-visibility: hidden;}
.checkbox .icons .first-icon-icon, .radio .icons .first-icon-icon, .checkbox .icons .second-icon, .radio .icons .second-icon {position: absolute; left: 0; top: 0; opacity: 1; filter: alpha(opacity=100);}
.checkbox .icons .second-icon, .radio .icons .second-icon {opacity: 0; filter: alpha(opacity=0);}
.checkbox:hover .first-icon, .radio:hover .first-icon {opacity: 0; filter: alpha(opacity=0); color: #A9A9A9;}
.checkbox:hover .second-icon, .radio:hover .second-icon {opacity: 1; filter: alpha(opacity=100); color: #A9A9A9;}
.checkbox.checked, .radio.checked {color: #1295D8;}
.checkbox.checked .icons, .radio.checked .icons {color: #1295D8;}
.checkbox.checked .first-icon, .radio.checked .first-icon {opacity: 0; filter: alpha(opacity=0);}
.checkbox.checked .second-icon, .radio.checked .second-icon {opacity: 1; filter: alpha(opacity=100);}
.checkbox.disabled, .radio.disabled {cursor: default; color: #ddd;}
.checkbox.disabled .icons, .radio.disabled .icons {color: #ddd;}
.checkbox.disabled .first-icon, .radio.disabled .first-icon {opacity: 1; filter: alpha(opacity=100);}
.checkbox.disabled .second-icon, .radio.disabled .second-icon {opacity: 0; filter: alpha(opacity=0);}
.checkbox.disabled:hover .first-icon, .radio.disabled:hover .first-icon {color: #ddd;}
.checkbox.disabled.checked .icons, .radio.disabled.checked .icons {color: #ddd;}
.checkbox.disabled.checked .first-icon, .radio.disabled.checked .first-icon {opacity: 0; filter: alpha(opacity=0);}
.checkbox.disabled.checked .second-icon, .radio.disabled.checked .second-icon {opacity: 1; filter: alpha(opacity=100);}
.checkbox.disabled.checked:hover .second-icon, .radio.disabled.checked:hover .second-icon {color: #ddd;}

/* -- Accessibility
span.required {color: red;} 
span.required {color: #df0000;}*/
span.required, .red_text {color: #d30000;}

.styled-form .description {
    
}
.styled-form .question-text {
    margin: 20px 0 5px 0;
}
.styled-form .question-content {
    margin: 40px 0 5px 0;
}
.styled-form .question-content.narrow {
    margin: 20px 0 5px 0;
}
.styled-form .question-text2 label{
	margin-top:0;
	display:inline-block;
}
.home-template .styled-form .question-text {
    margin: 20px 0 0 0;
}
.styled-form label.question-label {
    display: inline;
	font-size: 14px;
    line-height: 28px;
    font-family: 'Open Sans', sans-serif;
    font-weight:900;
}
.styled-form p {
    margin: 10px 0 15px 0;
}
.styled-form select {
    padding: 9px 8px 7px 8px;
    border: 1px solid #CDCDCD;
    background-color: #fff;
    width:100%;
}
.styled-form label, .styled-form legend {display: block; clear: both; margin: 20px 0 5px 0;} 
.income-calc label, .income-calc legend, .income-calc p {display: block; clear: both; margin: 20px 0 5px 0;} 
.styled-form .help-message p { margin: 10px 0;}
.styled-form label.radio, .styled-form label.checkbox {margin: 5px 0; padding-left: 27px;} 
.styled-form input {display: block; clear: both; margin: 0 0;} 
.styled-form fieldset label input {display: inline; clear: none;} 

.styled-form .form-row {position: relative;}
.styled-form .form-row.form-row-devide {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.styled-form .input.side-by-side label {display: inline-block; margin-right: 30px;}
.styled-form .input.side-by-side label:last-of-type {margin-right: 0;}

/* --- Validation Styles --- */
.invalid label, .required label, .invalid2 label, .invalid p, .required p, .invalid2 p {color: #DEB407;}
.invalid .help-message p, .required .help-message p, .invalid2 .help-message p,
.invalid .content p, .required .content p, .invalid2 .content p {color: initial;}
.invalid label.not-required, .required label.not-required, .invalid2 label.not-required, .invalid p.not-required, .required p.not-required, .invalid2 p.not-required {color: #333;}
.invalid input, .invalid textarea, .invalid input.file, .required input, .required textarea, .required input.file {border: 1px solid #DEB407;}
.invalid input.not-required, .invalid textarea.not-required, .invalid input.file.not-required, .required input.not-required, .required textarea.not-required, .required input.file.not-required {
    border: 1px solid #CDCDCD;
}

/* .validation .error {display: none;} */
.validation .invalid, .validation .required, .validation .affirm, .validation .hint, .validation .invalid2 {display: none;}
.invalid .validation .invalid, 
.required .validation .required, 
.affirm .validation .affirm, 
.hint .validation .hint, .invalid2 .validation .invalid2 {display: block;}
.form-row {
    position: relative;
    clear: both;
    /*overflow: hidden;*/
}

/* Inline Validation */
.validation p {position: relative; padding: 7px 10px 7px 30px; margin: 10px 0 0 0;}

/* Inline Validation - Up Arrow */
.validation p:before {position: absolute; top: -18px; left: 10px;}
.validation p:before {content: ''; display: block; width: 0; height: 0;}
.validation p:before {border: solid; border-width: 10px 8px; border-color: transparent transparent #DEB407 transparent;}
.lt-ie9 .validation p:before {display: none;} /* Hide arrow in less than IE9 */

/* Inline Validation Colors */
.validation .error {background: #DEB407 url(/Contents/i/validation-error@2x.png) 10px 10px no-repeat; background-size: 16px 16px; color: #fff;}
.lt-ie9 .validation .error {background-image: url(/Contents/i/validation-error.png);}
.validation .hint {background: #F3F3F3 url(/Contents/i/validation-hint@2x.png) 10px 10px no-repeat; background-size: 16px 16px; color: #666;}
.ter .validation .hint {background-color: #E0E0E0;} /* Hint color for login panel */
.validation .affirm {background: #CFE1FF url(/Contents/i/validation-affirm@2x.png) 10px 10px no-repeat; background-size: 16px 16px; color: #666;}
.lt-ie9 .validation .affirm {background-image: url(/Contents/i/validation-affirm.png);}

.validation .error:before {border-color: transparent transparent #DEB407 transparent;}
.validation .hint:before {border-color: transparent transparent #F3F3F3 transparent;}
.ter .validation .hint:before {border-color: transparent transparent #E0E0E0 transparent;} /* Hint color for login panel */
.validation .affirm:before {border-color: transparent transparent #CFE1FF transparent;}

.wrap-form .pri .question-text, .wrap-form .pri .question .input, .wrap-form .pri .actions {padding: 0 30px; position: relative;}
.wrap-form .pri .validation {margin-left: 30px; margin-right: 30px;}
.wrap-form .pri form .content h3 {border-bottom: 2px solid #22547D; color: #22547D; padding: 0 0 10px 0; font-size: 23px; margin-top: 40px; font-weight: 600;}
.income-calc .content h3 {border-bottom: 2px solid #22547D; color: #22547D; padding: 0 0 10px 0; font-size: 23px; margin-top: 40px; font-weight: 600;}
.wrap-form .pri form .content h4 {color: #333; font-size: 17px; font-weight: 600;}

.wrap-view .pri .actions {padding: 0 30px; position: relative;}
.wrap-view .pri form .content h3 {border-bottom: 2px solid #22547D; color: #22547D; padding: 0 0 10px 0; font-size: 23px; margin-top: 40px; font-weight: 600;}
.wrap-view .pri form .content h4 {color: #333; font-size: 17px; font-weight: 600;}

/* --- Change Validation to two column for screens 900 px and larger --- * /
@media only screen and (min-width: 900px) {
  .wrap-form .pri {background: transparent url(/Contents/i/bkgd-column.png) 66.67% 0 repeat-y;}
  /* .wrap-form .pri .question {overflow: hidden;} * / 

  /* Set Position & Padding * /
  .wrap-form .pri {width: 100%;}
  .wrap-form .pri .question-text, .wrap-form .pri .actions, .wrap-form .pri .content {width: 66.67%;} 
  .wrap-form .pri .question .input {float: left; width: 66.67%;}
  .wrap-form .pri .question .validation {float: left; width: 33.33%;}

  /* Validation Styles * /
  .wrap-form .pri .validation {margin-left: 0; margin-right: 0;}

  .wrap-form .validation p {margin-top: 0; min-height: 34px; padding: 5px 10px 5px 30px;}
  .wrap-form .validation p:before {top: 11px; left: -16px;}
  .wrap-form .validation p:before {border-width: 6px 8px;}

  .wrap-form .validation .error:before {border-color: transparent #DEB407 transparent transparent;}
  .wrap-form .validation .hint:before {border-color: transparent #F3F3F3 transparent transparent;}
  .wrap-form .validation .affirm:before {border-color: transparent #CFE1FF transparent transparent;}

  .wrap-form .validation .error, .wrap-form .validation .affirm, .wrap-form .validation .hint {background-position: 8px 8px;}
}*/


/* --- Settings for a one column question --- */
@media only screen and (min-width: 640px) {
  .one-column-question-wrapper {overflow: hidden; padding-right: 60px;}
  .wrap-form .form-row.one-column-question .validation p {margin-top: 0; padding: 5px 10px 5px 30px;}

  .one-column-question-wrapper .question-field1 {width: 100%; padding: 0 0 0 30px;}

  .one-column-question-wrapper {position: relative; overflow: hidden;} 
  .one-column-question-wrapper .actions {position: absolute; width: 50px !important; right: 0; padding: 0 !important;}
  .one-column-question-wrapper .actions .button {padding: 0 !important; overflow: hidden; width: 25px; float: left; margin: 0;}
  .one-column-question-wrapper .actions .button:nth-child(2) {float: right;}
  .one-column-question-wrapper .actions .button a {width: 25px; font-size: 30px; color: #002855; background: none; overflow: hidden; margin: 5px 0 0 0 !important; padding: 0; font-weight: 600; line-height: 30px;}
  .one-column-question-wrapper .actions .button a:hover {background: #f2f2f2;}

  .one-column-matrix-question label {display: none;}
  .one-column-matrix-question .question label {display: block; margin-top: 10px;}
  .one-column-matrix-question>:nth-child(1) label {display: block;}
  .one-column-matrix-question>:nth-child(1) .actions .button a {margin-top: 50px !important;}

}

/* --- Settings for a two column question --- */
@media only screen and (min-width: 640px) {
  .two-column-question-wrapper {overflow: hidden; padding-right: 60px;}
  .wrap-form .form-row.two-column-question .validation p {margin-top: 0; padding: 5px 10px 5px 30px;}

  .two-column-question-wrapper .question-field1,
  .two-column-question-wrapper .question-field2 {width: 50%; padding: 0 0 0 30px;}

  .two-column-question-wrapper {position: relative; overflow: hidden;} 
  .two-column-question-wrapper .actions {position: absolute; width: 50px !important; right: 0; padding: 0 !important;}
  .two-column-question-wrapper .actions .button {padding: 0 !important; overflow: hidden; width: 25px; float: left; margin: 0;}
  .two-column-question-wrapper .actions .button:nth-child(2) {float: right;}
  .two-column-question-wrapper .actions .button a {width: 25px; font-size: 30px; color: #002855; background: none; overflow: hidden; margin: 5px 0 0 0 !important; padding: 0; font-weight: 600; line-height: 30px;}
  .two-column-question-wrapper .actions .button a:hover {background: #f2f2f2;}

  .two-column-matrix-question label {display: none;}
  .two-column-matrix-question .question label {display: block; margin-top: 10px;}
  .two-column-matrix-question>:nth-child(1) label {display: block;}
  .two-column-matrix-question>:nth-child(1) .actions .button a {margin-top: 50px !important;}
}

/* --- Settings for a three column question --- */
@media only screen and (min-width: 640px) {
  .three-column-question-wrapper {padding-right: 60px;}
  .three-column-question-wrapper {overflow: hidden;}

  .wrap-form .pri .metric-calculationmatrixitems .question-text,
  .wrap-form .pri .metric-calculationmatrixitems .question .input,
  .wrap-form .pri .metric-calculationmatrixdesc .question-text,
  .wrap-form .pri .metric-calculationmatrixdesc .question .input,
  .wrap-form .pri .metric-calculationmatrixcosts .question-text,
  .wrap-form .pri .metric-calculationmatrixcosts .question .input,
  .wrap-form .pri .metric-calculationmatrixquantity .question-text,
  .wrap-form .pri .metric-calculationmatrixquantity .question .input,
  .wrap-form .pri .metric-calculationmatrixsubtotal .question-text,
  .wrap-form .pri .metric-calculationmatrixsubtotal .question .input  {width: 100%; padding: 0;}
  .wrap-form .form-row.three-column-question .validation p {margin-top: 0; padding: 5px 10px 5px 30px;}

  .metric-calculationmatrixitems, .metric-calculationmatrixdesc, .metric-calculationmatrixcosts, .metric-calculationmatrixquantity, .metric-calculationmatrixsubtotal
  {float: left; margin: 0 0 20px 0; clear: none; padding: 0;}
  .metric-calculationmatrixitems {width: 33%; padding: 0 0 0 30px;}
  .metric-calculationmatrixdesc {width: 33%; padding: 0 0 0 30px;}
  .metric-calculationmatrixcosts {width: 34%; padding: 0 0 0 30px;}

  .three-column-question-wrapper {position: relative; overflow: hidden;} 
  .three-column-question-wrapper .actions {position: absolute; width: 50px !important; right: 0; padding: 0 !important;}
  .three-column-question-wrapper .actions .button {padding: 0 !important; overflow: hidden; width: 25px; float: left; margin: 0;}
  .three-column-question-wrapper .actions .button:nth-child(2) {float: right;}
  .three-column-question-wrapper .actions .button a {width: 25px; font-size: 30px; color: #86181E; background: none; overflow: hidden; margin: 5px 0 0 0 !important; padding: 0; font-weight: 600; line-height: 30px;}
  .three-column-question-wrapper .actions .button a:hover {background: #f2f2f2;}

  #lyrAllCalculationMetricQuestions label, .three-column-matrix-question label {display: none;}
  .three-column-matrix-question .question label {display: block; margin-top: 10px;}
  #lyrAllCalculationMetricQuestions>:nth-child(1) label, .three-column-matrix-question>:nth-child(1) label {display: block;}
  #lyrAllCalculationMetricQuestions>:nth-child(1) .actions .button a, .three-column-matrix-question>:nth-child(1) .actions .button a 
  {margin-top: 50px !important;}

  /* -- Dynamic question three column -- */
  .wrap-form .form-row.three-column-question .validation p {margin-top: 0; padding: 5px 10px 5px 30px;}

  .three-column-question-wrapper .question-field1,
  .three-column-question-wrapper .question-field2 {width: 33%; padding: 0 0 0 30px;}
  .three-column-question-wrapper .question-field3 {width: 34%; padding: 0 0 0 30px;}

}

/* --- Settings for a four column question --- */
@media only screen and (min-width: 640px) {
  .four-column-question-wrapper {overflow: hidden; padding-right: 60px; padding-left: 10px;}
  .wrap-form .form-row.four-column-question .validation p {margin-top: 0; padding: 5px 10px 5px 30px;}

  .four-column-question-wrapper .question-field1 {width: 25%; padding: 0 0 0 20px;}
  .four-column-question-wrapper .question-field2, 
  .four-column-question-wrapper .question-field3,
  .four-column-question-wrapper .question-field4 {width: 25%; padding: 0 0 0 20px;}

  .four-column-question-wrapper {position: relative; overflow: hidden;} 
  .four-column-question-wrapper .actions {position: absolute; width: 50px !important; right: 0; padding: 0 !important;}
  .four-column-question-wrapper .actions .button {padding: 0 !important; overflow: hidden; width: 25px; float: left; margin: 0;}
  .four-column-question-wrapper .actions .button:nth-child(2) {float: right;}
  .four-column-question-wrapper .actions .button a {width: 25px; font-size: 30px; color: #86181E; background: none; overflow: hidden; margin: 5px 0 0 0 !important; padding: 0; font-weight: 600; line-height: 30px;}
  .four-column-question-wrapper .actions .button a:hover {background: #f2f2f2;}

  .four-column-matrix-question label {display: none;}
  .four-column-matrix-question .question label {display: block; margin-top: 10px;}
  .four-column-matrix-question>:nth-child(1) label {display: block;}
  .four-column-matrix-question>:nth-child(1) .actions .button a {margin-top: 50px !important;}
}

/* --- Settings for a five column question --- */
@media only screen and (min-width: 640px) {
  .five-column-question-wrapper {overflow: hidden; padding-right: 60px; padding-left: 20px;}
  .wrap-form .form-row.five-column-question .validation p {margin-top: 0; padding: 5px 10px 5px 30px;}

  .five-column-question-wrapper .question-field1, 
  .five-column-question-wrapper .question-field2, 
  .five-column-question-wrapper .question-field3,
  .five-column-question-wrapper .question-field4, 
  .five-column-question-wrapper .question-field5 {width: 20%; padding: 0 0 0 10px;}

  .five-column-question-wrapper {position: relative; overflow: hidden;} 
  .five-column-question-wrapper .actions {position: absolute; width: 50px !important; right: 0; padding: 0 !important;}
  .five-column-question-wrapper .actions .button {padding: 0 !important; overflow: hidden; width: 25px; float: left; margin: 0;}
  .five-column-question-wrapper .actions .button:nth-child(2) {float: right;}
  .five-column-question-wrapper .actions .button a {width: 25px; font-size: 30px; color: #86181E; background: none; overflow: hidden; margin: 5px 0 0 0 !important; padding: 0; font-weight: 600; line-height: 30px;}
  .five-column-question-wrapper .actions .button a:hover {background: #f2f2f2;}

  .five-column-matrix-question label {display: none;}
  #lyrAllCalculationMetricQuestions .question label, .five-column-matrix-question .question label {display: block; margin-top: 10px;}

  /* #lyrAllCalculationMetricQuestions label, .three-column-matrix-question label {display: none;} */

  .five-column-matrix-question>:nth-child(1) label {display: block;}
  .five-column-matrix-question>:nth-child(1) .actions .button a {margin-top: 50px !important;}

  /* --- Settings for the advanced calculation matrix question --- */
  .adv-calc-matrix .metric-calculationmatrixitems {width: 30%; padding: 0 0 0 10px;}
  .adv-calc-matrix .metric-calculationmatrixdesc {width: 30%; padding: 0 0 0 10px;}
  .adv-calc-matrix .metric-calculationmatrixcosts {width: 15%; padding: 0 0 0 10px;}
  .adv-calc-matrix .metric-calculationmatrixquantity {width: 15%; padding: 0 0 0 10px;}
  .adv-calc-matrix .metric-calculationmatrixsubtotal {width: 10%; padding: 0 0 0 10px;}
  .adv-calc-matrix .metric-calculationmatrixsubtotal label {text-align: right;}
}

/* --- Settings for a six column question --- */
@media only screen and (min-width: 640px) {
  .six-column-question-wrapper {overflow: hidden; padding-right: 60px; padding-left: 20px;}

  .wrap-form .pri .question-field1 .question-text,
  .wrap-form .pri .question-field1 .question .input,
  .wrap-form .pri .question-field2 .question-text,
  .wrap-form .pri .question-field2 .question .input, 
  .wrap-form .pri .question-field3 .question-text,
  .wrap-form .pri .question-field3 .question .input,
  .wrap-form .pri .question-field4 .question-text,
  .wrap-form .pri .question-field4 .question .input,
  .wrap-form .pri .question-field5 .question-text,
  .wrap-form .pri .question-field5 .question .input,
  .wrap-form .pri .question-field6 .question-text,
  .wrap-form .pri .question-field6 .question .input {width: 100%; padding: 0;}
  .wrap-form .form-row.six-column-question .validation p {margin-top: 0; padding: 5px 10px 5px 30px;}

  .question-field1, .question-field2, .question-field3, .question-field4, .question-field5, .question-field6 {float: left; margin: 0 0 20px 0; clear: none; padding: 0;}
  .six-column-question-wrapper .question-field1, 
  .six-column-question-wrapper .question-field2, 
  .six-column-question-wrapper .question-field3,
  .six-column-question-wrapper .question-field4 {width: 17%; padding: 0 0 0 10px;}
  .six-column-question-wrapper .question-field5,
  .six-column-question-wrapper .question-field6 {width: 16%; padding: 0 0 0 10px;}

  .six-column-question-wrapper {position: relative; overflow: hidden;} 
  .six-column-question-wrapper .actions {position: absolute; width: 50px !important; right: 0; padding: 0 !important;}
  .six-column-question-wrapper .actions .button {padding: 0 !important; overflow: hidden; width: 25px; float: left; margin: 0;}
  .six-column-question-wrapper .actions .button:nth-child(2) {float: right;}
  .six-column-question-wrapper .actions .button a {width: 25px; font-size: 30px; color: #86181E; background: none; overflow: hidden; margin: 5px 0 0 0 !important; padding: 0; font-weight: 600; line-height: 30px;}
  .six-column-question-wrapper .actions .button a:hover {background: #f2f2f2;}

  .six-column-matrix-question label {display: none;}
  .six-column-matrix-question .question label {display: block; margin-top: 10px;}
  .six-column-matrix-question>:nth-child(1) label {display: block;}
  .six-column-matrix-question>:nth-child(1) .actions .button a {margin-top: 50px !important;}
}

@media only screen and (min-width: 900px) {
  .form-row.one-column-question, .form-row.two-column-question, .form-row.three-column-question,
  .form-row.four-column-question, .form-row.five-column-question, .form-row.six-column-question {width: 100%; overflow: visible;}
  .one-column-question-wrapper, .two-column-question-wrapper, .three-column-question-wrapper,
  .four-column-question-wrapper, .five-column-question-wrapper, .six-column-question-wrapper {width: 100%; overflow: visible;}
  .form-row.one-column-question .validation, .form-row.two-column-question .validation, .form-row.three-column-question .validation, 
  .form-row.four-column-question .validation, .form-row.five-column-question .validation, .form-row.six-column-question .validation {width: 100%; margin-top: 0; clear: left;}
  .form-row.one-column-question .validation p, .form-row.two-column-question .validation p, .form-row.three-column-question .validation p, 
  .form-row.four-column-question .validation p, .form-row.five-column-question .validation p, .form-row.six-column-question .validation p {margin-right: 60px;}
}

.question-divider {border-top: 1px solid #B9BEC4; width: calc(100% - 60px); height: 1px; display: block; margin: 10px 30px 0 30px; clear: both;}
.input-acct input {padding-left: 25px;}
.input-acct:before {content: "$"; display: block; line-height: 36px; position: absolute; top: 2px; left: 40px; z-index: 100;}

.input-acct2 input {padding-left: 25px;}
.input-acct2:before {content: "$"; display: block; line-height: 36px; position: absolute; top: 2px; left: 10px; z-index: 100;}

/* --- Button styles --- */
.button a {
    width: 100%; 
    margin-bottom: 30px; 
    /*padding: 8px 0;*/
    padding: 10px 0;
    display: block; 
    text-align: center;
}
.button a {
    background: transparent; 
    /* font-weight: 700;*/ 
    font-weight: 400; 
    border-radius: 3px; 
    box-shadow: inset 0 0 1px #000000; 
    color: #DEB407;
}
.button.featured a {
    /*background: #DEB407;*/
    /*background: #308258;*/
	background: var(--button-featured-background-color);
	color: var(--button-featured-color);
    font-weight: 600;
    border-radius:4px;
}

.button.secondary a {background: #07384D;}
.batch-action .button a {background: transparent; border: 1px solid #9FA4AB; color: #9FA4AB; padding-left: 10px; position: relative; font-weight: 400;}
.batch-action .button a:before {content: ""; display: inline-block; transform: rotate(45deg); height: 12px; width: 5px; border-bottom: 3px solid #9FA4AB; border-right: 3px solid #9FA4AB; position: absolute; left: 30px;}
.batch-action .button button{
	-webkit-appearance: none;
    -moz-appearance: none;
	background: #FFFFFF;
	color: #9FA4AB;
	border: 1px solid #9FA4AB; 
	padding: 10px; 
	position: relative;
	font-weight: 400;
	border-radius: 3px;
    box-shadow: inset 0 0 1px #000000;
	width:100%;
	font-size:16px;
	cursor:pointer;
}
.batch-action .button button:hover,
.batch-action .button button:focus,
.batch-action .button button.active{
	background: var(--button-featured-hover-background-color);
    color: var(--button-featured-hover-color);
}
.batch-action .button button:before{
	content: ""; display: inline-block; transform: rotate(45deg); height: 12px; width: 5px; border-bottom: 3px solid #9FA4AB; border-right: 3px solid #9FA4AB; position: absolute; 
    /*left: 30px;*/
    left: 20px;
}
/* -- Accessibility
.button.negative a {background: #999;}
.button.disabled a {background: #999; cursor:default;} */

.button.negative a {
    background: #7C7E7F;

}
.button.disabled a {background: #7C7E7F; cursor:default;}

.lyrProcessing {color:#d30000; display:none;}

.button a:hover, .button a:focus, .button a:active {
    /*background: #FF6E1B;*/
    background: var(--button-featured-hover-background-color);
    color: var(--button-featured-hover-color);
} 
.button.featured a:hover, .button.featured a:focus, .button.featured a:active {
    
    /*
    outline: 1px dashed #000; 
    outline-offset: -1px; 
    */
    /*background: #FF6E1B;*/
    background: var(--button-featured-hover-background-color);
    color: var(--button-featured-hover-color);
}
.button.secondary a:hover, .button.secondary a:focus, .button.secondary a:active {background: #01284B;}
.batch-action .button a:hover, .batch-action .button a:focus, .batch-action .button a:active {background: #3E8051; color: #fff;}
.batch-action .button a:hover:before, .batch-action .button a:focus:before, .batch-action .button a:active:before {border-bottom: 3px solid #fff; border-right: 3px solid #fff;}
.button.negative a:hover, .button.negative a:focus, .button.negative a:active {outline: 1px dashed #000; outline-offset: -1px; background: #DEB407;}
.button.disabled a:hover, .button.disabled a:focus, .button.disabled a:active {background: #999;}
.input-text:disabled {background: #d3d7dC; color: #999;}

.two-col .pri .button a {max-width: 260px;}

.ui-dialog .ui-dialog-buttonpane .button.secondary-blue,
.button.secondary-blue {
	/*background: #1B6EC2;*/
    background: var(--button-featured-background-color);
    color: var(--button-featured-color);
	margin-right: 0!important;
    border:none;
}

.ui-dialog .ui-dialog-buttonpane .button.secondary-blue:hover,
.button.secondary-blue:hover {
	/*background: #FF6E1B;*/
    background: var(--button-featured-hover-background-color);
    color: var(--button-featured-color);
}

/*
.actions {overflow: hidden;}
*/
header .actions {margin: 0 auto; max-width: 260px;} /* center header buttons */
.actions .button a {
    display: block; 
    width: 260px; 
    margin: 0 0 30px 0; 
    float: left;
    font-size:16px;
    font-weight:600;
}
.actions {display:inline-block;}

header .actions .button:first-child a, 
footer .actions .button:first-child a {margin-right: 60px;}

.form-row .actions .button a {margin: 30px 0 0 0; max-width: 260px;}
.form-row .actions .button:last-child a {margin-right: 0;}
.form-row-add-more .actions .button a {margin: 20px 60px 10px 0;}

.form-row-add-more .actions .button a {color: #1395D8; border: 1px solid #1395D8 !important; background: transparent; font-weight: normal;}
.form-row-add-more .actions .button a:hover, .form-row-add-more .actions .button a:focus, .form-row-add-more .actions .button a:active {color: #fff; border: 1px solid #1395D8 !important; background: #1395D8;}
.form-row-add-more .actions .button.negative a {color: #999; border: 1px solid #eee !important;}
.form-row-add-more .actions .button.negative a:hover, .form-row-add-more .actions .button.negative a:focus, .form-row-add-more .actions .button.negative a:active {color: #fff; border: 1px solid #999 !important; background: #999;}

.actions.form-responses .button.featured a, .actions.form-responses .button.disabled a {width: auto; padding: 8px 100px;} 
.actions.form-responses .negative-buttons {float: right;}
.actions.form-responses .negative-buttons .button.negative {display: inline-block;}
.actions.form-responses .negative-buttons .button.negative a {width: auto; padding: 8px 40px; margin: 30px 0 0 10px; display: inline-block; float: none;}

/* Help Messages */
.icon-help {
	display: inline-block; 
	width:20px;
}
a .icon-help {}

/* -------------------------------------
   Formatting
   ------------------------------------- */
body {background: #fff; line-height: 1.5em;}

/* --- Logo Wrapper --- */
.wrap-logo {background: #fff;} /* Set top background color */
.logo {padding: 10px 30px; position: relative;}
.logo {color: #747878; font-size: 24px; font-weight: 200;}

/* --- Header --- */
header {position: relative;}
.header-wrapper {max-width: 1200px; overflow: hidden; margin: 0 auto;}
.header-image {max-height: 400px;} /* set a max height for the image */
.header-image img {width: 100%;} /* force the image to fill the width. */
.header-content {position: absolute; bottom: 0; width: 100%; height: 100%;}
.header-content {background: rgba(0,0,0,.4); color: #fff; text-align: center;}
.header-content-wrapper {position: absolute; bottom: 0; width: 100%; max-width: 1200px;} 

.header-content h1 {font-size: 72px; padding: 0 10px;}
.header-blurb {padding: 0 30px; font-weight: 700; font-size: 42px;}

header {
    /*background: #002855; */
    background: var(--portal-header-background-color); 
    color: #fff;
}
.header-content {width: 61.8%; max-width: 741.6px; position: relative; bottom: auto; overflow: hidden; background: transparent; float: left;}
.header-content-wrapper {position: relative; padding: 23px 30px; text-align: left;}
.header-content-wrapper p {max-width: 600px; font-size: 18px;}
.header-content-wrapper .header-blurb {font-size: 42px; padding: 0; max-width: none;}

.header-sidebar-image {width: 38.2%; display: inline-block; float: left; max-width: 485.4px;}
header .actions {margin: 0;}

/* --- Navigation --- */
.home-template nav {display: none;}
nav {
    /*background: #002855;*/
    background: #434343;
} 
.wrap-nav {
    /*background: #002855;*/
    background: #434343;
    font-size: 16px; 
    line-height: 36px; 
    font-weight: 200;
}

/* Primary Nav */
.notification-badge {
    /*background: #1395D8; */
    background: var(--notification-badge-background-color);
    display: inline-block; 
    color: var(--notification-badge-color); 
    line-height: 1.5em; 
    border-radius: 10px; 
    padding: 0 8px; 
    font-size: 10px; 
    margin-left: 6px; 
    bottom: 2px; 
    position: relative;
}
.prinav a:link, .prinav a:visited {color: #fff; border-bottom: 4px solid transparent; text-decoration: none;}
.prinav .active a {
    /*border-bottom: 4px solid #D4AB39;   #2F8258 (green) */
    border-bottom: 4px solid var(--primary-nav-hover-border-bottom-background-color);
}
.prinav a:hover, .prinav a:active, .prinav a:focus {
    /*border-bottom: 4px solid #D4AB39; */
    border-bottom: 4px solid var(--primary-nav-hover-border-bottom-background-color); 
    text-decoration: none;
}

.prinav {float: left;}
.prinav li {float: left; /*position: relative;*/}
/*.prinav li a {
    display: block; 
    margin: 0 0 0 30px; 
    padding: 5px 0;
    margin: 5px 0 5px 30px;
    padding: 0;
	text-decoration:none;
}*/
.prinav li a {
    display: block; 
    margin: 0 0 0 15px; 
    padding: 5px 15px 3px 15px;
    text-transform: uppercase;
    /*
    font-size: 15px;
    font-weight: 700;
    */
    font-size: 16px;
    font-weight: 600;
}
.prinav li.focus a {
	border-bottom: 4px solid #D4AB39;
    text-decoration: none;
}
.prinav li a:focus
{
    outline-style: dashed;
    outline-color: #fff;
    outline-width: 2px;
    outline-offset: -10px;
}
.prinav li.prinav-link-container ul li a:focus {
    outline-offset: -6px;
}
.lnkLogoTop {
    display:inline-block;
	/*width:244px;*/
    width:300px;
}

.prinav ul {position: absolute; border-top: 1px solid #fff;}
.prinav, .prinav ul {margin:0; padding:0; list-style: none;}

.prinav ul li {
    clear: both; 
    /*background: #005581;*/
    background: #434343;
}
.prinav ul li a {margin:0; width: 240px; padding: 5px 30px;}

.prinav ul a:hover, .prinav ul a:active, .prinav ul a:focus {
    /*background-color: #1295D8;*/
    background-color: var(--primary-nav-dropdown-hover-background-color);
} 
.prinav ul li a:link, .prinav ul li a:visited {border-bottom: 1px solid #fff;}

.prinav li ul {display: none;}
.prinav li:hover ul,
.prinav li:focus ul,
.prinav li.prinav-link-container.focus ul {
    display: block;
    z-index:100;
}
.prinav ul li a:focus{}

/* User Nav */
.usernav a:link, .usernav a:visited {color: #fff; border-bottom: 2px solid transparent;}
.usernav .active a {border-bottom: 2px solid #fff;}
.usernav a:hover, .usernav a:active, .usernav a:focus {text-decoration: none;}

.usernav {float: right;}
.usernav li {position: relative;}
/*.usernav li a {display: block; padding: 5px 54px 5px 30px;}*/
.usernav li a {
	display: block;    
	margin: 0 0 0 15px; 
    padding: 5px 50px 5px 15px;
    font-size: 15px;
    font-weight: 400;text-decoration: none;
}

.usernav ul {position: absolute; right: 0; text-align: right; border-top: 1px solid #fff;}
.usernav, .usernav ul {margin:0; padding:0; list-style: none;}

.usernav ul li a {margin:0; width: 240px;}
/*.usernav.rl-letter ul li a{ width: 350px; }*/
/*
@media only screen and (max-width: 350px) {
    .usernav.rl-letter ul li a{ width: 350px; }
}
*/

.usernav a:focus {
    outline-style: dashed;
    outline-color: #fff;
    outline-width: 2px;
    outline-offset: -5px;
}
.usernav ul li {
    clear: both; 
    /*background: #005581;*/
    background: #434343;
}
.usernav ul a:hover, .usernav ul a:active, .usernav ul a:focus {
    /*background-color: #1295D8;*/
    background-color: var(--primary-nav-dropdown-hover-background-color);
	color: var(--primary-nav-dropdown-hover-color);
} 
.usernav ul li a:link, .usernav ul li a:visited {border-bottom: 1px solid #fff;}

.usernav li ul {display: none;}
.usernav li:hover ul, 
.usernav li.usernav-link-container.focus ul {
    display: block;
}

.usernav .profile a {
    /*background: #005581 url(/contents/public/images/i/icon-profile@2x.png) 200px 50% no-repeat; */
    background: #434343 url(/contents/public/images/i/icon-profile@2x.png) 200px 50% no-repeat; 
    background-size: 16px 16px;
}
/*.usernav.rl-letter .profile a {background: #005581 url(/contents/public/images/i/icon-profile@2x.png) 310px 50% no-repeat; background-size: 16px 16px;}*/
.usernav .log-out a {
    /*background: #005581 url(/contents/public/images/i/validation-error@2x.png) 200px 50% no-repeat; */
    background: #434343 url(/contents/public/images/i/validation-error@2x.png) 200px 50% no-repeat; 
    background-size: 16px 16px;
}  
/*.usernav.rl-letter .log-out a {background: #005581 url(/contents/public/images/i/validation-error@2x.png) 310px 50% no-repeat; background-size: 16px 16px;} */

.lt-ie9 .usernav .profile a {background: #005581 url(/contents/public/images/i/icon-profile.png) 196px 50% no-repeat;}
.lt-ie9 .usernav .log-out a {background: #005581 url(/contents/public/images/i/icon-logout.png) 196px 50% no-repeat;}

.usernav .name > a:before {position: absolute; top: 20px; right: 26px;}
.usernav .name > a:before {content: ''; display: block; width: 0; height: 0;}
.usernav .name > a:before {border: solid; border-width: 10px 6px; border-color: transparent transparent #DEB407 transparent;}
.usernav .name > a:before {
    /*border-color: rgba(255, 255, 255, .2) transparent transparent transparent;*/
    border-color: rgba(255, 255, 255, 1) transparent transparent transparent;
}
.lt-ie9 .usernav .name > a:before {display: none;} /* Hide arrow in less than IE9 */

/* Subpage Nav */
.subnav h3 {padding-bottom: 6px; border-bottom: 1px solid #ddd; margin-bottom: 0;}
.subnav ul {padding: 0; list-style: none; border-bottom: 1px solid #ddd;}
.subnav ul ul {border-bottom: none;}
.subnav li {margin: 5px 0;}
.subnav li.active {font-weight: 600;}
.subnav li.active li {font-weight: 400;}
.subnav li a {color: #1295D8; display: block;}
.subnav li li a {color: #72CDF4; padding-left: 20px;}

/* --- Fixed Header and Navigation --- */
@media only screen and (min-width: 640px) {
  .wrap-logo, nav {width: 100%; z-index: 10;}  

  /* indicator for mobile/desktop view - BP - Oct 31, 2017 */
  .ismobile {display:none;}
} 

/* --- Highlight --- */
.highlight-right {margin-bottom:20px;}
.highlight-right .highlight-image {}
.highlight-right .highlight-image-link {display:inline-block;}

/* --- Wrap Content --- */
.wrap-content {background: #fff; padding-bottom: 10px;}
.wrap-page .wrap-content.heightexpand {
    min-height:400px;
}
.feature-image {text-align: center;}

.styled-list {list-style-type: none; padding: 0;}
.styled-list > li {counter-increment: customlistcounter; margin: 0; padding: 16px 0 16px 40px; position: relative;}
.styled-list > li:before {content: counter(customlistcounter) " "; color: #002855; position: absolute; left: 0; top: 11px; font-size: 20px; height: 26px; width: 26px; border: 2px solid #002855; border-radius: 50%; text-align: center; line-height: 26px;}

.styled-list:first-child {counter-reset: customlistcounter;}

.home-template .ter,
.sub-template .ter{
	background: #F3F3F3;
}
/*.app-options {padding:0; list-style: none;}*/
.app-options {padding:0;}

/* --- Wrap View --- */
.wrap-view {background: #fff; padding-bottom: 30px; margin-top: 0; clear: both; overflow: hidden;}
.wrap-view .form-row {overflow: hidden; clear: both;}

.wrap-view .question-text, .wrap-view .question {float: left;}
.wrap-view .question-text {width: 38.2%; clear: left; padding: 0 30px;}
.wrap-view .question {width: 61.8%; clear: right; padding: 0 30px 0 0;}
.wrap-view .question-text {color: #999; text-align: right;}

/* --- Wrap List --- */
.wrap-list {background: #fff; padding-bottom: 60px;}

.list-title {background: #1295D8; padding: 10px 30px; color: #fff; overflow: hidden;}
.list-title h2 {margin:0; font-size: 24px;}
.list-title.featured {
    background: #434343;
}
.list-title.featured h2 {color:#fff;}
.list-row {
    /*border-bottom: 1px solid #1295D8;*/
    border-bottom: 1px solid #E9EDEF;
    overflow: hidden;

}

.list-row .list-item, .list-row .list-action {float: left;}
.list-row .list-noitem {float: none;}
.list-row .list-item {width: 61.8%; font-size: 20px; line-height: 1.5em; padding: 10px 0 10px 30px;}
.list-row .list-action {width: 38.2%; font-size: 24px; font-weight: 200; line-height: 1.8em; text-align: right; padding: 18px 30px 10px 30px;}
.list-row .list-noitem {width: 100%; font-size: 20px; text-align: center; line-height: 1.5em; padding: 10px 0 10px 30px;}

.list-row .list-item-name {float: left;}
.list-row .list-item-name {width: 42%; font-size: 24px; line-height: 1.5em; padding: 10px 0 10px 30px;}
.list-item-name p {margin:0;}
.list-row .list-item-name .meta {color: #999;}
.list-row .list-item-name .meta span {font-style: italic;}

.list-row .list-item-score {float: left;}
.list-row .list-item-score {width: 21.67%; font-size: 20px; line-height: 1.5em; padding: 10px 0 10px 30px;}
.list-item-score p {margin: 0;}

.list-row .list-item-check{float: left;}
.list-row .list-item-check {width: 3%; font-size: 20px; line-height: 1.5em; padding: 20px 0 10px 30px;}
.list-item-check p {margin: 0;}

.list-item p, .list-action p, .list-status p, .list-status-apply p, .list-status-inprogress p, .list-status-submitted p {margin:0;}
.list-row .list-item .meta {
    /*color: #999;*/
    color: #434343;
}
.list-row .list-item .meta span {font-style: italic;}

.rev-completed a:link, .rev-completed a:visited {color: #008000;}
.rev-completed a:hover, .rev-completed a:active {color: #07384D;}

.list-row .list-content {font-size: 16px; line-height: 1.5em; color: #666; margin: 10px 0 20px 0;}

.list-subtitle {background: #D7EBF4; color: #222222; line-height: 0.5em; overflow: hidden;}
.list-subtitle .list-subtitle-check{float: left;}
.list-subtitle .list-subtitle-check {width: 3%; font-size: 24px; padding: 20px 0 10px 0px;}
.list-subtitle-check p {margin:0;}

.list-subtitle .list-subtitle-name{float: left;}
.list-subtitle .list-subtitle-name {width: 42%; font-size: 24px; padding: 20px 0 10px 30px;}
.list-subtitle-name p {margin:0;}

.list-subtitle .list-subtitle-score{float: left;}
.list-subtitle .list-subtitle-score {width: 21.67%; font-size: 24px;  padding: 20px 0 10px 25px;}
.list-subtitle-score p {margin:0;}

.list-subtitle .list-subtitle-status{float: left;}
.list-subtitle .list-subtitle-status {width: 38.2%; font-size: 24px; text-align: right; padding: 20px 30px;}
.list-subtitle-status p {margin:0;}

/* --- Wrap Review List --- */

.wrap-list-review {padding-bottom: 60px; clear: both; overflow: visible;}


.wrap-list-review .list-item, 
.wrap-list-review .list-review-status, 
.wrap-list-review .list-rank, 
.wrap-list-review .list-score, 
.wrap-list-review .list-overall {display: block; float: left; text-align: left; padding-right: 30px;}

.wrap-list-review .list-title {padding: 10px 0;}
.wrap-list-review .list-title a {color: #fff;}

.wrap-list-review .list-row {position: relative; overflow: visible; clear: both;}
.wrap-list-review .list-row .list-item {font-size: 16px;}
.wrap-list-review .list-row .list-item span {color: #999;}
.wrap-list-review .list-row .list-item .meta {
    /*color: #999;*/
    color: #434343;
}
.list-checkbox {position: absolute; top:17px; left: 5px; width:25px; height: 25px;}
.wrap-list-review .list-item {width: 38%; padding-left: 30px;}
.wrap-list-review .list-review-status {width: 12%;}
.wrap-list-review .list-rank {width: 12%;}
.wrap-list-review .list-score {width: 11%;}
.wrap-list-review .list-overall {width: 20%;}

.wrap-list-review .list-action {width: 1px; height: 1px;}

.wrap-list-review .list-action a.icon-print {position: absolute; right: 30px; top: 25px;}

.wrap-list-review .list-row a.icon-print {background: transparent url(/Contents/i/icon-print.png) 0 0 no-repeat; width: 16px; height: 16px; display: block; background-size: 16px auto;}
.wrap-list-review .list-row a.icon-print:hover {background-position: 0 -25px;}

.wrap-list-review .list-row a.icon-print:hover span {display: block; z-index: 1;}

.wrap-list-review .list-row a.icon-print span {display: none; position: absolute; padding: 5px 0; width: 60px; background: #444; font-size: 14px; top: 28px; right:-8px; border-radius: 3px; text-align: center; color: #fff; line-height: 1.4em;}
.wrap-list-review .list-row a.icon-print span:before {position: absolute; top: -16px; right: 10px;}
.wrap-list-review .list-row a.icon-print span:before {content: ''; display: block; width: 0; height: 0;}
.wrap-list-review .list-row a.icon-print span:before {border: solid; border-width: 8px 6px; border-color: transparent transparent #444 transparent;}
.lt-ie9 .wrap-list-review .list-row a.icon-print span:before {display: none;} /* Hide arrow in less than IE9 */

/* Review Filters */
.reviewer-filters,
.loa-filters
{
	overflow: hidden; border: 1px solid #ECECEC; background: #FBFBFB;
}
.review-section {width: 20%; float: left; padding: 0 10px 5px 0;}
.review-section.batch-action {float: right; overflow: visible; border-left: 1px solid #ECECEC; padding: 16px 0 16px 30px; width: auto; margin-top: 5px;}
.review-section label {margin-top: 10px;}
.review-section:first-child {padding-left: 10px;}
.review-section .button a {margin-bottom: 0;}
.review-section.batch-action .button {width: 220px; float: left; margin-right: 30px;}
.review-section.batch-action .checkbox-holder {padding-left: 20px;}
.review-section.batch-action .checkbox-holder input {display: none;}
.review-row {clear: both; overflow: hidden;}
.review-row:last-child {margin-bottom: 10px;}

.loa-section {max-width:400px; width: 100%; float: left; padding: 0 10px 5px 0;}
.loa-section:first-child {padding-left: 10px;}
.loa-row {clear: both; overflow: hidden;}
.loa-row:last-child {margin-bottom: 10px;}

/* --- Wrap Review --- */
.wrap-review {background: #FBFBF9; padding-bottom: 30px; margin-top: 0; clear: both; overflow: hidden;}
.wrap-review .pri {width: 61.8%;}
.wrap-review .ter {width: 38.2%;}
.wrap-review .form-row {overflow: hidden; clear: both;}
.wrap-review .content {clear: both;}

.wrap-review .pri .question-text, .wrap-review .pri .question {float: left;}
.wrap-review .pri .question-text {width: 38.2%; clear: left; padding: 0 30px;}
.wrap-review .pri .question {width: 61.8%; clear: right; padding: 0 30px 0 0;}
.wrap-review .pri .question-text {color: #999; text-align: right;}

.wrap-review .ter .question-text, .wrap-review .ter .actions,
.wrap-review .ter .question {padding: 0 30px;}

.sticky-toggle {display:none; height: 16px; width: 16px;}
.sticky-toggle span {display: none;}
#review-form .content h3:first-child {margin-bottom: 0;}
.form-row .no-margin p {margin-top: 0; margin-bottom: 0;}

.search-field {background: transparent url(/Contents/i/icon-search@2x.png) right 9px no-repeat; background-size: 26px 16px; padding-right: 30px;}
.search-field:hover {background: #fff url(/Contents/i/icon-search@2x.png) right 9px no-repeat; background-size: 26px 16px;}

@media only screen and (min-width: 900px) {
    .fixed {max-width: 399px !important;}
}

@media only screen and (min-width: 640px) {
  /* fixes the review form in position */
  .fixed {position: fixed; max-width: none; top: 148px; z-index: 9; padding-bottom: 30px; margin-bottom: 0; max-height: 100% !important; overflow: auto;}
}
  
/* Allows users to un-fix the position of the review form */
.unfix {position: relative !important; top: auto !important;}
.sticky-toggle {display:block;}

/* Styles for the stickiness toggle */
a.icon-pin {padding-left: 20px; background: transparent url(/Contents/i/icon-pushpin.png) 0 0 no-repeat; background-size: 16px 16px;}
.unfix a.icon-pin {padding-left: 20px; background: transparent url(/Contents/i/icon-pushpin-off.png) 0 0 no-repeat; background-size: 16px 16px;}
a.icon-pin {display: inline-block; position: relative; float: right; margin-top: 15px;}

/* Styles for the stickiness toggle tool tip */
a.icon-pin:hover span {display: block;}
a.icon-pin span {position: absolute; padding: 5px 0; width: 140px; background: #444; font-size: 14px; top: 28px; right:-4px; border-radius: 3px; text-align: center; color: #fff;}
a.icon-pin span:before {position: absolute; top: -16px; right: 10px;}
a.icon-pin span:before {content: ''; display: block; width: 0; height: 0;}
a.icon-pin span:before {border: solid; border-width: 8px 6px; border-color: transparent transparent #444 transparent;}
.lt-ie9 a.icon-pin span:before {display: none;} /* Hide arrow in less than IE9 */

/* Review form buttons styles */
#review-form .actions .button {float: left; margin:0; width: 48%;}
#review-form .actions .button:first-child {margin-right: 4%;}
#review-form .actions .button.negative {float: none; width: 100%;}

/* --- Wrap App Steps --- */ 
.wrap-app-steps {background: #fff; padding-bottom: 60px;}
.wrap-app-steps.acceptance-status {background: #fff; padding-bottom: 30px;}
.wrap-app-steps ol {list-style: none; padding: 0; margin: 0;}
.wrap-app-steps li {overflow: hidden; clear: both; padding: 0; position: relative;}
.wrap-app-steps li p {padding: 8px 0;}
.ter .wrap-app-steps li p {padding: 5px 0;}

.wrap-app-steps .list-item, .wrap-app-steps .list-status {float: left; line-height: 1.5em; font-size: 16px;}
.ter .wrap-app-steps .list-item, .ter .wrap-app-steps .list-status {font-size: 15px;}
.wrap-app-steps .list-item {width: 75%; padding-right: 200px; font-weight: 600;}
.wrap-app-steps .list-item .meta {font-weight: 400;}
.ter .wrap-app-steps .list-item {width: 100%; padding-right: 50px;}
.wrap-app-steps .list-title .list-item {width: 80%;}
.wrap-app-steps .list-status {width: 150px; text-align: left; position: absolute; top: 0; right: 0;}
.wrap-app-steps .list-title .list-status {width: auto; white-space: nowrap; text-align: left; position: absolute; top: 0; right: 0;}
.ter .wrap-app-steps .list-status {width: 10%;}
.wrap-app-steps .list-item .checklist-note {font-weight: normal; font-style: italic;}

.list-app-steps .list-item {padding: 0 0 0 60px;}
.list-app-steps .list-status {padding: 0 30px 0 30px;}
.list-app-steps .list-content {padding: 0 60px 0 40px; color: #666;}

.wrap-app-steps .list-app-steps .incomplete .list-item, .wrap-app-steps .incomplete .list-item a:link, .wrap-app-steps .incomplete .list-item a:visited, .wrap-app-steps .incomplete .list-item a:hover, .wrap-app-steps .incomplete .list-item a:active {color: #1395D8;}
.wrap-app-steps .list-app-steps2 .incomplete .list-item, .wrap-app-steps .incomplete .list-item a:link, .wrap-app-steps .incomplete .list-item a:visited, .wrap-app-steps .incomplete .list-item a:hover, .wrap-app-steps .incomplete .list-item a:active {color: #1395D8 !important;}

.wrap-app-steps .list-app-steps .inprogress .list-item, .wrap-app-steps .inprogress .list-item a:link, .wrap-app-steps .inprogress .list-item a:visited, .wrap-app-steps .inprogress .list-item a:hover, .wrap-app-steps .inprogress .list-item a:active {color: #1395D8;}
.wrap-app-steps .list-app-steps2 .inprogress .list-item, .wrap-app-steps .inprogress .list-item a:link, .wrap-app-steps .inprogress .list-item a:visited, .wrap-app-steps .inprogress .list-item a:hover, .wrap-app-steps .inprogress .list-item a:active {color: #1395D8 !important;}

.wrap-app-steps .list-app-steps .complete .list-item, .wrap-app-steps .complete .list-item a:link, .wrap-app-steps .complete .list-item a:visited, .wrap-app-steps .complete .list-item a:hover, .wrap-app-steps .complete .list-item a:active {color: #333;}
.wrap-app-steps .list-app-steps2 .complete .list-item, .wrap-app-steps .complete .list-item a:link, .wrap-app-steps .complete .list-item a:visited, .wrap-app-steps .complete .list-item a:hover, .wrap-app-steps .complete .list-item a:active {color: #333 !important;}

.wrap-app-steps .list-app-steps .locked .list-item, .wrap-app-steps .locked .list-item a:link, .wrap-app-steps .locked .list-item a:visited, .wrap-app-steps .locked .list-item a:hover, .wrap-app-steps .locked .list-item a:active {color: #A0A6AD;}
.wrap-app-steps .list-app-steps2 .locked .list-item, .wrap-app-steps .locked .list-item a:link, .wrap-app-steps .locked .list-item a:visited, .wrap-app-steps .locked .list-item a:hover, .wrap-app-steps .locked .list-item a:active {color: #A0A6AD !important;}

.ter .wrap-app-steps .incomplete .list-item, .ter .wrap-app-steps .incomplete .list-item a:link, .ter .wrap-app-steps .incomplete .list-item a:visited, .ter .wrap-app-steps .incomplete .list-item a:hover, .ter .wrap-app-steps .incomplete .list-item a:active {color: #333333;}
.ter .wrap-app-steps .inprogress .list-item, .ter .wrap-app-steps .inprogress .list-item a:link, .ter .wrap-app-steps .inprogress .list-item a:visited, .ter .wrap-app-steps .inprogress .list-item a:hover, .ter .wrap-app-steps .inprogress .list-item a:active {color: #333333;}
.ter .wrap-app-steps .active .list-item, .ter .wrap-app-steps .active .list-item a:link, .ter .wrap-app-steps .active .list-item a:visited, .ter .wrap-app-steps .active .list-item a:hover, .ter .wrap-app-steps .active .list-item a:active {color: #333333;}
.ter .wrap-app-steps .complete .list-item, .ter .wrap-app-steps .complete .list-item a:link, .ter .wrap-app-steps .complete .list-item a:visited, .ter .wrap-app-steps .complete .list-item a:hover, .ter .wrap-app-steps .complete .list-item a:active {color: #868F9A;}
.ter .wrap-app-steps .locked .list-item, .ter .wrap-app-steps .locked .list-item a:link, .ter .wrap-app-steps .locked .list-item a:visited, .ter .wrap-app-steps .locked .list-item a:hover, .ter .wrap-app-steps .locked .list-item a:active {color: #868F9A;}

.wrap-app-steps .incomplete .list-status, .wrap-app-steps .incomplete .list-status a:link, .wrap-app-steps .incomplete .list-status a:visited, .wrap-app-steps .incomplete .list-status a:hover, .wrap-app-steps .incomplete .list-status a:active {color: #333333;}
.wrap-app-steps .inprogress .list-status, .wrap-app-steps .inprogress .list-status a:link, .wrap-app-steps .inprogress .list-status a:visited, .wrap-app-steps .inprogress .list-status a:hover, .wrap-app-steps .inprogress .list-status a:active {color: #333333;}
.wrap-app-steps .complete .list-status, .wrap-app-steps .complete .list-status a:link, .wrap-app-steps .complete .list-status a:visited, .wrap-app-steps .complete .list-status a:hover, .wrap-app-steps .complete .list-status a:active {color: #868F9A;}
.wrap-app-steps .locked .list-status, .wrap-app-steps .locked .list-status a:link, .wrap-app-steps .locked .list-status a:visited, .wrap-app-steps .locked .list-status a:hover, .wrap-app-steps .locked .list-status a:active {color: #333333;}

.wrap-app-steps .list-status:before {content: ""; width: 26px; height: 26px; background-color: #fff; border: 1px solid #C9CED1; border-radius: 50%; position: absolute; top: 6px; right: calc(100% - 15px); background-repeat: no-repeat; background-size: 16px 166px; background-image: url(/Contents/i/checklist-icons@2x.png); background-position: 100px 100px;}
.ter .wrap-app-steps .list-item:after {content: ""; width: 24px; height: 24px; background-color: #fff; border: 1px solid #C9CED1; border-radius: 50%; position: absolute; top: 2px; right: 20px; background-repeat: no-repeat; background-size: 16px 166px; background-image: url(/Contents/i/checklist-icons@2x.png); background-position: 100px 100px;}

.wrap-app-steps .list-app-steps .incomplete .list-status:before, .ter .wrap-app-steps .incomplete .list-item:after {}

.wrap-app-steps .list-app-steps .inprogress .list-status:before {background-color: #DEB407; border: 1px solid #DEB407; background-position: 5px -95px;}
.wrap-app-steps .list-app-steps2 .inprogress .list-status:before {background-color: #DEB407 !important; border: 1px solid #DEB407 !important; background-position: 5px -95px !important;}

.ter .wrap-app-steps .list-app-steps .inprogress .list-item:after {background-color: #DEB407; border: 1px solid #DEB407; background-position: 4px -96px;}
.ter .wrap-app-steps .list-app-steps2 .inprogress .list-item:after {background-color: #DEB407 !important; border: 1px solid #DEB407 !important; background-position: 4px -96px !important;}

.ter .wrap-app-steps .list-app-steps .active .list-item:after {background-color: #29B6F6; border: 1px solid #29B6F6; background-position: 5px -146px;}
.ter .wrap-app-steps .list-app-steps2 .active .list-item:after {background-color: #29B6F6 !important; border: 1px solid #29B6F6 !important; background-position: 5px -146px !important;}

.wrap-app-steps .list-app-steps .complete .list-status:before {background-color: #00B16A; border: 1px solid #00B16A; background-position: 5px -45px;}
.wrap-app-steps .list-app-steps2 .complete .list-status:before {background-color: #00B16A !important; border: 1px solid #00B16A !important; background-position: 5px -45px !important;}

.ter .wrap-app-steps .list-app-steps .complete .list-item:after {background-color: #00B16A; border: 1px solid #00B16A; background-position: 4px -46px;}
.ter .wrap-app-steps .list-app-steps2 .complete .list-item:after {background-color: #00B16A !important; border: 1px solid #00B16A !important; background-position: 4px -46px !important;}

.wrap-app-steps .list-app-steps .locked .list-status:before {background-color:#FFFFFF; border:1px solid #C9CED1; background-position: 5px 5px;}
.wrap-app-steps .list-app-steps2 .locked .list-status:before {background-color:#FFFFFF !important; border:1px solid #C9CED1 !important; background-position: 5px 5px !important;}

.ter .wrap-app-steps .list-app-steps .locked .list-item:after {background-color:#FFFFFF; border:1px solid #C9CED1; background-position: 4px 4px;}
.ter .wrap-app-steps .list-app-steps2 .locked .list-item:after {background-color:#FFFFFF !important; border:1px solid #C9CED1 !important; background-position: 4px 4px !important;}

.wrap-app-steps .list-app-steps .complete .list-status a:after {content: "EDIT"; position: absolute; left: -100px; top: 10px; border: 1px solid #ADB4BB; border-radius: 5px; font-size: 12px; padding: 0 15px; line-height: 1.5em; background: #fff;}
.wrap-app-steps .list-app-steps2 .complete .list-status a:after {content: "EDIT" !important; position: absolute !important; left: -100px !important; top: 10px !important; border: 1px solid #ADB4BB !important; border-radius: 5px !important; font-size: 12px !important; padding: 0 15px !important; line-height: 1.5em !important; background: #fff !important;}

.wrap-app-steps .list-app-steps .complete.noedit .list-status a:after {content: ""; display: none;}
.wrap-app-steps .list-app-steps2 .complete.noedit .list-status a:after, 
.wrap-app-steps .list-app-steps2 .inprogress.noedit .list-status a:after,
.wrap-app-steps .list-app-steps2 .incomplete.noedit .list-status a:after {content: "" !important; display: none !important;}

.wrap-app-steps .list-app-steps .complete .list-status a:hover:after {background: #1395D8; color: #fff; border: 1px solid #1395D8;}
.wrap-app-steps .list-app-steps2 .complete .list-status a:hover:after {background: #1395D8 !important; color: #fff !important; border: 1px solid #1395D8 !important;}

.wrap-app-steps .list-app-steps .incomplete .list-item a:after,
.wrap-app-steps .list-app-steps .inprogress .list-item a:after {content: " \203A";}
.wrap-app-steps .list-app-steps2 .incomplete .list-item a:after,
.wrap-app-steps .list-app-steps2 .inprogress .list-item a:after {content: " \203A" !important;}

.wrap-app-steps .list-title {position: relative;}
.list-title .list-status a:link, .list-title .list-status a:visited, .list-title .list-status p {color: #fff; padding: 14px 30px 12px 30px; background: #1395D8; position: absolute; right: 0; top: 0;}
.list-title .list-status a:hover, .list-title .list-status a:focus, .list-title .list-status a:active {background: #0F2C45; text-decoration: none;}
.list-title .list-status a:before, .list-title .list-status p:before {content: "STATUS:"; font-size: 11px; font-weight: 200; margin-right: 7px;}
.list-title .list-status a.apply:before, .list-title .list-status p.apply:before {content: ""; font-size: 11px; font-weight: 200; margin-right: 7px;}

.ter .list-app-steps li:first-child {margin-top: 10px;}
.list-app-steps li:nth-child(odd) {background-color: #fff;}
.list-app-steps li:nth-child(even) {background-color: #F4F4F5;}
.list-app-steps li:nth-child(odd) li {background-color: #fff; color: #999;}
.list-app-steps li:nth-child(even) li {background-color: #F4F4F5; color: #999;}

.wrap-app-steps.inactive .list-title {border-bottom: 10px solid #F5F5F5; background: #005581;}
.wrap-app-steps.inactive .list-app-steps {border-bottom: 1px solid #1295D8;}
.wrap-app-steps.inactive .list-app-steps li {display: none;}

/* Wrap App Steps - Add Counter  */ 
.list-app-steps {counter-reset: app-steps; position: relative;}
.list-app-steps > li:before {content: counter(app-steps, decimal) "."; counter-increment: app-steps;}

.list-app-steps li:before {display: block; position: absolute; left: 30px; top: 8px;}
.ter .list-app-steps li:before {top: 5px;}
.list-app-steps li:before {font-size: 16px; line-height: 1.5em;}
.ter .list-app-steps li:before {font-size: 15px;}

.list-app-steps li.incomplete:before {color: #1395D8;}
.list-app-steps li.inprogress:before {color: #1395D8;}
.list-app-steps li.complete:before {color: #333;}
.list-app-steps li.locked:before {color: #A0A6AD;}

.ter .list-app-steps li.incomplete:before {color: #333;}
.ter .list-app-steps li.inprogress:before {color: #333;}
.ter .list-app-steps li.complete:before {color: #969CA3;}
.ter .list-app-steps li.locked:before {color: #969CA3;}

/* Wrap App Steps - Content Toggle  */
.list-app-steps ol > li .list-item span {display: block; float: left;}
.list-app-steps ol > li .list-item .arrow-down, 
.list-app-steps ol > li .list-item .arrow-up {width: 0; height: 0; border: solid; border-width: 10px 6px;}
.list-app-steps ol > li .list-item .arrow-down {margin: 24px 0 0 10px; border-color: rgba(0,0,0,.4) transparent transparent transparent;}
.list-app-steps ol > li .list-item .arrow-up {margin: 12px 0 0 10px; border-color: transparent transparent rgba(0,0,0,.4) transparent;}
.lt-ie9 .list-app-steps ol > li .list-item .arrow-down, 
.lt-ie9 .list-app-steps ol > li .list-item .arrow-up {display: none;} /* Hide arrow in less than IE9 */

/* --- Steps --- */
.steps {font-weight: 700; font-size: 24px; line-height: 1.5em; padding:0; list-style: none;}
.steps li {margin: 0; padding: 0 0 32px 80px; position: relative;}
.steps li span {display: block; padding: 12px 0 0 0}

/* Steps - Add Counter  */
.steps {counter-reset: steps;}
.steps li:before {content: counter(steps); counter-increment: steps;}

.steps li:before {display: block; position: absolute; left: 0; height: 60px; width: 60px;}
.steps li:before {background: #1295D8; border-radius: 100%; font-weight: 200; text-align: center; color: #D6EBF5;}
.steps li:before {line-height: 60px; padding:0;}

/* --- Steps --- */
.wrap-progress-bar {background: #A0C3FF;}
.progress-bar {font-weight: 400; font-size: 16px; line-height: 32px; margin: 0; padding: 0; list-style: none; overflow: hidden;}
.progress-bar li {margin: 0; position: relative; display: inline; float: left; padding: 8px 15px 8px 80px; height: 48px; border-right: 2px solid #fff;}
.progress-bar li p {margin:0;}
.progress-bar li:first-child {padding-left: 75px;}
.progress-bar li:last-child {border-right: none;}

.progress-bar .active, .progress-bar .complete {background: #1295D8;}

/* Steps - Add Counter  */
.progress-bar {counter-reset: prog-steps;}
.progress-bar li:before {content: counter(prog-steps, decimal-leading-zero); counter-increment: prog-steps;}

.progress-bar li:before {display: block; position: absolute; left: 35px;}
.progress-bar li:before {font-weight: 200; font-size: 30px; color: rgba(0,0,0,.2);}
.progress-bar li:before {line-height: 30px; padding: 0;}
.progress-bar li:first-child:before {left: 30px;}

.progress-bar li:after {position: absolute; top: 0; right: -48px;}
.progress-bar li:after {content: ''; display: block; width: 0; height: 0;}
.progress-bar li:after {border: solid; border-width: 24px 24px; border-color: transparent transparent transparent #A0C3FF;}

.progress-bar li {color: #666;}
.progress-bar li.complete, .progress-bar li.active {color: #fff;}
.progress-bar li.complete:after, .progress-bar li.active:after {border-color: transparent transparent transparent #1295D8;}
.progress-bar li:last-child:after {border: none;} 

.progress-bar li p:after {position: absolute; top: 0; right: 4px; right: -50px;}
.progress-bar li p:after {content: ''; display: block; width: 0; height: 0;}
.progress-bar li p:after {border: solid; border-width: 24px 24px; border-color: transparent transparent transparent #fff;}

.progress-bar li:last-child p:after {border: none;} 

/* --- Footer --- */
footer {
    /*background: #002855;*/
    background: #F1F1F1;
    /*color: #fff;*/
    color:#434343;
}
footer h3 {
    font-size: 22px; 
    /*color: #fff;*/ 
    color: #161618;
    font-weight: 400;
}

.wrap-footer-copyright {border-top: 1px solid #eee;}

.wrap-footer-marketing .content {margin: 60px 0 80px 0;}
.wrap-footer-marketing a:link, .wrap-footer-marketing a:visited {
    /*color: #fff;*/ 
    color: #161618; 
    text-decoration: underline;
}
.wrap-footer-marketing a:hover, .wrap-footer-marketing a:active {
    /*color: #fff;*/ 
    color: #161618; 
    text-decoration: none;
}

.footer-secondary ul {padding: 0; list-style: none;}
.footer-marketing {position: relative;}

.footer-links {
    padding: 25px 30px 25px 30px; 
    position: relative; 
    border-top: 1px solid #C4C5C7;
    text-align: right;
}
.footer-links .content  {padding: 0;}
.footer-links p {margin: 0;}
.footer-nav {
    /*margin: 20px 0 0 0; */
    margin: 20px 135px 0 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    display: block;
    line-height: 1.5em;
}
.footer-nav li {
    float: left;
    /*margin: 0 30px 0 0;*/
    margin: 3px 30px 3px 3px;
}
.footer-nav li:last-child {margin: 3px;}
.footer-nav li a:link, .footer-nav li a:visited {border: none;}
.footer-nav li a:focus {
    outline-offset: 1px;
    outline-width: 1px;
}

/* Accessibility 
.footer-copyright {display: block; font-size: 12px; color: #999;} */
.footer-copyright {display: block; font-size: 12px; color: #6a6a6a;}

/*.orchestrate {position: absolute; top: 10px; right: 30px; padding-top: 30px;}*/
/*.orchestrate {position: absolute; bottom: 20px; right: 30px; padding-top: 20px;}*/

/* --- View Application Updates --- */
.wrap-view {position: relative;}
.status-wrapper {position: absolute; right: 30px; top: 5px;}
.status-wrapper .status-wrapper-label {float: left; padding: 10px 20px;}
.status-wrapper .status-wrapper-status {float: left; border: 1px solid #ececec; padding: 10px 20px; background: #fafafa; color: #00B16A; font-size: 20px;}

.wrap-view-revised {margin-bottom: 40px;}
.wrap-view-revised br {display: none;}
.wrap-view-revised .answer br, .wrap-view-revised .wrap-view-app-steps br, #riverside-note br {display: initial;}
.wrap-view-revised .pri, .wrap-view-revised .sec, .wrap-view-revised .ter {padding-bottom: 0; margin-bottom: 0; float: right;}
.wrap-view-revised .pri {border: 1px solid #ccc; padding-bottom: 30px;}
.wrap-view-revised .ter {border: 1px solid #ccc; border-right: none; margin-right: -1px;}
.wrap-view-revised h2 {font-size: 22px; margin: 30px 0 20px 0; color: #2a2c2f; font-weight: 400;}
.wrap-view-revised h3 {font-size: 20px !important; margin: 20px 0; border-bottom: none !important;}

.wrap-view-revised .styled-form .form-row {margin: 0; padding: 0; border-top: 1px solid #E9EDEF;}
.wrap-view-revised .styled-form .form-row:first-child {border-top: none;}
.wrap-view-revised .styled-form .question-text {background: #FAFAFA; text-align: left; padding: 10px 20px 10px 30px;}
.wrap-view-revised .styled-form .question {padding: 10px 30px 10px 20px;}

.wrap-view-app-steps {background: #fff; padding-bottom: 60px;}
.wrap-view-app-steps ol {list-style: none; padding: 0; margin: 0;}
.wrap-view-app-steps li {overflow: hidden; clear: both; padding: 0; position: relative; border-top: 1px solid #666;}
.wrap-view-app-steps li p {padding: 8px 0;}
.wrap-view-app-steps li li {margin-right: -1px;}
.wrap-view-app-steps li a {}

.wrap-view-app-steps .list-app-steps li:before {padding: 3px 0 0 0; font-size: 14px; color: #fff !important; left: 20px;}
.wrap-view-app-steps .list-app-steps2 li:before {padding: 3px 0 0 0 !important; font-size: 14px !important; color: #fff !important; left: 20px !important;}

.wrap-view-app-steps .list-app-steps li:first-child {margin-top: 0;}
.wrap-view-app-steps .list-app-steps li:nth-child(odd) {background-color: #3B4F6A;}
.wrap-view-app-steps .list-app-steps li:nth-child(even) {background-color: #3B4F6A;}
.wrap-view-app-steps .list-app-steps li:nth-child(odd) li {background-color: #3B4F6A; color: #fff;}
.wrap-view-app-steps .list-app-steps li:nth-child(even) li {background-color: #3B4F6A; color: #fff;}

.wrap-view-app-steps .list-app-steps li .list-item {padding: 0 50px;}
.wrap-view-app-steps .list-app-steps2 li .list-item {padding: 0 50px !important;}

.wrap-view-app-steps .list-app-steps li, .wrap-view-app-steps .list-app-steps li li {color: #aaa !important; padding: 0 !important; position: relative;}
.wrap-view-app-steps .list-app-steps2 li, .wrap-view-app-steps .list-app-steps2 li li {color: #aaa !important; padding: 0 !important; position: relative !important;}

.wrap-view-app-steps .list-app-steps li a:link,
.wrap-view-app-steps .list-app-steps li a:visited {color: #fff;}
.wrap-view-app-steps .list-app-steps2 li a:link,
.wrap-view-app-steps .list-app-steps2 li a:visited {color: #fff !important;}

.wrap-view-app-steps .list-app-steps li.active {background: #fff;}
.wrap-view-app-steps .list-app-steps2 li.active {background: #fff !important;}

.wrap-view-app-steps .list-app-steps li.active a:link,
.wrap-view-app-steps .list-app-steps li.active a:visited {color: #1495D8;}
.wrap-view-app-steps .list-app-steps2 li.active a:link,
.wrap-view-app-steps .list-app-steps2 li.active a:visited {color: #1495D8 !important;}

.wrap-view-app-steps .list-app-steps li.active:before {color: #1495D8 !important;}
.wrap-view-app-steps .list-app-steps2 li.active:before {color: #1495D8 !important;}

.wrap-view-app-steps .list-app-steps li.active:after {content: ""; width: 6px; background: #1495D8; position: absolute; left: 0; top: 0; bottom: 0;}

/* --- Faculty Summary --- */
.ter .content h4 {font-size: 18px;}

.selection-summary {max-width: 1200px; margin: 0 auto; display: block;}
.selection-total-list {border: 1px solid #E3E6EB; background: #F8F8F8; border-radius: 3px; margin: 0; padding: 0; display: block; overflow: hidden;}
.selection-total-list li {float: left; list-style: none; margin: 10px 0; padding: 0; position: relative; text-align: center; width: 33%;}
li.selection-total-checkedin, li.selection-total-notcheckedin {padding: 0; border-left: 1px solid #E3E6EB; width: 33%;}
.selection-amount {color: #242527; font-size: 24px; margin: 10px 0;}
.selection-label {color: #242527; font-size: 14px; margin: 10px 0;}
.selection-total-list li.selection-notification {width:100%;}

@media only screen and (max-width: 780px) {
.selection-list {columns: auto; -webkit-columns: auto; -moz-columns: auto;}
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 900px) {
  /* Positioning Updates for Columns */
  .three-col .pri {width: 100%;}
  .three-col .sec, .three-col .ter, .two-col .pri, .two-col .sec, .two-col .ter  {width: 100%;}
  .footer-feature, .footer-secondary {width: 100%;}
  .wrap-view-revised.two-col .pri {width: 100%;}
  .wrap-view-revised.two-col .sec, .wrap-view-revised.two-col .ter {width: 100%;}

  /* Hide secondary column on form pages */
  .tForm .two-col .pri {width: 100%;}
  .tForm .two-col .sec, .tForm .two-col .ter {display: none;}
  .one-col .pri {width: 100%;}
  .one-col .sec, .one-col .ter {display: none;}

  /* Minimize Header */
  .header-content {height: 100%; width: 100%;}
  
  .header-blurb {display:block; font-size: 30px;}
  .header-content h1 {font-size: 48px;}
  .logo {font-size: 24px;}
  .header-sidebar-image {width: 100%; display: inline-block; float: none; max-width: none; text-align: center;}

  footer .actions .button:first-child a {margin-right: 0;}
  .footer-marketing .content {margin: 0;}
  

  /* --- Wrap List & Wrap App Steps Font Size Adjustments  --- */
  h2, h3 {font-size: 24px; line-height: 1.333;} /* 30 px */
  h4 {font-size: 20px;} /* 24 px */

  .list-title {font-size: 20px;}
  .list-row .list-item {font-size: 20px;}
  .list-row .list-action {font-size: 20px;}
  .list-app-steps ol > li .list-item .arrow-down {margin: 15px 0 0 10px;}
  .list-app-steps ol > li .list-item .arrow-up {margin: 3px 0 0 10px;}
  .two-col .pri .button a {max-width: none;}

  /* Progress Bar Updates */
  .progress-bar li {padding: 8px 0 8px 75px;}
  .progress-bar li:before {left: 30px;}
  .progress-bar li span {display: none;}
  .progress-bar li.active span {display: inline;}

  /* Remove Absolute Positioning for Orchestrate Logo */
  .footer-links {padding-bottom: 0;}
  .orchestrate {margin-bottom: 30px;}
  footer .actions .button a {display: block; width: auto; float: none;}
}

@media only screen and (max-width: 640px) {
  /* indicator for mobile/desktop view - BP - Oct 31, 2017 */
  .ismobile {display:block;}

  /* Positioning Updates for Columns */
  .three-col .pri, .three-col .sec, .three-col .ter {width: 100%;}
  .two-col .pri, .two-col .sec, .two-col .ter {width: 100%;}
  .footer-feature, .footer-secondary {width: 100%;}
  .wrap-view-revised.two-col .pri {width: 100%;}
  .wrap-view-revised.two-col .sec, .wrap-view-revised.two-col .ter {width: 100%;}

  /* Minimize / Re-style Header */
  .header-content-wrapper .header-blurb {font-size: 24px;}
  .header-content {position: relative; bottom: auto;}
  .header-content {background: transparent;}
  .header-content-wrapper {position: relative; bottom: auto;}
  .header-blurb {font-size: 20px;}
  header .actions {max-width: none;}
  header .actions .button a {display: block; /*width: auto*/; float: none; /*margin: 0 30px 30px 30px;*/}
  header .actions .button:first-child a {margin-right: 30px;}
  .logo .wrap-plusone {display: none;}
  .list-app-steps .actions {padding: 10px 30px 0 30px;}
  .list-app-steps .actions .button a {width: 100%;}

  /* Mobile navigation */
  /*.logo div {display: none;}*/
  .wrap-nav {
      /*border-top: 2px solid #005581;*/ 
      border-top: 2px solid #434343; 
      font-size: 16px; 
      line-height: 36px; 
      position: relative;
  }
  
  .prinav {
      /*background: #005581; */
      background: #434343; 
      display: none;
  }
  .prinav a {width: 240px;}
  .menu:hover .prinav {display: block; z-index: 105;}
  .menu {position: absolute; width: 84px; height: 48px;}
  .menu {
      /*background: #005581 url(/Contents/Public/images/i/icon-menu-alt@2x.png) 24px 7px no-repeat; background-size: 32px 32px;*/
      background: #434343 url(/Contents/Public/images/i/icon-menu-alt@2x.png) 24px 7px no-repeat; background-size: 32px 32px;
  }
  .lt-ie9 .menu {background: #005581 url(/Contents/Public/images/i/icon-menu.png) 0 14px no-repeat; background-size: 24px 16px;}

  .prinav {position: absolute; top: 48px;}
  .prinav li {float: left; clear: both;}

  .prinav:hover li {display: block; background-color: #005581;}
  .prinav ul {position: relative;}
  .prinav ul a {background: #005581;}
  
  .prinav .active {display: block;}
  .prinav .active {background: #005581 url(/Contents/Public/images/i/bkgd-check@2x.png) 7px 16px no-repeat; background-size: 16px 16px;}
  .lt-ie9 .prinav .active {background: #005581 url(/Contents/Public/images/i/bkgd-check.png) 10px 20px no-repeat;}
  .prinav:hover .active a span {display: block;}

  .prinav a:hover, .prinav a:active {color: #D7EBF4;}
  .prinav li li a:hover, .prinav li li a:active {background-color: transparent;}

  .prinav li ul {display: block;}
  .prinav li a {margin: 0; padding: 5px 30px 5px 30px;}
  .prinav ul li a {padding: 5px 30px 5px 40px;}

  /* Mobile Nav - Reset Borders */
  .prinav a:link, .prinav a:visited {border-bottom: none !important; border-top: 1px solid #fff;}
  .prinav ul a:link, .prinav ul a:visited {border-top: 1px solid #fff;}
  .prinav a:hover, .prinav a:active, 
  .prinav ul li a:hover, .prinav ul li a:active {background: #1295D8;}

  nav {height: 50px;}

  .prinav {border: none; border-bottom: 1px solid #fff;}
  .prinav ul {border-top: none;}

  .usernav {float: right; position: absolute; top: 0; right: 0;}
  .usernav li {position: relative;}

  /* View Form */
  .wrap-view .question-text {width: 100%; padding: 0 30px; text-align: left;}
  .wrap-view .question {width: 100%; clear: right; padding: 0 30px 20px 60px;}
  .wrap-view .question-text p, .wrap-view .question * {margin: 0 0 10px 0;}

  /* Wrap List */
  .list-subtitle .list-subtitle-check {width: 3%; padding-bottom: 0;} 
  .list-subtitle .list-subtitle-name {width: 42%; padding-bottom: 0;} 
  .list-subtitle .list-subtitle-score {width: 21.67%; padding-bottom: 0;}
  .list-subtitle .list-subtitle-status {width: 100%; margin: 0; text-align: left;}

  .wrap-app-steps .list-item {float: none; padding-right: 30px;}
  .wrap-app-steps .list-status {width: 150px; text-align: left; position: relative; top: auto; right: auto; margin-left: 75px;}
  .wrap-app-steps .list-status a:after {content: ""; display: none;}

  .wrap-app-steps .list-title {padding: 10px 0 0 0;}
  .wrap-app-steps .list-title .list-item {padding: 0 30px 10px 30px;}
  .wrap-app-steps .list-item, .wrap-app-steps .list-status {width: 100%; text-align: left;}
  .wrap-app-steps .list-title .list-item, .wrap-app-steps .list-title .list-status {display: block; position: relative; top: auto; right: auto; float: none; width: auto; margin-left: 0;}
  .wrap-app-steps .list-title .list-status:before {display: none;}
  
  .list-title .list-status a:link, .list-title .list-status a:visited {color: #fff; padding: 14px 30px 12px 30px; background: #0F2C45; position: relative; right: auto; top: auto; display: block;}


  .footer-nav {font-size: 16px;}
  .wrap-footer-marketing .content {margin: 30px 0 40px 0;}
}

@media only screen and (max-width: 500px) {
  .progress-bar li.active span {display: none;}
}

@media print,
  (-o-min-device-pixel-ratio: 5/4),
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 120dpi) {

}



/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px;}
.ir:before {content: ""; display: block; width: 0; height: 150%;}

.hidden {display: none !important; visibility: hidden;}
.visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}
.invisible {visibility: hidden;}

.question:before, .question:after, .clearfix:before, .clearfix:after {content: " "; display: table;}
.question:after, .clearfix:after {clear: both;}
.question, .clearfix {*zoom: 1;}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
  * {background: transparent !important; box-shadow: none !important; text-shadow: none !important; color: #000 !important; /* Black prints faster: h5bp.com/s */}

  a, a:visited {text-decoration: underline;}
  a[href]:after {content: " (" attr(href) ")";}
  abbr[title]:after {content: " (" attr(title) ")";}

  /* --- Don't show links for images, or javascript/internal links --- */

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {content: "";}

  pre, blockquote {border: 1px solid #999;page-break-inside: avoid;}

  thead {display: table-header-group; /* h5bp.com/t */}
  tr,img {page-break-inside: avoid;}
  img {max-width: 100% !important;}

  @page {margin: 0.5cm;}

  p, h2, h3 {orphans: 3;widows: 3;}
  h2, h3 {page-break-after: avoid;}
}

/* ================================================================
   Side by side fotf 
   ================================================================*/
 #side-by-side {
  overflow:hidden;
  height: auto;
  padding: 0px;
 }
 
 .left-question-text {
  width: 45%;
  float: left;
  height: auto;
 }
 
 .right-question {
  width: auto;
  float: none;
  overflow: hidden;
 }
 
 /* ================================================================
   Validation message
   ================================================================*/
.validation_message {
  border: 1px solid #d30000;  
  padding: 10px 10px 10px 40px;
  color: #d30000;
  background: #FFCCBA url(/Contents/Public/images/validation.gif) left center no-repeat;
  background-position: 5px;
}

.validation_message ul {
  margin-left:20px;
  margin-top:0px;
  margin-bottom:0px;
}

.warning {
    border: 1px solid;
    padding:10px 10px 10px 40px;
    color: #9F6000;
  background: #FEEFB3 url(/Contents/Public/images/box-warning.gif) left center no-repeat;
  background-position: 5px;
}

.success {
    border: 1px solid;
    padding:10px 10px 10px 40px;
    color: #4F8A10;
  background: #DFF2BF url(/Contents/Public/images/box-success.gif) left center no-repeat;
  background-position: 5px;
}

.errormsg {
    border: 1px solid;
  padding:10px 10px 10px 40px;
  color: #D8000C;
    background: #FFBABA url(/Contents/Public/images/box-validation.gif) left center no-repeat;
  background-position: 5px;
}

#list-title {
  color: #333;
}

 /* ================================================================
   Style for rank page
   ================================================================*/
.list-sort {
    padding-bottom:30px;
}

.list-sort .ui-sortable-handle {
    cursor:pointer;
}

.list-sort .list-row,
.list-sort .list-row-norecord {
    overflow:hidden;
    border: 1px solid rgb(18, 149, 216);
    margin: 3px 0px;
    background: white;
    min-height:44px;
}

.list-sort .list-row-norecord {
    text-align:center;
    padding-top:10px;
}


/*** Content Block Menu ***/
.content-block {position: relative; overflow: hidden;}
.content-block .menu {position: absolute; overflow: hidden; right: 15px; top: 8px;}
.content-block .menu ul {list-style: none; padding: 0;}
.content-block .menu li {float: left; margin: 0 0 0 20px; font-weight: 700;}

.content-block .menu li a {font-size: 16px; color: #e9e9e9;}
.content-block .menu li a.active {color: #fff;}

/* --- Master Portal Application Updates --- */
.app-updates {background: #e8f6f8; padding: 20px; position: relative;}
.app-updates-dismiss {position: absolute; right: 20px; top: 20px; cursor: pointer;}
.app-updates-title h3 {margin: 0; padding-left: 40px; font-size: 18px;}
.app-updates-title {position: relative; margin-right: 30px;}
.app-updates-list .app-status {font-weight: 600;}
.app-updates-title:after {background: transparent url(/Contents/Public/images/i/phfh-mp-icons.png) 0 -100px no-repeat; background-size: 200px 400px; content: ""; height: 16px; width: 16px; display: block; position: absolute; top: 4px; left: 4px;}
.app-updates-list {padding: 0 0 0 40px; list-style: none; margin-bottom: 0;}
.app-updates-list a:link, .app-updates-list a:visited {color: #1dabb8; text-decoration: underline;}
.app-updates-list a:hover, .app-updates-list a:active { text-decoration: none;}
.app-updates-list li p {margin: 0;}

/* ================================================================
   Style for internship preference
   ================================================================*/
.intern-title {background: #22547D; padding: 10px 30px; color: #fff; overflow: hidden;}
.intern-title h2 {margin:0; font-size: 22px; margin-bottom: 0; padding: 5px 0; color: #fff;}
.intern-title.featured {background: #005581;}
.list-row {border-bottom: 1px solid #C6CDD9; overflow: hidden;}
.list-row .list-item, .list-row .list-action {float: left;}
.list-row .list-noitem {float: none;}
.list-row .list-item {width: 61.8%; font-size: 20px; line-height: 1.5em; padding: 10px 0 10px 30px;}
.list-row .list-action {width: 38.2%; font-size: 24px; font-weight: 200; line-height: 1.8em; text-align: right; padding: 18px 30px 10px 30px;}
.list-row .list-noitem {width: 100%; font-size: 20px; text-align: center; line-height: 1.5em; padding: 10px 0 10px 30px;}
.list-row .list-item-name {float: left;}
.list-row .list-item-name {width: 42%; font-size: 24px; line-height: 1.5em; padding: 10px 0 10px 30px;}
.list-item-name p {margin:0;}
.list-row .list-item-name .meta {color: #999;}
.list-row .list-item-name .meta span {font-style: italic;}
.list-row .list-item-score {float: left;}
.list-row .list-item-score {width: 21.67%; font-size: 20px; line-height: 1.5em; padding: 10px 0 10px 30px;}
.list-item-score p {margin: 0;}
.list-row .list-item-check{float: left;}
.list-row .list-item-check {width: 3%; font-size: 20px; line-height: 1.5em; padding: 20px 0 10px 30px;}
.list-item-check p {margin: 0;}
.list-item p, .list-action p, .list-status p, .list-status-apply p, .list-status-inprogress p, .list-status-submitted p {margin:0;}
.list-row .list-item .meta {
    /*color: #999;*/
    color: #434343;
}
.list-row .list-item .meta span {font-style: italic;}
.rev-completed a:link, .rev-completed a:visited {color: #008000;}
.rev-completed a:hover, .rev-completed a:active {color: #07384D;}
.list-row .list-content {font-size: 16px; line-height: 1.5em; color: #666; margin: 10px 0 20px 0;}
.list-sort {
    padding-bottom:30px;
}
.list-sort .intern-title h2 {font-size: 16px;}
.list-sort .ui-sortable-handle { 
    cursor:pointer;
}
.list-sort .list-row,
.list-sort .list-row-norecord {
    overflow:hidden;
    border-top: 1px solid #C6CDD9;
    border-bottom: 1px solid #C6CDD9;
    margin: 0 0 -1px 0;
    background: white;
    min-height:44px;
}
.list-sort .list-row-norecord {
    text-align:center;
    padding-top:10px;
}

.ref-aspects {
    margin-top:0 !important;
}
.ref-form td {
    padding-right: 20px;
}
.ref-form td:last-child {
    padding-right: 0;
}

.styled-form {
    counter-reset: box-title;
}

/* ---- */

.ui-selectmenu-button.ui-button {
    width: 100%;
    padding: 0;
    background: none;
    border: 1px solid #CDCDCD;
    border-radius: 0;
}

.ui-selectmenu-button.ui-button:focus {
    /*border: 1px solid #1295D8;*/
    outline-style: dashed;
    /*outline-color: #00547F;*/
    outline-color: var(--focus-outline-color);
    outline-width: 2px;
    outline-offset: 2px;
}

.ui-selectmenu-text {
    padding: 9px 0 8px 8px;
}

.ui-selectmenu-icon.ui-icon,
.ui-selectmenu-button:hover .ui-selectmenu-icon.ui-icon,
.ui-selectmenu-button:focus .ui-selectmenu-icon.ui-icon {
    /*background: url('/contents/public/images/i/bkgd-down-arrow@2x.png') no-repeat center center #1295D8;*/
    background: url('/contents/public/images/i/bkgd-down-arrow@2x.png') no-repeat center center var(--dropdown-arrow-background-color);
    width: 34px;
    height: 100%;
    position: absolute;
    right: 0;
    background-size: 15px;
}

.ui-menu .ui-menu-item-wrapper {
    padding: 6px 8px;
    border-bottom: 1px solid #A9A9A9;
}

.ui-menu-item-wrapper.ui-state-active {
    /*background: #1295D8;*/
    background: var(--dropdown-active-background-color);
	color: var(--dropdown-active-color);
    border:none;
}

.ui-selectmenu-menu .ui-menu {
    max-height:400px;
}

.radio-container-box {
    margin: 0 0 5px 0;
}

.radio-container {
    width: 20px;
    height: 19px;
    position: relative;
    display: inline-block;
}

.radio-container label,
.radio-container span{
    display:inline;
    position: relative;
    top: -2px;
    left: -2px;
}

.radio-container input[type="radio"]:focus ~ label,
.radio-container input[type="radio"]:focus ~ span{
    outline-style: dashed;
    /*outline-color: #00547F;*/
    outline-color: var(--radio-color);
    outline-width: 2px;
    outline-offset: 0;
}

.radio-container input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 1px;
    top: 1px;
    z-index: 10;
    cursor: pointer;
}

.radio-container input[type="radio"] ~ label:before,
.radio-container input[type="radio"] ~ span:before{
    content: '';
    background: #f4f4f4;
    border-radius: 100%;
    border: 4px solid #b4b4b4;
    display: inline-block;
    width: 80%;
    height: 80%;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
}

/*.radio-container input[type="radio"]:hover + label:before,*/
.radio-container input[type="radio"]:focus ~ label:before,
/*.radio-container input[type="radio"]:hover + span:before,*/
.radio-container input[type="radio"]:focus ~ span:before {
    background-color: #b4b4b4;
    box-shadow: inset 0 0 0 4px #f4f4f4;
}

.radio-container input[type="radio"]:checked ~ label:before,
.radio-container input[type="radio"]:checked ~ span:before{
	box-shadow: inset 0 0 0 4px #f4f4f4;
    /*border-color: #1295D8;*/
    border-color: var(--button-featured-background-color);
	background: var(--button-featured-background-color);
}

.radio-container input[type="radio"]:focus ~ label:before,
.radio-container input[type="radio"]:focus ~ span:before{
    outline: none;
}

.radio-container input[type="radio"]:disabled:checked ~ label:before,
.radio-container input[type="radio"]:disabled:checked ~ span:before{
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4;
}

.radio-container input[type="radio"]:disabled ~ label:before,
.radio-container input[type="radio"]:disabled ~ span:before{
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    /*background: #b4b4b4;*/
}

/*
.radio-container input[type="radio"]:checked ~ label:before,
.radio-container input[type="radio"]:checked ~ span:before{
    background: #308258;
}
*/

.radio-container-box .radio-label{
	display:inline-block;
	margin:0;
}

.checkbox-container-box .checkbox-label{
	display:inline-block;
	margin:0;
}

.checkbox-container {
    width:21px;
    height:21px;
    position:relative;
    border: 1px solid #b4b4b4;
    background: #fff;
    display:inline-block;
	text-align:left;
}

.checkbox-container label,
.checkbox-container span{
    margin: 0;
    display: inline-block;
    position: relative;
    top: 0px;
    left: 0px;
    /*width: 19px;
	height: 19px;*/
    width: 20px;
	height: 20px;
}

.checkbox-container input[type="checkbox"]:focus ~ label,
.checkbox-container input[type="checkbox"]:focus ~ span{
    outline-style: dashed;
    /*outline-color: #00547F;*/
    outline-color: var(--checkbox-color);
    outline-width: 2px;
    outline-offset: 2px;
}

.checkbox-container input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    cursor: pointer;
}

.checkbox-container input[type="checkbox"] ~ label:before,
.checkbox-container input[type="checkbox"] ~ span:before{
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left:0;
    margin:0;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
}

.checkbox-container input[type="checkbox"]:checked ~ label:before,
.checkbox-container input[type="checkbox"]:checked ~ span:before{
    left: 6px;
    top: -1px;
    border: solid #fff;
    border-width: 0 4px 4px 0;
    transform: rotate(45deg);
    width: 4px;
    height: 13px;
}

.checkbox-container input[type="checkbox"]:focus ~ label:before,
.checkbox-container input[type="checkbox"]:focus ~ span:before{
    outline: none;
    border-color: #fff;
}

.checkbox-container input[type="checkbox"]:checked ~ span{
	/*background:	#1B6EC2;*/
    background:	var(--button-featured-background-color);
}
.checkbox-container input[type="checkbox"]:disabled ~ span{
	background:	#b4b4b4;
}

label.radio-custom {
    display: inline;
    margin: 0;
}

.validation-msg {
    background: #d30000;
    color: #fff;
    padding: 6px 12px;
    margin: 10px 0 0px;
    border-radius: 3px;
    position: relative;
    top: 0;
    display: block;
}

.validation-msg:before {
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-right-width: 8px;
    border-left-width: 8px;
    border-bottom: 8px solid #d30000;
    content: "";
    top: -8px;
    left: 8px;
    position: absolute;
}

.validation-label,
.validation-label2,
.validation-label3,
.validation-label4,
.validation-label5,
.error_label,
.error_label2,
.error_label3,
.error_label4,
.error_label5
{
    color:#d30000;
}

.validation-field,
.error_field{
    border: 1px solid #d30000!important;
}



.errorBox, .infoBox, .successBox, .validationBox, .warningBox {
    text-align: left;
    clear: both;
    border: 1px solid;
    margin: 0 0 10px;
    padding: 15px 15px 15px 0;
    background-repeat: no-repeat;
    background-position: 10px center;
    margin-bottom:25px;
}

.errorBox ul, 
.infoBox ul, 
.successBox ul, 
.validationBox ul, 
.warningBox ul,
ul.errorBox, 
ul.infoBox, 
ul.successBox, 
ul.validationBox, 
ul.warningBox 
{
    padding-left:80px!important;
    margin-top: 0;
    margin-bottom: 0;
}

.errorBox p, 
.infoBox p, 
.successBox p, 
.validationBox p, 
.warningBox p
{
    padding-left:50px!important;
    margin:0!important;
}

.errorBox a {
    color:black;
    text-decoration:underline;
}

.errorBox ul li, 
.infoBox ul li, 
.successBox ul li, 
.validationBox ul li, 
.warningBox ul li,
ul.errorBox li, 
ul.infoBox li, 
ul.successBox li, 
ul.validationBox li, 
ul.warningBox li 
{
    list-style-type: disc!important;
    line-height:25px!important;
}

.infoBox ul li,
.infoBox p  {
    color: #00529B!important;
}
.infoBox {
    color: #00529B!important;
    background-color: #BDE5F8;
    background-image: url(/contents/public/images/box-info.gif)
}

.successBox ul li,
.successBox p {
    color: #4F8A10!important;
}
.successBox {
    color: #4F8A10!important;
    background-color: #DFF2BF;
    background-image: url(/contents/public/images/box-success.gif)
}

.warningBox ul li,
.warningBox p {
    color: #9F6000!important;
}
.warningBox {
    color: #9F6000!important;
    background-color: #FEEFB3;
    background-image: url(/contents/public/images/box-warning.gif)
}

.errorBox ul li,
.errorBox p {
    color: #D8000C!important;
}
.errorBox {
    color: #D8000C!important;
    background-color: #FFBABA;
    background-image: url(/contents/public/images/box-error.gif)
}

.paging-container {
    background: white;
    border-bottom: 1px solid #D8DEE6;
    /*padding: 15px 30px 15px 30px;*/
	padding: 15px 30px 15px 10px;
}
.paging-number {
    margin-bottom: 10px;
    text-align: right;
}
.paging-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.paging-numperpage select {
    padding: 5px 8px 5px 8px;
    border: 1px solid #CDCDCD;
    width: auto;
}

.paging-numperpage .ui-selectmenu-button.ui-button {
    width: 100px;
}

pre {
    white-space:normal;
}

/* ---- */


.back-to-previous {
    padding-left: 30px;
    position: relative;
}

.back-to-previous:before {
    position: absolute;
    content: "";
    left: 0;
    width: 36px;
    height: 36px;
    background: transparent url(/contents/public/images/view-message-sprite.png) -50px 1px no-repeat;
    background-size: 150px 100px;
}

.back-to-previous span {
    display: none;
}

.wrap-message {
    padding: 40px 40px 0 100px;
    position: relative;
    padding-top: 40px;
    border:none;
}

.wrap-message .lyrMessageHeader{
    cursor : pointer;
}

.wrap-message:focus{
	outline-style: dashed;
    /*outline-color: #00547F;*/
    outline-color: var(--focus-outline-color);
    outline-width: 2px;
    outline-offset: -15px;
}

.wrap-message .form-row:last-child {
    border-bottom: 1px solid #D8DEE6;
    padding-bottom: 40px;
}

.wrap-message:before {
    position: absolute;
    content: "";
    left: 30px;
    top: 24px;
    width: 48px;
    height: 48px;
    border: 1px solid #D9E1E8;
    border-radius: 50%;
}

.wrap-message:before {
    background: transparent url(/contents/public/images/view-message-sprite.png) -86px 14px no-repeat;
    background-size: 150px 100px;
}

.message-header-from p {
    margin: 0;
    color: #2F3439;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
}

.message-header-subject h2 {
    margin: 0;
    color: #000;
    font-size: 24px;
    font-weight: 600;
    padding-right: 30px;
}

.message-header-date p {
    margin: 5px 0 0 0;
    color: #51575D;
}

.wrap-message .actions.form-responses .button.featured {
    float: right;
}

.wrap-message .actions.form-responses .button.featured a, .actions.form-responses .button.disabled a {
    width: auto;
    padding: 8px 50px;
}

.wrap-message.inactive .message-content, .wrap-message.inactive .actions {
    display: none;
}

.wrap-message:after {
    position: absolute;
    content: "";
    right: 40px;
    top: 70px;
    width: 20px;
    height: 20px;
}

.wrap-message:after {
    background: transparent url(/contents/public/images/view-message-sprite.png) 0 0 no-repeat;
    background-size: 150px 100px;
}

.wrap-message.inactive:after {
    background-position: 0 -50px;
}

@media only screen and (max-width: 640px) {
    .wrap-message {
        padding: 40px 40px 0 30px;
    }

    .wrap-message .form-row:last-child {
        border-bottom: 1px solid #D8DEE6;
        padding-bottom: 40px;
    }

    .wrap-message:before {
        display: none;
    }

    .message-header-subject h3 {
        font-size: 20px;
    }

    .wrap-message .actions.form-responses .button.featured {
        float: none;
    }

    .wrap-message .actions.form-responses .button.featured a, .actions.form-responses .button.disabled a {
        width: 100%;
    }
}

#mainarea:focus {
    outline-style: dashed;
    /*outline-color: #00547F;*/
    outline-color: var(--focus-outline-color);
    outline-width: 2px;
    outline-offset: -5px;
}

a:focus,
input:focus,
textarea:focus,
select:focus,
button:focus,
.cke_browser_webkit.cke_focus{
    outline-style: dashed;
    /*outline-color: #00547F;*/
    outline-color: var(--focus-outline-color);
    outline-width: 2px;
    outline-offset: 2px;
}

.footer-marketing a:focus {
    outline-color: #fff;
}

.logo-container {
    margin: 5px 0 10px 0;
}

.logo-container img{
	/*height:70px;*/
}

.lnkQuestionHelp {
    display: inline-block;
}

.btnQuestionHelp{
	-webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    background: url(/contents/public/images/i/icon-help-alt@2x.png) 0 50% no-repeat;
    background-size: cover;
	width: 20px;
    height: 20px;
	border: none;
	vertical-align: bottom;
	margin-bottom:5px;
}

a.accessibility-skiptomain {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

a.accessibility-skiptomain:focus {
    background: #e6e6e6;
    color: #0067b8;
    position: fixed!important;
    top: 0;
    left: 0!important;
    padding: 24px;
    width: auto;
    height: auto;
    overflow: auto;
    right: 0;
    text-decoration: underline;
    text-align: center;
    z-index: 800;
    outline: none;
}

.form-button-style1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 30px 0 10px 0;
}

button.featured,
button.ghost{
	width: auto;
    padding: 12px 100px;
    background: #FFFFFF;
    border: none;
    font-weight: 700;
    border-radius: 3px;
    box-shadow: inset 0 0 1px #000000;
    /*color: #002855;*/
    color: var(--button-ghost-color);
    cursor: pointer;
    margin: 5px 0 5px 0;
    /*border: 1px solid #002855;*/
	border: 1px solid var(--button-ghost-border-color);
}

button.featured.file-remove {
	border:none;
}

button.featured.smallpad {
	padding: 12px 40px;
}

button.featured.fillin {
	flex-grow: 1;
	margin-right: 5px;
}

button.featured.featured-small,
button.ghost.featured-small{
	padding: 12px 20px;
}

button.featured:hover,
button.featured:focus {
    /*background: #FF6E1B;*/
    background: var(--button-featured-hover-background-color);
    color:var(--button-featured-hover-color);
}

button.ghost:hover,
button.ghost:focus {
    /*background: #FF6E1B;*/
    background: var(--button-ghost-hover-background-color);
    color:var(--button-ghost-hover-color);
}


button.featured.small {
    padding: 5px;
    width: 25px;
    height: 25px;
}

button.featured.blue {
    width: auto;
    font-weight: 700;
    border-radius: 3px;
    box-shadow: inset 0 0 1px #000000;
    cursor: pointer;
    margin: 5px 0 5px 0;
    background: #FFFFFF;
    /*border: 1px solid #49658E;*/
    border: 1px solid var(--button-ghost-border-color);
    padding: 8px 20px;
    /*color: #49658E;*/
    color: var(--button-ghost-color);
}

button.featured.blue:hover{
    color:var(--button-featured-hover-color);
    background:var(--button-featured-hover-background-color);
}


button.negative {
    background: #3b3b3b;
    width: auto;
    padding: 12px 40px;
    border: none;
    font-weight: 700;
    border-radius: 3px;
    box-shadow: inset 0 0 1px #000000;
    color: #fff;
    cursor: pointer;
    margin: 5px 0 5px 0;
}

button.negative:hover,
button.negative:focus {
    /*background: #DEB407;*/
    background: var(--button-ghost-hover-background-color);
	color: var(--button-ghost-hover-color);
}

@media only screen and (max-width: 900px) {
    .form-button-style1 {
        flex-direction: column;
    }
	button.featured.fillin{
		margin-right:0;
	}
}

.screen-reader-alert-invisible {
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    right: 0;
    bottom: 0;
    position: absolute;
}

.eres_cons_list:focus {
	outline-style: dashed;
	/*outline-color: #446cb3;*/
    outline-color: #308258;
	outline-offset: -2px;
	outline-width: 2px;
}

.eres_cons_list_notification {
    display: none;
}

/* ----------------------------------- */

.file-upload-container {
    padding: 20px 30px;
    border: 1px dashed #ccc;
    /*margin-bottom:20px;*/
    margin-top:5px;
}

.file-container {
    /*background: #EEF8FE;*/
    background: #FBFBFB;
    border: 1px solid #ddd;
    padding:5px 10px 5px 10px;
    margin-bottom:5px;
}

.file-info {
    /*padding: 5px 0 5px 0;*/
    margin: 5px 0 5px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*border-bottom: 1px solid #ccc;*/
    padding: 0;
}

.file-info .file-title{
    word-wrap:break-word;
    word-break:break-word;
}

button.file-remove {
    margin: 0 !important;
    padding: 5px;
    width: 25px;
    height: 25px;
    background: none;
    box-shadow: none;
    color: #333;
}

button.file-remove:hover,
button.file-remove:focus{
    background:none;
}

.file-progress-bar-container {
    height: 30px;
    margin: 0;
}

.file-progress-bar {
    height: 10px;
    background: #DEB407;
    border-radius: 5px;
}

.file-status.file-success {
    background-image: url(/contents/public/images/box-success.gif);
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: contain;
    margin-bottom: -3px;
}

.file-status.file-error {
    background-image: url(/contents/public/images/box-error.gif);
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: contain;
    margin-bottom: -3px;
}

.file-error-message {
    color: #d8000c !important;
    background-color: #ffbaba;
    padding: 5px;
    border-radius: 5px;
}

.student-information-bar {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background: #FBFBFB;
    padding: 10px 20px;
    border: 1px solid #ddd;
}

@media only screen and (max-width: 1100px) {
	.student-information-bar {
		flex-direction: column;
	}

	.student-information-bar .student-information-item {
		border:0;
		padding:0;
	}
}

.student-information-item {
    padding: 0 20px;
    border-left: 1px solid #ddd;
}

.student-information-item.first {
    padding-left: 0;
    border: none;
}
.student-information-item.last {
    padding-right: 0;
}

.student-information-item .field-name {
    margin: 10px 0 0 0;
    text-transform: uppercase;
    color: #6B6B6D;
    white-space: nowrap;
}

.student-information-item .field-value {
    margin: 5px 0 10px 0;
    font-weight: 600;
    word-break: break-word;
}

.student-information-item.email.last .field-value {
	word-break: break-all;
}

/* ----------------------------------- */

#loading {
    display: none;
    position: fixed;
    z-index: 100001;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8) url('/contents/public/images/ajax-loader.gif') 50% 50% no-repeat;
}

.has-loading-relative {
    position: relative;
}

.loading-relative {
	display: none;
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba( 255, 255, 255, .8 ) url('/contents/public/images/ajax-loader.gif') 50% 50% no-repeat;
}

.loading-relative-white {
	display: none;
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba( 255, 255, 255, 0.3) url('/contents/public/Images/ajax-loader.gif') 50% 50% no-repeat;
}

/* ----------------------------------- */

.eres_cons_list_table {
	width: 100%;
	border-spacing: 0;
}

.eres_cons_list_table tr td {
	padding: 15px 5px 15px 10px;
    border-bottom: 1px solid #EAEAEA;
}

.eres_cons_list_table tr th {
	padding: 25px 5px 5px 10px;
	text-align: left;
	border-bottom: 1px solid #676769;
	/*color:#242424;*/
    font-size: 13px;
	color: #161618;
}

.eres_cons_list_table .eres_cons_list_col_action{
	text-align:right;
	padding-right:10px;
}

.eres_cons_list_table tr th a{
	text-decoration:none;
	/*color:#242424;*/
	color:#161618;
}

.eres_cons_list_table a.eres_cons_list_col.down {
    display: inline-block;
    padding-right: 20px;
    background: url(/contents/public/images/sort_down2.gif) right center no-repeat;
}

.eres_cons_list_table a.eres_cons_list_col.up {
    display: inline-block;
    padding-right: 20px;
    background: url(/contents/public/images/sort_up2.gif) right center no-repeat;
}

/* ----------------------------------- */

.popup-content{
	padding:5px 0 5px 0;
}

.popup-content:focus{
	outline-style: dashed;
    /*outline-color: #00547F;*/
    outline-color: var(--focus-outline-color);
    outline-width: 2px;
    outline-offset: 2px;
}

.dialog-document-container {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top:0;
	left:0;
	width:100%;
}

.dialog-document-container .dialog-document-confirmation{
	position:relative!important;
	left:auto!important;
	max-width:100%;
	max-height:100%;
	border:none;
}

.dialog-document-confirmation {
	border-radius: 10px;
	padding:0;
	overflow:hidden;
}

.dialog-document-confirmation .ui-dialog-titlebar{
	display: none;
}

.dialog-document-confirmation .ui-dialog-content{
	padding: 0;
}

.dialog-document-confirmation .dialog-document-confirmation-header
{
	height:140px;
	/*background-color:#002854;*/
    background-color:#308258;
	background: url(/contents/public/images/popup-background.png) center center no-repeat;
	background-size:cover;
	display:flex;
	justify-content:center;
}

.dialog-document-confirmation .dialog-document-confirmation-content
{
	text-align: center;
	margin:5px;
}

.dialog-document-confirmation .dialog-document-confirmation-content p {
	margin:0;
}

.dialog-document-confirmation .dialog-document-confirmation-content .actions {
	margin-top:20px;
	display:block;
}
.dialog-document-confirmation .dialog-document-confirmation-content .actions .button a {
	max-width:100%;
	float:none;
	margin:auto;
}

.dialog-document-confirmation .ui-dialog-buttonpane {
	padding-left: 40px;
    padding-right: 40px;
}

.dialog-document-confirmation .ui-dialog-buttonpane .ui-dialog-buttonset{
	display: flex;
    justify-content: space-between;
	float:none;
	flex-direction: row-reverse;
}

.thumb-icon{
	background: url(/contents/public/images/popup-thumb.svg) center center no-repeat;
    width: 60px;
    height: 60px;
    background-size: contain;
	margin-top:20px;
}

.dialog-acknowledge-confirmation-content,
.dialog-loa-confirmation-content,
.dialog-meeting-confirmation-content,
.dialog-letter-confirmation-content
{
	padding: 10px 40px;
}

/* ----------------------------------- */


.dialog-document-container .dialog-document-confirmation2{
	position:relative!important;
	left:auto!important;
	max-width:100%;
	max-height:100%;
	border:none;
}

.dialog-document-confirmation2 {
	border-radius: 10px;
	padding:0;
	overflow:hidden;
}

.dialog-document-confirmation2 .ui-dialog-titlebar{
	padding: 10px 20px;
    /*background: #0E2455;*/
    background: #434343;
    color: #fff;
    border:none;
}

.dialog-document-confirmation2 .ui-icon-closethick.ui-button-icon.ui-icon{
	background-image: url(/contents/public/images/close-mark-white.png);
    background-size: contain;
    background-position: center;
	background-repeat: no-repeat;
}

.dialog-document-confirmation2.nobuttonpane .ui-dialog-buttonpane{
	display:none;
}

.dialog-document-confirmation2.headupicon .ui-dialog-title{
	background-image: url(/contents/public/images/exclamation-white.png);
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 60px;
    height: 40px;
    font-size: 20px;
    padding-top: 8px;
}

.dialog-document-confirmation2.thumbupicon .ui-dialog-title{
	background-image: url(/contents/public/images/icon_thumbup_white@2x.png);
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 60px;
    height: 40px;
    font-size: 20px;
    padding-top: 8px;
}

.dialog-document-confirmation2.calicon .ui-dialog-title{
	background-image: url(/contents/public/images/icon_calendar_white.png);
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 60px;
    height: 40px;
    font-size: 20px;
    padding-top: 8px;
}

.dialog-document-confirmation2 .ui-dialog-content{
	padding: 0 20px;
	max-width: 100%!important;
}

.dialog-document-confirmation2 .dialog-document-confirmation-header
{
	height:140px;
	background-color:#002854;
	background: url(/contents/public/images/popup-background.png) center center no-repeat;
	background-size:cover;
	display:flex;
	justify-content:center;
}

.dialog-document-confirmation2 .dialog-document-confirmation-content
{
	text-align: center;
	margin:5px;
}

.dialog-document-confirmation2 .dialog-document-confirmation-content p {
	margin:0;
}

.dialog-document-confirmation2 .dialog-document-confirmation-content .actions {
	margin-top:20px;
	display:block;
}
.dialog-document-confirmation2 .dialog-document-confirmation-content .actions .button a {
	max-width:100%;
	float:none;
	margin:auto;
}

.dialog-document-confirmation2 .ui-dialog-buttonpane {
	padding-left: 20px;
    padding-right: 20px;
}

.dialog-document-confirmation2 .ui-dialog-buttonpane .ui-dialog-buttonset{
	display: flex;
    justify-content: space-between;
	float:none;
	flex-direction: row-reverse;
}

.dialog-document-confirmation2.buttonpanecenter .ui-dialog-buttonpane .ui-dialog-buttonset{
	justify-content: center;
}

.dialog-document-confirmation2.ui-dialog .ui-dialog-titlebar-close {
	
	position: absolute;
    right: 20px;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
	
	background: none;
    border: none;
}

.dialog-document-confirmation2.ui-dialog .ui-dialog-titlebar-close:focus {
	outline-style: dashed;
    outline-color: #fff;
    outline-width: 2px;
    outline-offset: 2px;
}

/* ----------------------------------- */


table.accommodation-request-new-table{
	width:100%;
	margin: 0 0 40px 0;
    padding: 0;
    border: 0;
    border-spacing: 0;
}

table.accommodation-request-new-table tr td,
table.accommodation-request-new-table tr th
{
	text-align:left;
}

table.accommodation-request-new-table tr.accommodation-concise-row td{
	border-bottom: 1px solid #64696F;
}

table.accommodation-request-new-table tr.accommodation-concise-row.expanded td{
	border-bottom: none;
}

table.accommodation-request-new-table tr.expanded td{
	background: #F8F8F8;
}

table.accommodation-request-new-table tr th{
	border-bottom: 1px solid #64696F;
    font-size: 13px;
    color: #161618;
}

table.accommodation-request-new-table tr.accommodation-detail-row {
	display:none;
}

table.accommodation-request-new-table tr.accommodation-detail-row.expanded {
	display:table-row;
	
}

table.accommodation-request-new-table tr.accommodation-detail-row.expanded td {
	border-bottom: 1px solid #64696F;
}

.accommodation-detail-button{
	-webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    border: none;
    padding: 10px 10px 10px 35px;
    text-align: left;
    font-size: 20px;
    font-family: 'Proxima-Nova', Calibri, Arial, sans-serif;
    cursor: pointer;
    background: url(/contents/public/images/i/bkgd-carrot-down@2x.png) 0 50% no-repeat;
	color: #333;
	font-weight: 700;
	background-size: 25px;
	margin-top: 15px;
    margin-bottom: 15px;
	width:100%;
}

.button-expand{
	-webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    border: none;
    text-align: left;
    font-family: 'Proxima-Nova', Calibri, Arial, sans-serif;
    cursor: pointer;
	/*color: #3566B5;*/
    color: #308258;
    text-decoration: underline;
	background: url(/contents/public/images/expand.png) 0 50% no-repeat;
    background-size: 20px;
    padding: 0 0 0 30px;
}

.button-expand.expanded{
	background: url(/contents/public/images/minimize.png) 0 50% no-repeat;
	background-size: 20px;
}

.course-term-title {
	display: flex;
    justify-content: space-between;
}

.course-term-title .button-expand{
	display:block;
}

.course-term-title h5{
	margin-bottom:0;
	margin-top:0;
}

.expanded .accommodation-detail-button {
    background: url(/contents/public/images/i/bkgd-carrot-up@2x.png) 0 50% no-repeat;
	background-size: 25px;
}

.accommodation-count{
	font-size: 20px;
    font-family: 'Proxima-Nova', Calibri, Arial, sans-serif;
	color: #333;
	font-weight: 700;
	float: right;
    width: 140px;
	text-align:center;
}

.accommodation-count.zero{
	color:#E80E0D
}

.accommodation-box-container-type{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 5px;
    padding-bottom: 10px;
}

.accommodation-box-container-type .accommodation-box-option{
    width: 48%;
    margin-top: 0;
}

.accommodation-box-container{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
	flex-wrap: wrap;
	padding-left: 40px;
    padding-right: 40px;
	padding-top:5px;
}

.accommodation-box-container:focus{
	outline-style: dashed;
    /*outline-color: #00547F;*/
    outline-color: var(--focus-outline-color);
    outline-width: 2px;
    outline-offset: 0;
}

.accommodation-box-container .accommodation-box{
	width: 48%;
	padding-bottom: 10px;
}

.accommodation-box-container .accommodation-box .accommodation-box-title{
	color:#66656A;
	border-bottom: 1px solid #DBE0E6;
	margin-bottom: 10px;
}

.accommodation-box-option{
	margin-bottom:5px;
	margin-top:5px;
	width:100%;
}

.checkbox-container2{
	position: relative;
	color: #000;
    min-height: 40px;
    border-radius: 40px;
    padding: 0;
	margin:0;
	border:none;
	display:inline-block;
}

.checkbox-container2 input[type='checkbox'] {
	position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    cursor: pointer;
}

.checkbox-container2 span{
	margin: 0;
    display: inline-block;
    position: relative;
    top: 0;
    left: 0px;
    right: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    padding-left: 35px;
	padding-top:9px;
	border-radius: 40px;
	padding-bottom: 8px;
	padding-right: 25px;
	background: #FFF;
}

.checkbox-container2 input[type="checkbox"]:focus ~ span{
    outline-style: dashed;
    /*outline-color: #00547F;*/
    outline-color: var(--focus-outline-color);
    outline-width: 2px;
    outline-offset: 2px;
}

.checkbox-container2 input[type="checkbox"]:checked ~ span{
    color: #fff;
	/*background: #03A679 url(/contents/public/images/Icon_Selected@2x.png) 10px 50% no-repeat;*/
    background: var(--button-ghost-hover-background-color) url(/contents/public/images/Icon_Selected@2x.png) 10px 50% no-repeat;
    background-size: contain;
	background-size: 20px;
	color: var(--button-ghost-hover-color);
}

.checkbox-container2 .checkbox-custom2 {
	margin: 0;
    padding-top: 7px;
}

.button-expand-courses {
	display:none;
}

@media only screen and (max-width: 780px) {
	.accommodation-count{
		width:50px;
	}

	.accommodation-box-container{
		display: flex;
		flex-direction: column;
	}

    .accommodation-box-container-type{
        display: flex;
		flex-direction: column;
    }

	.accommodation-box-container .accommodation-box{
		width: 100%;
	}

	.course-term-title .button-expand {
		display:none;
	}

	.button-expand-courses {
		display:block;
		margin-bottom:20px;
	}
}

/* ----------------------------------- */

.status-text.status-pending-review{
	background: url(/contents/public/images/Icon_Pending@2x.png) 0 50% no-repeat;
    background-size: 15px;
    padding-left: 25px;
}

.status-text.status-acknowledge{
	background: url(/contents/public/images/Icon_Approved@2x.png) 0 50% no-repeat;
    background-size: 15px;
    padding-left: 25px;
}


.button-eye {
	-webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    background: url(/contents/public/images/Icon_View@2x.png) 0 50% no-repeat;
	width: 20px;
    height: 20px;
    background-size: contain;
	margin-right:10px;
	display: inline-block;
	color:transparent;
	color:transparent!important;
	vertical-align:top;
}

.button-eye:hover {
	background: url(/contents/public/images/Icon_View_Hover@2x.png) 0 50% no-repeat;
	background-size: contain;
	color:transparent!important;
}

.lyrCourseExamFileUploaded .colAction .button-eye,
.course-exam-file-container .button-eye {
    margin-top: 3px;
}

.button-download{
	-webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    background: url(/contents/public/images/Icon_Download@2x.png) 0 50% no-repeat;
	width: 20px;
    height: 20px;
    background-size: contain;
	margin-right:10px;
	display: inline-block;
	color:transparent!important;
	overflow:hidden;
	vertical-align:top;
}

.button-download:hover{
	background: url(/contents/public/images/Icon_Download_Hover@2x.png) 0 50% no-repeat;
	background-size: contain;
	color:transparent!important;
}

.button-download2{
	-webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    background: url(/contents/public/images/sprite/ico-papers-blue.png) 0 50% no-repeat;
	width: 20px;
    height: 20px;
    background-size: contain;
	margin-right:10px;
	display: inline-block;
	color:transparent!important;
	overflow:hidden;
	vertical-align:top;
}

.faculty-summary-container,
.faculty-courseexam-container
{
	display: flex;
    justify-content: space-between;
	margin-bottom: 20px;
}

.faculty-summary-content,
.faculty-courseexam-content
{
	width:55%;
}

.faculty-summary-number,
.faculty-courseexam-number
{
	width:40%;
}

@media only screen and (max-width: 780px) {
	.faculty-summary-container,
	.faculty-courseexam-container
	{
		flex-direction: column;
	}

	.faculty-summary-content,
	.faculty-courseexam-content
	{
		width:100%;
	}

	.faculty-summary-number,
	.faculty-courseexam-number
	{
		width:100%;
	}
}

@media only screen and (max-width: 900px) {
	#lyrFacultyApplicationsLanding.eres_cons_list,
	#lyrDocumentOtherListing.eres_cons_list,
	#lyrStudentCourseLOA.eres_cons_list,
    #lyrFacultyConfirmedExam.eres_cons_list,
    #lyrFacultyCompletedExam.eres_cons_list
	{
		overflow-x: scroll;
	}
}

/* ------ */

.eligibility-content{
    display:flex;
    justify-content:center;
}

.loa-content table,
.eligibility-content table
{
	margin:0!important;
	padding:0!important;
}
.loa-content table tr td,
.eligibility-content table tr td
{
	margin:0;
	padding:0;
}
.loa-content p,
.eligibility-content p
{
	margin:5px 0 5px 0;
}

.eligibility-content .content_table{
    max-width:100%;
}

.eligibility-content .content_table td{
    padding-top:5px;
    padding-bottom:5px;
    vertical-align:top;
}

/* ------ */

.container-signature {
	text-align: center;
    background-color: #F8F8F8;
    padding: 10px 30px 20px 30px;
	margin-bottom:20px;
}

.container-signature form.styled-form label{
}

.container-signature form{
	max-width: 600px;
    margin: auto;
    text-align: left;
}

.container-signature form .signature-submit{
	display: block;
    margin: 30px auto 10px auto;
	max-width:100%;
	width:300px;
}

.signature-specialist-detail {
	display: flex;
    justify-content: space-between;
}

.signature-specialist-detail .row-specialist{
	flex-grow: 2;
	margin-right: 10px;
}

.signature-specialist-detail .row-date{
	flex-grow: 1;
}

@media only screen and (max-width: 600px) {
	.signature-specialist-detail {
		display: flex;
		flex-direction:column;
	}

	.signature-specialist-detail .row-specialist{
		flex-grow: 1;
		margin:0;
	}

	.signature-specialist-detail .row-date{
		flex-grow: 1;
	}
}

/* ------ */

.scheduler-container{
	
	
}

.scheduler-container-content {
	text-align: center;
	border-bottom: 1px solid #DBE0E6;
}

.scheduler-container-datetime {
	display: flex;
    flex-direction: row;
	margin-top:20px;
	justify-content: center;
	position:relative;
}

.scheduler-container-date {
	padding-right:30px;
	margin-right: 30px;
	border-right: 1px solid #DBE0E6;
	width: 60%;
	max-width: 600px;
}

.scheduler-container-date .ui-widget {
	font-family: 'Proxima-Nova', Calibri, Arial, sans-serif;
}

.scheduler-container-date .hasDatepicker{
	position:relative;
	width:100%;
	height:100%;
}

.scheduler-container-date .hasDatepicker:focus{
	outline-style: dashed;
    /*outline-color: #00547F;*/
    outline-color: var(--focus-outline-color);
    outline-width: 2px;
    outline-offset: 5px;
}


.scheduler-container-date .ui-datepicker{
	width: 100%;
    height: 100%;
    /*position: absolute;*/
	border:none;
}

.scheduler-container-date .ui-datepicker-title .ui-datepicker-month,
.scheduler-container-date .ui-datepicker-title .ui-datepicker-year {
	font-size:20px;
	color: #333;
}

.scheduler-container-date .ui-datepicker .ui-datepicker-next {
	background: #E6F0FA;
	right: 5px;
}

.scheduler-container-date .ui-datepicker .ui-datepicker-next.ui-state-hover {
	cursor:pointer;
}

.scheduler-container-date .ui-datepicker .ui-datepicker-next.ui-state-disabled {
	background: #EFEFEF;
}

.scheduler-container-date .ui-datepicker .ui-datepicker-prev {
	background: #E6F0FA;
	left: 5px;
}

.scheduler-container-date .ui-datepicker .ui-datepicker-prev.ui-state-hover {
	cursor:pointer;
}

.scheduler-container-date .ui-datepicker .ui-datepicker-prev.ui-state-disabled,
.scheduler-container-date .ui-datepicker .ui-datepicker-next.ui-state-disabled
{
	background: #EFEFEF;
	display:none;
}

.scheduler-container-date .ui-datepicker .ui-datepicker-next .ui-icon.ui-icon-circle-triangle-e{
	background-position: -32px 0px
}

.scheduler-container-date .ui-datepicker .ui-datepicker-prev .ui-icon.ui-icon-circle-triangle-w{
	background-position: -97px 0px;
}


.scheduler-container-date .ui-datepicker .ui-datepicker-header{
	background: none;
    border: none;
}

.scheduler-container-date .ui-datepicker table{
	border-collapse: separate;
	border-spacing: 5px;
	font-size:16px;
}

.scheduler-container-date .ui-datepicker table td{
	border-radius: 5px;
    background: #EFEFEF;
	opacity:1;
	width: 70px;
    height: 70px;
	position: relative;
}

.scheduler-container-date .ui-datepicker table td a{
	color:#002855;
	background:#fff;
	border:1px solid #EFEFEF;
	border-radius: 5px;
}

.scheduler-container-date .ui-datepicker table td a.ui-state-active{
	background:var(--button-featured-background-color);
	color:var(--button-featured-color);
	border:none;
}

.scheduler-container-date .ui-datepicker table td a,
.scheduler-container-date .ui-datepicker table td span{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    padding-top: 23px;
	font-size: 16px;
    font-weight: bold;
}

.scheduler-container-date .ui-datepicker table td.ui-datepicker-unselectable{
	
}

.scheduler-container-date .ui-datepicker table td.ui-datepicker-unselectable span{
	background:none;
	border: none;
}

.scheduler-container-time {
	
}

.scheduler-container-time:focus {
	outline-style: dashed;
    /*outline-color: #00547F;*/
    outline-color: var(--focus-outline-color);
    outline-width: 2px;
    outline-offset: 5px;
}

.scheduler-container-time h5{
	font-size:20px;
	margin: 9px 0 23px 0;
	color: #333;
	text-align:center;
}

.scheduler-container-time p{
	margin: 0 0 18px 0;
}

.scheduler-container-time button{
	display:block;
}

.scheduler-detail-container {
	border-top: 1px solid #DBE0E6;
    text-align: center;
    margin-top: 20px;
	margin-bottom: 50px;
}

.scheduler-detail-row{
	width: 100%;
    max-width: 800px;
    background: #F8F8F8;
    margin: auto;
	border-radius: 5px;
	display: flex;
	overflow:hidden;
}

.scheduler-detail-row .scheduler-detail-col{
	padding: 30px 10px 30px 10px;
	flex:1;
}

.scheduler-detail-row .scheduler-detail-col.active
{
	background: #E5F6F1;
}

.scheduler-detail-row .scheduler-detail-col button.featured{
	background: var(--button-featured-disabled-background-color);
    color: var(--button-featured-disabled-color);
    border: none;
    box-shadow: none;
	white-space: nowrap;
    margin-right: 10px;
}

.scheduler-detail-row .scheduler-detail-col.active button.featured{
	background: var(--button-featured-background-color);
    color: var(--button-featured-color);
    border: none;
    box-shadow: inset 0 0 1px #3566B4;
}

.scheduler-detail-row .scheduler-detail-col.active button.featured:hover{
	background: var(--button-featured-hover-background-color);
	color: var(--button-featured-hover-color);
}

.scheduler-detail-row .scheduler-detail-col p.detail-date-title,
.dialog-meeting-confirmation-content p.detail-date-title
{
	font-weight:bold;
	background-image: url(/contents/public/images/icon_calendar@2x.png);
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 25px;
    background-position: 0 0;
}

.scheduler-detail-row .scheduler-detail-col p.detail-date-title
{
	margin: 0 0 15px 10px;
	text-align:left;
}

.dialog-meeting-confirmation-content p.detail-date-title
{
	margin: 0 0 15px 0;
	display:inline-block;
}

.scheduler-detail-row .scheduler-detail-col p.detail-specialist-title{
	margin: 0 0 15px 10px;
	font-weight:bold;
	text-align:left;
	background-image: url(/contents/public/images/icon_specialist@2x.png);
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 25px;
    background-position: 0 0;
}

.scheduler-detail-row .scheduler-detail-col p.detail-time-title,
.dialog-meeting-confirmation-content p.detail-time-title
{
	margin: 0 0 15px 0;
	font-weight:bold;
	background-image: url(/contents/public/images/icon_time@2x.png);
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 25px;
    background-position: 0 0;
}

.scheduler-detail-row .scheduler-detail-col p.detail-time-title{
	text-align:left;
}

.dialog-meeting-confirmation-content p.detail-time-title{
	display:inline-block;
}

.scheduler-detail-row .scheduler-detail-col p.detail-location-title{
	margin: 0 0 15px 0;
	font-weight:bold;
	text-align:left;
	background-image: url(/contents/public/images/icon_Location@2x.png);
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 25px;
    background-position: 0 0;
}

.scheduler-detail-row .scheduler-detail-col span.detail-street-title{
	display:block;
	font-weight: normal;
}

.scheduler-container-confirmation {
	text-align:center;
	margin-top:30px;
	margin-bottom:40px;
}

.scheduler-container-confirmation .scheduler-detail-row{
	max-width: 600px;
	margin-bottom: 40px;
}

.scheduler-container-confirmation .scheduler-detail-row .scheduler-detail-col
{
	background: #E5F6F1;
	padding: 30px 20px 10px 20px;
}

.scheduler-container-confirmation .scheduler-detail-row .scheduler-detail-col .scheduler-detail-col-inner{
	display:inline-block;
}

.scheduler-container-confirmation .scheduler-detail-row .scheduler-detail-col .scheduler-detail-col-inner p.detail-date-title, 
.scheduler-container-confirmation .scheduler-detail-row .scheduler-detail-col .scheduler-detail-col-inner p.detail-time-title, 
.scheduler-container-confirmation .scheduler-detail-row .scheduler-detail-col .scheduler-detail-col-inner p.detail-location-title, 
.scheduler-container-confirmation .scheduler-detail-row .scheduler-detail-col .scheduler-detail-col-inner p.detail-specialist-title 
{
	margin: 0 0 0px 10px;
    text-align: left;
	padding-left: 25px;
}

.scheduler-container-confirmation .scheduler-detail-row .scheduler-detail-col .scheduler-detail-col-inner p.detail-date-content, 
.scheduler-container-confirmation .scheduler-detail-row .scheduler-detail-col .scheduler-detail-col-inner p.detail-time-content, 
.scheduler-container-confirmation .scheduler-detail-row .scheduler-detail-col .scheduler-detail-col-inner p.detail-location-content, 
.scheduler-container-confirmation .scheduler-detail-row .scheduler-detail-col .scheduler-detail-col-inner p.detail-specialist-content
{
	margin: 0 0 20px 10px;
    text-align: left;
	padding-left: 25px;
}

@media only screen and (max-width: 900px) {
	.scheduler-container-datetime{
		flex-direction: column;
		align-items: center;
	}

	.scheduler-container-date {
		width: 100%;
		padding: 0 0 20px 0;
		margin: 0 0 20px 0;
		border: 0;
		border-bottom: 1px solid #DBE0E6;
	}

	.scheduler-detail-row {
		flex-direction: column;
	}

	.scheduler-detail-row .scheduler-detail-col{
		padding: 0 60px 0 60px;
	}
	.scheduler-detail-row .scheduler-detail-col p.detail-date-title,
	.scheduler-detail-row .scheduler-detail-col p.detail-specialist-title{
		margin: 30px 0 0 0;
	}
	.scheduler-detail-row .scheduler-detail-col p.detail-time-title,
	.scheduler-detail-row .scheduler-detail-col p.detail-location-title
	{
		margin: 30px 0 0 0;
	}
	.scheduler-detail-row .scheduler-detail-col button.featured{
		margin-bottom:30px;
		margin-top:30px;
	}
}

@media only screen and (max-width: 640px) {
	.scheduler-container-date .ui-datepicker table td {
		width: 50px;
		height: 50px;
	}
	.scheduler-container-date .ui-datepicker table td a,
	.scheduler-container-date .ui-datepicker table td span{
		padding-top: 15px;
		font-size: 16px;
		font-weight: bold;
	}

	.scheduler-detail-row .scheduler-detail-col{
		padding: 0 30px 0 30px;
	}
}

@media only screen and (max-width: 500px) {
	.scheduler-container-date .ui-datepicker table td {
		width: 40px;
		height: 40px;
	}
	.scheduler-container-date .ui-datepicker table td a,
	.scheduler-container-date .ui-datepicker table td span{
		padding-top: 9px;
		font-size: 16px;
		font-weight: bold;
	}
}

.radio-container2 {
    display: inline-block;
    position: relative;
	min-width: 200px;
    min-height: 40px;
}

.radio-container2 span{
    background: none;
    font-weight: 700;
    border-radius: 3px;
    box-shadow: inset 0 0 1px #000000;
    /*color: #002855;*/
    color: var(--button-ghost-color);
    /*border: 1px solid #002855;*/
    border: 1px solid var(--button-ghost-border-color);
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
	padding-top: 7px;
}

.radio-container2 input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    cursor: pointer;
}

.radio-container2 input[type="radio"]:focus + span{
    outline-style: dashed;
    /*outline-color: #00547F;*/
    outline-color: #E09F00;
    outline-width: 2px;
    outline-offset: 2px;
}

.radio-container2 input[type="radio"]:checked + span{
    background: var(--button-ghost-hover-background-color);
	color: var(--button-ghost-hover-color);
}

.radio-container2 input[type="radio"]:disabled + span{
    background: #EFEFEF;
	color: #454545;
	border: none;
    box-shadow: none;
}

.dropzone:focus {
    outline-style: dashed;
    /*outline-color: #00547F;*/
    outline-color: var(--focus-outline-color);
    outline-offset: 2px;
    outline-width: 2px;
}

.dz-processing{
    position:relative;
}

.dz-processing:after {
    content: "";
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('/contents/public/images/ajax-loader.gif') 50% 50% no-repeat;
    z-index: 10;
}

.dz-processing.dz-complete:after {
    display:none;
}

/* ------ */

.exam-status-completed{
	padding-left:30px;
	background: transparent url(/contents/public/images/exam_icon_completed.png) 0 50% no-repeat;
    background-size: contain;
}

.exam-status-missinginfo{
	padding-left:30px;
	background: transparent url(/contents/public/images/exam_icon_missing_info.png) 0 50% no-repeat;
    /*background-size: contain;*/
	background-size: 22px;
}

.exam-status-missingexam{
	padding-left:30px;
	background: transparent url(/contents/public/images/exam_icon_missing_exam.png) 0 50% no-repeat;
    background-size: contain;
}

.exam-status-underreview{
	padding-left:30px;
	background: transparent url(/contents/public/images/exam_icon_under_review.png) 0 50% no-repeat;
    background-size: contain;
}

.faculty-exam-container {
	margin-top:100px;
	margin-bottom:100px;
}

.faculty-exam-title-container {
	display: flex;
    justify-content: space-between;
    flex-direction: row;
	align-items: center;
}

.faculty-exam-title-container .button a{
	margin-bottom:0;
}

.faculty-exam-container h5{
	margin:0;
}

.faculty-exam-detail{
	background-color:#F8F8F8;
	border-top:1px solid #C6CACE;
}

.button-exam-edit{
	-webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    background: url(/contents/public/images/icon_pencil2.png) 0 50% no-repeat;
	width: 25px;
    height: 25px;
    background-size: contain;
	margin-right:10px;
	display: inline-block;
	color:transparent;
	color:transparent!important;
	vertical-align:top;
	overflow:hidden;
}

.button-exam-edit:hover {
	background: url(/contents/public/images/icon_pencil2_hover.png) 0 50% no-repeat;
	background-size: contain;
	color:transparent!important;
}

.selection-label-small{
	margin: 0 0 0 15px;
    text-align: left;
    font-size: 14px;
}

.selection-text{
	margin: 0 0 0 15px;
    text-align: left;
    font-weight: 900;
}

.selection-text.emp{
    color: #df0000;
}

.selection-text.emp.green{
    color: #26D226;
}

.selection-text.emp.orange{
    /*color: #FFA500;*/
    color: #714C06;
}


.exam-detail-button{
	-webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    border: none;
    padding: 15px 10px 15px 35px;
    text-align: left;
    font-size: 20px;
    font-family: 'Proxima-Nova', Calibri, Arial, sans-serif;
    cursor: pointer;
    background: url(/contents/public/images/i/bkgd-carrot-down@2x.png) 0 50% no-repeat;
	color: #333;
	font-weight: 700;
	background-size: 25px;
	margin-top: 15px;
    margin-bottom: 15px;
	width:100%;
    position:relative;
}

.expanded .exam-detail-button {
    background: url(/contents/public/images/i/bkgd-carrot-up@2x.png) 0 50% no-repeat;
	background-size: 25px;
}

.exam-status {
    font-size: 16px;
    font-family: 'Proxima-Nova', Calibri, Arial, sans-serif;
    color: #333;
    font-weight: normal;
    float: right;
    width: 185px;
    height: 25px;
    padding-top: 4px;
    position: relative;
    top: -3px;
}

.exam-form{
	padding-left:35px;
	padding-right: 30px;
	padding-bottom: 20px;
}

.exam-form:focus{
	outline-style: dashed;
    /*outline-color: #446cb3;*/
    outline-color: #308258;
    outline-offset: 5px;
    outline-width: 2px;
}

.exam-form .paging-container{
	background:none;
}

.options-container-exam
{
	width:100%;
	min-height:40px;
	overflow-y:auto;
	display:flex;
	flex-wrap:wrap;
	/*padding-top: 5px;*/
    padding-top:0;
	padding-left: 5px;

    overflow:visible;
}

.options-container-exam .checkbox-container-box,
.options-container-exam .radio-container-box{
	width: 300px;
	display: flex;
    flex-direction: row;
	margin-bottom: 10px;
	margin-right: 10px;
}

.options-container-exam .checkbox-container-box .checkbox-container,
.options-container-exam .radio-container-box .radio-container
{
	flex-shrink:0;
}

.options-container-exam2
{
	width:100%;
	overflow-y:auto;
	display:flex;
	flex-wrap:wrap;
    margin-bottom:-6px;
    padding-top:5px;
    padding-left: 5px;
    margin-left: -5px;
}

.options-container-exam2 .checkbox-container-box,
.options-container-exam2 .radio-container-box{
	width: 170px;
	display: flex;
    flex-direction: row;
    margin-bottom:5px;
}

.options-container-exam2 .checkbox-container-box .checkbox-label
{
    font-size:14px;
}

.options-container-exam2 .checkbox-container-box .checkbox-container,
.options-container-exam2 .radio-container-box .radio-container
{
	flex-shrink:0;
}

.button-exam-delete{
	border: none;
    padding: 5px 0 0 28px;
    background: transparent url(/contents/public/images/icon_trash.png) 0 50% no-repeat;
    cursor: pointer;
    /*color: #74787F;*/
    color: #000;
    height: 26px;
    background-size: contain;
}

.button-exam-file-delete{
	border: none;
    /*padding: 5px 0 0 28px;*/
    padding:0;
    background: transparent url(/contents/public/images/icon_trash.png) 0 50% no-repeat;
    cursor: pointer;
    color: transparent;
    /*height: 26px;*/
    height: 22px;
    background-size: contain;
	/*width: 30px;*/
    width: 24px;
	overflow: hidden;
}

.button-exam-add{
	border: none;
    display: inline-block;
	padding: 10px 20px 10px 50px;
    background: transparent url(/contents/public/images/icon_plus3.png) 0 50% no-repeat;
    background-size: contain;
	cursor:pointer;
	/*color: #245DC1;*/
    color:#308258;
}

.form-row-devide-exam{
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.form-row-devide-exam .form-row-devide-exam-column{
	margin-right:25px;
}

.faculty-exam-after-save-fields{
	background: #F8F8F8;
    padding: 5px 0 5px 0;
	margin-bottom: 20px;
}

.faculty-exam-after-save-schedullingaccess{
	background: #F8F8F8;
    padding: 15px 20px 10px 20px;
	margin-bottom: 20px;
    border:2px solid #0E2455;
}

.course-exam-file-container-wrapper{
	padding: 20px 30px;
    border: 1px dashed #ccc;
    margin-bottom: 20px;
}

.course-exam-file-container{
	display: flex;
    justify-content: space-between;
    flex-direction: row;
    /*max-width: 500px;*/
    margin: 10px 0 10px 0;
    align-items:end;
}

@media only screen and (max-width: 1200px) {
	.exam-form{
		width:100%;
	}
}

@media only screen and (max-width: 780px) {
	.form-row-devide-exam{
		flex-direction: column;
	}

	.form-row-devide-exam .form-row-devide-exam-column{
		margin-right:0;
	}
}

.student-exam-confirm {
    border: 1px solid var(--button-student-exam-confirm-border-color);
    padding: 0;
    background: transparent url(/contents/public/images/icon_thumbup@2x.png) 50% 50% no-repeat;
    cursor: pointer;
    color: transparent;
    /*height: 35px;*/
    height:40px;
    background-size: 18px;
    overflow: hidden;
    border-radius: 3px;
    width: 100%;
}
.student-exam-confirm:hover,
.student-exam-confirm:focus
{
	background: var(--button-student-exam-confirm-hover-background-color) url(/contents/public/images/icon_thumbup_white@2x.png) 50% 50% no-repeat;
	background-size: 18px;
}
.student-exam-confirm.disabled {
	border-color: #ccc;
    background: #A0A0A0 url(/contents/public/images/icon_thumbup_white@2x.png) 50% 50% no-repeat;
    background-size: 18px;
}
.student-exam-confirm:hover.disabled {
	cursor:default;
}

.student-exam-reschedule {
    border: 1px solid var(--button-student-exam-reschedule-border-color);
    padding: 0;
    background: transparent url(/contents/public/images/icon_calendar_gray.png) 50% 50% no-repeat;
    cursor: pointer;
    color: transparent;
    /*height: 35px;*/
    height:40px;
    background-size: 18px;
    overflow: hidden;
    border-radius: 3px;
    width: 100%;
}
.student-exam-reschedule:hover,
.student-exam-reschedule:focus
{
	background: var(--button-student-exam-hover-background-color) url(/contents/public/images/icon_calendar_white.png) 50% 50% no-repeat;
	background-size: 18px;
}
.student-exam-reschedule.disabled {
	border-color: #ccc;
    background: var(--button-student-exam-hover-background-color) url(/contents/public/images/icon_calendar_white.png) 50% 50% no-repeat;
    background-size: 18px;
}
.student-exam-reschedule:hover.disabled {
	cursor:default;
}

.student-exam-confirmed {
	border: 1px solid #29824B;
    padding: 0 0 0 30px;
    background: #29824B url(/contents/public/images/icon_thumbup_white@2x.png) 25% 50% no-repeat;
    cursor: pointer;
    color: #fff;
    /*height: 35px;*/
    height: 40px;
    background-size: 18px;
    overflow: hidden;
    border-radius: 3px;
    width: 100%;
}

.student-exam-pending {
	border: 1px solid #F7C714;
    padding: 0 0 0 30px;
    background: #F7C714 url(/contents/public/images/Icon_Pending_black.png) 30% 50% no-repeat;
    cursor: pointer;
    color: #333;
    /*height: 35px;*/
    height: 40px;
    background-size: 18px;
    overflow: hidden;
    border-radius: 3px;
    width: 100%;
}

.student-exam-underreview {
	border: 1px solid #8E39AD;
    padding: 0 0 0 20px;
    background: #8E39AD url(/contents/public/images/icon_loupe_white.png) 20% 50% no-repeat;
    cursor: pointer;
    color: #fff;
    /*height: 35px;*/
    height: 40px;
    background-size: 18px;
    overflow: hidden;
    border-radius: 3px;
    width: 100%;
}

.student-exam-completed {
	border: 1px solid #3667C2;
    padding: 0 0 0 20px;
    background: #3667C2 url(/contents/public/images/icon_thumbup_white@2x.png) 20% 50% no-repeat;
    cursor: pointer;
    color: #fff;
    /*height: 35px;*/
    height: 40px;
    background-size: 18px;
    overflow: hidden;
    border-radius: 3px;
    width: 100%;
	line-height: 2.15;
    margin: 0;
    text-align: center;
}

.student-exam-schedule-container{
	display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.course-exam-date {
	width:220px;
	padding-left:50px;
	background: transparent url(/contents/public/images/icon_calendar_blue.png) 0 50% no-repeat;
    background-size: 22px;
}

.course-exam-time {
	width:220px;
	padding-left:50px;
	background: transparent url(/contents/public/images/icon_hour_blue.png) 0 50% no-repeat;
    background-size: 22px;
}

.student-exam-button-container{
	text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #F8F9F9;
    border-top: 1px solid #ccc;
}

.student-exam-reschedule-option-container{
	display: flex;
    flex-direction: row;
	justify-content: space-between;
}

.student-exam-container {
	margin-top:60px;
	margin-bottom:60px;
}

.student-exam-container .action-container {
	width:200px;
}

.student-exam-container .action-item{
	display:inline-block;
	width:95px;
}

.student-exam-container .action-item2{
	display:inline-block;
	width:190px;
}

@media only screen and (max-width: 600px) {
	.student-exam-container
	{
		overflow-x: scroll;
	}
}

.faculty-course-contact{
	margin-bottom:50px;
}

.faculty-course-contact:focus{
	outline-style: dashed;
    /*outline-color: #446cb3;*/
    outline-color: #308258;
    outline-offset: 5px;
    outline-width: 2px;
}

@media only screen and (max-width: 900px) {
	.faculty-course-contact
	{
		width:100%;
	}

	.faculty-course-contact .styled-form .form-row.form-row-devide
	{
		flex-direction:column;
	}
}

/* ------ */

img.ui-datepicker-trigger:focus {
    outline-style: dashed;
    outline-color: #446cb3;
    outline-offset: 2px;
    outline-width: 2px;
}

/* ------ */

h5.student-portal-getstarted {
	margin-top:60px;
	
}

.col-courseexam-pending{
	background: #FEFAE0;
}

.col-courseexam-expired{
	background: #f8f8f8;
}

.eres_cons_list_table tr td.col-courseexam-downloadindex{
	background: #F8F8F8;
	padding: 7px 5px 7px 10px;
}

.eres_cons_list_table tr th.first-column-completedexam,
.eres_cons_list_table tr td.first-column-completedexam{
	padding-left:20px;
}

a.button-download3{
	border: 1px solid var(--button-ghost-border-color);
    padding: 0px 5px;
    background: #fff;
    text-decoration: none;
    display: inline-block;
    max-width: 100%;
	font-size: 14px;
	/*color:#3566B4;*/
    color: var(--button-ghost-color);
}

a.button-download3:hover,
a.button-download3:focus{
	/*background: #3566B4;*/
    background: var(--button-ghost-hover-background-color);
	color:var(--button-ghost-hover-color);
}

.course-exam-time-span{
	display:inline-block;
	white-space:nowrap;
}

.eres_cons_list_table tr.rowSchedule td{
	/*vertical-align:top;*/
}

.exam-created-for-name {
    font-size: 15px;
    font-weight: normal;
    padding-left:5px;
    position:absolute;
    left:30px;
    bottom:0;
}
.exam-created-for-name b {
    color: #002855;
}

/* ------ */

@media only screen and (max-width: 700px) {
    .eres_exam_table {
        max-width: 100% !important;
        width: 100% !important;
        min-width:auto!important;
    }

    .eres_exam_table .lyrDateMobile,
    .eres_exam_table .lyrTimeMobile {
        margin: 5px 0 5px 0;
        display: block !important;
    }

    .eres_exam_table .eres_exam_table_mobile_col_hide, 
    .eres_exam_table .eres_exam_table_mobile_hide {
        display: none !important;
    }

    .eres_exam_table .eres_exam_table_mobile_col_action {
        width:150px!important;
    }

    .eres_exam_table .action-item-mobile{
        display: block !important;
    }
    
    .eres_exam_table .action-item {
        width: 100% !important;
        display: block;
        margin: 5px 0 5px 0;
    }

    .student-exam-container .eres_exam_table .action-container {
        width:auto!important;
    }

    .student-exam-container .eres_exam_table .action-item2 {
        width: 100%;
    }

    .eres_exam_table .student-exam-pending,
    .eres_exam_table .student-exam-confirmed,
    .eres_exam_table .student-exam-completed {
        background-position-x: 14px;
    }

    .eres_exam_table .student-exam-underreview {
        background-position-x: 5px;
    }

    .col-courseexam-pending-mobile {
        background: #FEFAE0;
    }
    .col-courseexam-expired-mobile {
        background: #f8f8f8;
    }

    .form-exam-reschedule .student-exam-reschedule-option-container {
        flex-direction: column;
    }

    .form-exam-reschedule .student-exam-reschedule-option-container .radio-container-box {
        width:100%!important;
    } 
}

/* ------ */

.inventory-loan-agreement {
    margin-bottom:20px;
}

.inventory-loan-agreement .title{
    text-align:center;
    font-weight: normal;
    margin-bottom: 0;
}

.inventory-loan-agreement .sub-title{
    text-align:center;
    font-weight: normal;
    color: #333;
    margin-top: 10px;
    font-size: 20px;
}

.inventory-loan-agreement .field-row{
    display: flex;
    flex-direction: row;
    height:50px;
    align-items:center;
    overflow:visible;
}

.inventory-loan-agreement .field-row.field-row-signature{
    height: auto;
    align-items: flex-start;
    margin-top: 10px;
}

.inventory-loan-agreement .field-column{
    width: 50%;
    display: flex;
    flex-direction: row;
    max-height:100%;
}
.inventory-loan-agreement .field-column.full{
    width:100%;
}

.inventory-loan-agreement .field-title{
    font-weight: bold;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.inventory-loan-agreement .field-title.title-first{
    width:130px;
}

.inventory-loan-agreement .field-title.title-second{
    width:100px;
}


.inventory-loan-agreement .field-value{
    /*width: 100%;*/
    border-bottom: 1px solid #000;
    margin-right: 10px;
    flex-grow:1;
    max-height: 100%;
    overflow: visible;

}

.inventory-loan-agreement .field-value.no-underline{
    border-bottom:none;
}

.inventory-loan-agreement p{
    text-align:justify;
}

.inventory-loan-agreement .line{
    width:100%;
    border-bottom:1px dashed #000;
    margin-top:50px;
}

.inventory-loan-agreement .signature{
    padding: 0;
    height: 40px;
}

.inventory-loan-agreement .field-column.field-student-signature{
    flex-direction: column;
}
.inventory-loan-agreement .field-column.field-student-signature .field-title{
    width: auto;
    margin-bottom: 3px;
}
.inventory-loan-agreement .field-column.field-student-signature .field-value{
    border:none;
}

@media only screen and (max-width: 780px) {
	.inventory-loan-agreement .field-row {
        flex-direction: column;
        align-items: flex-start;
        height:auto;
        
    }

    .inventory-loan-agreement .field-column {
        width: 100%;
        height: 50px;
        align-items: center;
    }

    .inventory-loan-agreement .field-title{
        width: 145px!important;
        justify-content: flex-start!important;
    }

    .inventory-loan-agreement .field-column.field-student-signature{
        flex-direction:row;
    }
}



.signature-loan-detail {
	display: flex;
    justify-content: space-between;
}

.signature-loan-detail .row-signature{
	flex-grow: 1;
	margin-right: 10px;
    width:50%;
}

.signature-loan-detail .row-date{
	flex-grow: 1;
    width:50%;
}

@media only screen and (max-width: 600px) {
	.signature-loan-detail {
		display: flex;
		flex-direction:column;
	}

	.signature-loan-detail .row-signature{
		flex-grow: 1;
		margin:0;
        width:100%;
	}

	.signature-loan-detail .row-date{
		flex-grow: 1;
        width:100%;
	}
}

/* ------ */

.button-doc-delete{
	border: none;
    padding:0;
    background: transparent url(/contents/public/images/icon_trash.png) 0 50% no-repeat;
    cursor: pointer;
    color: transparent;
    height: 22px;
    background-size: contain;
    width: 24px;
	overflow: hidden;
}

.button-question-help {
    padding: 0;
    background: transparent url(/contents/public/images/icon_help.png) 0 50% no-repeat;
    cursor: pointer;
    color: transparent;
    height: 24px;
    width: 24px;
    overflow: hidden;
    border: none;
    background-size: 70%;
    background-position-x: center;
    background-position-y: center;
}

.question-help{
    display:none;
    background: #DEEBF8;
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
    margin-top: 10px;
}

.question-help.expanded{
    display:block;    
}

.question_date_range_container{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.question_date_range_container input.question_input,
input.question_input.valfielddate{
    width:120px;
}


.question_date_range_to_text{
    margin-left:5px;
    margin-right:5px;
}

.question_doc_request_container {
    padding: 20px 30px;
    border: 1px dashed #ccc;
}

.question_doc_request_uploaded{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 10px;
}

.question-container .question-text label{
    display:inline-block;
}

.question-container .question-text label.label-bold{
    font-weight:700;
}

.question_doc_request_delete,
.question_doc_request_uploaded_delete
{
	border: none;
    padding:0;
    background: transparent url(/contents/public/images/icon_trash.png) 0 50% no-repeat;
    cursor: pointer;
    color: transparent;
    height: 22px;
    background-size: contain;
    width: 24px;
	overflow: hidden;
}

.question_doc_request_uploaded_delete{
    margin-left:5px;
}

.question_state_other_container_inner{
    margin-top:10px;
}

textarea.question_input{
    height:180px;
}

select.question_input{
    width:100%;
}

.ui-dialog .ui-dialog-buttonpane button{
    background: var(--button-negative-background-color);
    color: var(--button-negative-color);
    font-family: 'Proxima-Nova', Calibri, Arial, sans-serif;
    font-weight:600;
    
    margin-left:5px;
}

.ui-dialog .ui-dialog-buttonpane button:hover{
    background: var(--button-negative-hover-background-color);
    color: var(--button-negative-hover-color);
}