:root {
	--white: #ffffff;
	--default-black: #231F20;
	--blue: #6495ed;
	--dark-blue: #722282;
	--light-gray-01: #f8f8fa;
	--light-gray-02: #ededed;
	--light-gray-03: #d8d6df;
	--gray-01: #9a9898;
	--hlc-primary: #722282;
	--hlc-primary-contrast: #722282;
}

/* ## corrects possible view port issues in browsers that do not recognize the viewport meta tag ## */
/* http://timkadlec.com/2013/01/windows-phone-8-and-device-width/ */
@-webkit-viewport {
	width: device-width;
}

@-moz-viewport {
	width: device-width;
}

@-ms-viewport {
	width: device-width;
}

@-o-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}


*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*! normalize.css v2.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
	display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
	display: inline-block;
}

	/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

	audio:not([controls]) {
		display: none;
		height: 0;
	}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */

[hidden] {
	display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
	font-family: sans-serif; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	-ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Removes default margin.
 */

body {
	margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
	outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
	outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */

h1 {
	font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
	border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
	font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
	font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */

mark {
	background: #ff0;
	color: #000;
}


/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */

q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
	font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * Removes border when inside `a` element in IE 8/9.
 */

img {
	border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
	overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */

figure {
	margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */

button,
input,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 2 */
	margin: 0; /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
	line-height: normal;
}

	/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */

	button,
	html input[type="button"], /* 1 */
	input[type="reset"],
	input[type="submit"] {
		-webkit-appearance: button; /* 2 */
		cursor: pointer; /* 3 */
	}

		/*
 * Re-set default cursor for disabled elements.
 */

		button[disabled],
		input[disabled] {
			cursor: default;
		}

	/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */

	input[type="checkbox"],
	input[type="radio"] {
		box-sizing: border-box; /* 1 */
		padding: 0; /* 2 */
	}

	/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

	input[type="search"] {
		-webkit-appearance: textfield; /* 1 */
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box; /* 2 */
		box-sizing: content-box;
	}

		/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

		input[type="search"]::-webkit-search-cancel-button,
		input[type="search"]::-webkit-search-decoration {
			-webkit-appearance: none;
		}

	/*
 * Removes inner padding and border in Firefox 4+.
 */

	button::-moz-focus-inner,
	input::-moz-focus-inner {
		border: 0;
		padding: 0;
	}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* ===============  Default Adjustments  =============== */

body {
}

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

::selection {
	background: #3197fc;
	text-shadow: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

img {
	max-width: 100% !important;
	height: auto !important;
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

/** FIX Google Maps Info window styes problem **/
img[src*="gstatic.com/"],
img[src*="googleapis.com/"] {
	max-width: none !important;
}

p {
	margin: 0 0 1em 0;
}

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	text-indent: -9999px;
}

	.ir:before {
		content: "";
		display: block;
		width: 0;
		height: 100%;
	}

.hidden {
	display: none;
	visibility: hidden;
}

.visuallyHidden,
.visually-hidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

	.visuallyHidden.focusable:focus, .visually-hidden:focus {
		clip: auto;
		height: auto;
		margin: 0;
		overflow: visible;
		position: static;
		width: auto;
	}

.skip {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

	.skip:focus, .skip:active {
		clip: auto;
		color: #fff;
		height: auto;
		margin: 0;
		overflow: visible;
		padding: 10px;
		text-align: center;
		background: #1f3b62;
		width: 100%;
		border: 1px dashed #fff;
		z-index: 1001;
	}

.a11y-instructions:focus {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #1f3b62;
	color: #fff;
	padding: 10px;
	border: 1px dashed #fff;
	text-align: Center;
	z-index: 1001;
}

.a11y-instructions p:last-child {
	margin: 0px;
}

.invisible {
	visibility: hidden;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.hide {
	display: none;
}

.smallest {
	font-size: .8em;
}

.smaller {
	font-size: .9em;
}

.larger {
	font-size: 1.1em;
}

.largest {
	font-size: 1.2em;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic !important;
}

.strike {
	text-decoration: line-through !important;
}

.red, .red:visited {
	color: #f00 !important;
}

.green, .green:visited {
	color: #390 !important;
}

.lgreen, .lgreen:visited {
	color: #97937d !important;
}

.bgYellow {
	background: yellow;
}

.bgGreen {
	background: lime;
}

.vtop {
	vertical-align: top;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.imgLeft {
	float: left;
	margin-right: 5px;
	padding: 5px;
	border: 1px solid #c4c4c4;
}

.imgRight {
	float: right;
	margin-left: 5px;
	padding: 5px;
	border: 1px solid #c4c4c4;
}

.nowrap {
	white-space: nowrap;
}

.borderless {
	border: 0;
	border-collapse: collapse;
}

.breakforprint {
	page-break-after: always;
}

.clear {
	overflow: hidden;
	clear: both;
	height: 0;
	margin: 0;
	font-size: 1px;
	line-height: 0;
}

.important {
	color: red;
	font-weight: bold;
	text-transform: uppercase;
}



/* ## Base List styles ## */
ul, ol {
	margin: 0 0 1em;
}

.noBullet {
	padding: 0 0 0 1em;
	list-style-type: none;
}

.noIndent {
	padding: 0;
	list-style-type: none;
}

.bulletSquare {
	list-style-type: square;
}

/* ## Note/hint text or link ## */
.note {
	font-size: .8em;
	color: #4e4e4e;
}

	.note a, .note a:link, .note a:visited {
		text-decoration: underline;
	}

/* GOOGLE MAP IMAGES */
.gm-style img {
	max-width: initial !important;
	height: initial !important;
}

/* ================================================================
   PRIMARY LAYOUT STYLES 
   ================================================================ */

/* Enter unique styles for site here */

/* ## Disabled Form Fields ## */
input[disabled=true] {
	background-color: #F0F0F0;
}

textarea[disabled=true] {
	background-color: #F0F0F0;
}

select[disabled=true] {
	background-color: #F0F0F0;
}

input[readonly=true] {
	background-color: #F0F0F0;
}

textarea[readonly=true] {
	background-color: #F0F0F0;
}

select[readonly=true] {
	background-color: #F0F0F0;
}

/* Removed :link from the list to help cut down on writing time and prevent the need for extra specificity for classes */
a, a:visited {
	color: #722282;
	text-decoration: none;
}

	a:hover, a:active, a:focus {
		color: #722282;
		text-decoration: underline;
	}

	a:active, a:focus {
		outline: 0; /* outline:1px solid #78aeda; */
	}

.btnText {
	margin: 0;
	padding: 0;
	color: #722282;
	text-decoration: none;
	border: 0;
	background: none;
}

	.btnText:hover {
		color: #722282;
		text-decoration: underline;
	}

/* ## Link Modifiers ## */
a .text {
	text-decoration: underline;
}

a:hover .text, a:active .text, a:focus .text {
	text-decoration: none;
}

a [class^="icon-"] {
	text-decoration: none;
}

a.removeLink {
	color: #f00;
	font-size: 0.9em;
}

svg.icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor;
}

	svg.icon.icon-institution {
		fill: #722282;
		stroke: #722282;
	}


/* ## Focus Overlay - Advanced Focus States - It is still important to add basic css focus states for when no JS is active ## */

#focus-overlay {
	display: none;
	position: relative;
	border-radius: 2px;
	Xbox-shadow: 0 0 3px 2px #78aeda;
	transition: all 0.2s cubic-bezier(0, 1, 0, 1);
	outline-style: solid;
	outline-color: blue;
	outline-width: 2px;
}

	#focus-overlay::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		Xbox-shadow: 0 0 2px 1px #008cff, 0 0 2px #008cff inset;
		transition: all 0.1s ease-out;
		outline: 2px;
	}

	#focus-overlay.focus-overlay-active {
		display: block;
	}

	#focus-overlay.focus-overlay-animating::after {
		opacity: 1;
	}

.focus-overlay-target {
	xoutline: none;
	outline: 2px;
}

.skip a {
	position: absolute;
	left: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	text-align: center;
}

	.skip a:focus {
		position: static;
		width: auto;
		height: auto;
		background: #444444;
		color: #ffffff;
		font-weight: bold;
		display: block;
		padding: 10px;
	}

/* ## Link Lists ## */
/* We use '<ul class="linkList">' when setting a list of organized links. */
ul.linkList {
	margin: 0 0 15px 0;
	padding: 0;
	list-style-type: none;
}

	ul.linkList li {
		margin-bottom: 8px;
	}

	ul.linkList a,
	ul.linkList a:link,
	ul.linkList a:visited {
		text-decoration: none;
	}

		ul.linkList a:hover,
		ul.linkList a:active {
			text-decoration: underline;
		}


/* ## Start Up Layout - Use, modify, or delete as need be ## */
html, body {
	overflow-x: hidden;
	color: #231F20;
}

body {
	background: #fff;
	font-family: 'Ubuntu', sans-serif;
}

.container {
}

.site-body {
	padding: 25px 0 15px;
	background: #fafbfc;
}

@media only screen and (min-width:48em) {
	.site-body {
		padding: 35px 0 20px;
	}
}

/* ==========================================================================
   Typography
   ========================================================================== */

h1 {
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
}

h2 {
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
}

h3 {
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
}

h4 {
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
}

h5 {
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
}

h6 {
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
}

.hdng {
	margin: 0 0 1em;
}

.hdng2 {
}

/* ==========================================================================
   Layouts
   ========================================================================== */

.table-layout {
}

	.table-layout .table-cell {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 50% 50%;
	}

		.table-layout .table-cell .inner {
			padding: 10px;
		}

	.table-layout.with-overlay .table-cell {
		padding: 10px;
	}

		.table-layout.with-overlay .table-cell .inner {
			background: rgba(255,255,255,.7);
			padding: 20px;
		}

	.table-layout .table-cell img.set-as-background {
		display: none;
	}



/* ==========================================================================
   Global Modules - Most modules use the same setup and changing below changes each one. 
   If global, change here, if specific, change via events.css, news.css etc. 
   ========================================================================== */

.mod {
	position: relative;
	margin: 0 0 1em;
}

.title {
	position: relative;
	margin: 0 0 1em;
}

	.title a {
		text-decoration: none;
	}

.titleAlt {
	margin: 0 0 0.1em;
	font-size: 1.2em;
}

.titleAlt2 {
}

.mod-head {
	position: relative;
}

	.mod-head .title {
	}

	.mod-head .more {
		position: absolute;
		right: 0px;
		top: 0px;
	}

.mod-content {
}

.mod-rail {
	border: 1px solid #dddddd;
	background: #fff;
	border: 1px solid #D8D6DF;
	border-radius: 6px;
	margin-bottom: 20px;
}

	.mod-rail .mod-head {
		border-bottom: 1px solid #dddddd;
	}

		.mod-rail .mod-head .title {
			padding: 10px;
			margin: 0;
		}

	.mod-rail .mod-content {
		padding: 10px; /* font-size:.875em; */
	}

	.mod-rail .more {
		border-top: 1px solid #dddddd;
	}
/* .mod-rail .more a {display:block; background:#eeeeee; padding:10px; text-decoration:none; text-align:center;}
.mod-rail .more a:hover,
.mod-rail .more a:focus {background:#dddddd;} */

/* Item Lists Content
   ========================================================================== */

.item-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.item {
	padding: 1em 0;
	border-top: 1px solid #ccc;
}

	.item:first-child {
		border-top: 0;
		padding-top: 0;
	}

	.item:last-child {
		padding-bottom: 0;
	}

	.item > .content {
		display: table-cell;
	}

.content .title {
	margin: 0;
}

.item-list .content p {
	margin: 0;
}

.content .date {
	font-size: 12px;
	margin: 0 0 5px;
	display: block;
}


/* Item Media
   ========================================================================== */

.aside {
	text-align: center;
	padding: 0 0 10px;
}

	.aside.date-icon {
		display: table-cell;
		padding: 0 15px 0 0;
	}

.date-icon .date {
	border: 1px solid #888;
	background: #888;
	font-weight: bold;
	text-align: center;
	width: 50px;
}

	.date-icon .date .month {
		font-size: .875em;
		padding: 5px;
		color: #fff;
	}

	.date-icon .date .day {
		padding: 10px 5px;
		background: #fff;
	}

.caption {
	display: block;
	font-size: 0.8em;
	line-height: 1.2em;
}


/* Media Queries for Item Lists 
  ========================================================================== */


@media only screen and (min-width:30em) {

	.item {
		display: table;
		padding: 1em 0;
		width: 100%;
		border-top: 1px solid #ccc;
	}

		.item > .content {
			display: table-cell;
			width: 100%;
			vertical-align: top;
		}

	.aside {
		display: table-cell;
		padding: 0 15px 0 0;
	}

		.aside img {
			max-width: 80px !important;
		}
}

@media only screen and (min-width:48em) {

	.item .item-block {
		display: table-cell;
		vertical-align: top;
		padding: 0 10px 0 0;
	}

		.item .item-block:last-child {
			padding: 0;
		}
}


/* News
   ========================================================================== */

.article > .aside {
	float: right;
	margin: 1em;
}

.meta {
	margin: 0.5em 0;
}

	.meta > div {
		float: left;
	}

	.meta .social-tools {
		float: right;
	}


/* ==========================================================================
   Filters
   ========================================================================== */

.filter {
	padding: 1em;
	border: 1px solid #ccc;
	background: #f2f1f5;
	margin: 0 0 1em;
}

.filter-options {
	float: left;
}

.filter-actions {
	float: right;
}

.filter .btn {
	margin-bottom: 10px;
}


/* Pagination
   ========================================================================== */

.paging {
}

.sort-status {
	font-size: .875em;
	margin: 0 0 1em;
}

.paging-results {
	float: left;
}

.paging-list {
	float: right;
}

	.paging-list ul {
		display: block;
		padding: 0;
		margin: 0;
	}

	.paging-list li {
		display: block;
		padding: 0;
		margin: 0;
		border: 1px solid #002B40;
		border-left-width: 0;
		float: left;
	}

		.paging-list li:first-child {
			border-left-width: 1px;
		}

		.paging-list li a,
		.paging-list li span {
			display: block;
			min-width: 30px;
			padding: 2px 5px;
			text-align: center;
		}

		.paging-list li a {
			/* Link State */
		}

		.paging-list li span {
			/* Current Page State */
		}

		.paging-list li.disabled {
			display: none;
		}

			.paging-list li.disabled + li {
				border-left-width: 1px;
			}

			.paging-list li.disabled + .all {
				border-left-width: 0;
			}

.genericPager ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

	.genericPager ul li {
		display: none;
		font-size: 20px;
		vertical-align: bottom;
	}

		.genericPager ul li.prev,
		.genericPager ul li.next,
		.genericPager ul li.active,
		.genericPager ul li.total {
			display: inline-block;
			border: 1px solid transparent;
			padding: 12px 5px 13px;
		}

		.genericPager ul li.active {
			border: 1px solid #bbb;
			border-radius: 6px;
			padding: 12px 19px 13px;
		}

		.genericPager ul li.prev,
		.genericPager ul li.next {
			padding: 0;
		}

			.genericPager ul li.prev a,
			.genericPager ul li.next a {
				width: 30px;
				height: 50px;
				display: inline-block;
				position: relative;
				vertical-align: bottom;
				opacity: .75;
			}

				.genericPager ul li.prev a:hover,
				.genericPager ul li.next a:focus {
					background: none;
					opacity: 1;
				}

			.genericPager ul li.prev.disabled a,
			.genericPager ul li.next.disabled a {
				display: none;
			}

			.genericPager ul li.prev.disabled,
			.genericPager ul li.next.disabled {
				position: relative;
				width: 32px;
				height: 52px;
				opacity: .3;
			}

				.genericPager ul li.prev a:after,
				.genericPager ul li.next a:after,
				.genericPager ul li.prev.disabled:after,
				.genericPager ul li.next.disabled:after {
					position: absolute;
					font-family: 'icomoon';
					font-size: 18px;
					margin-left: -10px;
					color: #231F20;
					font-weight: bold;
					margin-left: 0;
					left: 5px;
					top: 50%;
					margin-top: -10px;
				}

				.genericPager ul li.prev a:after,
				.genericPager ul li.prev.disabled:after {
					content: "\2329";
				}

				.genericPager ul li.next a:after,
				.genericPager ul li.next.disabled:after {
					content: "\232a";
				}

/* generic pager 1 */

.genericPager1 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

	.genericPager1 ul li {
		font-size: 17px;
		display: inline-block;
		border: 1px solid transparent;
		border-radius: 6px;
		padding: 13px 10px;
	}

		.genericPager1 ul li a {
			position: relative;
		}

		.genericPager1 ul li.active {
			border: 1px solid #bbb;
		}

		.genericPager1 ul li a.prev:hover,
		.genericPager1 ul li a.prev:focus,
		.genericPager1 ul li a.next:hover,
		.genericPager1 ul li a.next:focus {
			text-decoration: none;
		}

			.genericPager1 ul li a.prev:hover:after,
			.genericPager1 ul li a.prev:focus:after,
			.genericPager1 ul li a.next:hover:after,
			.genericPager1 ul li a.next:focus:after {
				opacity: 1;
			}

		.genericPager1 ul li a.prev:after,
		.genericPager1 ul li a.next:after,
		.genericPager1 ul li a.prev.disabled:after,
		.genericPager1 ul li a.next.disabled:after {
			position: absolute;
			font-family: 'icomoon';
			font-size: 18px;
			margin-left: -10px;
			color: #231F20;
			font-weight: bold;
			left: 5px;
			top: 50%;
			margin-top: -10px;
			opacity: .5;
		}

		.genericPager1 ul li a.prev:after,
		.genericPager1 ul li a.prev.disabled:after {
			content: "\2329";
		}

		.genericPager1 ul li a.next:after,
		.genericPager1 ul li a.next.disabled:after {
			content: "\232a";
		}

/* ==============================================================
   GLOBAL STYLES 
   ============================================================== */

/*--- where is this used at? ----*/
.alert-item {
	overflow: hidden;
	/* border-top: 6px solid #FF9702; */
	margin: 0 0 15px;
	padding: 14px 50px 10px;
	color: #000;
	/* background-color: rgba(255,151,2,0.1); */
	position: relative;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.15);
	-moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.15);
	box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.15);
	background-size: 25px 25px;
	background-repeat: no-repeat;
	background-position: 15px 10px;
	font-weight:600;
}

	.alert-item.warning {
		border-top: 6px solid #d65f00;
		background-color: #f9efe7;
		background-image: url(/cms/images/svg/error.svg);
		background-position-y: 14px;
	}

	.alert-item.success {
		border-top: 6px solid #48a651;
		background-color: rgba(72,166,81,.1);
		background-image: url(/cms/images/svg/checkmark.svg);
		background-position-y: 14px;
	}

	.alert-item.expected {
		border-top: 6px solid #e2e2e2;
		background-color: #fff;
		background-image: url(/cms/images/svg/flag.svg);
		background-position-y: 14px;
	}

	.alert-item.more-info {
		border-top: 6px solid #0283b9;
		background-color: rgba(2,131,185,.1);
		background-image: url(/cms/images/svg/info.svg);
		background-position-y: 14px;
	}

	.alert-item.smth-wrong {
		border-top: 6px solid #d65f00;
		background-color: #f9efe7;
		background-image: url(/cms/images/svg/close-circle.svg);
		background-size: 21px 21px;
		background-position: 17px 17px;
	}

.newsAlertTitle {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 12px;
	position: relative;
}

	.newsAlertTitle .icon {
		position: absolute;
		top: -3px;
		left: -35px;
		font-size: 24px;
		color: #FF9702;
	}

	.newsAlertTitle a {
		color: #231F20;
	}




.alert-close {
	position: absolute;
	display: block;
	width: 24px;
	height: 24px;
	top: 10px;
	right: 10px;
	text-decoration: none;
	background: transparent url(/cms/images/layout/icon-close.png) no-repeat center center /cover;
}

@media only screen and (min-width:48em) {
	.alert {
		margin: 0 0 45px;
	}
}

.bdr {
	border: 1px solid #555244;
	padding: 1px;
	background-color: #a7a496;
}

.bdrTop {
	border-top: 1px solid #999;
}

.bdrRight {
	border-right: 1px solid #999;
}

.bdrBottom {
	border-bottom: 1px solid #999;
}

.bdrLeft {
	border-left: 1px solid #999;
}

.bdrDash {
	border: 1px dashed #555244;
}

.bdrDashTop {
	border-top: 1px dashed #999;
}

.bdrDashRight {
	border-right: 1px dashed #999;
}

.bdrDashBottom {
	border-bottom: 1px dashed #999;
}

.bdrDashLeft {
	border-left: 1px dashed #999;
}

.alternate {
	background-color: #f2f1f5;
}

.row {
	background-color: #ffffff;
}


/* ##  Error Markers  ## */

.fieldlbl {
	padding: 4px 2px 0 0;
	text-align: right;
}

.field {
	padding-left: 2px;
}

.fieldpad {
	padding-bottom: 2px;
}

.fieldtext {
	color: #000000;
}

.fielderror {
	color: #cc0000;
}

.fieldnorm {
	width: 16px;
	height: 20px;
}

.fieldreq {
	width: 16px;
	height: 20px;
	background: transparent url(/cms/images/global/field-req.gif) no-repeat center right;
}

span.fieldreq {
	padding: 0 6px;
	background-position: center center;
}

span.fieldnorm {
	padding: 0 6px;
	background-position: center center;
}

.fieldred {
	width: 16px;
	height: 20px;
	background: transparent url(/cms/images/global/field-error.gif) no-repeat center right;
}

span.fieldred {
	padding: 0 6px;
	background-position: center center;
}


/* ##  Tooltip Classes  ## */

.toolTipWrpr {
	display: none;
	width: 340px;
	z-index: 99;
}

.toolTipShadow {
	background: url(/cms/images/core/tooltipbacktop.png) no-repeat top left;
	padding: 10px 13px 1px 13px;
	color: #666666;
}

.toolTopShadowBottom {
	background: url(/cms/images/core/tooltipbackbottom.png) no-repeat top left;
	width: 340px;
	height: 16px;
}

.toolTipDate {
	font-size: 11px;
	color: #999999;
	font-weight: bold;
}

.toolTipName {
	font-size: 14px;
	color: #666666;
	font-weight: bold;
	margin-bottom: 14px;
}


/* ##  Generic Pager  ## */

.generic-pager {
	margin: 0 0 1em;
}

	.generic-pager ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.generic-pager li {
		display: inline-block;
		margin: 0 3px 5px 0;
		font-size: .875em;
		font-weight: bold;
	}

		.generic-pager li a {
			display: inline-block;
			color: #444444;
			padding: 6px 10px;
			background: #cccccc;
			text-decoration: none;
		}

			.generic-pager li a:hover, .genericPager li a:focus {
				color: #333333;
				background: #aaaaaa;
				text-decoration: none;
			}

		.generic-pager li.nolink {
			color: #fff;
			background: #444444;
			padding: 6px 10px;
		}

		.generic-pager li.active {
			color: #fff;
			background: #444444;
			padding: 6px 10px;
		}


/* ##  Smart Bug  ## */

.smartbug ul {
	list-style-type: none;
	background-color: #ccc;
	font-size: 10px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	padding: 0px;
}

.smartbug li {
	border-bottom: 1px solid #000;
}

.smartbug a, .smartbug a:link, .smartbug a:visited {
	text-decoration: none;
	display: block;
	color: #000;
	padding: 5px;
}

	.smartbug a:hover {
		background-color: #999;
		text-decoration: underline;
	}


/* ##  Master Overlay Styles ## */

.site-overlay {
	position: relative;
	max-width: 800px;
	margin: 0 auto;
	background: #ffffff;
	overflow: hidden;
	-webkit-box-shadow: 0 0 15px #ccc;
	-moz-box-shadow: 0 0 15px #ccc;
	box-shadow: 0 0 15px #ccc;
}

	.site-overlay .overlay-content {
		padding: 15px;
	}


/* Legacy Overlay */
.siteOverlay {
	display: none;
	position: relative;
	width: 550px;
	max-width: 95%;
	min-height: 1px;
	background-color: #fff;
	z-index: 1000;
	-webkit-box-shadow: 0 0 15px #aaa;
	-moz-box-shadow: 0 0 15px #aaa;
	box-shadow: 0 0 15px #aaa;
}

	.siteOverlay .overlayBar {
		position: relative;
		padding: 7px 10px;
		text-align: right;
		border-bottom: 1px solid #e6e6e6;
	}

	.siteOverlay .overlayClose {
		display: inline-block;
		cursor: pointer;
		z-index: 5;
	}

	.siteOverlay .overlayContent {
		padding: 15px;
	}


/* =================================================================
   MODULE STYLES - No Specific home for these yet
===================================================================*/

.breadcrumb-container { /* border-bottom:1px solid #ddd; */ /* padding:10px 0; */
	margin-bottom: 25px;
}

/* ##  Breadcrumb  ## */

.breadcrumbs {
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}

	.breadcrumbs a, .breadcrumbs a:visited {
		text-decoration: none;
		font-weight: bold;
	}

		.breadcrumbs a:hover, .breadcrumbs a:focus, .breadcrumbs a:active {
			text-decoration: underline;
		}

	.breadcrumbs span { /* margin:0 2px; */
		font-weight: normal;
		color: #231F20;
	}

	.breadcrumbs .seperator {
		margin: 0 8px 0 12px;
		vertical-align: middle;
		padding: 0px;
		display: inline-block;
		width: 0px;
		height: 0px;
		border-left: 4px solid #231F20;
		border-top: 3px solid transparent;
		border-bottom: 3px solid transparent;
	}

/* ##  PAGE TOOLS  ## */
/* Print and Email icons and wrapper */

.page-tools-wrapper {
	float: right;
	display: inline;
	padding: 0;
	text-align: right;
}

.page-tool { /* margin:0 5px 0; font-size:0.875em; color:#686868; font-weight:normal; text-decoration:none; cursor:pointer; */
}

.page-tools-wrapper a {
	float: right;
	display: inline;
}

	.page-tools-wrapper a:hover,
	.page-tools-wrapper a:focus,
	.page-tools-wrapper a:active {
		color: #1C4E87;
	}

.page-tools-wrapper .addthis_toolbox {
	float: right;
	display: inline;
}

	.page-tools-wrapper .addthis_toolbox a,
	.page-tools-wrapper .addthis_toolbox a:link,
	.page-tools-wrapper .addthis_toolbox a:visited {
		background: none;
		padding: 0;
		margin: 0 0 0 5px;
	}

.legend-scale ul {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}

	.legend-scale ul li {
		display: block;
		float: left;
		width: 75px;
		margin-bottom: 6px;
		text-align: center;
		font-size: 80%;
		list-style: none;
	}

	.legend-scale ul.legend-labels li span {
		display: block;
		float: left;
		height: 15px;
		width: 75px;
	}

/* ## Page Heading ## */

.page-heading {
	margin-bottom: 15px;
}

	.page-heading .title,
	.page-heading h1 {
		margin: 0;
		padding: 0 0 10px;
		font-size: 30px;
		font-weight: 500;
		background: none;
		border: 0;
		color: #d65f00;
	}

.page-heading-icon {
	text-align: center;
	margin-bottom: 10px;
}

	.page-heading-icon .icon {
		color: #722282;
		font-size: 40px;
	}

	.page-heading-icon .icon-person,
	.page-heading-icon .icon-book {
		font-size: 30px;
	}

	.page-heading-icon img {
		width: 30px;
	}

@media only screen and (min-width:48em) {
	.page-heading .title,
	.page-heading h1 {
		font-size: 34px;
	}

	.page-heading-icon .icon {
		font-size: 50px;
	}

	.page-heading-icon .icon-person,
	.page-heading-icon .icon-book {
		font-size: 40px;
	}

	.page-heading-icon img {
		width: 38px;
	}
}

/* ## Email a Friend ## */

.emailFriendWrapper {
}

	.emailFriendWrapper .inner {
		padding: 10px;
	}

	.emailFriendWrapper .emailFriendSender {
		margin: 10px 0 20px;
		border-bottom: 1px dashed #ccc;
	}

	.emailFriendWrapper .emailFriendAdditional {
		margin: 10px 0 0;
		padding: 20px 0 0;
		border-top: 1px dashed #ccc;
	}


/* ## FAQ ## */

.faq-wrapper {
}

	.faq-wrapper h2 {
	}

	.faq-wrapper .category-header {
	}

	.faq-wrapper .question-list {
		list-style-type: none;
		padding: 0px;
		margin: 0 0 20px 10px;
		position: relative;
	}

		.faq-wrapper .question-list:before {
			position: absolute;
			content: '';
			height: 100%;
			width: 1px;
			left: 0;
			top: -10px;
			background: #ccc;
		}

		.faq-wrapper .question-list li {
			position: relative;
			padding: 0 0 0 20px;
		}

			.faq-wrapper .question-list li:before {
				position: absolute;
				content: '';
				width: 10px;
				height: 1px;
				left: 0;
				top: 10px;
				background: #ccc;
			}

	.faq-wrapper .faq-block {
	}

/* =================================================================
                  Carousel STYLES - Slick
===================================================================*/


.carousel {
	margin-bottom: 20px !important;
}

	.carousel .carousel-item {
		padding: 0 10px;
	}

	.carousel .slick-prev,
	.carousel .slick-next {
		position: absolute;
		bottom: 0px;
	}

	.carousel .slick-prev {
		left: 0px;
	}

	.carousel .slick-next {
		right: 0px;
	}

	.carousel .slick-dots {
		margin: 10px 0 0;
		padding: 0px;
		list-style-type: none;
		text-align: center;
	}

		.carousel .slick-dots li {
			display: inline-block;
			margin: 0 2px;
		}

			.carousel .slick-dots li button {
				text-indent: -9999em;
				text-align: left;
				display: block;
				width: 12px;
				height: 12px;
				padding: 0px;
				background: #dddddd;
				border: 1px solid #cccccc;
				-webkit-border-radius: 20px;
				border-radius: 20px;
			}

			.carousel .slick-dots li.slick-active button {
				background: #aaaaaa;
			}



/* =================================================================
                  Responsive Tabs
===================================================================*/


.tab-module {
}


/* Tabs container */
.r-tabs {
	position: relative;
}

	/* Tab element */
	.r-tabs .r-tabs-nav .r-tabs-tab {
		position: relative;
	}

	/* Tab anchor */
	.r-tabs .r-tabs-nav .r-tabs-anchor {
		display: block;
		padding: 10px 12px;
		text-decoration: none;
		background: #cccccc;
		border: 1px solid #cccccc;
		border-bottom: 0px;
		position: relative;
		bottom: -1px;
	}

	/* Disabled tab */
	.r-tabs .r-tabs-nav .r-tabs-state-disabled {
		opacity: 0.5;
	}

	/* Active state tab anchor */
	.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
		background: #ffffff;
	}

	/* Tab panel */
	.r-tabs .r-tabs-panel {
		/* border:1px solid #ccc; */
	}

	/* Accordion anchor */
	.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
		display: block;
		padding: 10px 12px;
		text-decoration: none;
		background: #eeeff2;
		border-bottom: 0px;
		position: relative;
		bottom: -1px;
		margin: 0 0 0px;
		border-bottom: 1px solid #D8D6DF;
		font-weight: 500;
	}

		.r-tabs .r-tabs-accordion-title .r-tabs-anchor:after {
			position: absolute;
			content: '';
			right: 10px;
			top: 15px;
			border-top: 8px solid #722282;
			border-left: 7px solid transparent;
			border-right: 7px solid transparent;
		}

	/* Active accordion anchor */
	.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
		background: #ffffff;
		border-bottom: 1px solid #D8D6DF;
	}

		.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:after {
			border-top: 0px;
			border-bottom: 8px solid #722282;
			border-left: 7px solid transparent;
			border-right: 7px solid transparent;
		}

	/* Disabled accordion button */
	.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
		opacity: 0.5;
	}




/* My Tasks - Tabs */

.my-tasks-wrpr .r-tabs .r-tabs-nav {
	border-color: #cdcdcd;
	border-style: solid;
	border-width: 1px 1px 0 1px;
}

	.my-tasks-wrpr .r-tabs .r-tabs-nav .r-tabs-anchor {
		margin: 0;
	}

.my-tasks-wrpr .r-tabs .r-tabs-tab {
	float: left;
}

.my-tasks-wrpr .r-tabs .r-tabs-nav .r-tabs-anchor {
	border: none;
	background: #fff;
	color: #722282;
	opacity: .5; /* position:relative; bottom:0; */
	font-weight: bold;
}

	.my-tasks-wrpr .r-tabs .r-tabs-nav .r-tabs-anchor:hover,
	.my-tasks-wrpr .r-tabs .r-tabs-nav .r-tabs-anchor:focus,
	.my-tasks-wrpr .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
		opacity: 1;
		outline: 0;
	}

@media only screen and (min-width:48em) {
	.my-tasks-wrpr .r-tabs .r-tabs-nav {
		position: absolute;
		right: 20px;
		top: -65px;
		border: none;
	}
}

.my-tasks-wrpr .no-tasks {
	background: rgba(123,111,152,.15);
	font-size: 18px;
	padding: 30px 20px;
	border: 1px solid #cdcdcd;
	border-radius: 5px;
}

	.my-tasks-wrpr .no-tasks p:last-child {
		margin: 0;
	}

@media only screen and (min-width:75em) {
	.my-tasks-wrpr .no-tasks {
		font-size: 18px;
		padding: 40px 30px;
	}
}

@media only screen and (max-width:47.938em) {
	.my-tasks-wrpr .no-tasks {
		font-size: 16px;
		padding: 20px 10px;
	}
}


/* =================================================================
                        THIRD PARTY STYLES
===================================================================*/



/* =================================================================
                        PRINT STYLES
===================================================================*/

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a, a:visited {
		text-decoration: underline;
	}

		a[href]:after {
			content: " (" attr(href) ")";
		}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	.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;
	}

	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;
	}
}


/* ## Button Styles ## */

.btn-wrapper,
.btnWrapper {
	display: inline-block;
	text-decoration: none !important;
}

.btn, a.btn {
	display: inline-block;
	margin: 0;
	padding: 14px 25px;
	font-weight: bold;
	color: #fff;
	background: #722282;
	border: 2px solid #722282;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	overflow: visible;
	min-width: 150px;
	border-radius: 26px;
	-wekbit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

	.btn:hover,
	.btn:focus {
		background: #666666;
		border: 2px solid #666;
	}

.btn-alt,
.btnAlt {
}

	.btn-alt .btn,
	.btnAlt .btn {
		color: #722282;
		background-color: transparent;
		border: 2px solid #722282;
		text-align: center;
		text-decoration: none;
		cursor: pointer;
	}

		.btn-alt .btn:hover,
		.btn-alt .btn:focus,
		.btnAlt .btn:hover,
		.btnAlt .btn:focus {
			background: #666666;
			border: 2px solid #666;
			color: #fff;
		}

.btn.white, a.btn.white {
	background: #fff;
	border: 2px solid #fff;
	color: #722282;
}

	.btn.white:hover,
	.btn.white:focus {
		background: #666666;
		border: 2px solid #666;
		color: #fff;
	}

.btn-large .btn {
	padding: 5px 10px;
	font-size: 1.4em;
}

.btn-full-width {
	display: block;
}

	.btn-full-width .btn {
		display: block;
		padding-left: 0;
		padding-right: 0;
	}

	.btn-full-width input.btn {
		width: 100%;
	}


/* ## modifier for icon fonts (IcoMoon) embedded within button wrapper ## */

.btn-wrapper [class^="icon-"] {
	margin: 0 3px;
	font-size: 0.7em;
}


/* ## Site Icons ## */

.iconImage {
	position: relative;
	display: inline-block;
	bottom: 1px;
	width: 10px;
	height: 10px;
	vertical-align: middle;
	text-indent: -9999em;
	background: url(/cms/images/layout/icons_default.png) no-repeat 0 0;
	overflow: hidden;
}

.iconCart {
	width: 22px;
	height: 22px;
	background-position: 0 0;
}

.iconRefresh {
	width: 22px;
	height: 22px;
	background-position: 0 -27px;
}

.iconContinueArrow {
	width: 22px;
	height: 16px;
	background-position: 0 -57px;
}

.iconCheckbox {
	width: 18px;
	height: 14px;
	background-position: -23px -112px;
}

.iconXSquareRed {
	width: 12px;
	height: 12px;
	background-position: 0 -112px;
}

.iconSearch {
	width: 14px;
	height: 14px;
	background-position: -55px 0;
}

.iconQuestion {
	width: 22px;
	height: 22px;
	background-position: 0 -75px;
}


/* ## truncate styling ## */

.truncateLink {
}

	.truncateLink a, .truncateLink a:link, .truncateLink a:visited {
		margin-left: 5px;
	}

		.truncateLink a.truncateMore, .truncateLink a.truncateMore:link, .truncateLink a.truncateMore:visited {
		}

		.truncateLink a.truncateLess, .truncateLink a.truncateLess:link, .truncateLink a.truncateLess:visited {
		}





/* ## Table Wrapper to allow for overflow/scroll on smaller screens ## */
.table-wrapper {
	overflow: auto;
}

.data-table {
	widtH: 100%;
	display: table;
	border-collapse: collapse;
	margin-bottom: 20px;
}

	.data-table tr:nth-child(odd) {
		background: #e6e6e6;
	}

	.data-table th {
		background: #888888;
		padding: 6px 15px;
		font-size: 1em;
		border: 1px solid #888;
		border-bottom: 2px solid #555555;
		color: #fff;
	}

		.data-table th a {
			color: #fff;
			text-decoration: underline;
		}

	.data-table td {
		vertical-align: top;
		padding: 6px 15px;
		border: 1px solid #E1E1E1;
	}

		.data-table td td {
			border-style: none;
		}


/* ## NEW Limit Text Box ## */

.limitTextBox {
	width: 100% !important;
	margin: 0 0 1em;
}

	.limitTextBox span {
		display: none;
	}

.limitTextBoxBar {
	width: 100%;
}

.limitTextBoxBarWrpr {
	width: 100%;
	border: 0px solid #000;
	overflow: hidden;
	font-size: 9px;
	color: #000;
	white-space: nowrap;
	height: 5px;
	background-color: #FDFBBE;
}

.limitTextBoxBarInner {
	width: 0%;
	background-color: #FF0000;
}

.limitTextBoxInputWrpr {
	display: table-cell;
	width: 100%;
	vertical-align: top;
}

	.limitTextBoxInputWrpr textarea {
		vertical-align: top;
		margin: 0px !important;
	}

.limitTextBoxSpellWrpr {
	display: table-cell;
	padding-left: 5px;
	vertical-align: top;
}

	.limitTextBoxSpellWrpr img {
		max-width: 16px !important;
		cursor: pointer;
	}


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


/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {
	.page-tools-wrapper {
		display: none;
	}

	.breadcrumb-container {
		display: none;
	}

	.page-heading {
		margin-bottom: 20px;
	}

	.responsive-table,
	.responsive-table thead,
	.responsive-table tbody,
	.responsive-table tr,
	.responsive-table td {
		display: block;
		width: 100%;
	}

		.responsive-table tr {
			border: 1px solid #E1E1E1;
		}

		.responsive-table th {
			display: none;
		}

		.responsive-table td {
			border-style: none;
		}
}


/* 16px baseline (768px +) */
@media only screen and (min-width:48em) {

	/* Content and layout modifiers */
	.d-align-right {
		text-align: right;
	}

	.d-align-left {
		text-align: left;
	}

	/* ==========================================================================
       Layouts
   ========================================================================== */

	.table-layout {
		display: table;
		width: 100%;
		table-layout: fixed;
	}

		.table-layout .table-cell {
			display: table-cell;
			vertical-align: middle;
		}

			.table-layout .table-cell .inner {
				display: inline-block;
				width: 100%;
				max-width: 40em; /* half of container width */
			}

			.table-layout .table-cell:first-child {
				text-align: right;
			}

				.table-layout .table-cell:first-child .inner {
					text-align: left;
				}

		.table-layout.full-width .table-cell .inner {
			max-width: 2000px;
		}
}


/* Custom Styles */

.container-wide {
	max-width: 120em;
	margin: 0 auto;
	position: relative;
}

.main-container {
	padding: 0 10px;
}

.left-bkgd {
	display: none;
}

@media only screen and (min-width:1390px) {

	.left-bkgd {
		display: block;
		position: absolute;
		right: 100%;
		top: -35px;
		bottom: -20px;
		margin-right: -85px;
		width: 999em;
		background: #fff;
		border-right: 1px solid #D8D6DF;
	}
}

.site-body .container-wide {
	min-height: calc( (100vh) - (304px + 40px) );
}

@media only screen and (min-width:48em) {
	.site-body .container-wide {
		min-height: calc( (100vh) - (163px + 55px) );
	}
}

.archive-title {
	color: #9467a4;
	font-size: 2rem;
}

h2.heading {
	font-size: 22px;
	color: #9467a4;
	font-weight: 300;
	margin: 0 0 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #D8D6DF;
}

	h2.heading.theme1 {
		color: #9467a4;
		padding-bottom: 0;
		border-bottom: 0;
	}

@media only screen and (min-width:48em) {
	h2.heading {
		font-size: 26px;
	}
}

h2.heading.heading-no-border {
	margin: 0;
	padding: 0;
	border: none;
}

.two-column .breadcrumb-container .grid-12 {
	padding: 0;
}

@media only screen and (min-width:48em) {

	.two-column .left-bkgd {
		display: block;
		position: absolute;
		right: 100%;
		top: -35px;
		bottom: -20px;
		margin-right: -280px;
		width: 999em;
		background: #fff;
		border-right: 1px solid #D8D6DF;
	}

	.two-column .container-wide {
		padding-left: 280px;
	}

	.two-column .main-container .rail-nav-wrapper {
		position: absolute;
		left: 0;
		top: 0;
		width: 280px;
	}

	.two-column .container.main-container {
		position: static;
	}

		.two-column .container.main-container .grid-12 {
			position: static;
		}
}



.main-content {
	outline: 0;
}

.has-bkgd-img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.bkgd-img {
	display: none;
}



/* Login Page */
.login-page {
	background: #faf4e8;
}

	.login-page .container {
		max-width: 970px;
	}

	.login-page .login-header {
		padding: 25px 0;
		text-align: center;
	}

		.login-page .login-header p {
			margin: 0;
		}

		.login-page .login-header img {
			width: 250px;
		}

	.login-page .main-content {
		margin: 0 10px 10px;
		border-radius: 23px;
		border: 1px solid #DDE1E2;
		overflow: hidden;
		-webkit-box-shadow: 0px 0px 23px 5px rgba(0,0,0,0.07);
		-moz-box-shadow: 0px 0px 23px 5px rgba(0,0,0,0.07);
		box-shadow: 0px 0px 23px 5px rgba(0,0,0,0.07);
	}

	.login-page .login-column {
		background: #fff;
		padding: 30px 20px 15px;
	}

		.login-page .login-column .inner {
			max-width: 430px;
			margin: 0 auto;
		}

		.login-page .login-column .text h2 {
			font-size: 20px;
			color: #9467a4;
		}

		.login-page .login-column .text p { /* font-size:14px; */
			line-height: 1.4;
		}

		.login-page .login-column .text a {
			text-decoration: underline;
		}

			.login-page .login-column .text a:hover,
			.login-page .login-column .text a:focus {
				text-decoration: none;
			}

.login-set .nice-checkbox label {
	padding-left: 27px;
}

.login-set .nice-checkbox input[type="checkbox"]:not(old) + label > span {
	top: -3px;
}

.login-set .nice-checkbox input[type="checkbox"]:not(old) {
	top: 0;
}

.login-set .fields {
	margin: 10px 0 30px;
}

.login-set .remember {
	margin-bottom: 20px; /* font-size:14px; */
}

.login-set .buttons {
	margin-bottom: 20px;
	text-align: center;
}

.login-set .forgot {
	margin-bottom: 20px;
	text-align: center; /* font-size:14px; */
}

.login-set .need-help {
	margin-bottom: 20px; /* font-size:14px; */
	line-height: 1.4;
}

.login-set .buttons .btn {
	width: 260px;
}

.login-set .forgot a {
	font-weight: 500;
	text-decoration: underline;
	cursor: pointer;
}

	.login-set .forgot a:hover,
	.login-set .forgot a:focus {
		text-decoration: none;
	}

.login-set .need-help a {
	text-decoration: underline;
	font-weight: 500;
}

	.login-set .need-help a:hover,
	.login-set .need-help a:focus {
		text-decoration: none;
	}


.login-page .content-column {
	background: #722282;
	color: #fff;
	padding: 25px 20px 10px;
}

	.login-page .content-column h2 {
		font-size: 20px;
		line-height: 1.4;
		margin: 0 0 1em;
	}

		.login-page .content-column h2 br {
			display: none;
		}

	.login-page .content-column p { /* font-size:14px; */
		line-height: 1.4;
		margin-bottom: 1.4em;
	}


.login-page .formee input[type="text"] {
	padding-left: 40px;
	margin-bottom: 20px;
	background: #fff url("/cms/images/layout/person.png") no-repeat scroll 13px 50%;
}

	.login-page .formee input[type="text"]:hover,
	.login-page .formee input[type="text"]:focus {
		background: #fff url("/cms/images/layout/person.png") no-repeat scroll 13px 50%;
	}

.login-page .formee input[type="password"] {
	padding-left: 40px;
	background: #fff url("/cms/images/layout/lock.png") no-repeat scroll 8px 50%;
}

	.login-page .formee input[type="password"]:hover,
	.login-page .formee input[type="password"]:focus {
		background: #fff url("/cms/images/layout/lock.png") no-repeat scroll 8px 50%;
	}




.login-page .sub-footer {
	background: #faf4e8;
}

.login-page .sub-footer-links {
	text-align: center;
}

	.login-page .sub-footer-links a {
		padding: 10px 20px;
		display: inline-block;
		font-size: 12px;
	}

		.login-page .sub-footer-links a:first-child {
			border-right: 1px solid #dde1e2;
		}

@media only screen and (min-width:48em) {
	.login-page .login-header img {
		width: 330px;
	}

	.login-page .login-column {
		padding: 60px 20px 45px;
	}

	.login-page .content-column {
		padding: 55px 50px 40px;
	}

	.login-set .buttons .btn {
		width: 150px;
	}

	.login-set .fields {
		margin: 10px 0 50px;
		position: relative;
		height: 110px;
	}

	.login-set .remember {
		margin: 0;
		position: absolute;
		left: 0;
		top: 0;
	}

	.login-set .buttons {
		margin: 0;
		text-align: left;
		position: absolute;
		right: 0;
		bottom: 0;
	}

	.login-set .forgot {
		margin: 0;
		text-align: left;
		position: absolute;
		right: 0;
		top: 2px;
	}

	.login-set .need-help {
		margin: 0;
		position: absolute;
		left: 0;
		bottom: 5px;
	}

	.login-page .content-column h2 br {
		display: block;
	}
}

@media only screen and (min-width:60em) {
	.login-page .login-header {
		padding: 25px 0;
		text-align: left;
		padding-left: 65px;
	}

	.login-page .login-column {
		float: left;
		width: 61%;
	}

	.login-page .content-column {
		float: left;
		width: 39%;
		padding: 55px 28px 40px;
	}

	.login-page .login-column .text h2 { /* font-size:22.5px; */
	}

	.login-page .content-column h2 {
		font-size: 22.5px;
	}

	.login-page .content-column p { /* font-size:13.5px; */
	}
}

@media only screen and (max-width:29.99em) {
	.login-set .buttons .btn {
		width: 100%;
	}
}

@media only screen and (max-width:360px) {
	.login-page .login-column .text p a {
		overflow-wrap: break-word;
		word-wrap: break-word;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
	}
}

/* Notifications */
.notifications-wrapper {
}

.notifications-filter {
}

.notifications {
	background: #fff;
	border: 1px solid #D8D6DF;
	border-radius: 6px;
	margin-bottom: 20px;
}


.notifications-footer {
	padding: 15px 15px;
}

.notifications-header {
	padding: 15px 15px 75px 15px;
	position: relative;
	z-index: 9;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.15);
	-moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.15);
	box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.15);
}

.notifications-footer {
	border-top: 1px solid #D8D6DF;
}

.notifications-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

	.notifications-list li {
		padding: 20px 45px;
		border-top: 1px solid #D8D6DF;
		position: relative;
	}

		.notifications-list li a.title {
			display: inline-block;
			margin-bottom: 10px;
		}

		.notifications-list li .description {
			margin-bottom: 10px;
			padding-right: 85px;
			display: none;
			position: relative;
			width: 100%;
			/* white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; */
		}

			.notifications-list li .description a.read-more {
				font-weight: 500;
				position: absolute;
				right: 0;
				text-decoration: underline;
			}

				.notifications-list li .description a.read-more:hover,
				.notifications-list li .description a.read-more:focus {
					text-decoration: none;
				}

		.notifications-list li .time {
			font-size: 12px;
		}

			.notifications-list li .time .icon {
				position: relative;
				font-size: 15px;
				top: 3px;
				margin-right: 3px;
			}

		.notifications-list li.selected {
			background: #f2f1f5;
		}

			.notifications-list li.selected a.title {
				font-weight: bold;
			}

		.notifications-list li .options {
			display: inline-block;
			width: 35px;
			text-align: center;
			font-size: 20px;
			color: #817E7E;
			position: absolute;
			right: 5px;
			top: 50%;
			margin-top: -8px;
		}

		.notifications-list li .nice-checkbox {
			position: absolute;
			left: 15px;
			top: 20px;
		}

.notifications-header-left {
	display: table;
	width: calc((100%) - (370px) );
	float: left;
}

	.notifications-header-left .hdr-cell {
		display: table-cell;
		vertical-align: middle;
		height: 40px;
	}

		.notifications-header-left .hdr-cell.check-all {
			width: 55px;
			display: none;
		}

			.notifications-header-left .hdr-cell.check-all .nice-checkbox {
				display: inline-block;
				width: 24px;
				height: 20px;
			}

				.notifications-header-left .hdr-cell.check-all .nice-checkbox input[type=checkbox]:not(old) + label > span {
					border: 2px solid #722282;
				}

			.notifications-header-left .hdr-cell.check-all .indicator {
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 5px 5px 0 5px;
				border-color: #722282 transparent transparent transparent;
				display: inline-block;
				margin-bottom: 5px;
				margin-left: -3px;
			}

		.notifications-header-left .hdr-cell.read {
			width: 150px;
			display: none;
		}

			.notifications-header-left .hdr-cell.read.unread {
				padding: 0 18px;
				width: 186px;
			}

			.notifications-header-left .hdr-cell.read a {
				font-weight: 500;
				position: relative;
				padding-left: 32px;
				font-size: 16px;
				text-decoration: underline;
				display: inline-block;
			}

				.notifications-header-left .hdr-cell.read a:hover,
				.notifications-header-left .hdr-cell.read a:focus {
					text-decoration: none;
				}

				.notifications-header-left .hdr-cell.read a .icon {
					font-size: 24px; /* stroke-width:1; */
					position: absolute;
					top: -4px;
					left: 0;
				}

		.notifications-header-left .hdr-cell.results {
			font-size: 16px;
			padding-left: 16px;
		}

		.notifications-header-left .hdr-cell .results-txt {
			display: inline-block;
			font-weight: bold;
			color: #000;
		}

		.notifications-header-left .hdr-cell .clear-selected {
			display: inline-block;
		}

			.notifications-header-left .hdr-cell .clear-selected a {
				text-decoration: underline;
				font-weight: 500;
			}

				.notifications-header-left .hdr-cell .clear-selected a:hover,
				.notifications-header-left .hdr-cell .clear-selected a:focus {
					text-decoration: none;
				}



.notifications-header-right {
	width: 370px;
	float: right;
}

	.notifications-header-right .sort-field {
		float: left;
		width: calc( (100%) - (210px) );
		padding: 0 15px;
	}

	.notifications-header-right .paging-field {
		float: right;
		text-align: right;
		width: 210px;
	}

	.notifications-header-right .sort-field select {
		margin-bottom: 0;
	}

	.notifications-header-right .sort-field label {
		margin: 0;
	}

.notifications-footer .genericPager {
	width: 190px;
	margin: 0 auto;
}

.footer-bottom .hdr-cell.read {
	display: none;
}

@media only screen and (min-width:48em) {
	.notifications-header {
		padding: 15px 20px 75px 20px;
	}

		.notifications-header .genericPager {
			float: right;
		}

	.notifications-header-left {
		padding-top: 7px;
	}

	.notifications-footer {
		padding: 18px 20px;
	}

		.notifications-footer .genericPager {
			width: auto;
			float: right;
		}

	.notifications-header-left .hdr-cell.check-all {
		display: table-cell;
	}

	.notifications-header-left .hdr-cell.read {
		display: table-cell;
	}

	.notifications-header-right .sort-field select {
		width: 170px;
	}

	.notifications-list li {
		padding: 20px 50px 20px 55px;
	}

		.notifications-list li .description {
			display: block;
		}


		.notifications-list li .nice-checkbox {
			left: 20px;
		}
}

@media only screen and (min-width:60em) {
	.notifications-header {
		padding: 18px 20px;
	}

	.notifications-header-right .sort-field select {
		width: 150px;
	}

	.notifications-header-left .hdr-cell.read {
		border-right: 1px solid #ddd;
	}
}

@media only screen and (max-width:59.99em) {
	.notifications-header-left .hdr-cell.results {
		position: absolute;
		left: 0;
		bottom: 0;
		padding: 20px 0;
		width: 100%;
		text-align: center;
		background: #f4f4f4;
		border-top: 1px solid #ddd;
		height: auto;
	}
}

@media only screen and (max-width:47.99em) {
	.notifications-header-left {
		width: 0;
	}

	.notifications-header-right {
		width: 100%;
		float: none;
	}

		.notifications-header-right .sort-field {
			float: none;
			padding: 0;
			width: 100%;
			max-width: 260px;
			margin: 0 auto 15px;
		}

		.notifications-header-right .paging-field {
			float: none;
			margin: 0 auto;
			padding-left: 10px;
			width: 100%;
			text-align: center;
		}

	.footer-bottom .hdr-cell.read {
		display: block;
		background: #722282;
		text-align: center;
		padding: 21px 20px;
	}

		.footer-bottom .hdr-cell.read a {
			color: #fff;
			font-weight: 500;
			position: relative;
			padding-left: 32px;
			font-size: 16px;
			text-decoration: underline;
		}

			.footer-bottom .hdr-cell.read a:hover,
			.footer-bottom .hdr-cell.read a:focus {
				text-decoration: none;
			}

			.footer-bottom .hdr-cell.read a .icon {
				font-size: 24px; /* stroke-width:1; */
				position: absolute;
				top: -4px;
				left: 0;
			}
}

/* Notifications Filter */
.notifications-filter {
	margin-bottom: 30px;
}

	.notifications-filter .search-field {
		width: 100%;
		margin-bottom: 20px;
	}

	.notifications-filter .dates {
		width: 100%;
	}

	.notifications-filter .date-field {
		margin-bottom: 20px;
	}

	.notifications-filter .formee .date-field input,
	.site-body .formee .assurance-fillings-filters-date input {
		padding-left: 40px;
		padding-right: 40px;
		margin-bottom: 0;
		background: #fff url("/cms/images/layout/calendar.png") no-repeat scroll 10px 50%;
	}

		.notifications-filter .formee .date-field input:hover,
		.notifications-filter .formee .date-field input:focus {
			background: #fff url("/cms/images/layout/calendar.png") no-repeat scroll 10px 50%;
		}

		.site-body .formee .assurance-fillings-filters-date input:hover,
		.site-body .formee .assurance-fillings-filters-date input:hover {
			background: url("/cms/images/layout/calendar.png") no-repeat scroll 10px 50%;
		}

.ui-datepicker {
	z-index: 9 !important;
}

.ui-widget-header {
	background: #f2f1f5;
}

.ui-datepicker-calendar .ui-state-hover,
.ui-datepicker-calendar .ui-state-focus {
	background: #f2f1f5;
}

@media only screen and (min-width:48em) {
	.notifications-filter {
		margin-bottom: 10px;
	}

		.notifications-filter .search-field {
			float: left;
			width: calc( (100%) - (360px) );
			padding-right: 15px;
		}

		.notifications-filter .dates {
			float: right;
			width: 360px;
		}

		.notifications-filter .date-field {
			float: left;
			width: 50%;
			padding-left: 15px;
		}

		.notifications-filter .read-field {
			padding-left: 15px !important;
		}
}




/* My Account */

.account-block {
	margin-bottom: 20px;
	position: relative;
}

	.account-block .edit-btn {
		background: none;
		border: none;
		color: #722282;
		font-weight: 500;
		text-decoration: underline;
		padding: 0;
		position: absolute;
		top: -5px;
		right: 0;
	}

		.account-block .edit-btn:hover,
		.account-block .edit-btn:focus {
			text-decoration: none;
		}

		.account-block .edit-btn .icon {
			font-size: 25px;
			margin-right: 3px;
			position: relative;
			top: 5px;
		}

	.account-block .report-div {
		display: block;
		padding: 15px 0;
	}

	.account-block .edit-div {
		display: none;
		padding: 15px 0;
	}

	.account-block.edit-mode .report-div {
		display: none;
	}

	.account-block.edit-mode .edit-div {
		display: block;
	}

	.account-block.edit-mode .edit-btn {
		display: none;
	}

.information .report-div .member-image {
	text-align: center;
}

	.information .report-div .member-image .img-wrpr {
		width: 150px;
		height: 150px;
		border-radius: 50%;
		overflow: hidden;
		margin-bottom: 20px;
		display: inline-block;
	}

.report-div span.label,
.edit-div span.label {
	font-size: 12px;
	font-weight: bold;
}

.report-div input.hidden-password {
	background: none;
	border: none;
}

.information .edit-div .member-image {
	text-align: center;
}

	.information .edit-div .member-image .img-wrpr {
		width: 150px;
		height: 150px;
		border-radius: 50%;
		overflow: hidden;
		margin-bottom: 20px;
		display: inline-block;
	}


.account-block.edit-mode .formee {
	margin: 0 -15px;
}

.account-block.edit-mode .field {
	float: left;
	padding: 0 15px;
	width: 100%;
}

.account-block .formee .username-field input {
	padding-left: 40px;
	background: #fff url("/cms/images/layout/person.png") no-repeat scroll 13px 50%;
}

	.account-block .formee .username-field input:hover,
	.account-block .formee .username-field input:focus {
		background: #fff url("/cms/images/layout/person.png") no-repeat scroll 13px 50%;
	}

.account-block .formee .password-field input {
	padding-left: 40px;
	background: #fff url("/cms/images/layout/lock.png") no-repeat scroll 10px 50%;
}

	.account-block .formee .password-field input:hover,
	.account-block .formee .password-field input:focus {
		background: #fff url("/cms/images/layout/lock.png") no-repeat scroll 10px 50%;
	}

.account-block .member-info p {
	margin: 0 0 1.25em;
}

.account-block.edit-mode .buttons {
	border-top: 1px solid #D8D6DF;
	margin-top: 10px;
	padding-top: 25px;
	text-align: center;
}

	.account-block.edit-mode .buttons .btnWrapper.btnAlt {
		margin: 0 10px 0 0;
	}

.account-block.edit-mode .member-image .img-wrpr {
	position: relative;
}

	.account-block.edit-mode .member-image .img-wrpr a.edit-img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(134,73,146,.85);
		text-align: center;
		color: #fff;
		padding-top: 42px;
		text-decoration: underline;
		font-weight: 500;
	}

		.account-block.edit-mode .member-image .img-wrpr a.edit-img:hover,
		.account-block.edit-mode .member-image .img-wrpr a.edit-img:focus {
			background: rgba(134,73,146,1);
			text-decoration: none;
		}

		.account-block.edit-mode .member-image .img-wrpr a.edit-img .icon {
			font-size: 35px;
			position: relative;
			top: 2px;
		}

.account-block.edit-mode .formee select {
	height: 51px;
}

.account-block .member-image input[type="file"] {
	margin: 10px 0;
	max-width: 100%;
	overflow: hidden;
}

.account-block .member-image .member-image-asset {
	display: block;
	margin: 10px 0;
}

	.account-block .member-image .member-image-asset a {
		display: block;
		word-break: break-all;
		overflow: hidden;
	}

	.account-block .member-image .member-image-asset input[type="checkbox"] {
		margin-right: 5px;
	}

@media only screen and (min-width:48em) {
	.information .report-div .member-image {
		float: left;
		width: 190px;
		text-align: left;
	}

	.information .report-div .member-info {
		float: left;
		width: calc( (100%) - (190px) );
	}

	.information .edit-div .member-image {
		float: left;
		width: 190px;
		text-align: left;
	}

	.information .edit-div .member-info {
		float: left;
		width: calc( (100%) - (190px) );
	}

	.account-block.edit-mode .field {
		float: left;
		width: 370px;
	}

	.account-block.edit-mode .state-field,
	.account-block.edit-mode .zip-field {
		width: 100%;
		max-width: 185px;
	}

	.account-block.edit-mode .buttons {
		text-align: right;
	}

	.account-block .member-image .member-image-asset {
		padding-right: 10px;
	}
}

@media only screen and (min-width:48em) and (max-width:74.99em) {
	.account-block.edit-mode .state-field {
		clear: left;
	}
}

.information .report-div .member-image .img-wrpr-img {
	height: 100% !important;
}

@media only screen and (min-width:60em) {
	.information .report-div .member-image {
		width: 240px;
	}

	.information .report-div .member-info {
		width: calc( (100%) - (240px) );
	}

	.information .edit-div .member-image {
		width: 240px;
	}

	.information .edit-div .member-info {
		width: calc( (100%) - (240px) );
	}
}

@media only screen and (min-width:75em) {
	.account-block.edit-mode .state-field,
	.account-block.edit-mode .zip-field {
		width: 100%;
		max-width: 225px;
	}
}

@media only screen and (max-width:29.99em) {
	.account-block.edit-mode .buttons {
		padding-bottom: 65px;
		position: relative;
	}

		.account-block.edit-mode .buttons .btnWrapper {
			display: block;
		}

			.account-block.edit-mode .buttons .btnWrapper.btnAlt {
				margin: 0;
				position: absolute;
				left: 0;
				bottom: 0;
				width: 100%;
			}

		.account-block.edit-mode .buttons .btn {
			width: 100%;
		}
}


.account-block .formee .current-password-field input {
	padding-right: 40px;
}

.field-icon {
	float: right;
	margin-top: -60px;
	margin-right: 2px;
	position: relative;
	z-index: 2;
	width: 40px;
	height: 40px;
	background: #fff url("/cms/images/layout/eye.png") no-repeat scroll 7px 50%;
}

	.field-icon.eye-slash {
		position: relative;
	}

		.field-icon.eye-slash:after {
			position: absolute;
			content: "";
			height: 26px;
			border-left: 2px solid #999;
			border-right: 2px solid #fff;
			left: 18px;
			top: 8px;
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
		}


/* Peer Preview */
.peer-preview-top {
	margin: 0 0 10px;
}

.unit {
	background: #fff;
	border: 1px solid #D8D6DF;
	border-radius: 6px;
	margin-bottom: 20px;
}

	.unit .heading {
		margin: 0;
	}

	.unit.member-info {
		padding: 1.6em 1em;
		text-align: center;
	}

		.unit.member-info .welcome {
			font-size: 20px;
			color: #9467a4;
			margin: 0 0 1em;
			font-family: 'Raleway', sans-serif;
			font-weight: 500;
		}

		.unit.member-info .img-wrpr {
			width: 150px;
			height: 150px;
			border-radius: 50%;
			overflow: hidden;
			margin-bottom: 1em;
			display: inline-block;
		}

		.unit.member-info .position {
			margin-top: 15px;
		}

			.unit.member-info .position .icon {
				font-size: 14px;
				margin-right: 3px;
				position: relative;
				top: 1px;
			}

	.unit.my-account a {
		font-weight: 500;
	}

	.unit .my-account-header {
		padding: 1.75em 1em;
		border-bottom: 1px solid #D8D6DF;
	}

	.unit .my-account-links {
		padding: 1em 1em;
	}

		.unit .my-account-links ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}

			.unit .my-account-links ul li {
				margin-bottom: 15px;
			}

				.unit .my-account-links ul li .digit {
					background: #d65f00;
					color: #231F20;
					font-size: 12px;
					font-weight: bold;
					border-radius: 10px;
					display: inline-block;
					padding: 2px 7px 4px;
				}

	.unit .my-account-footer {
		border-top: 1px solid #D8D6DF;
		text-align: center;
		padding: 1.75em 1em;
	}

	.unit.quicklinks a {
		font-weight: 500;
	}

	.unit .quicklinks-header {
		padding: 1.75em 1em;
		border-bottom: 1px solid #D8D6DF;
	}

	.unit .quicklinks-links {
		padding: 1em 1em;
	}

		.unit .quicklinks-links ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}

			.unit .quicklinks-links ul li {
				margin-bottom: 15px;
			}

				.unit .quicklinks-links ul li .digit {
					background: #d65f00;
					color: #fff;
					font-size: 12px;
					font-weight: bold;
					border-radius: 10px;
					display: inline-block;
					padding: 2px 7px 4px;
				}


	.unit.banner {
		background: #eeeff2;
		padding: 1.5em 8%;
		text-align: center;
		display: table;
		position: relative;
	}

		.unit.banner .inner {
			display: table-cell;
			vertical-align: middle;
			position: relative;
			z-index: 9;
		}

		.unit.banner .heading {
			margin: 0 0 15px;
			color: #fff;
		}

		.unit.banner p {
			line-height: 1.5;
			color: #fff;
			margin-bottom: 1.25em;
		}

		.unit.banner .btn {
			min-width: 175px;
		}

		.unit.banner:after {
			position: absolute;
			content: "";
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: rgba(21,2,78,.7);
			border-radius: 6px;
			display: none;
		}


@media only screen and (min-width:48em) {
	.peer-preview-top {
		margin: 0 -15px 30px;
	}

		.peer-preview-top .unit-wrpr {
			float: left;
			padding: 0 15px;
		}

			.peer-preview-top .unit-wrpr.theme-1 {
				width: 30%;
			}

			.peer-preview-top .unit-wrpr.theme-2 {
				width: 40%;
			}

	.unit.my-account {
		position: relative;
		padding-bottom: 75px;
	}

	.unit .my-account-footer {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
	}

	.unit .my-account-header {
		padding: 1.75em 9%;
	}

	.unit .my-account-links {
		padding: 1.5em 9%;
	}

	/* .unit.quicklinks {position:relative; padding-bottom:75px;} */
	.unit .quicklinks-footer {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
	}

	.unit .quicklinks-header {
		padding: 1.75em 9%;
	}

	.unit .quicklinks-links {
		padding: 1.5em 9%;
	}

	.peer-preview-bottom {
		margin: 0 -15px;
	}

		.peer-preview-bottom .unit-wrpr {
			float: left;
			width: 50%;
			padding: 0 15px;
		}

	.unit.banner {
		padding: 3em 13%;
	}

	.peer-preview-bottom .unit.banner {
		padding: 4em 19%;
	}
}


.my-tasks-wrpr {
	margin: 0 0 30px;
}

.my-tasks-header {
	padding: 1.5em 1em;
	border-bottom: 1px solid #D8D6DF;
}

	.my-tasks-header .heading .digit {
		background: #d65f00;
		color: #fff;
		font-size: 18px;
		font-weight: bold;
		border-radius: 20px;
		display: inline-block;
		padding: 8px 14px 8px;
		margin-right: 5px;
		position: relative;
		top: -3px;
		min-width: 39px;
		text-align: center;
	}


.my-tasks-footer {
	border-top: 1px solid #D8D6DF;
	padding: 1em;
}

	.my-tasks-footer .genericPager {
		width: 190px;
		margin: 0 auto
	}

@media only screen and (min-width:48em) {
	.my-tasks-wrpr {
		margin: 0 0 50px;
	}

	.my-tasks-header {
		padding: 1.5em 2.5%;
	}

		.my-tasks-header .heading .digit {
			font-size: 20px;
			min-width: 40px;
		}

	.my-tasks-footer {
		padding: 1em;
	}

		.my-tasks-footer .genericPager {
			width: auto;
			float: right;
		}
}

/* Events-2col-wrpr */
.events-2col-wrpr {
	margin: 0 0 10px;
}

.events-summary .mod-head {
	padding: 1.75em 1em;
	position: relative;
}

.events-2col-wrpr .heading {
	margin: 0;
}

.events-2col-wrpr .mod-rail .more {
	border-top: 1px solid #D8D6DF;
	text-align: center;
	padding: 1.75em 1em;
	font-weight: 500;
}

.events-summary.my-events .heading {
	padding-left: 60px;
	position: relative;
}

.events-summary .heading .digit {
	background: #d65f00;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	border-radius: 20px;
	display: inline-block;
	padding: 8px 14px 8px;
	margin-right: 5px;
	position: absolute;
	left: 0;
	top: -6px;
	min-width: 39px;
	text-align: center;
}

.events-summary .mod-content {
	padding: 0;
}

.events-summary .item {
	padding: 1em 20px;
	border-top: none;
}

	.events-summary .item.active {
		background: rgba(123,111,152,.15);
	}

	.events-summary .item:first-child {
		padding-top: 20px;
	}

	.events-summary .item:last-child {
		padding-bottom: 20px;
	}

.events-summary h3.title {
	font-size: 16px;
	margin-bottom: 5px;
	font-family: 'Ubuntu', sans-serif;
}

	.events-summary h3.title a {
		font-weight: bold;
		color: #231F20;
	}

		.events-summary h3.title a:hover,
		.events-summary h3.title a:focus {
			text-decoration: underline;
		}

.events-summary .date-time {
	font-size: 12px;
	color: #231F20;
}

.events-summary .date {
	display: inline-block;
}

.events-summary .time {
	display: inline-block;
}

.events-summary .aside.date-icon {
	vertical-align: middle;
}

	.events-summary .aside.date-icon .svg-wrpr {
		background: rgba(123,111,152,.25);
		padding: 12px 14px;
		border-radius: 50%;
	}

	.events-summary .aside.date-icon svg.icon {
		font-size: 20px;
		color: #817E7E;
	}

.events-summary .item > .content {
	vertical-align: middle;
}

.events-summary.my-events .item > .content {
	position: relative;
	padding-right: 85px;
	width: 100%;
}

.events-summary .circles {
	position: absolute;
	right: -10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

	.events-summary .circles a {
		display: inline-block;
		width: 32px;
		height: 32px;
		margin: 0 5px;
		position: relative;
		border: 2px solid #722282;
		border-radius: 50%;
	}

		.events-summary .circles a.check span {
			position: absolute;
			top: 9px;
			left: 6px;
			width: 16px;
			height: 7px;
			border-bottom: 2px solid #722282;
			border-left: 2px solid #722282;
			-ms-transform: rotate(-45deg);
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}

		.events-summary .circles a.close span {
			position: absolute;
			top: 6px;
			left: 6px;
			width: 16px;
			height: 16px;
			-ms-transform: rotate(-45deg);
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}

			.events-summary .circles a.close span:before {
				position: absolute;
				content: "";
				width: 100%;
				height: 2px;
				left: 0;
				top: 7px;
				background: #722282;
			}

			.events-summary .circles a.close span:after {
				position: absolute;
				content: "";
				width: 2px;
				height: 100%;
				left: 7px;
				top: 0;
				background: #722282;
			}

		.events-summary .circles a.check.disabled,
		.events-summary .circles a.close.disabled {
			opacity: 50%;
		}

		.events-summary .circles a.check.active,
		.events-summary .circles a.close.active {
			background: #722282;
		}

			.events-summary .circles a.check.active span {
				border-bottom: 2px solid #fff;
				border-left: 2px solid #fff;
			}

			.events-summary .circles a.close.active span:before {
				background: #fff;
			}

			.events-summary .circles a.close.active span:after {
				background: #fff;
			}

@media only screen and (min-width:48em) {
	.events-2col-wrpr {
		margin: 0 -15px 30px;
	}

		.events-2col-wrpr .unit-wrpr {
			float: left;
			width: 50%;
			padding: 0 15px;
		}

	.events-summary .mod-head {
		padding: 1.75em 5%;
		padding-right: 150px;
	}

	.events-summary .heading .digit {
		font-size: 20px;
		min-width: 40px;
	}

	.events-2col-wrpr .mod-rail {
		position: relative;
		padding-bottom: 75px;
	}

		.events-2col-wrpr .mod-rail .more {
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
		}

	.events-summary .item {
		padding: 1em 5%;
	}
}




.events-summary-filter {
	margin-top: 15px;
	margin-left: 0;
}

.my-events .events-summary-filter {
	margin-top: 15px;
	margin-left: 50px;
}

.events-summary-filter .formee select {
	padding: 10px 30px 10px 10px;
	background: #fff url("/cms/images/layout/select-arrow.png") no-repeat right 10px top 50%;
	font-weight: bold;
	border: none;
	width: auto;
	margin-bottom: 0;
	color: #722282;
}

	.events-summary-filter .formee select:hover,
	.events-summary-filter .formee select:focus {
		background: #fff url("/cms/images/layout/select-arrow.png") no-repeat right 10px top 50%;
		color: #722282;
	}

@media only screen and (min-width:60em) {
	.events-summary .mod-head {
		padding-right: 150px;
	}

	.events-summary-filter {
		position: absolute;
		right: 5%;
		top: 1em;
		margin: 0 -10px 0 0;
	}

	.my-events .events-summary-filter {
		margin: 0 -10px 0 0;
	}
}

/* Checkbox, Radio */
.nice-checkbox,
.nice-radio {
	position: relative;
	/* padding-left:25px; */
}

	.nice-checkbox input[type=checkbox]:not(old),
	.nice-radio input[type=radio]:not(old) {
		width: 1.5em;
		margin: 0;
		padding: 0;
		font-size: 1em;
		opacity: 0;
		position: absolute;
		left: 0;
		top: .125em;
		height: 1.25em;
		z-index: 9;
		cursor: pointer;
	}

		.nice-checkbox input[type=checkbox]:not(old) + label,
		.nice-radio input[type=radio]:not(old) + label {
			/* display      : inline-block; */
			/* margin-left  : -2em; */
			line-height: 1.5em;
		}

			.nice-checkbox input[type=checkbox]:not(old) + label > span,
			.nice-radio input[type=radio]:not(old) + label > span {
				display: inline-block;
				/* width            : 1.1em;
	height           : 1.1em; */
				width: 20px;
				height: 20px;
				margin: 0.1em 0.5em 0.25em 0;
				border: 2px solid #817E7E;
				border-radius: 2px;
				/* background       : #fff; */
				vertical-align: bottom;
				position: absolute;
				left: 0;
				top: 0;
				background: transparent;
			}

			.nice-radio input[type=radio]:not(old) + label > span {
				border-radius: 50%;
			}

		.nice-checkbox input[type=checkbox]:not(old):checked + label > span {
			background: #722282;
			border: 2px solid #722282;
		}

		.nice-radio input[type=radio]:not(old):checked + label > span {
			background: #722282;
			border: 2px solid #722282;
		}

			.nice-checkbox input[type=checkbox]:not(old):checked + label > span:before,
			.nice-radio input[type=radio]:not(old):checked + label > span:before {
				content: "\2713";
				display: block;
				color: #fff;
				font-size: 1em;
				line-height: 1em;
				text-align: center;
				font-weight: bold;
				/* background  : #722282; */
			}

			.nice-radio input[type=radio]:not(old):checked + label > span:before {
				content: "\2022";
				/* width:auto; */
				font-size: 2em;
				line-height: .5em;
				margin-left: 1px;
			}
/* @media only screen and (min-width:60em) {
	.nice-checkbox, 
	.nice-radio {padding-left:30px;}	
} */

/* Lists */
.nice-list {
	list-style: none;
	margin: 0 0 1em;
	padding: 0;
	width: 100% !important;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

	.nice-list li {
		margin: 0 0 10px;
		padding-right: 10px;
		width: 100%;
	}

	.nice-list .nice-checkbox {
		display: inline-block;
		padding-left: 30px;
	}

	.nice-list .nice-radio {
		display: inline-block;
		padding-left: 30px;
	}

	.nice-list li.custom-helptext {
		display: flex;
	}


@media only screen and (min-width:30em) {
	.nice-list li {
		width: 50%;
	}
}

@media only screen and (min-width:60em) {
	.nice-list li {
		width: 33%;
	}
}

@media only screen and (min-width:80em) {
	.nice-list li {
		width: 25%;
	}
}

/* Tooltip */

.tooltip {
	position: relative;
	display: block;
	cursor: default;
	margin: -13px 0 13px;
}

	.tooltip .tooltip-text {
		visibility: hidden;
		background-color: #f2f1f5;
		color: #000;
		text-align: left;
		border-radius: 6px;
		padding: 10px 10px;
		font-weight: normal;
		font-size: 14px;
		border: 1px solid #d6d6d6;
		/* Position the tooltip */
		position: absolute;
		z-index: 9;
		bottom: 100%;
		margin-bottom: 2px;
		left: 0;
	}

		.tooltip .tooltip-text:before {
			position: absolute;
			content: "";
			bottom: -8px;
			left: 50px;
			margin-left: -8px;
			width: 15px;
			height: 15px;
			background: #f0f0f0;
			border-right: 1px solid #d6d6d6;
			border-bottom: 1px solid #d6d6d6;
			-ms-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
		}
/* .tooltip:hover .tooltip-text {
  visibility: visible;
} */

.tooltip-active + .tooltip-text {
	visibility: visible;
}

.tooltip-toggle {
	color: #722282;
	text-decoration: underline;
	font-size: 12px;
	font-weight: 500;
}

	.tooltip-toggle:hover,
	.tooltip-toggle:focus {
		text-decoration: none;
		outline: 0;
	}

	.tooltip-toggle .icon {
		font-size: 20px;
		margin-right: 5px;
		position: relative;
		top: 6px;
	}

/* @media only screen and (max-width:29.99em){
	.tooltip .tooltip-text {
		padding: 6px 12px;
		font-size:14px;
		left:0;
		-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
				transform: translateX(0);		
		}
	.tooltip .tooltip-text:before {
		left:18px;
	}
} */


/* Sortable Table */
.sort-table-wrpr {
	background: #fff;
	padding: 10px 0 0;
	position: relative;
}

	.sort-table-wrpr:before {
		left: 0;
	}

	.sort-table-wrpr:after {
		right: 0;
	}

.sort-table th {
	font-size: 12px;
	text-align: left;
	color: #231F20;
}

	.sort-table th:last-child {
		border-right: none;
	}

.sort-table td {
	font-size: 15px;
	vertical-align: top;
}

	.sort-table td:last-child {
		border-right: none;
	}

table.dataTable.sort-table thead th {
	padding: 10px 20px 10px 10px;
	vertical-align: top;
}

table.dataTable.sort-table tbody td {
	padding: 15px 10px;
	vertical-align: top;
}

	table.dataTable.sort-table tbody td a.task-name {
		font-weight: 500;
	}

	table.dataTable.sort-table tbody td:last-child .status {
		padding-left: 30px;
		line-height: 25px;
		display: inline-block;
		background-size: 25px 25px;
		background-repeat: no-repeat;
		background-position: 0 50%;
	}

		table.dataTable.sort-table tbody td:last-child .status.new {
			background-image: url(/cms/images/svg/new.svg);
		}

		table.dataTable.sort-table tbody td:last-child .status.in-progress {
			background-image: url(/cms/images/svg/in-progress.svg);
		}

		table.dataTable.sort-table tbody td:last-child .status.complete {
			background-image: url(/cms/images/svg/complete.svg);
		}

		table.dataTable.sort-table tbody td:last-child .status.past-due {
			background-image: url(/cms/images/svg/past-due.svg);
		}

.sort-table-wrpr table.dataTable > tbody > tr.child span.dtr-title {
	min-width: 100px;
}

table.dataTable.sort-table tbody td.child .status {
	padding-left: 25px;
	line-height: 25px;
	background-size: 20px 20px;
}

@media only screen and (min-width:48em) {
	table.dataTable.sort-table thead th {
		padding: 10px 20px 10px 10px;
		;
	}

	table.dataTable.sort-table tbody td {
		padding: 15px 10px;
		vertical-align: top;
	}

	.sort-table td {
		font-size: 16px;
	}
}

/* DataTables Overwrite */
.sort-table-wrpr table.dataTable thead th {
	border-bottom: 1px solid #fff;
	vertical-align: top;
}

.sort-table-wrpr table.dataTable.no-footer {
	border-bottom: none;
	position: relative;
	padding-bottom: 10px;
}

	.sort-table-wrpr table.dataTable.no-footer:after {
		position: absolute;
		content: "";
		left: -20px;
		right: -20px;
		bottom: 0;
		height: 1px;
		background: #D8D6DF;
	}

.sort-table-wrpr .dataTables_wrapper .dataTables_filter input {
	padding-right: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sort-table-wrpr .dataTables_wrapper .dataTables_filter label {
	display: inline-block;
	height: 45px;
	position: relative;
}

	.sort-table-wrpr .dataTables_wrapper .dataTables_filter label:after {
		position: absolute;
		content: "";
		width: 40px;
		height: 45px;
		top: 0;
		right: 0;
		background-image: url(/cms/images/svg/icon-search.svg);
		background-size: 20px 20px;
		background-repeat: no-repeat;
		background-position: 25% 50%;
	}

.sort-table-wrpr .dataTables_wrapper .dataTables_filter {
	margin-right: 0;
	margin-bottom: 15px;
}

.sort-table-wrpr .dataTables_wrapper .dataTables_paginate {
	padding-top: .5em;
}

.sort-table-wrpr .dataTables_wrapper .dataTables_info {
	padding-top: 1em;
}

.sort-table-wrpr .dataTables_wrapper .dataTables_paginate .paginate_button {
	margin: 0;
}

.sort-table-wrpr .dataTables_wrapper .dataTables_filter input {
	border-radius: 6px;
}

.sort-table-wrpr table.dataTable > tbody > tr.child span.dtr-title {
	text-transform: none;
	color: #231F20;
	opacity: .5;
}

.sort-table-wrpr .dataTables_wrapper .dataTables_length select {
	padding: 11px 10px;
	border: 1px solid #cdcdcd;
	border-radius: 6px;
}


@media only screen and (min-width:48em) {
	.sort-table-wrpr .dataTables_wrapper .dataTables_paginate {
		padding-top: 1em;
	}

	.sort-table-wrpr .dataTables_wrapper .dataTables_info {
		padding-top: 1.5em;
	}
}

@media only screen and (max-width:480px) {
	.sort-table-wrpr .dataTables_wrapper .dataTables_filter input {
		max-width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}


/* Profile Home */
/* Profile Details */
.profile-details {
	margin-bottom: 20px;
}

.details-header {
	display: block;
	background: none;
	border: none;
	text-align: center;
	color: #722282;
	font-weight: 500;
	margin: 0 auto 15px;
	width: 80px;
	padding: 0 20px 0 0;
	text-decoration: underline;
	position: relative;
}

	.details-header span {
		position: absolute;
		top: 4px;
		right: 3px;
		width: 14px;
		height: 14px;
	}

		.details-header span:before {
			position: absolute;
			content: "";
			width: 14px;
			height: 2px;
			left: 0;
			top: 6px;
			background: #722282;
		}

		.details-header span:after {
			position: absolute;
			content: "";
			width: 2px;
			height: 14px;
			left: 6px;
			top: 0;
			background: #722282;
		}

	.details-header.active span:after {
		display: none;
	}

.details-content {
	outline: 0;
}

	.details-content > div {
		margin: 0 0 10px;
	}

.details-name {
	font-weight: bold;
	padding-right: 3px;
}

	.details-name svg.icon {
		font-size: 22px;
		color: #722282;
		position: relative;
		top: 3px;
		margin-right: 3px;
		display: none;
	}

.details-content > div {
	margin-bottom: 10px;
}

.details-name {
	float: left;
	width: 50%;
	text-align: right;
	padding-right: 10px;
	line-height: 25px;
}

.details-data {
	float: left;
	width: 50%;
	line-height: 25px;
}

	.details-data .status {
		padding-left: 30px;
		line-height: 25px;
		display: inline-block;
		background-size: 25px 25px;
		background-repeat: no-repeat;
		background-position: 0 50%;
		width: 115px;
		text-align: left;
	}

		.details-data .status.new {
			background-image: url(/cms/images/svg/new.svg);
		}

		.details-data .status.in-progress {
			background-image: url(/cms/images/svg/in-progress.svg);
		}

		.details-data .status.complete {
			background-image: url(/cms/images/svg/complete.svg);
		}

		.details-data .status.past-due {
			background-image: url(/cms/images/svg/past-due.svg);
		}

@media only screen and (min-width:48em) {
	.profile-details {
		margin-bottom: 30px;
	}

	.details-header {
		display: none;
	}

	.details-content {
		display: block !important;
		text-align: center;
	}

		.details-content > div {
			display: inline-block;
			padding: 0 20px;
			border-right: 1px solid #ccc;
			line-height: 25px;
		}

			.details-content > div:last-child {
				border-right: none;
			}

				.details-content > div:last-child .details-name {
					Xdisplay: none;
				}

	.details-name svg.icon-pencil-3 {
		font-size: 23px;
	}

	.details-name {
		float: none;
		width: auto;
		text-align: left;
		padding-right: 0;
	}

	.details-data {
		float: none;
		width: auto;
	}

	.details-name svg.icon {
		display: inline;
	}
}



.profile {
	padding: 20px 0;
}

.profile-header {
	display: block;
	background: #fff;
	border: 1px solid #D8D6DF;
	width: 100%;
	padding: 16px 60px 16px 45px;
	border-radius: 5px;
	color: #9467a4;
	text-align: left;
	font-size: 22px;
	font-family: 'Raleway', sans-serif;
	position: relative;
	margin-bottom: 15px;
	outline: 0;
}

	.profile-header .icon {
		font-size: 26px;
		color: #722282;
		position: absolute;
		left: 25px;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	.profile-header img {
		width: 24px;
		position: absolute;
		left: 25px;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	.profile-header[data-expander="demographics"] .icon,
	.profile-header[data-expander="education"] .icon {
		font-size: 24px;
	}

	.profile-header span {
		position: absolute;
		top: 0;
		right: 0;
		width: 60px;
		height: 100%;
		background: #fff;
		border: none;
		border-left: 1px solid #D8D6DF;
		border-radius: 0 5px 5px 0;
		padding: 0;
	}

		.profile-header span:after {
			position: absolute;
			content: "\232a";
			font-family: 'icomoon';
			left: 50%;
			margin-left: -8px;
			top: 50%;
			margin-top: -9px;
			font-weight: bold;
			font-size: 18px;
			color: #722282;
			-ms-transform: rotate(90deg);
			-webkit-transform: rotate(90deg);
			transform: rotate(90deg);
		}

	.profile-header.active span:after {
		-ms-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

	.profile-header.active {
		border-bottom: none;
		border-radius: 5px 5px 0 0;
		margin: 0;
	}

.profile-content {
	background: #fff;
	border: 1px solid #D8D6DF;
	padding: 20px;
	border-radius: 0 0 5px 5px;
	margin-bottom: 15px;
}

	.profile-content .profile-link {
		display: none;
	}

	.profile-content .details > div {
		margin-bottom: 10px;
	}


@media only screen and (min-width:48em) {
	.profile-header {
		display: none;
	}

	.profile-content {
		display: block !important;
		padding: 22px 75px 22px 15px;
		border-radius: 5px;
		position: relative;
		margin-bottom: 25px;
	}

		.profile-content .profile-link {
			display: inline-block;
			color: #9467a4;
			font-family: 'Raleway', sans-serif;
			font-size: 22px;
			font-weight: 300;
			position: relative;
			padding-left: 35px;
		}

			.profile-content .profile-link .icon {
				font-size: 26px;
				color: #722282;
				position: absolute;
				left: 13px;
				top: 50%;
				-webkit-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
			}

			.profile-content .profile-link img {
				width: 24px;
				position: absolute;
				left: 13px;
				top: 50%;
				-webkit-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
			}

		.profile-content#demographics .profile-link .icon,
		.profile-content#education .profile-link .icon {
			font-size: 24px;
		}


		.profile-content .btn {
			position: absolute;
			top: 0;
			right: 0;
			width: 75px;
			height: 100%;
			background: #fff;
			border: none;
			border-left: 1px solid #D8D6DF;
			border-radius: 0 5px 5px 0;
			padding: 0;
			min-width: auto;
			color: transparent;
			font-size: 0;
		}

			.profile-content .btn:after {
				position: absolute;
				content: "\232a";
				font-family: 'icomoon';
				left: 50%;
				margin-left: -8px;
				top: 50%;
				margin-top: -9px;
				font-weight: bold;
				font-size: 18px;
				color: #722282;
			}

			.profile-content .btn:hover,
			.profile-content .btn:focus {
				background: #f2f1f5;
			}

		.profile-content .details {
			float: right;
			font-size: 14px;
		}

			.profile-content .details > div {
				display: inline-block;
				padding: 0 10px;
				margin-bottom: 0;
			}

				.profile-content .details > div:last-child {
					border-left: 1px solid #D8D6DF;
					min-width: 145px;
				}

				.profile-content .details > div:first-child {
					border-left: none;
				}

				.profile-content .details > div:last-child .details-name {
					display: none;
				}
}

@media only screen and (min-width:50em) {
	.profile-content .profile-link {
		font-size: 26px;
		padding-left: 45px;
	}

		.profile-content .profile-link .icon {
			font-size: 36px;
			left: 18px;
		}

	.profile-content#demographics .profile-link .icon,
	.profile-content#education .profile-link .icon {
		font-size: 30px;
	}

	.profile-content .details {
		margin-right: 5px;
		font-size: 16px;
	}

		.profile-content .details > div {
			padding: 0 15px;
		}

	.profile-content .profile-link img {
		width: 28px;
		left: 18px;
	}
}

@media only screen and (max-width:47.99em) {
	.profile-content .btn {
		display: block;
		width: 100%;
		max-width: 360px;
		margin: 20px auto 0;
	}

		.profile-content .btn:focus {
			background: #722282;
			border: 2px solid #722282;
		}
}


/* Introduction */
.bottom-buttons {
	margin: 20px 0 20px;
	padding-top: 30px;
	border-top: 1px solid #D8D6DF;
}

	.bottom-buttons .back-link {
		font-size: 20px;
		font-weight: bold;
		position: relative;
		padding-left: 22px;
		margin-top: 15px;
		margin-bottom: 15px;
		display: none;
	}

		.bottom-buttons .back-link:before {
			position: absolute;
			content: "\2329";
			font-family: 'icomoon';
			left: 0;
			top: 3px;
			font-weight: bold;
			font-size: 16px;
		}

@media only screen and (min-width:48em) {
	.bottom-buttons {
		margin: 30px 0 20px;
	}

		.bottom-buttons .back-link {
			display: inline-block;
			cursor: pointer;
		}

		.bottom-buttons .buttons-right {
			float: right;
		}

			.bottom-buttons .buttons-right .btnWrapper {
				margin-left: 10px;
				margin-bottom: 10px;
			}
}

@media only screen and (max-width:47.99em) {
	.bottom-buttons .buttons-right .btnWrapper {
		display: block;
		width: 100%;
		max-width: 360px;
		margin: 0 auto 15px;
	}

	.bottom-buttons .buttons-right .btn {
		width: 100%;
	}
}

/* Demographics */
.demographics {
}

.profile-header-2 {
	display: block;
	background: #fff;
	border: 1px solid #D8D6DF;
	width: 100%;
	padding: 13px 70px 13px 25px;
	border-radius: 5px;
	text-align: left;
	position: relative;
	margin-bottom: 15px;
	outline: 0;
}

	.profile-header-2 h2.heading {
		color: #9467a4;
		font-size: 22px;
		font-family: 'Raleway', sans-serif;
		display: inline-block;
		margin-bottom: 0;
		border-bottom: 0;
		padding-bottom: 0;
	}

	.profile-header-2 span.arrow {
		position: absolute;
		top: 0;
		right: 0;
		width: 60px;
		height: 100%;
		background: #fff;
		border: none;
		border-left: 1px solid #D8D6DF;
		border-radius: 0 5px 5px 0;
		padding: 0;
	}

		.profile-header-2 span.arrow:after {
			position: absolute;
			content: "\232a";
			font-family: 'icomoon';
			left: 50%;
			margin-left: -8px;
			top: 50%;
			margin-top: -9px;
			font-weight: bold;
			font-size: 18px;
			color: #722282;
			-ms-transform: rotate(90deg);
			-webkit-transform: rotate(90deg);
			transform: rotate(90deg);
		}

	.profile-header-2.active span.arrow:after {
		-ms-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

	.profile-header-2.active {
		border-bottom: none;
		border-radius: 5px 5px 0 0;
		margin: 0;
	}

	.profile-header-2 .details-content {
		float: right;
		margin: 10px 0 0 0;
		display: none;
	}


.profile-content-2 {
	background: #fff;
	border: 1px solid #D8D6DF;
	padding: 20px;
	border-radius: 0 0 5px 5px;
	margin-bottom: 15px;
	outline: 0;
}

	.profile-content-2 h3 {
		font-size: 20px;
		color: #9467a4;
		margin: 5px 0 20px;
		padding-right: 70px;
		position: relative;
	}

	.profile-content-2 .details-header {
		margin: 0 0 15px;
	}

	.profile-content-2 .edit-btn {
		background: none;
		border: none;
		color: #722282;
		font-weight: 500;
		text-decoration: underline;
		padding: 0;
		position: absolute;
		top: -53px;
		right: 0;
		font-size: 16px;
		font-family: 'Ubuntu', sans-serif;
		outline: 0;
	}

		.profile-content-2 .edit-btn:hover,
		.profile-content-2 .edit-btn:focus {
			text-decoration: none;
		}

		.profile-content-2 .edit-btn .icon {
			font-size: 25px;
			margin-right: 3px;
			position: relative;
			top: 5px;
		}

.preferred {
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0 25px;
	color: #d65f00;
}

span.pref {
	color: #d65f00;
}

.info-tbl {
}

	.info-tbl span.heading {
		display: block;
		font-size: 12px;
		font-weight: bold;
		margin-bottom: 5px;
		font-size: 1.01em;
	}

	.info-tbl .info-block {
		margin-bottom: 20px;
		padding-right: 10px;
	}



@media only screen and (min-width:60em) {
	.profile-header-2 .details-content {
		display: block;
	}

	.profile-header-2 h2.heading {
		margin-top: 10px;
	}

	.profile-content-2 .profile-details {
		display: none;
	}

	.info-tbl .info-block {
		float: left;
		width: 33%;
		max-width: 250px;
	}
}

@media only screen and (max-width:47.99em) {
	.profile-header-2 {
		padding: 16px 60px 16px 15px;
	}

		.profile-header-2 span.arrow {
			width: 50px
		}

	.profile-content-2 {
		padding: 20px 15px;
	}

		.profile-content-2 .profile-details {
			border-bottom: 1px solid #D8D6DF;
			margin: 0 -15px 20px;
			padding: 0 20px 10px;
		}
}

/* Page Tools */
.page-tools {
	text-align: right;
	margin-bottom: 20px;
	font-weight: 500;
}

	.page-tools a {
		display: inline-block;
		margin: 0 5px;
		text-decoration: underline;
	}

		.page-tools a:hover,
		.page-tools a:focus {
			text-decoration: none;
		}

		.page-tools a .icon,
		.page-tools button .icon {
			font-size: 18px;
			position: relative;
			top: 3px;
			margin-right: 3px;
		}

	.page-tools button .all {
		display: none;
	}

	.page-tools button.expand,
	.page-tools button.collapse {
		position: relative;
		padding-left: 25px;
		padding-right: 0;
		cursor: pointer;
		background: none;
		border: none;
		text-decoration: underline;
		color: #722282;
		font-weight: 500;
		outline: 0;
	}

	.page-tools button.expand:hover,
	.page-tools button.expand:focus,
	.page-tools button.collapse:hover,
	.page-tools button.collapse:focus {		
		text-decoration: none;
	}


	.page-tools button .circle {
		position: absolute;
		left: 0;
		top: 0;
		width: 20px;
		height: 20px;
		border: 1px solid #722282;
		border-radius: 50%;
	}

		.page-tools button .circle:before {
			position: absolute;
			content: "";
			width: 10px;
			height: 2px;
			top: 8px;
			left: 4px;
			background: #722282;
		}

	.page-tools button.expand .circle:after {
		position: absolute;
		content: "";
		width: 2px;
		height: 12px;
		top: 3px;
		left: 8px;
		background: #722282;
	}

@media only screen and (min-width:48em) {
	.page-tools a,
	.page-tools button {
		margin: 0 10px;
	}

		.page-tools button .all {
			display: inline;
		}
}


.long-email {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}


/* Home Contact Information */
.home-contact-info {
}

	.home-contact-info h2.heading {
		border-bottom: none;
	}

	.home-contact-info .account-block {
		padding: 10px 0 20px;
		border-bottom: 1px solid #D8D6DF;
	}

		.home-contact-info .account-block:last-child {
			border-bottom: none;
			padding: 10px 0 0;
		}

		.home-contact-info .account-block .formee select {
			height: 51px;
		}

	.home-contact-info .required {
		font-size: 12px;
		font-weight: bold;
		color: #d65f00;
		position: absolute;
		top: -20px;
		right: 0;
		display: none;
	}

@media only screen and (min-width:48em) {
	.home-contact-info .account-block {
		padding: 10px 0 30px;
	}

	.home-contact-info .formee {
		margin: 0 -15px;
	}

	.home-contact-info .field {
		padding: 0 15px;
		float: left;
	}

		.home-contact-info .field.width2 {
			width: 240px;
		}

		.home-contact-info .field.width3 {
			width: 360px;
		}

		.home-contact-info .field.width5 {
			width: 100%;
			max-width: 600px;
		}

	.home-contact-info .required {
		display: block;
	}
}

@media only screen and (min-width:60em) {
	.home-contact-info .required {
		top: -45px;
	}
}


/* Review & Submit	 */
.review-submit {
}

	.review-submit .profile-header-2 h2.heading {
		position: relative;
		padding-left: 35px;
	}

		.review-submit .profile-header-2 h2.heading svg.icon {
			position: absolute;
			left: 0;
			top: 3px;
			color: #722282;
		}

			.review-submit .profile-header-2 h2.heading svg.icon.icon-briefcase,
			.review-submit .profile-header-2 h2.heading svg.icon.icon-expertise {
				font-size: 24px;
				top: 0;
			}

		.review-submit .profile-header-2 h2.heading img {
			position: absolute;
			left: 0;
			top: 3px;
			width: 22px;
		}

@media only screen and (min-width:48em) {
	.review-submit .profile-header-2 {
		padding-left: 20px;
	}

		.review-submit .profile-header-2 h2.heading {
			font-size: 26px;
			padding-left: 40px;
		}

			.review-submit .profile-header-2 h2.heading svg.icon.icon-briefcase,
			.review-submit .profile-header-2 h2.heading svg.icon.icon-expertise {
				font-size: 30px;
				top: -2px;
			}

			.review-submit .profile-header-2 h2.heading img {
				width: 26px;
			}
}

.inner-block {
	border: 1px solid #D8D6DF;
	border-radius: 5px;
	margin-bottom: 15px;
}

	.inner-block:last-child {
		margin-bottom: 0;
	}

.inner-block-header {
	background: rgba(123,111,152,.05);
	border-bottom: 1px solid #D8D6DF;
	padding: 14px 15px;
}

	.inner-block-header h3 {
		margin: 0;
		font-size: 18px;
		font-weight: 300;
		display: inline-block;
	}

	.inner-block-header .details-content {
		float: right;
		display: none;
		position: relative;
		top: 3px;
	}


.inner-block-content {
	padding: 15px;
}

@media only screen and (min-width:48em) {
	.inner-block {
		margin-bottom: 20px;
	}

	.inner-block-header {
		padding: 10px 0 10px 20px;
	}

		.inner-block-header h3 {
			font-size: 24px;
			margin-top: 5px;
		}

	.inner-block-content {
		padding: 20px;
	}
}

/* Acknowledgement */

.acknowledgement {
	background: #F2F1F5;
	border: 1px solid #D8D6DF;
	border-radius: 5px;
	padding: 20px 15px;
}

	.acknowledgement .nice-checkbox {
		display: inline-block;
		margin: 0 0 15px 0;
	}

		.acknowledgement .nice-checkbox input[type="checkbox"]:not(old) + label {
			display: block;
			padding-left: 30px;
		}

@media only screen and (min-width:48em) {
	.acknowledgement {
		padding: 20px;
		margin: 40px 0 30px;
	}

		.acknowledgement .buttons-right {
			float: right;
		}

		.acknowledgement .nice-checkbox {
			margin: 15px 10px 10px 0;
		}
}

@media only screen and (max-width:47.99em) {
	.acknowledgement .buttons-right .btnWrapper {
		display: block;
		width: 100%;
		max-width: 360px;
		margin: 0 auto 0;
	}

	.acknowledgement .buttons-right .btn {
		width: 100%;
	}
}


/* Role Switching */
#select-role .mfp-close {
	display: none;
}

#select-role.site-overlay {
	border: 1px solid #D8D6DF;
	border-top: 5px solid #722282;
	border-radius: 5px;
	max-width: 450px;
}

#select-role .overlay-content {
	padding: 20px 20px;
}

	#select-role .overlay-content .img-wrpr {
		width: 50px;
		margin: 0 auto;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		overflow: hidden;
		margin-bottom: 1em;
	}

	#select-role .overlay-content h2 {
		text-align: center;
		color: #9467a4;
		font-weight: 300;
		font-size: 22px;
		margin: 0 0 .5em;
	}

	#select-role .overlay-content p {
		text-align: center;
		padding: 0 10px;
		margin: 0 0 20px;
	}

#select-role .role-link {
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 20px 15px;
	border: 1px solid #D8D6DF;
	border-radius: 5px;
	margin-bottom: 10px;
	text-decoration: none;
	cursor: pointer;
}

	#select-role .role-link:last-child {
		margin-bottom: 0;
	}

	#select-role .role-link:hover,
	#select-role .role-link:focus {
		text-decoration: none;
		background: #f2f1f5;
	}

	#select-role .role-link svg.icon {
		margin-right: 5px;
		position: relative;
		top: 2px;
		font-size: 20px;
	}

	#select-role .role-link svg.icon-institution {
		font-size: 22px;
		top: 4px;
		left: 1px;
	}

	#select-role .role-link span {
		display: block;
		font-size: 16px;
		color: #231F20;
		font-weight: normal;
	}

#select-role .back-link {
	font-size: 16px;
	font-weight: 500;
	position: absolute;
	padding-left: 16px;
	top: 25px;
	cursor: pointer;
}

	#select-role .back-link:before {
		position: absolute;
		content: "\2329";
		font-family: 'icomoon';
		left: 0;
		top: 3px;
		font-weight: bold;
		font-size: 12px;
	}

#select-role .step2 {
	display: none;
}

.institution-active #select-role .step1 {
	display: none;
}

.institution-active #select-role .step2 {
	display: block;
}


@media only screen and (min-width:48em) {
	#select-role .overlay-content {
		padding: 25px 20px;
	}

		#select-role .overlay-content h2 {
			font-size: 26px;
		}

	#select-role .role-link {
		font-size: 20px;
		padding: 22px 20px;
		margin-bottom: 20px;
	}
}

/* Are You Sure, Reviewing Information... */
#are-you-sure .mfp-close {
	display: none;
}

#are-you-sure.site-overlay {
	border: 1px solid #D8D6DF;
	border-top: 5px solid #722282;
	border-radius: 5px;
	max-width: 600px;
}

#are-you-sure .overlay-content {
	padding: 70px 20px 60px;
}

	#are-you-sure .overlay-content h2 {
		text-align: center;
		color: #242424;
		font-weight: bold;
		font-size: 26px;
		margin: 0 0 .5em;
	}

	#are-you-sure .overlay-content p {
		text-align: center;
		padding: 0 10px;
		margin: 0 0 20px;
	}

#are-you-sure .btn {
	margin: 5px 8px;
	min-width: 170px;
}

#are-you-sure .mfp-close {
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 19px;
	position: static;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	padding: 14px 25px;
	color: #722282;
	font-style: normal;
	font-size: 16px;
	font-family: 'Ubuntu', sans-serif;
}

#are-you-sure .btn.mfp-close:hover,
#are-you-sure .btn.mfp-close:focus {
	color: #fff;
}


#reviewing-information .mfp-close {
	display: none;
}

#reviewing-information.site-overlay {
	border: 1px solid #D8D6DF;
	border-top: 5px solid #722282;
	border-radius: 5px;
	max-width: 600px;
}

#reviewing-information .overlay-content {
	padding: 50px 20px 50px;
}

	#reviewing-information .overlay-content h2 {
		text-align: center;
		color: #242424;
		font-weight: bold;
		font-size: 26px;
		margin: 0 0 .5em;
	}

	#reviewing-information .overlay-content p {
		text-align: center;
		padding: 0 10px;
		margin: 0 auto 0;
		max-width: 275px;
	}

#reviewing-information .btn {
	margin: 5px 8px;
	min-width: 170px;
}


/* Loader */

.loader,
.loader:after {
	border-radius: 50%;
	width: 10em;
	height: 10em;
}

.loader {
	margin: 0 auto 30px;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: .6em solid rgba(7, 92, 119, 0.2);
	border-right: .6em solid rgba(7, 92, 119, 0.2);
	border-bottom: .6em solid rgba(7, 92, 119, 0.2);
	border-left: .6em solid #075C77;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/* Thank You */
.thank-you {
	text-align: center;
	padding-top: 70px;
}

	.thank-you p {
		margin: 0 0 1.25em;
	}

	.thank-you .checkmark {
		background: rgba(39,91,116,.15);
		width: 100px;
		height: 100px;
		border-radius: 50%;
		display: inline-block;
		position: relative;
	}

		.thank-you .checkmark:after {
			position: absolute;
			content: "";
			left: 50%;
			top: 50%;
			width: 53px;
			height: 23px;
			border-left: 5px solid #275B74;
			border-bottom: 5px solid #275B74;
			-ms-transform: rotate(-45deg);
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
			-webkit-transform: translate(-50%, -50%) rotate(-45deg);
			-ms-transform: translate(-50%, -50%) rotate(-45deg);
			transform: translate(-50%, -50%) rotate(-45deg);
			margin-top: -5px;
		}


/* Flatpickr */
.formee .flatpickr.flatpickr-date {
	width: 140px;
	padding-right: 30px;
	background: #fff url("/cms/images/layout/calendar.png") no-repeat scroll right 7px top 50%/ 18px auto;
}

	.formee .flatpickr.flatpickr-date:hover,
	.formee .flatpickr.flatpickr-date:focus {
		background: #fff url("/cms/images/layout/calendar.png") no-repeat scroll right 7px top 50%/ 18px auto;
	}

.formee .flatpickr.flatpickr-time {
	width: 140px;
	padding: 0 10px;
	line-height: 48px;
	min-height: 48px;
}


.formee .flatpickr.flatpickr-date-time {
	width: 210px;
	padding-right: 30px;
	background: #fff url("/cms/images/layout/calendar.png") no-repeat scroll right 7px top 50%/ 18px auto;
}

	.formee .flatpickr.flatpickr-date-time:hover,
	.formee .flatpickr.flatpickr-date-time:focus {
		background: #fff url("/cms/images/layout/calendar.png") no-repeat scroll right 7px top 50%/ 18px auto;
	}

@media only screen and (min-width:48em) {
	.formee .flatpickr.flatpickr-time {
		line-height: 50px;
		min-height: 50px;
	}
}

/* Employment */
.employment-history-wrpr .sort-table-wrpr {
	border: 1px solid #D8D6DF;
	border-radius: 5px;
	margin-bottom: 20px;
	padding: 0;
}

	.employment-history-wrpr .sort-table-wrpr table.dataTable.no-footer:after {
		display: none;
	}

.employment-history-wrpr table.dataTable.sort-table thead th {
	padding: 20px 20px 20px 10px;
	border-bottom: 1px solid #D8D6DF;
}

.employment-history-wrpr table.dataTable tr.primary {
	background: #eceaf0;
}

.employment-history-wrpr table.dataTable.sort-table tbody td {
	vertical-align: top;
}

	.employment-history-wrpr table.dataTable.sort-table tbody td:first-child a {
		display: inline-block;
		width: 27px;
		border: 1px solid transparent;
		border-radius: 5px;
		margin: 0 3px;
	}

		.employment-history-wrpr table.dataTable.sort-table tbody td:first-child a:hover,
		.js-keyboard-user .employment-history-wrpr table.dataTable.sort-table tbody td:first-child a:focus {
			border-color: #722282;
		}

	.employment-history-wrpr table.dataTable.sort-table tbody td:nth-child(2) {
		padding-left: 20px;
	}

.employment-history-filter {
	padding: 20px 20px 5px;
	border-bottom: 1px solid #D8D6DF;
}

	.employment-history-filter .search-field {
		margin-bottom: 20px;
	}

@media only screen and (min-width:60em) {
	.employment-history-filter .search-field {
		float: left;
		padding-right: 20px;
		width: calc( (100%) - (210px) );
	}

	.employment-history-filter .sort-field {
		float: left;
		width: 210px;
	}
}


.js-click-user *:focus,
.js-click-user *:active {
	outline: 0;
}

/*HLC custome css*/
/*.main-content a:not([class*="btn"]) {
	color: #722282;
	text-decoration: underline;
}*/

.BlueLinks a {
	color: #722282;
	text-decoration: underline;
}

.home-contact-info .field,
.nice-list,
.formee .formee-txt, .formee input[type="text"], .formee input[type="search"], .formee input[type="email"], .formee input[type="url"], .formee input[type="tel"], .formee input[type="number"], .formee input[type="range"], .formee input[type="date"], .formee input[type="month"], .formee input[type="week"], .formee input[type="time"], .formee input[type="datetime"], .formee input[type="datetime-local"], .formee input[type="color"], .formee input[type="password"], .formee input[type="file"], .formee textarea, .formee select {
	max-width: 100% !important;
}

@media only screen and (max-width:47.9em) {
	.details-header {
		text-align: left;
	}

	.details-name {
		text-align: left;
		width: 120px;
	}

	.details-data {
		width: calc(100% - 120px);
	}

	.formee .formee-txt, .formee input[type="text"], .formee input[type="search"], .formee input[type="email"], .formee input[type="url"], .formee input[type="tel"], .formee input[type="number"], .formee input[type="range"], .formee input[type="date"], .formee input[type="month"], .formee input[type="week"], .formee input[type="time"], .formee input[type="datetime"], .formee input[type="datetime-local"], .formee input[type="color"], .formee input[type="password"], .formee input[type="file"], .formee textarea, .formee select {
		width: 100% !important;
	}
}

.fe-tooltip {
	position: relative;
	display: inline-table;
}

	.fe-tooltip .tooltiptext {
		visibility: hidden;
		width: 170px;
		background-color: #555;
		color: #fff;
		text-align: center;
		border-radius: 6px;
		padding: 5px 0;
		position: absolute;
		z-index: 1;
		bottom: 125%;
		left: -20%;
		margin-left: -62px;
		opacity: 0;
		transition: opacity 0.3s;
	}

.custom-helptext {
	position: relative;
}

	.custom-helptext .fe-tooltip {
		position: static;
	}

.fe-tooltip .tooltiptexthelp {
	visibility: hidden;
	width: 320px;
	background-color: #722282;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 5px 5px;
	position: absolute;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.3s;
	bottom: 125%;
	left: 50%;
	transform: translate(-50%);
}

@media screen and (min-width: 48em) {
	.fe-tooltip .tooltiptexthelp {
		left: auto;
		right: 0%;
		transform: translate(0%);
	}
}

.fe-tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 43%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.fe-tooltip .tooltiptexthelp::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 43%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
}

.fe-tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

.fe-tooltip:hover .tooltiptexthelp {
	visibility: visible;
	opacity: 1;
}


/* Ticket #557218 - Canopy Banner Issue */

@media only screen and (max-width: 767px) {
	.peer-preview-bottom .unit-wrpr .banner.has-bkgd-img {
		width: 100%
	}

	.peer-preview-top .unit-wrpr .banner.has-bkgd-img {
		width: 100%
	}
}

@media only screen and (min-width: 48em) {
	.peer-preview-bottom .unit.banner {
		padding: 0em 19%;
	}
}


/* TICKET HLCSC-8*/

.unit-wrpr .faqs {
	width: 100%;
}

.faqs .title .faq__question,
.faqs .faq__answer p {
	color: #231F20;
}

.faqs .faq__answer p {
	padding-top: 10px;
	font-size: 14px;
}

.modal .my-tasks-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1.5em 0;
}

	.modal .my-tasks-header .heading {
		margin: 0;
	}

.aside.upload-icon a {
	display: flex;
}

.upload-icon .svg-wrpr {
	padding-right: 10px;
}

.file-drop-area {
	min-height: 75px;
	border: 1px solid rgba(0,0,0, 0.3);
}


/* TICKET HLCSC-48*/

@media only screen and (min-width: 48em) {
	.events-2col-wrpr .unit-wrpr.faqs {
		width: 100%;
	}
}

/*RC-152: On front end make the 'View All' option available when one or more document or event is active */
.events-summary .more {
	padding: 10px;
}

	.events-summary .more a {
		padding: 10px;
		display: block;
		text-align: center;
		font-weight: 600;
	}

.assurance-block {
	display: block;
	padding: 20px;
	margin-bottom: 40px;
	background-color: var(--white);
	border: 1px solid var(--light-gray-02);
}

	.assurance-block.assurance-block-theme-1 {
		border: 1px solid #d8d6df;
		background: #fff;
	}

	.assurance-block.assurance-block-line-height {
		line-height: 24px;
	}

	.assurance-block.assurance-block-clamp-text {
		font-size: clamp(0.75rem, 0.5714rem + 0.8929vw, 1rem);
	}

/*
	 Peer Review
	*/

.details-data-action {
	max-width: 24px;
	height: 24px;
	vertical-align: middle;
}

	.details-data-action .icon-info {
		width: 100%;
		height: 100%;
	}


.context-block {
	background: #f8f7f9;
	border: 1px solid #d3d0db;
	border-radius: 6px;
	margin-bottom: 15px;
}

@media (min-width:48em) {
	.context-block {
		margin-bottom: 20px;
	}
}

.context-block-header {
	padding: 15px 15px 0 15px;
	border-bottom: 1px solid #d3d0db;
	border-radius: 6px;
}

@media (min-width:48em) {
	.context-block-header {
		padding: 20px 40px 15px 40px;
	}
}

.context-block-body {
	padding: 10px;
}


.context-block-body-details {
	margin: 0 0 10px 0;
	padding: 25px 20px;
	background: #fff;
	border: 1px solid #d3d0db;
	border-radius: 6px;
}

@media (min-width:48em) {
	.context-block-body-details {
		padding: 35px 30px;
	}
}

.context-block-body-details-header {
	margin: 0 0 25px 0;
	color: #722282;
	font-weight: 800;
	font-size: clamp(0.8125rem, 0.5rem + 1.5625vw, 1.25rem);
}

	.context-block-body-details-header.context-block-body-details-header-font-ubuntu {
		font-family: 'Ubuntu', sans-serif;
	}

@media (min-width:48em) {
	.context-block-body-details-header {
		margin: 0 0 45px 0;
	}
}

.columned-listing {
	padding: 0 0 0 32px;
}

@media (min-width:48em) {
	.columned-listing {
		display: grid;
		grid-template-columns: auto auto;
		max-width: 540px;
		margin: 0 0 45px 0;
	}
}

.columned-listing-item {
	margin: 0 0 10px 0;
	line-height: 1;
}
/*Accordion*/


.context-accordion:last-of-type {
	margin: 0;
}

.context-accordion-trigger {
	display: block;
	position: relative;
	width: 100%;
	padding: 20px 0 0 0;
	text-align: left;
	border-top: 1px solid #d3d0db;
	border-left: none;
	border-right: none;
	border-bottom: none;
	cursor: pointer;
	background: none;
}

	.context-accordion-trigger::before,
	.context-accordion-trigger::after {
		content: '';
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		background: rebeccapurple;
		transition: .1s ease-in;
	}

	.context-accordion-trigger::before {
		width: 3px;
		height: 15px;
	}

	.context-accordion-trigger::after {
		margin-right: -6px;
		width: 15px;
		height: 3px;
	}

	.context-accordion-trigger.active::before {
		opacity: 0;
	}

	.context-accordion-trigger:hover .context-block-body-details-header,
	.context-accordion-trigger:focus .context-block-body-details-header {
		color: #9467a4;
	}

.context-accordion-body p {
	font-size: clamp(0.75rem, 0.5714rem + 0.8929vw, 1rem);
	line-height: 25px;
}

.context-accordion-body ul li {
	font-size: clamp(0.75rem, 0.5714rem + 0.8929vw, 1rem);
}

.context-accordion-body.context-accordion-body-documents ul li {
	margin: 0 0 30px 0;
}

.context-accordion-body.context-accordion-body-documents a {
	font-weight: 400;
	transition: .1s ease-in;
	text-decoration: none;
	color: #722282;
}

	.context-accordion-body.context-accordion-body-documents a:hover,
	.context-accordion-body.context-accordion-body-documents a:focus {
		color: #9467a4;
	}

.button-reset,
.btn-reset {
	padding: 0;
	border: none;
	background: none;
	cursor: pointer;
}

.interactions-block {
	border-top: 1px solid #d3d0db;
	padding: 15px 0 10px 0;
}

	.interactions-block:first-of-type {
		border-top: none;
	}

	.interactions-block:last-of-type {
		border-bottom: 1px solid #d3d0db;
	}

@media(min-width:48em) {
	.interactions-block {
		max-width: 780px;
		margin: 0 0 0 45px;
		padding: 35px 0 30px 0;
	}
}

.interactions-block ul li {
	margin: 0 0 20px 0;
	line-height: 1;
}

.sub-header {
	margin: 0 0 5px 0;
	color: #722282;
	font-size: clamp(0.8125rem, 0.6786rem + 0.6696vw, 1rem);
	font-weight: 800;
}


.sub-header-faux-link {
	text-decoration: underline;
}

.component-list-item {
	margin: 0 0 25px 0;
}

@media(min-width:48em) {
	.component-list-item {
		margin: 0 0 45px 0;
	}
}

.component-list-item.component-list-item-hide {
	display: none;
}

.list-reset {
	padding: 0;
	list-style: none;
}

.context-editor {
	max-width: 920px;
	margin: 0 auto;
}

/* 
		Context Editor
	*/
.context-editor-block {
	min-height: 300px;
	margin: 0 0 10px 0;
}

.context-editor-header,
.context-editor-footer {
	display: flex;
	justify-content: end;
}

.btn.btn-editor {
	background: var(--hlc-primary);
	border: none;
}

	.btn.btn-editor:hover,
	.btn.btn-editor:focus {
		background: #666666 !important;
		color: #ffff;
		outline: 2px solid var(--hlc-primary);
	}


.btn.btn-editor-alt {
	background: none !important;
	border: 2px solid --hlc-primary;
	color: var(--hlc-primary);
}

	.btn.btn-editor-alt.btn-editor-alt-remove {
		color: #BC2020;
	}

	.btn.btn-editor-alt:hover,
	.btn.btn-editor-alt:focus {
		background: var(--hlc-primary) !important;
		color: var(--white);
	}

.btn.btn-editor,
.btn.btn-editor-alt {
	min-width: auto;
}

@media(min-width:768px) {
	.btn.btn-editor,
	.btn.btn-editor-alt {
		min-width: 150px;
	}
}


.editor-tooltip-btn {
	display: flex;
	align-items: center;
	margin: 0 0 10px 0;
	color: #716F6F;
}

	.editor-tooltip-btn.editor-tooltip-btn-right-align {
		margin: 0 0 0 auto;
	}

	.editor-tooltip-btn:focus,
	.editor-tooltip-btn:hover {
		color: #722282;
		text-decoration: underline;
	}

.editor-tooltip-btn-media {
	width: 24px;
	height: 24px;
	margin: 0 0 0 10px;
}

	.editor-tooltip-btn-media .icon.editor-tooltip-btn-icon {
		width: 100%;
		height: 100%;
	}

.assurance-block-header {
	display: flex;
}

.title-divider,
.header-divider {
	display: block;
	margin: 0 0 25px 0;
	padding: 0 0 10px 0;
	color: #722282;
	border-bottom: 1px solid #9467a4;
	font-weight: 100;
}

@media(min-width:768px) {
	.title-divider,
	.header-divider {
		padding: 0 0 15px 0;
	}
}

.header-divider.header-divider-theme-1 {
	color: #722282
}


/* modifier if there are actions on the header */
.header-divider.header-divider-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	align-items: center;
	justify-content: space-between;
}

.header-divider-actions {
	display: flex;
	align-items: center;
	gap: 1rem;
}

	.header-divider-actions.header-divider-actions-relative {
		position: relative;
	}

	.header-divider-actions.active {
		z-index: 300;
	}

		.header-divider-actions.active .assurance-action-button {
			z-index: 400;
		}

		.header-divider-actions.active .assurance-action-menu {
			display: block;
		}

.header-divider-actions-action.header-divider-actions-action-flex {
	display: flex;
	align-items: center;
	gap: 0.625rem;
}

.header-divider-actions.header-divider-actions-action-end {
	margin: 0 0 0 auto;
}


.assurance-main .assurance-action-menu ul li a,
.assurance-main .assurance-action-menu ul li button {
	display: block;
	padding: 10px;
	color: #3B4B56;
	font-weight: 400;
	text-decoration: none;
}

.page-tools .page-tool.print:hover,
.page-tools .page-tool.print:focus {
	text-decoration: none;
}

.header-divider.page-tools {
	text-align: left;
}

.addition-trigger {
	color: #722282;
}

.assurance-block-content {
	line-height: 24px;
}

.assurance-block-content-large-width {
	width: auto;
	margin: 0 0 15px 0;
	line-height: 24px;
}

@media(min-width:48em) {
	.assurance-block-content-large-width {
		width: 75%;
		margin: 0 0 30px 0;
	}
}

.assurance-block-title {
	font-size: clamp(0.9375rem, 0.5357rem + 2.0089vw, 1.375rem);
	margin: 0;
}

	.assurance-block-title.assurance-block-title-medium {
		font-size: 1.25rem;
		font-weight: 800;
	}

	.assurance-block-title.assurance-block-title-extra-light {
		font-weight: 300;
	}

.assurance-block-actions {
	margin: 50px 0 20px 0;
}


/* Overlay form component */
.assurance-main .site-overlay.site-overlay-lg {
	width: 100%;
	padding: 10px 10px 30px 10px;
	max-width: none;
	position: fixed;
	top: 50% !important;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1000;
}

.assurance-main .site-overlay.site-overlay-sm {
	max-width: 560px;
	width: 100%;
	padding: 20px 30px 30px 30px;
	position: fixed;
	top: 50% !important;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1000;
}

#request-addendum-modal .site-overlay-form-label {
	text-align:left;
}

#request-addendum-modal #addendum-title {
	padding:20px 35px;
}

@media(min-width:48rem) {
	.assurance-main .site-overlay.site-overlay-lg {
		max-width: 1162px;
		width: 100%;
		padding: 30px 30px 80px 30px;
	}
}

.assurance-main .site-overlay .close-button {
	background: none;
	border: none;
}

.formee.site-overlay-form {
	max-width: 750px;
	margin: 0 auto;
}

	.formee.site-overlay-form.site-overlay-form-small {
		max-width: 490px;
	}

.site-overlay-form.site-overlay-form-flex {
	display: flex;
	flex-direction: column;
	justify-content: center;
	;
}

.site-overlay.site-overlay-border {
	border-top: 9px solid var(--hlc-primary);
	border-left: 2px solid #7d7a7f;
	border-bottom: 2px solid #7d7a7f;
	border-right: 2px solid #7d7a7f;
}

.site-overlay-form-item {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 0 1rem 0;
}

	.site-overlay-form-item.site-overlay-form-item-centered {
		justify-content: center;
	}

	.site-overlay-form-item:last-child {
		margin: 0 0 40px 0 !important;
	}

.site-overlay-form-hidden {
	display: none;
}

.assurance-block .site-overlay-form-item .site-overlay-form-item-label {
	flex: 1 1 auto;
	font-size: 1rem;
}

@media(min-width:48em) {
	.assurance-block .site-overlay-form-item .site-overlay-form-item-label {
		width: 22%;
	}
}

.assurance-main .checkout-custom-checkbox__input {
	outline: 1px solid blue;
	clip: rect(0 0 0 0) !important;
	-webkit-clip-path: inset(50%) !important;
	clip-path: inset(50%) !important;
	height: 1px !important;
	overflow: hidden !important;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.assurance-block .site-overlay-form-item .site-overlay-form-item-input,
.assurance-block .site-overlay-form-item .select-chevron-container {
	flex: 1 0 auto;
	width: 74%;
	font-size: 1rem;
}

@media(min-width:48em) {
	.assurance-block .site-overlay-form-item .site-overlay-form-item-input,
	.assurance-block .site-overlay-form-item .select-chevron-container {
		width: 71% !important; /*we need to account for the pseudo after*/
	}
}


.assurance-block .site-overlay-form-item .site-overlay-form-item-label,
.assurance-block .site-overlay-form-item .site-overlay-form-item-input {
	margin: 0;
}


.site-overlay-form.formee .site-overlay-form-input {
	font-size: 1rem;
	margin: 0 0 15px 0;
	padding: 10px;
	border: 1px solid #3E3E3C;
}

@media(min-width:768px) {
	.site-overlay-form.formee .site-overlay-form-input {
		margin: 0 0 40px 0;
		padding: 35px;
		font-family: 'Raleway', sans-serif;
	}
}


.site-overlay-form-input::placeholder {
	font-size: 1rem;
	font-style: italic;
	font-size: clamp(0.75rem, 0.5714rem + 0.8929vw, 1rem);
}

.site-overlay-header {
	margin: 0 0 30px 0;
	text-align: center;
	color: var(--hlc-primary);
	font-size: clamp(1rem, 0.5536rem + 2.2321vw, 1.625rem);
}

/* specificity needed for overwrite */
.site-overlay-form.formee .site-overlay-form-label {
	margin: 0 0 15px 0;
	font-size: clamp(0.75rem, 0.5714rem + 0.8929vw, 1rem);
}

@media(min-width:768px) {
	.site-overlay-form.formee .site-overlay-form-label {
		margin: 0 0 25px 0;
		text-align:center;
	}
}

.btn.btn-medium-padding {
	padding: 15px 50px;
}

.page-tools .expand.expand-theme1 {
	color: #722282;
	transition: .01s ease-in;
}

	.page-tools .expand.expand-theme1:hover,
	.page-tools .expand.expand-theme1:focus {
		color: #7b6f98;
	}

.page-tools button .addition.addition-theme1:before,
.page-tools button .addition.addition-theme1:after {
	position: absolute;
	content: "";
	background: #722282;
	transform: translateY(-50%);
}

.page-tools button .addition.addition-theme::before:hover,
.page-tools button .addition.addition-theme1::before:focus,
.page-tools button .addition.addition-theme::after:hover,
.page-tools button .addition.addition-theme1::after:focus {
	background: #7b6f98;
}

.page-tools button .addition.addition-theme1:before {
	width: 10px;
	height: 2px;
	top: 50%;
	left: 4px;
}

.page-tools button.expand .addition:after {
	width: 2px;
	height: 12px;
	top: 50%;
	left: 8px;
}

@media(min-width:48em) {
	.request-block {
		max-width: 1038px;
		margin: 0 auto;
		padding: 0 15px 0 0;
	}
}

.request-block-title {
	font-family: 'Ubuntu', sans-serif;
	color: var(--hlc-primary);
	font-weight: 500;
	font-size: clamp(1rem, 0.8214rem + 0.8929vw, 1.25rem);
	margin: 40px 0;
}


.request-block-title-date {
	display: block;
	margin: 10px 0 0 0;
	border-left: none;
	font-size: 1rem;
	font-weight: 400;
	border-left: none;
}

@media(min-width:48em) {
	.request-block-title-date {
		display: inline;
		padding: 0 0 0 15px;
		margin: 0 0 0 15px;
		border-left: 2px solid #722282;
	}
}

.request-block-content {
	margin: 0 0 50px 0;
	font-family: raleway;
	font-size: 0.8125rem;
}

	.request-block-content p {
		margin: 0 0 30px 0;
		line-height: 20px;
	}

		.request-block-content p:last-child {
			margin: 0;
		}

.files-listing {
	margin: 0;
}

.request-block-content:has(+ .files-listing) {
	margin: 0 0 20px 0;
}

/* modifiers if file listing needs to be flexed horizontally*/
.files-listing.files-listing-flex {
	display: flex;
	flex-wrap: wrap;
	gap: 0.9375rem
}

@media(min-width:56.125rem) {
	.files-listing.files-listing-flex {
		gap: 2.5rem
	}
}
/* Media blocks */

.files-listing-item {
	margin: 0 0 20px 0;
	padding: 15px;
	border: 1px solid #d8d6df;
	border-radius: 5px;
}

	.files-listing-item.files-listing-item-plain {
		margin: 0;
		padding: 0;
		border: none;
	}


.file-summary-block {
	display: block;
}

@media(min-width:48em) {
	.file-summary-block {
		display: flex;
		align-items: center;
	}
}

@media(min-width:48em) {
	.file-summary-block-space-between {
		align-items: flex-start;
		justify-content: space-between;
	}
}


.file-summary-section {
	flex: 0 1 auto;
	margin: 0 0 10px 0;
}

	.file-summary-section.file-summary-section-flex {
		display: flex;
		gap: 1rem;
	}



@media(min-width:768px) {
	.file-summary-section {
		margin: 0 30px 0 0;
	}

		.file-summary-section:last-child {
			margin: 0;
		}
}

.file-summary-section.file-summary-section-large {
	flex: 1 0 auto;
}

.file-summary-section-large.file-summary-section-large {
	flex: 1 0 auto;
}


.file-media {
	max-width: 24px;
	height: 28px;
	margin: 0 10px 0 0;
}

	.file-media svg.file-media-svg {
		width: 100%;
		height: 100%;
		fill: var(--hlc-primary) !important;
	}

.file-type-name {
	display: flex;
	align-items: flex-start;
	margin: 0;
	font-size: clamp(0.75rem, 0.5714rem + 0.8929vw, 1rem);
}

.file-type-name,
.file-summary {
	margin: 0;
}

.file-summary {
	font-size: 0.8125rem;
	font-family: Raleway;
	color: #3E3E3C;
}

.assurance-main .file-summary-section-listing {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
	margin: 0 0 20px 0;
	padding: 0;
	padding-left: 0;
	list-style: none;
}

.assurance-main .file-summary-section-listing {
	max-width: 300px;
	display: flex;
	gap: 1.1rem;
	flex-wrap: wrap;
	margin: 0 0 20px 0;
	padding: 0;
	padding-left: 0;
	list-style: none;
}

	.assurance-main .file-summary-section-listing.file-summary-section-listing-sub {
		gap: 2.5rem;
		padding: 15px 0 0 20px;
		border-top: 1px solid #D8D6E0;
	}

.assurance-main .faux-link {
	padding: 0;
	font-weight: 500;
	background: none;
	text-decoration: underline;
}

	.assurance-main .faux-link:hover,
	.assurance-main .faux-link:focus {
		text-decoration: none;
	}

.faux-link.faux-link--flex {
	display: flex;
	align-items: center;
	transition: .01s ease-in;
}

.faux-link-icon {
	margin: 0 5px 0 0;
}

	.faux-link-icon.faux-link-icon-flex,
	.icon-link {
		display: flex;
		align-items: center;
		gap: 1;
	}

.argument-file-table .icon {
	fill: var(--hlc-primary) !important;
}

.stakeholder-listing-item {
	border-top: 1px solid black;
	margin: 0;
	padding: 15px 0;
}

	.stakeholder-listing-item:only-child {
		border-bottom: none;
	}

	.stakeholder-listing-item:first-child {
		border-top: none;
		padding: 0 0 15px 0;
	}

.content-thirds {
	display: block;
}

@media(min-width:56.25rem) {
	.content-thirds {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
}

@media(min-width:59.375rem) {
	.content-thirds {
		flex-wrap: nowrap;
	}
}

.content-thirds-section {
	flex: 0 0 auto;
	margin: 0 10px 0 0;
}

	.content-thirds-section:last-child {
		margin: 0;
	}

@media(min-width:56.25rem) {
	.content-thirds-section {
		margin: 0 15px 0 0;
		width: 25%;
	}
}

@media(min-width:60em) {
	.content-thirds-section {
		margin: 0 45px 0 0;
		flex-wrap: wrap;
	}
}

.content-thirds-section.content-thirds-section-small {
	displaY: flex;
	justify-content: end;
}

.content-thirds-section.content-thirds-section--large {
	flex: 1 1 auto;
}
/* .content-thirds-section.content-thirds-section-small{
	flex:1 0 auto;
} */

.content-thirds-section-info {
	display: flex;
	margin: 0 0 10px 0;
}

@media(min-width:56.25em) {
	.content-thirds-section-info {
		display: block;
		margin: 0;
	}
}

.content-thirds-section-info.content-thirds-section-info-word-break {
	word-wrap: break-word;
}

.site-body .link {
	color: var(--hlc-primary);
	transition: .1s ease-in;
	text-decoration: underline;
}

	.site-body .link:hover,
	.site-body .link:focus {
		text-decoration: none;
	}

	.site-body .link:hover {
		cursor: pointer;
	}

	.site-body .link.link-semibold {
		font-weight: 500;
		text-decoration: underline;
	}

	.site-body .link.link-flex {
		display: flex;
		align-items: center;
	}

	.site-body .link.link-flex-gap {
		display: flex;
		align-items: center;
		gap: 1rem;
	}

.link .link-icon {
	width: 25px;
	height: 25px;
}

	.link .link-icon svg {
		width: 100%;
		height: 100%;
	}

.site-body .link.link-left-aligned {
	text-align: left;
}

.site-body .link.link-no-underline {
	text-decoration: none;
}

.link-edit {
	width: 25px;
	height: 25px;
	margin: 0 5px 0 0;
	font-weight: 500;
}

	.link-edit svg {
		height: 100%;
		width: 100%;
	}

.header-divider-actions-action.header-divider-actions-action-flex:hover input[type="checkbox"] + .link,
.header-divider-actions-action.header-divider-actions-action-flex:focus input[type="checkbox"] + .link {
	text-decoration: none;
}

.content-panel {
	margin: 0 0 15px 0;
}

@media(min-width:48em) {
	.content-panel {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 0 30px 0;
	}
}

.content-panel.content-panel-stretch {
	align-items: flex-start;
}


.content-panel-section {
	display: block;
	margin: 0 0 15px 0;
}

@media(min-width:53.5625rem) {
	.content-panel-section {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		flex: 1 0 0px;
		margin: 0;
	}
}

@media(min-width:75rem) {
	.content-panel-section {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
}

@media(min-width:70.375rem) {
	.content-panel-section {
		padding: 0;
		flex-wrap: nowrap;
	}
}

.content-panel-section:first-child {
	padding: 0;
}

@media(min-width:53.5625rem) {
	.content-panel-section:first-child {
		border-right: 1px solid grey;
		margin: 0 10px 0 0;
	}
}

@media(min-width:65.9375rem) {
	.content-panel-section:first-child {
		padding: 0 10px 0 0;
		margin: 0;
	}
}

@media(min-width:67.875rem) {
	.content-panel-section:first-child {
		padding: 0 15px 0 0;
		border-right: 1px solid grey;
	}
}

@media(min-width:72.625rem) {
	.content-panel-section:first-child {
		padding: 0 45px 0 0;
	}
}

.content-panel-section.content-panel-section-border-shift:first-child {
	border-bottom: 1px solid grey;
	border-right: none;
}

@media(min-width:978px) {
	.content-panel-section.content-panel-section-border-shift:first-child {
		border-right: 1px solid grey;
		border-bottom: none;
	}
}

.content-panel-section:last-child {
	padding: 0;
}

@media(min-width:65.9375rem) {
	.content-panel-section:last-child {
		padding: 0 0 0 10px;
	}
}

@media(min-width:67.875rem) {
	.content-panel-section:last-child {
		padding: 0 0 0 15px;
	}
}

@media(min-width:72.625rem) {
	.content-panel-section:last-child {
		padding: 0 0 0 45px;
	}
}

.content-panel-section-info {
	flex: 0 0 auto;
}

@media(min-width:48em) {
	.content-panel-section-info {
		flex: 0 1 auto;
	}
}

.content-panel-section-info.content-panel-section-info-align-right {
	text-align: left;
}

@media(min-width:68.75rem) {
	.content-panel-section-info.content-panel-section-info-align-right {
		text-align: right;
	}
}

.review-text {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 5px 0;
}

.liaison-name {
	padding: 0 15px 0 15px;
}



.status {
	display: flex;
}

	.status.status-desktop {
		display: none;
	}

@media(min-width:48rem) {
	.status.status-desktop {
		display: block;
	}
}

.status-indicator {
	width: 20px;
	height: 20px;
	margin: 0 10px 0 0;
	border-radius: 100%;
}

	.status-indicator.status-indicator-not-met {
		width: 20px;
		height: 20px;
		margin: 0 10px 0 0;
		border-radius: 100%;
		background: grey;
	}

	.status-indicator .status-indicator-error {
		width: 100%;
		height: 100%;
	}

.status-description {
	font-weight: 1rem;
	font-weight: 400;
	color: #231F20;
}

/* accordion */
.accordion-listing-item {
	margin: 0 0 30px 0;
}

.accordion-header {
	display: flex;
	background: var(--hlc-primary);
	color: #fff;
	border: 1px solid #d8d6df;
	border-radius: 5px;
}

.assurance-main .accordion-header-trigger,
.assurance-main .site-body.main-content .accordion-header-trigger {
	width: 60px;
	position: relative;
	padding: 0;
	color: #7B6F98;
	border-right: 1px solid #d8d6df !important;
}

	.assurance-main .accordion-header-trigger:hover,
	.assurance-main .accordion-header-trigger:focus {
		background: #7b6f98;
	}

.accordion-header-trigger:hover .arrow::after,
.accordion-header-trigger:focus .arrow::after {
	color: #fff;
}

.accordion-header-trigger .arrow {
	display: block;
	width: 60px;
	height: 22px;
}

	.accordion-header-trigger .arrow::after {
		position: absolute;
		content: "\232a";
		font-family: 'icomoon';
		left: 50% !important;
		margin-left: -8px !important;
		top: 50%;
		margin-top: -9px;
		font-weight: bold;
		font-size: 18px;
		color: #817e7e;
		transition: .1s ease-in;
	}

.arrow-button {
	display: flex;
	column-gap: 1rem;
}

	.arrow-button .arrow::after {
		top: auto;
		left: 0;
	}

	.arrow-button.active .arrow::after {
		transform: rotate(90deg);
	}

.accordion-header-trigger.active .arrow::after {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	color: #722282;
}




.accordion-header-info {
	width: 100%;
	display: flex;
	align-items: center;
	padding: 10px 15px;
}

@media(min-width:768px) {
	.accordion-header-info {
		padding: 20px 30px;
	}
}

.accordion-header-info-title {
	display: inline;
	margin: auto 20px auto 0;
	font-size: clamp(0.75rem, 0.2143rem + 2.6786vw, 1.5rem);
}

	.accordion-header-info-title.accordion-header-info-title-custom-margin {
		margin: auto 20px auto 45px;
	}

.accordion-body {
	padding: 20px 30px;
	border-left: 1px solid #d8d6df;
	border-right: 1px solid #d8d6df;
	border-bottom: 1px solid #d8d6df;
}


	.accordion-body.accordion-body-no-padding {
		padding: 0;
	}

.accordion-header-badge {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	margin: 0;
	background: #D54315;
	border-radius: 100%;
	color: #fff;
	font-weight: 800;
	font-size: 1.125rem;
}

.accordion-header-badge-counter {
	padding: 8px 14px 8px;
	margin: 0;
	font-size: clamp(0.8125rem, 0.5893rem + 1.1161vw, 1.125rem);
}

.carrot-listing {
	margin: 0;
	padding: 0 0 0 24px;
	list-style: none;
}

.carrot-listing-item {
	position: relative;
	margin: 0 0 20px 0;
	padding: 0;
	color: var(--hlc-primary);
}

	.carrot-listing-item::before {
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 0;
		height: 0;
		margin: 0 0 0 -25px;
		border-top: 6px solid transparent;
		border-left: 10px solid var(--hlc-primary);
		border-bottom: 6px solid transparent;
	}

/* if button not in a list */
.carrot-button {
	position: relative;
	margin: 0 0 20px 0;
	padding: 0;
	color: var(--hlc-primary);
}

	.carrot-button::before {
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 0;
		height: 0;
		margin: 0 0 0 -25px;
		border-top: 6px solid transparent;
		border-left: 10px solid var(--hlc-primary);
		border-bottom: 6px solid transparent;
	}

	.carrot-button.active::before {
		transform: rotate(90deg);
	}

.table-row-target .carrot-button::before {
	margin: 0 0 0 -13px;
}

.table-sub-row-control.active .carrot-button::before {
	transform: rotate(90deg);
}
/* Assurance block component */
.assurance-form-block-component-header {
	display: flex;
	justify-content: flex-end;
	margin: 0 0 12px 0;
}

.assurance-form-block-component {
	width: 100%;
}

.check-out-panel .assurance-form-block-component {
	width: 100%;
	margin: 0 auto;
}

.assurance-form-block-component.assurance-form-block-component-border {
	max-width: 57.3125em;
}

@media(min-width:48em) {
	.assurance-form-block-component {
		max-width: 18.75em;
	}

		.assurance-form-block-component.assurance-form-block-component-large {
			max-width: 57.3125em;
		}

		.assurance-form-block-component.assurance-form-block-component-large-center {
			max-width: 57.3125em;
			margin: 0 auto;
		}
}



/* Custom HLC select NOT using formee class */
.hlc-label {
	display: block;
	margin: 0 0 10px 0;
	font-weight: 700;
	font-size: 0.75rem;
}

	.hlc-label.hlc-label-flex {
		display: flex;
		align-items: center;
		gap: 1rem;
	}

.hlc-recommendation {
	color: #722282;
	font-size: clamp(0.8125rem, 0.5rem + 1.5625vw, 1.25rem);
}

.hlc-select-container {
	position: relative;
	margin: 0 0 15px 0;
}

@media(min-width:48em) {
	.hlc-select-container {
		margin: 0 0 30px 0;
	}
}

.hlc-select-container::before {
	content: '';
	pointer-events: none;
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid #595757;
}

.hlc-select {
	width: 100%;
	background: #fff;
	color: #595757;
	font-weight: 400;
	padding: 12px 15px 12px 35px;
	appearance: none;
	border: 1px solid #909090;
	border-radius: 5px;
}

	.hlc-select option[disabled] {
		color: #909090;
	}


.hlc-select-option {
	color: #000;
}

.hlc-textarea-container {
	position: relative;
}

	.hlc-textarea-container h1,
	.hlc-textarea-container h2,
	.hlc-textarea-container h3 {
		line-height: 1.5;
		color: #000 !important;
	}

	.hlc-textarea-container p {
	}



.site-body .formee .hlc-textarea-container .hlc-textarea {
	padding: 15px;
	min-height: 300px;
	margin: 0;
	border-bottom: none;
	border-top: none;
	border-radius: 0 !important;
}

@media(min-width:48rem) {
	.site-body .formee .hlc-textarea-container .hlc-textarea {
		padding: 30px;
		border-radius: 0 0 0 5px;
	}
}

.hlc-textarea-container-header {
	padding: 15px;
	border: 1px solid #bbb;
	border-radius: 5px 5px 0 0;
}

@media(min-width:48rem) {
	.hlc-textarea-container-header {
		padding: 15px 30px 15px 30px;
	}
}

.hlc-textarea-container-footer {
	display: block;
	left: 0;
	bottom: 0;
	width: 100%;
	margin: 0 0 20px 0;
	padding: 15px;
	border: 1px solid #bbb;
	border-radius: 0 0 0 5px;
}

@media(min-width:48rem) {
	.hlc-textarea-container-footer {
		padding: 15px 30px 15px 30px;
	}
}

.hlc-textarea-container-header,
.hlc-textarea-container-footer {
	background: #fff;
}


.hlc-textarea-counter {
	padding: 0 5px 0 0;
}

.hlc-textarea-container-footer-text {
	display: flex;
	margin: 0;
	font-size: 0.875rem;
	color: #5C5C5C;
}

.ghost-btn,
.ghost-button {
	padding: 14px 25px !important;
	color: var(--hlc-primary) !important;
	background: none;
	border: 2px solid var(--hlc-primary) !important;
	border-radius: 26px;
	font-weight: 800 !important;
	transition: .1s ease-in;
}

	.ghost-btn .icon:hover,
	.ghost-button .icon:hover,
	.ghost-btn .icon:focus,
	.ghost-button .icon:hover,
	.ghost-btn.ghost-btn-icon .icon:hover
	.ghost-button.ghost-btn-icon .icon:hover
	.ghost-btn.ghost-btn-icon .icon:focus
	.ghost-button.ghost-btn-icon .icon:focus {
		fill: #fff;
	}


	.ghost-btn:focus,
	.ghost-button:focus,
	.ghost-btn.ghost-btn-theme-1:focus,
	.ghost-button.ghost-button-theme-1:focus,
	.ghost-btn.ghost-btn-theme-1:hover,
	.ghost-button.ghost-button-theme-1:hover,
	.ghost-btn:hover,
	.ghost-button:hover {
		color: #fff !important;
		background: var(--hlc-primary) !important;
		border: 2px solid var(--hlc-primary);
	}

	/* ghost button modifiers */
	.ghost-btn.ghost-btn-theme-1,
	.ghost-button.ghost-button-theme-1 {
		color: #737373;
		border: 2px solid #737373;
	}

	.ghost-btn.ghost-btn-icon,
	.ghost-button.ghost-button-icon {
		display: flex;
		align-items: center;
		padding: 10px 15px 10px 0;
		font-size: 1rem;
	}

	.ghost-btn.ghost-btn-gap,
	.ghost-button.ghost-button-gap {
		gap: 0.625rem;
	}

	.ghost-btn .icon-rotate-180 {
		transform: rotate(180deg);
	}

.assurance-argument-table .panel-content .button.btn-reset.ghost-btn,
.assurance-argument-table .panel-content .btn.btn-reset.ghost-button {
	margin: 0 0 20px 0;
	font-size: 0.8125rem;
}

.pseudo-plus {
	display: inline-block;
	position: relative;
	width: 20px;
	margin: 0 12px 0 0;
}

	.pseudo-plus::before,
	.pseudo-plus::after {
		content: '';
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		background: var(--hlc-primary);
		transition: .1s ease-in;
	}

	.pseudo-plus::before {
		width: 2px;
		height: 12px;
	}

	.pseudo-plus::after {
		margin-right: -5px;
		width: 12px;
		height: 2px;
	}

.ghost-button:hover .pseudo-plus::before,
.ghost-btn:hover .pseudo-plus::before,
.ghost-button:focus .pseudo-plus::before,
.ghost-btn:focus .pseudo-plus::before,
.ghost-button:hover .pseudo-plus::after,
.ghost-btn:hover .pseudo-plus::after,
.ghost-button:focus .pseudo-plus::after,
.ghost-btn:focus .pseudo-plus::after {
	background: #fff;
}

.review-dates-listing {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

@media(min-width:48em) {
	.review-dates-listing {
		max-width: 1020px;
		justify-content: center;
		margin: 0 auto;
	}
}

.review-dates-listing-item {
	flex: 1 1 auto;
}

@media(min-width:48em) {
	.review-dates-listing-item {
		border-right: 1px solid black;
	}

		.review-dates-listing-item:last-child {
			border-right: none;
		}
}

.review-dates-listing-item-dates {
	margin: 0;
}

.monitoring-table {
	width: 100%;
}

.monitoring-table-row {
}

.monitoring-table-cell {
}

	.monitoring-table-cell.monitoring-table-cell-align-left {
		text-align: left;
	}

	.monitoring-table-cell.monitoring-table-cell-align-right {
		text-align: right;
	}

/* page alerts */
.alert-alt {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem;
	padding: 10px;
	margin-bottom: 40px;
	background: #f9fff9;
	border: #48A651 1px solid;
	border-left: #48A651 10px solid;
	border-radius: 5px;
	font-size: 1rem;
}

@media(min-width:48em) {
	.alert-alt {
		padding: 20px;
	}
}

.alert-alt-main {
	padding: 5px;
	border-bottom: #48A651 1px solid;
}

@media(min-width:768px) {
	.alert-alt-main {
		width: 70%;
		background: #f9fff9;
		border-bottom: none;
		border-right: #48A651 1px solid;
	}
}

.alert-alt-main-title {
	margin: 0 0 5px 0;
	font-weight: 800;
	font-size: 1.25rem;
}



@media(min-width:768px) {
	.alert-alt-supplemental {
		display: flex;
		align-items: center;
		margin: 0 auto;
	}
}

/* form alerts */

.form-alert {
	display: flex;
	align-items: center;
	gap: 0.8125rem;
	padding: 10px;
	margin-bottom: 40px;
	background: #fff;
	border: #d68089 1px solid;
	border-left: #ac0012 5px solid;
	border-radius: 5px;
	font-size: 1rem;
}

.form-alert-main {
	padding: 5px;
	flex: 1 1 auto;
}


@media(min-width:768px) {
	.form-alert-main {
		/* width:70%; */

		border-bottom: none;
	}
}

.form-alert-main-title {
	margin: 0 0 5px 0;
	font-weight: 800;
	font-size: 0.8125rem;
}



@media(min-width:768px) {
	.form-alert-supplemental {
		display: flex;
		align-items: center;
		/* margin: 0 auto; */
		flex: 0 1 auto;
	}
}

.form-alert-actions {
	flex: 0 1 auto;
}

.form-alert-removal {
	display: block;
	position: relative;
	width: 30px;
	height: 30px;
}

	.form-alert-removal:hover .status-indicator-error,
	.form-alert-removal:focus .status-indicator-error {
		fill: #817E7E;
	}

.form-alert-main-info {
	font-size: 0.75rem;
}

.profile-section {
	display: flex;
	justify-content: center;
	flex-direction: column;
	gap: 2.1875rem;
	text-align: center;
}

@media(min-width:60em) {
	.profile-section {
		flex-flow: row;
		align-items: center;
		text-align: center;
	}
}

.profile-section-media {
	margin: 0 auto;
	min-width: 50px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 70px;
}

	.profile-section-media::before {
		content: '';
		display: block;
		padding-bottom: 96%;
	}

@media(min-width:60em) {
	.profile-section-media {
		margin: 0;
	}
}

.profile-section-card {
	display: flex;
	gap: 0.75rem;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	flex-flow: column;
	align-items: center;
	text-align: center;
}

@media(min-width:60em) {
	.profile-section-card {
		flex-flow: row;
		align-items: start;
		text-align: left;
		padding: 0 100px 0 0;
	}
}

.profile-section-card.profile-section-card-no-padding-left {
	padding: 0;
}


.profile-section-media {
	max-width: 135px;
	width: 100%;
}

.profile-section-column {
	flex: 1 0 0px;
	word-break: break-word;
}

.profile-section-card__text:last-child {
	margin: 0;
}

/* DIALOG - BEGIN */
.assurance-main .dialog {
	margin: 0;
	max-width: 50%;
	padding: 40px;
	transition: opacity 1000ms ease;
	background-color: #fff;
	border-width: 6px 1px 1px 1px;
	border-top: var(--hlc-primary) 7px solid;
}

	.assurance-main .dialog:focus {
		outline: auto;
	}

	.assurance-main .dialog::backdrop,
	.dialog::backdrop {
		background-color: rgba(255,255,255,0.5);
	}

.outer-container.backdrop {
	background-color: rgba(255,255,255,0.5);
}

.assurance-main button.close-button {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 30px;
	height: 30px;
}

button.close-button:focus,
button.close-button:hover {
	outline: auto;
}

.close-button::after {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	right: 4px;
	width: 21px;
	height: 21px;
	background-image: linear-gradient(180deg, #817E7E 0%, #817E7E 100%), linear-gradient(180deg, #817E7E 0%, #817E7E 100%);
	background-repeat: no-repeat;
	background-size: 100% 2px, 2px 100%;
	background-position: center center, center center;
	transform: rotateZ(45deg);
}

.assurance-main .dialog-heading {
	display: block;
	margin: 0 auto 30px auto;
	text-align: center;
	color: #7B6F98;
	font-weight: 400;
}

.assurance-main .dialog-sub-heading {
	display: block;
	margin: 0;
	font-size: 16px;
	font-weight: 600;
}

.assurance-main .dialog-body {
	display: block;
}
/* DIALOG - END */

.site-body .form-action-listing {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 0;
	padding-left: 0;
}

.form-action-listing.form-action-listing-margin-top-lg {
	margin: 10px 0 0 0;
}

@media(min-width:768px) {
	.form-action-listing.form-action-listing-margin-top-lg {
		margin: 35px 0 0 0;
	}
}

.form-action-listing.form-action-listing-end-aligned {
	justify-content: end;
}

.form-action-listing.form-action-listing-center-aligned {
	justify-content: center;
}

.form-action-listing-item {
	width: 100%;
}

@media(min-width:48rem) {
	.form-action-listing-item {
		width: auto;
	}
}

.form-action-listing .btn {
	width: 100%;
}

@media(min-width:48rem) {
	.form-action-listing .btn {
		width: auto;
	}
}

/* arguement cuts*/
.textarea-checked option:checked {
	position: relative;
}

.formee.file-copy-container {
	margin: 44px 0 0 0;
	max-width: 300px;
}

.file-addition {
	display: flex;
	gap: 0.625rem;
	align-items: center;
	flex-wrap: wrap;
}

@media(min-width:48rem) {
	.file-addition {
		gap: 1.25rem;
		flex-wrap: wrap;
	}
}

.file-addition.file-addition-top-margin {
	margin: 40px 0 15px 0;
}


.x-icon {
	display: block;
	position: relative;
	width: 14px;
	height: 10px;
}

	.x-icon::before,
	.x-icon::after {
		content: '';
		position: absolute;
		left: 0;
		content: ' ';
		height: 10px;
		width: 2px;
		background-color: #D65F00;
	}

	.x-icon::before,
	.x-icon::after {
		content: '';
		position: absolute;
		left: 0;
		content: ' ';
		height: 10px;
		width: 2px;
		background: #D65F00;
		transition: .1s ease-in;
	}

.remove-btn:hover .x-icon::before,
.remove-btn:hover .x-icon::after,
.remove-btn:focus .x-icon::before,
.remove-btn:focus .x-icon::after {
	background: #722282
}


.x-icon:before {
	transform: rotate(45deg);
}

.x-icon:after {
	transform: rotate(-45deg);
}

.faux-btn[type="file"] {
	display: none;
}

.formee .select-chevron-container select,
.formee .select-chevron-container select:hover,
.formee .select-chevron-container select:focus {
	background: none;
}

.select-chevron-container {
	position: relative;
	width: 100%;
	background: #fff;
}

	.select-chevron-container::before, .select-chevron-container::after {
		content: '' !important;
		position: absolute;
		width: 8px;
		height: 1px !important;
		background: #000;
		visibility: visible !important;
	}

	.select-chevron-container::before {
		content: '' !important;
		right: 20px;
		transform: translateY(-50%) rotate(45deg);
	}

	.select-chevron-container::after,
	.select-chevron-container::after {
		content: '' !important;
		right: 15px;
		top: 50%;
		transform: translateY(-50%) rotate(-45deg);
	}

/* If forme, take account of the extra styles */
.formee .select-chevron-container::after,
.formee .select-chevron-container::before {
	top: 50%;
}


.site-body .select-chevron-container .select-chevron-container__select {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 10px 5px;
	background: #fff;
	border: 1px solid #bbb;
	color: #000;
	appearance: none;
}

	.site-body .select-chevron-container .select-chevron-container__select.select-chevron-container__select--padding {
		padding: 15px 10px;
	}
/* selects with badtges */
.site-body .select-chevron-container__select.select-chevron-container__select-icon.select-chevron-container__select-default-margin {
	margin: 0 0 15px 0;
}

/* If we add a modifier, we need to also take positioning of pseudos into account. */
.formee .select-chevron-container.select-chevron-container-alt::before,
.formee .select-chevron-container.select-chevron-container-alt::after {
	top: 45%;
}

.formee .select-chevron-container.select-chevron-container-alt::before {
	transform: translateY(-45%) rotate(45deg);
}

.formee .select-chevron-container.select-chevron-container-alt::after {
	transform: translateY(-45%) rotate(-45deg);
}

.site-body .select-chevron-container .select-chevron-container__select.select-chevron-container__select-icon,
.site-body .select-chevron-container .select-chevron-container__select.select-chevron-container__select-icon.select-chevron-container__select-icon-in-progress,
.site-body .select-chevron-container .select-chevron-container__select.select-chevron-container__select-icon.select-chevron-container__select-icon-pending,
.site-body .select-chevron-container .select-chevron-container__select.select-chevron-container__select-icon.select-chevron-container__select-icon-in-review,
.site-body .select-chevron-container .select-chevron-container__select.select-chevron-container__select-icon.select-chevron-container__select-icon-submitted {
	padding: 15px 25px 15px 40px;
	background-repeat: no-repeat;
	background-position: 10px;
	background-size: 20px;
}

/* custom checkbox */

.checkout-custom-checkbox {
	margin: 0 0 10px 0;
}

	.checkout-custom-checkbox.checkout-custom-checkbox-centered {
		margin: 0 auto;
	}

.checkout-custom-checkbox--inline-block {
	display: inline-block;
}

.checkout-custom-checkbox__label {
	display: flex;
	align-items: flex-start;
	cursor: pointer;
}

.checkout-custom-checkbox__label--inline-flex {
	display: inline-flex;
}

.checkout-custom-checkbox__label-pseudo {
	position: relative;
	flex: 0 0 auto;
	height: 25px;
	width: 25px;
	display: block;
	border: 1px solid black;
	border-radius: 6px;
	margin: 0 20px 0 0;
	background: #fff;
}

	.checkout-custom-checkbox__label-pseudo::before {
		content: '\2713';
		opacity: 0;
		position: absolute;
		color: white;
		width: 10px;
		height: 10px;
		bottom: 50%;
		left: 50%;
		transform: translate(-50%);
	}

.checkout-checkbox-accordion-content {
	display: none;
}

.checkout-custom-checkbox__input:checked ~ .checkout-checkbox-accordion-content {
	display: block;
	margin: 15px 0 0 0;
}

.formee .checkout-custom-checkbox__label,
.checkout-custom-checkbox__label {
	display: flex;
	align-items: center;
}

.checkout-custom-checkbox__input:checked ~ .checkout-custom-checkbox__label .checkout-custom-checkbox__label-pseudo {
	background: #FF9702;
}

	.checkout-custom-checkbox__input:checked ~ .checkout-custom-checkbox__label .checkout-custom-checkbox__label-pseudo::before {
		opacity: 1;
	}

.checkout-custom-checkbox__input:hover + .checkout-custom-checkbox__label .checkout-custom-checkbox__label-pseudo, .checkout-custom-checkbox__input:focus + .checkout-custom-checkbox__label .checkout-custom-checkbox__label-pseudo {
	content: "";
	left: 0;
	top: 0;
	outline: #cf1c24 2px solid;
	outline-offset: 2px;
}

.checkout-custom-checkbox__input.focus-overlay-target:focus {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.checkout-custom-checkbox__label-text {
	font-size: 13px;
	color: #696969;
}

.assurance-date {
	font-size: 13px;
}

	.assurance-date p:first-of-type {
		color: #722282;
		font-weight: 800;
		margin: 0 0 -6px 0;
	}

/* switch toggles */
/* The switch - the box around the slider */
.switch {
	position: relative;
	display: block;
	width: 48px;
	height: 24px;
	margin: 0 auto;
}

	/* Hide default HTML checkbox */
	.switch input {
		opacity: 0;
		width: 0;
		height: 0;
	}

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #939598;
	-webkit-transition: .4s;
	transition: .4s;
}

	.slider:before {
		position: absolute;
		content: "";
		height: 17px;
		width: 17px;
		left: 4px;
		bottom: 4px;
		background-color: white;
		-webkit-transition: .1s;
		transition: .1s;
	}

input:checked + .slider {
	background-color: #722282;
}

input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}


input:checked + .slider::after {
	content: "\2713";
	position: absolute;
	left: 10px;
	top: 0;
	color: #fff;
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

	.slider.round:before {
		border-radius: 50%;
	}


.checkout-toggle-button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.checkout-toggle.active .checkout-toggle-button.checkout-toggle-button-primary {
	display: none;
}

.checkout-toggle .checkout-toggle-menu {
	display: none;
	font-size: 0.875rem;
	white-space: nowrap;
	min-width: 200px;
	padding: 10px 0 0 0;
	top: -20px;
	right: 0;
	border: 1px solid var(--light-gray-03);
	background-color: #ffffff;
	box-shadow: 0 2px 6px 0px rgba(0,0,0,0.1);
	border-radius: 10px;
	z-index: 200;
}


[id^="dvComponentReviewRating"].checkout-toggle .checkout-toggle-menu {
	min-width: 230px;
}

	.checkout-toggle.active .checkout-toggle-menu {
		display: block;
		padding: 10px 0;
		margin: -30px 0 0 0;
		z-index: 300;
	}

	.checkout-toggle.active .checkout-toggle-menu:focus {
		outline: 1px solid dodgerblue;
	}

.checkout-toggle-status {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	width: 100%;
	padding: 10px !important;
}

.bottom-arrow {
	pointer-events: none;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid #595757;
	transition: .1s ease-in;
}

.checkout-toggle.active .bottom-arrow {
	transform: rotate(180deg);
}

.v-align-middle {
	vertical-align: initial;
}

.review-component-accordion {
	margin: 0 0 20px 0;
	padding: 19px 35px;
	border-radius: 5px;
}

	.review-component-accordion.review-component-accordion-no-padding {
		padding: 0;
		border: none;
	}

	.review-component-accordion.review-component-accordion-no-margin {
		margin: 0;
	}

.review-component-accordion-header {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 1rem;
	padding: 25px 15px 20px 23px;
	text-align: left;
	border-top: 1px solid #eaddee;
}

	.review-component-accordion-header:has(.arrow-button.active) {
		border-top: 1px solid #eaddee;
		background: #eaddee;
	}


.review-component-accordion-header {
	background: #fbf7ee;
}


	.review-component-accordion-header .arrow-button {
		font-size: clamp(1rem, 0.8125rem + 0.5vw, 1.25rem) !important;
	}



.site-body .assurance-main .review-component-accordion-header .carrot-button,
.site-body .assurance-main .review-component-accordion-header .faux-link {
	text-align: left;
	font-size: clamp(0.75rem, 0.5714rem + 0.8929vw, 1rem);
}

.review-component-accordion .faux-link {
	gap: 0.75rem;
}

.file-block {
	padding: 20px;
	background: #f7f7f7;
}

.file-block-files {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
}

.file-block-note {
	font-size: 0.8125rem;
}

.review-component-accordion-content {
	font-size: 16px;
	padding: 35px 0 0 0;
	padding: 35px 15px 20px 23px;
}

	.review-component-accordion-content.active {
		background: #faf7fb;
		Xpadding: 35px 15px 20px 23px;
	}

.assurance-argument-table h3.review-component-accordion-content {
	padding: 5px 20px;
	margin-bottom:0;
}

.assurance-argument-table p.review-component-accordion-content {
	padding: 5px 20px;
	margin-bottom: 20px;
}

.assurance-main .assurance-argument-table button.action-check-in {
	margin: 20px 0px;
}



.review-component-accordion-content .review-component-accordion-heading {
	font-size: 1rem;
	margin: 0;
}

.assign-user {
	display: flex;
	gap: 3.75rem;
	flex-wrap: wrap;
}

.assign-user-panel-header {
	display: flex;
	gap: 1rem;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.assign-user-panel {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
}

.assign-user-panel-header-title {
	flex: 1 0 auto;
}

.assurance-main .assign-user-panel-header-title h3 {
	margin: 0;
}

.assurance-main .assign-user-panel-header-title label {
	font-weight: 500;
	font-size: 1rem;
}

.assign-user .assign-user-panel .search-field {
	display: block;
	position: relative;
}

	.assign-user .assign-user-panel .search-field .icon-assurance-search-2 {
		position: absolute;
		left: 15px;
		top: calc(50% - 15px);
		width: 18px;
		height: 18px;
	}

	.assign-user .assign-user-panel .search-field input {
		padding: 10px 15px 10px 40px;
	}


/* remove formee pseudo styles */
.formee.assign-user::after {
	content: none;
}

.formee .assign-user-panel::before,
.formee .assign-user-panel::after {
	content: none;
}

.assurance-main .contributor-search {
	border: 1px solid #909090 !important;
}

.assign-user-card {
	display: flex;
	gap: 1rem;
	align-items: center;
	margin: 0 0 10px 0;
	padding: 10px;
	background: #f5f5f7;
	border-radius: 5px;
}

	.assign-user-card:last-child {
		margin: 0;
	}

.assurance-main .assign-users .assign-user-card-action {
	margin: 0 0 0 auto;
}

.assign-user-panel-bucket {
	overflow-y: auto;
	max-height: 31.25rem;
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 5px;
	border: 1px solid #909090;
	border-radius: 5px;
}

	.assign-user-panel-bucket.assign-user-panel-bucket-lead {
		padding: 5px 5px 0 5px;
		border-bottom: none;
	}

.assign-user-footer {
	display: flex;
	gap: 1rem;
	align-items: center;
	margin: 10px -5px 0 -5px;
	padding: 10px;
	border-top: 1px solid #909090;
}

	.assign-user-footer .icon.icon-star {
		width: 15px;
		height: 15px;
	}

.assign-user-card-actions {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	align-items: center;
}

.assurance-main .assign-user .assign-user-card-btn {
	margin: 0 0 0 auto;
}

.assign-user-card-actions {
	width: 100%;
}

.assign-user-footer-text {
	margin: 0;
}

.assign-user-card.active .icon-assurance-star-grey {
	display: none;
}

.assign-user-card.active .icon-assurance-star-fill {
	display: block;
}

.assign-user-card .icon-assurance-star-grey {
	display: block;
}

.assign-user-card .icon-assurance-star-fill {
	display: none;
}

/* scratchpad */

.dialog.scratchpad {
	display: flex;
	flex-direction: column;
	z-index: 1100;
	padding: 0;
	width: calc(100% - 1.25rem) !important;
	max-width: 26.5rem;
	width: 100%;
	Xheight: 70vh;
	margin: 0;
	position: fixed;
	left: 0;
	bottom: 0;
	border-top: none;
	border-radius: 25px;
	background: #fff;
	border: 1px solid var(--dark-blue);
}

@media(min-width:48rem) {
	.dialog.scratchpad {
		width: auto;
		margin: 0 0 10px 30px;
		Xheight: 70%;
	}
}

.dialog.scratchpad .mfp-close {
	background: none;
	color: #fff;
}

.scratchpad-component-title {
	padding: 0 20px;
}

.scratchpad-header {
	display: flex;
	justify-content: center;
	padding: 10px;
	background: var(--hlc-primary);
	border-radius: 25px 25px 0 0
}

.scratchpad-component-name {
	color: var(--hlc-primary);
	font-size: clamp(0.75rem, 0.5714rem + 0.8929vw, 1rem);
}

.scratchpad-body {
	padding: 25px 20px;
	/*	display:flex;
	overflow-y: auto;*/
	flex: 1;
}

.scratchpad-profile-pfp {
	flex: 1 1 auto;
	max-width: 30px;
	border-radius: 100%;
	width: 100%;
	background-size: cover;
	background-position: center;
}

	.scratchpad-profile-pfp::before {
		content: '';
		display: block;
		padding-bottom: 100%;
	}

.scratchpad-header-title {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin: 0;
	font-size: clamp(0.75rem, 0.5714rem + 0.8929vw, 1rem);
	color: #fff;
}

svg.icon-scratchpad {
	width: 20px;
	height: 25px;
}

.scratchpad-header-title-text-bold {
	font-weight: 800;
	padding: 0 5px 0 0;
}

.scratchpad-header-title-text-thin {
	border-left: 1px solid #fff;
	padding: 0 0 0 10px;
}

/* Notes block - header*/
.scratchpad-note-header,
.scratchpad-profile,
.scratchpad-profile-metadata {
	display: flex;
	align-items: center;
}

.scratchpad-note-header {
	flex-wrap: wrap;
	gap: 0.75rem;
	margin: 0 0 15px 0;
}


.scratchpad-profile {
	gap: 0.5625rem;
	flex: 1 1 auto;
}

.scratchpad-profile-metadata {
	gap: 0.625rem;
	flex: 1 1 auto;
}
/* inner notes header */
.scratchpad-profile-name {
	flex: 0 1 auto;
	color: #722282;
	font-size: clamp(0.75rem, 0.5714rem + 0.8929vw, 1rem);
}

.scratchpad-profile-metadata {
	font-size: 0.75rem;
}

/* body */
.scratchpad-body {
	margin: 0 0 10px 0;
}
/* inner notes section */
.scratchpad-note-notes {
	font-size: clamp(0.75rem, 0.5714rem + 0.8929vw, 1rem);
	border-bottom: 1px solid #DDE1E2;
	line-height: 24px;
}

	.scratchpad-note-notes p,
	.scratchpad-note-notes ul,
	.scratchpad-note-notes ol {
		margin: 0 0 5px 0;
	}

/* notes section and also, actions and footer */
.scratchpad-note-notes,
.scratchpad-actions {
	padding: 0 20px 16px 20px;
}


	.scratchpad-actions textarea {
		width: 100%;
		margin: 0 0 10px 0;
		padding: 15px;
	}

/* footer */
.scratchpad-footer {
	display: flex;
	justify-content: center;
	padding: 10px 20px;
	background: #DDE1E2;
	font-size: clamp(0.75rem, 0.5714rem + 0.8929vw, 1rem);
	border-radius: 0px 0px 25px 25px;
}

@media(min-width:48rem) {
	.scratchpad-footer {
		padding: 22px 20px;
	}
}

.site-body:has(> .dialog) {
	position: relative;
}

.table-footer {
	border-top: 1px solid var(--light-gray-03);
}

.table-footer-actions .admin-manage-section-btn {
	display: block;
}

.table-footer-actions .listing-flex {
	display: none;
}

.table-footer-actions.active .admin-manage-section-btn {
	display: none;
}

.table-footer-actions.active .listing-flex {
	display: flex;
}

.assign-user-card-btn .icon-right-arrow {
	max-width: 25px;
	max-height: 25px;
}

.assign-user-card-btn svg.icon-right-arrow {
	width: 100%;
	height: 100%;
}

	.assign-user-card-btn svg.icon-right-arrow.icon-right-arrow-reverse {
		transform: rotate(180deg);
	}

.listing-flex {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.assurance-main .files-listing .file-summary-section table.argument-file-table {
	width: auto;
}

@media(min-width:48em) {
	.assurance-main .files-listing .file-summary-section table.argument-file-table tbody {
		width: 100%;
	}
}

.assurance-main .files-listing .file-summary-section table.argument-file-table tbody {
	outline: none !important;
}


	.assurance-main .files-listing .file-summary-section table.argument-file-table tbody td {
		border-collapse: separate;
		border-spacing: 0 !important;
	}

	.assurance-main .files-listing .file-summary-section table.argument-file-table tbody tr:first-child td {
		padding: 0 30px 22px 0 !important;
	}

	.assurance-main .files-listing .file-summary-section table.argument-file-table tbody td {
		padding: 22px 30px 22px 0 !important;
		background: none !important;
	}

		.assurance-main .files-listing .file-summary-section table.argument-file-table tbody td .faux-link {
			margin-left: auto;
		}

		.assurance-main .files-listing .file-summary-section table.argument-file-table tbody td ~ td::before {
			content: none;
		}

.rating-component {
	max-width: 932px;
	width: 100%;
	margin: 0 auto;
}

.rating-scores {
	display: flex;
	align-items: center;
	gap: 16px;
}


.rating-scores-score {
	flex: 1 1 0px;
}

/* reset global styles */
.assurance-main .rating-scores input[type="date"],
.assurance-main .rating-scores .hlc-select-container {
	margin: 0;
}


.assurance-main .rating-scores .hlc-label {
	margin: 0 0 5px 0;
}

.assurance-main .rating-scores .date-picker-input {
	padding: 10px;
}

.assurance-main .rating-scores .select-chevron-container__select {
	padding: 10px;
}

.assurance-main .rating-scores .date-picker-input,
.hlc-select {
	color: #000;
}

.form-legend {
	margin-left: auto;
	font-weight: 800;
}

.required {
	color: #DD2222;
	font-size: 1.125rem;
}

/* pseudo updown select inputs */
.formee .custom-updown-select-container,
.formee .custom-updown-select-container__select {
	width: 100%;
}

.formee .custom-updown-select-container {
	position: relative;
}

.formee .custom-updown-select-container__select {
	background: white;
	margin: 0;
	padding: 15px 25px 15px 40px;
	appearance: none;
}

	.formee .custom-updown-select-container__select:hover,
	.formee .custom-updown-select-container__select:focus {
		background: none;
	}

.formee .custom-updown-select-container::before,
.formee .custom-updown-select-container::after {
	content: "";
	display: block;
	pointer-events: none;
	position: absolute;
	width: 0;
	height: 0;
	right: 10px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 7px solid #817e7e;
}

.formee .custom-updown-select-container::before {
	bottom: 55%;
}

.formee .custom-updown-select-container::after {
	right: 10px;
	top: 52%;
	transform: rotate(180deg);
	visibility: visible;
}

.date-input {
	padding: 15px 38px;
	border: 1px solid #bbb;
	border-radius: 5px;
	padding-right: 15px 40px;
	margin-bottom: 0;
	background: #fff url("/cms/images/layout/calendar.png") no-repeat scroll 10px 50%;
}

.btn-icon {
	display: flex;
	column-gap: 0.6875rem;
	font-weight: 700;
	font-size: 1rem;
	font-family: 'Ubuntu', sans-serif;
	align-items: center;
	color: #722282;
	text-decoration: underline
}

	.btn-icon .icon.icon-new-envelope {
		width: 1.5em !important;
	}

	.btn-icon > * {
		flex: 1 0 0px;
	}

	.btn-icon[disabled] {
		cursor: not-allowed;
	}

	.btn-icon.btn-icon-background {
		padding: 15px 50px !important;
		background: var(--hlc-primary) !important;
		color: #ffff !important;
		border-radius: 60px;
		text-decoration: none;
	}

		.btn-icon.btn-icon-background:hover,
		.btn-icon.btn-icon-background:focus {
			background: #666666 !important;
		}

		.btn-icon.btn-icon-background .icon {
			fill: #fff;
		}

.control-listing .btn-icon .icon {
	width: 25px;
	height: 25px;
}

.btn-icon:hover,
.btn-icon:focus {
	text-decoration: none;
}

.control-listing {
	display: flex;
	align-items: center;
	column-gap: 2.5rem;
	margin: 0;
	padding-left: 0 !important;
	list-style-type: none;
}


.lock-assurance-title .icon-title .icon {
	width: 20px;
	height: 20px;
	flex: 0 0 auto;
}

/* ckEditor overwrites */
.cke_combopanel,
.cke_panel.cke_combopanel {
	max-width: 62.5em !important;
	width: 100% !important;
}

.federal-compliance-comments-heading {
	margin: 10px 0;
}





#fileExplorer #splitter {
	display: flex;
	justify-content: flex-start;
}

#fileExplorer #splitter .k-splitbar {
	position:relative;
	left:initial;
}