/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width
 */
@-ms-viewport {
	width: device-width;
}

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

@viewport {
	width: device-width;
}

:root {
	--main-text-color: #393F4C;
}

body {
	background-color: #eee;
	padding-bottom: 40px;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	color: var(--main-text-color);
}

/** Icons font */

/* region: Icons Font */

/*@font-face {*/
/*	font-family: 'Relay';*/
/*	src: url('../fonts/icons.eot');*/
/*	src: url('../fonts/icons.eot?#iefix') format('embedded-opentype'),*/
/*	url('../fonts/icons.woff2') format('woff2'),*/
/*	url('../fonts/icons.woff') format('woff'),*/
/*	url('../fonts/icons.ttf') format('truetype'),*/
/*	url('../fonts/icons.otf') format('opentype');*/
/*	font-weight: normal;*/
/*	font-style: normal;*/
/*}*/

/*.fa {*/
/*	display: inline-block;*/
/*	font: normal normal normal 14px/1 'Relay';*/
/*	font-size: inherit;*/
/*	text-rendering: auto;*/
/*	-webkit-font-smoothing: antialiased;*/
/*	-moz-osx-font-smoothing: grayscale;*/
/*}*/

/*.fa-lg {*/
/*	font-size: 1.33333333em;*/
/*	line-height: 0.75em;*/
/*	vertical-align: -15%;*/
/*}*/

/*.fa-2x {*/
/*	font-size: 2em;*/
/*}*/

/*.fa-3x {*/
/*	font-size: 3em;*/
/*}*/

/*.fa-4x {*/
/*	font-size: 4em;*/
/*}*/

/*.fa-5x {*/
/*	font-size: 5em;*/
/*}*/

/*.fa-fw {*/
/*	text-align: center;*/
/*	width: 1.28571429em;*/
/*}*/

/*.fa-ul {*/
/*	list-style-type: none;*/
/*	margin-left: 2.14285714em;*/
/*	padding-left: 0;*/
/*}*/

/*.fa-ul > li {*/
/*	position: relative;*/
/*}*/

/*.fa-li {*/
/*	left: -2.14285714em;*/
/*	position: absolute;*/
/*	text-align: center;*/
/*	top: 0.14285714em;*/
/*	width: 2.14285714em;*/
/*}*/

/*.fa-li.fa-lg {*/
/*	left: -1.85714286em;*/
/*}*/

/*.fa-border {*/
/*	border: solid 0.08em #eeeeee;*/
/*	border-radius: .1em;*/
/*	padding: .2em .25em .15em;*/
/*}*/

/*.pull-right {*/
/*	float: right;*/
/*}*/

/*.pull-left {*/
/*	float: left;*/
/*}*/

/*.fa.pull-left {*/
/*	margin-right: .3em;*/
/*}*/

/*.fa.pull-right {*/
/*	margin-left: .3em;*/
/*}*/

/*.fa-spin {*/
/*	animation: fa-spin 2s infinite linear;*/
/*	-webkit-animation: fa-spin 2s infinite linear;*/
/*}*/

/*.fa-pulse {*/
/*	animation: fa-spin 1s infinite steps(8);*/
/*	-webkit-animation: fa-spin 1s infinite steps(8);*/
/*}*/

/*@-webkit-keyframes fa-spin {*/
/*	0% {*/
/*		-webkit-transform: rotate(0deg);*/
/*		transform: rotate(0deg);*/
/*	}*/
/*	100% {*/
/*		-webkit-transform: rotate(359deg);*/
/*		transform: rotate(359deg);*/
/*	}*/
/*}*/

/*@keyframes fa-spin {*/
/*	0% {*/
/*		-webkit-transform: rotate(0deg);*/
/*		transform: rotate(0deg);*/
/*	}*/
/*	100% {*/
/*		-webkit-transform: rotate(359deg);*/
/*		transform: rotate(359deg);*/
/*	}*/
/*}*/

/*.fa-rotate-90 {*/
/*	filter: "progid: DXImageTransform.Microsoft.BasicImage(rotation=1)";*/
/*	transform: rotate(90deg);*/
/*	-ms-transform: rotate(90deg);*/
/*	-webkit-transform: rotate(90deg);*/
/*}*/

/*.fa-rotate-180 {*/
/*	filter: "progid: DXImageTransform.Microsoft.BasicImage(rotation=2)";*/
/*	transform: rotate(180deg);*/
/*	-ms-transform: rotate(180deg);*/
/*	-webkit-transform: rotate(180deg);*/
/*}*/

/*.fa-rotate-270 {*/
/*	filter: "progid: DXImageTransform.Microsoft.BasicImage(rotation=3)";*/
/*	transform: rotate(270deg);*/
/*	-ms-transform: rotate(270deg);*/
/*	-webkit-transform: rotate(270deg);*/
/*}*/

/*.fa-flip-horizontal {*/
/*	filter: "progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";*/
/*	transform: scale(-1, 1);*/
/*	-ms-transform: scale(-1, 1);*/
/*	-webkit-transform: scale(-1, 1);*/
/*}*/

/*.fa-flip-vertical {*/
/*	filter: "progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";*/
/*	transform: scale(1, -1);*/
/*	-ms-transform: scale(1, -1);*/
/*	-webkit-transform: scale(1, -1);*/
/*}*/

/*:root .fa-rotate-90,*/
/*:root .fa-rotate-180,*/
/*:root .fa-rotate-270,*/
/*:root .fa-flip-horizontal,*/
/*:root .fa-flip-vertical {*/
/*	filter: none;*/
/*}*/

/*.fa-stack {*/
/*	display: inline-block;*/
/*	height: 2em;*/
/*	line-height: 2em;*/
/*	position: relative;*/
/*	vertical-align: middle;*/
/*	width: 2em;*/
/*}*/

/*.fa-stack-1x,*/
/*.fa-stack-2x {*/
/*	left: 0;*/
/*	position: absolute;*/
/*	text-align: center;*/
/*	width: 100%;*/
/*}*/

/*.fa-stack-1x {*/
/*	line-height: inherit;*/
/*}*/

/*.fa-stack-2x {*/
/*	font-size: 2em;*/
/*}*/

/*.fa-inverse {*/
/*	color: #ffffff;*/
/*}*/

/*.fa-sign-out-alt:before {*/
/*	content: '\f000';*/
/*}*/

/*.fa-info-circle:before {*/
/*	content: '\f001';*/
/*}*/

/*.fa-info-circle-regular:before {*/
/*	content: '\f003';*/
/*}*/

/* endregion */

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

.sr-only-focusable:active,
.sr-only-focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.select2-container--default .select2-results > .select2-results__options {
	max-height: 300px;
}

.cancel-link {
	color: #ea4e64;
	font-size: 16px;
}

.container {
	margin: 0 auto;
	max-width: 600px;
}

.view-header {
	margin-bottom: 40px;
}

.view-title {
	font-weight: 400;
}

.view-title h1 {
	font-size: 24px;
	font-weight: 700;
	margin: 15px 0 10px;
}

.view-title p {
	font-size: 16px;
	margin: 0;
}

.authentication-card {
	border-radius: 8px;
	border: 1px solid rgba(0, 0, 0, 0.10);
	background: #fff;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
}

.authentication-card form {
	margin: 0;
}

.authentication-card a:not(.button) {
	display: inline-flex;
	align-items: center;
	color: #338EEF;
}

.authentication-card a:not(.button) i {
	line-height: 1;
}

.authentication-card a:not(.button) i svg {
	width: 14px;
	height: 14px;
}

.authentication-card a:not(.button) i:not(:first-child) {
	margin-left: 4px;
}

.authentication-card__header {
	padding: 30px 36px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.ga-link-status {
	display: flex;
	align-items: center;
}

.ga-link-status__chain {
	position: relative;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 25px;
}

.ga-link-status__chain img {
	position: relative;
	background-color: #fff;
}

.ga-link-status__chain::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: rgba(0, 0, 0, .1);
}

.ga-link-status__logo {
	position: relative;
	margin: 0;
	width: 48px;
	height: 47px;
}

.ga-link-status__logo img {
	position: absolute;
	object-fit: cover;
	inset: 0;
	width: 100%;
	height: 100%;
}

.ga-link-status__logo.is-product {
	background-size: cover;
}

.authentication-card__content {
	padding: 30px 36px;
	font-size: 16px;
}

.authentication-card__content > * {
	margin: 0;
}

.authentication-card__content > *:not(:last-child) {
	margin-bottom: 16px;
}

.auth-title, .auth-title.is-2 {
	font-weight: 700;
	font-size: 24px;
	margin: 0;
}

.auth-title.is-3 {
	font-size: 16px;
}

.authentication-card__footer {
	padding: 24px;
	border-top: 1px solid rgba(0, 0, 0, .1);
}

.authentication-actions {
	display: flex;
	justify-content: flex-end;
}

.authentication-error {
	display: flex;
	align-items: center;
}

.authentication-error p {
	color: #6D7992;
	font-size: 16px;
}

.authentication-error p:last-child {
	margin-bottom: 0;
}

.authentication-error__content {
	width: 60%;
}

.authentication-error__icon {
	flex: 1;
}

.authentication-error__headline {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 40px;
	font-weight: 700;
}

.authentication-error__title {
	font-size: 20px;
	font-weight: 700;
}

.authentication-profile {
	padding: 16px;
}

.authentication-profile label {
	display: block;
	font-weight: 700;
	margin-bottom: 16px;
	color: #000;
}

.authentication-profile p {
	font-size: 12px;
	color: #4f4f4f;
}

ol.styled-list {
	position: relative;
	padding-left: 32px;
	padding-top: 10px;
	padding-bottom: 10px;
	list-style-type: none;
	line-height: 1.5;
}

ol.styled-list li {
	padding-left: 8px;
}

ol.styled-list li::before {
	position: absolute;
	content: counter(list-item);
	display: flex;
	align-items: center;
	justify-content: center;
	left: 6px;
	font-size: 11px;
	font-weight: 700;
	background-color: rgba(51, 142, 239, 0.1);
	width: 20px;
	height: 20px;
	line-height: 1;
	border-radius: 50%;
	margin-top: 2px;
}

ol.styled-list li:not(:last-child) {
	margin-bottom: 16px;
}

.accordion-block {
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.30);
	background: #fff;
}

.accordion-item {
	margin: 0;
	padding: 0;
}

.accordion-item:not(:last-child) {
	border-bottom: 1px solid rgba(0, 0, 0, 0.30);
}

.accordion-item__header {
	display: flex;
	padding: 24px 22px;
	user-select: none;
	cursor: pointer;
}

.accordion-item__indicator {
	margin-left: auto;
	transition: transform 200ms ease-out;
}

.accordion-item.is-open .accordion-item__indicator {
	transform: rotate(180deg);
}

.accordion-item__header h4 {
	margin: 0;
	font-weight: 700;
	text-decoration: underline;
}

.accordion-item__content {
	color: #6D7992;
	font-size: 16px;
	padding: 0 22px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 200ms ease-out;
}

.accordion-item__content.is-open {
	display: block;
}

.accordion-item__content p:first-child {
	margin-top: 0;
}

.authentication-text {
	align-items: center;
	display: flex;
	margin-bottom: 25px;
}

.authentication-img {
	margin-right: 15px;
}

.authentication-img img {
	max-width: 48px;
}

.authentication-text-text label {
	color: #393f4a;
	font-size: 16px;
	font-weight: 500;
}

.authentication-text-text p,
label.opt-in {
	color: #777;
	font-size: 14px;
	margin: 8px 0 0;
}

.authentication-text-text .fa {
	color: #b6c9da;
}

.site-container.container {
	padding-top: 30px;
}

.select2-container .select2-selection--single {
	height: 48px;
}

.select2-container--default .select2-selection--single {
	border-color: #b7c9d9;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	color: #444;
	font-size: 16px;
	line-height: 36px;
	padding: 6px 20px 6px 14px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 46px;
	width: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #b6c9d9 transparent transparent transparent;
	border-width: 7px 6px 0 6px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #b6c9d9 transparent;
	border-width: 0 6px 7px 6px;
}

.select2-search__field {
	border-color: #b6c9d9;
	color: #444;
	font-size: 16px;
	height: 48px;
	line-height: 48px;
}

.select2-dropdown {
	border-color: #b6c9d9;
}

.button, a.button {
	display: inline-flex;
	align-items: center;
	background-color: #3990EC;
	border: 1px solid #1C77DB;
	box-shadow: 0 1px 0 0 #1C77DB;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	font-size: 17px;
	font-weight: 700;
	line-height: 1;
	padding: 14px 25px;
	text-decoration: none;
}

.button span:not(:first-child),
a.button span:not(:first-child) {
	margin-left: 6px;
}

.authentication-buttons {
	margin-top: 30px;
}

.authentication-buttons:after {
	clear: both;
	content: '';
	display: table;
}

.authentication-buttons .cancel-link {
	float: right;
	margin-top: 15px;
}

.app-footer {
	border-top: 1px solid #d6e2ec;
	color: #686d77;
	font-size: 13px;
	margin-top: 50px;
	padding: 30px 20px;
	text-align: center;
}

.app-footer p {
	margin: 0 0 14px;
}

.app-footer ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.app-footer ul li {
	display: inline-block;
	margin: 0 13px;
}

.app-footer a {
	color: #686d77;
	font-weight: 500;
	text-decoration: underline;
}

.site-container {
	min-height: calc(100vh - 238px); /* Height of footer + header */
}

.site-header .user-area {
	bottom: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.site-header .user-area-button {
	background-color: #fff;
	border: none;
	border-left: 1px solid #fff;
	cursor: pointer;
	padding: 20px;
	overflow: hidden;
}

.user-area:hover .user-area-button {
	background-color: #f9faff;
	border-left-color: #d4e1ec;
}

.user-area:hover .user-area-caret {
	transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.user-area-img img {
	border-radius: 50%;
	max-width: 40px;
}

.user-area-img {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}

.user-area-text {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

.user-area-name,
.user-area-email {
	display: block;
}

.user-area-name {
	color: #393f49;
	font-size: 14px;
	font-weight: 700;
}

.user-area-email {
	color: #9da5b0;
	font-size: 13px;
}

.user-area-caret {
	border-color: #b6c9d9 transparent transparent transparent;
	border-style: solid;
	border-width: 7px 6px 0 6px;
	display: inline-block;
	height: 0;
	margin-left: 20px;
	vertical-align: middle;
	width: 0;
}

.user-area-dropdown {
	display: none;
	position: absolute;
	right: 0;
	font-size: 14px;
}

.user-area-dropdown-item {
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
	margin: 6px;
	padding: 20px;
}

.user-area-dropdown-item i {
	color: #b6c9d9;
	margin-left: 4px;
}

.user-area:hover .user-area-dropdown {
	display: block;
}

.user-area-dropdown a {
	color: #393f48;
	text-decoration: none;
	white-space: pre;
}

.user-area-dropdown a:hover,
.user-area-dropdown a:focus {
	text-decoration: underline;
}

/* Styled checkbox */
.styled-checkbox {
	position: relative;
}

.styled-checkbox input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	-webkit-appearance: none;
	outline: none;
}

.styled-checkbox input[type="checkbox"]:checked + label:after {
	content: '';
	position: absolute;
	left: 4px;
	top: 3px;
	width: 12px;
	height: 8px;
	display: block;
	border-bottom: solid 4px #509fe2;
	border-left: solid 4px #509fe2;
	background: none;
	transform: rotate(-45deg);
	border-radius: 2px;
	box-sizing: border-box;
}

.styled-checkbox label {
	display: block;
	padding-left: 30px;
}

.styled-checkbox label:before {
	pointer-events: none;
	outline: none;
	content: '';
	width: 20px;
	height: 20px;
	background: #FFFFFF;
	border: 1px solid #E9E7EE;
	box-sizing: border-box;
	border-radius: 3px;
	margin-right: 15px;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top: -2px;
	left: 0;
}


/* Tooltips */

[data-tooltip] {
	position: relative;
	cursor: help;
}

.tooltip[data-tooltip]:hover:after,
.tooltip[data-tooltip]:hover:before {
	display: block;
}

.tooltip[data-tooltip]:after {
	white-space: normal;
	min-width: 330px;
	line-height: 1.4;
}

[data-tooltip]:after,
[data-tooltip]:before {
	bottom: 100%;
	display: none;
	left: 50%;
	pointer-events: none;
	position: absolute;
	z-index: 994;
}

[data-tooltip]:after {
	background: #5f6197;
	border-radius: 5px;
	color: #fff;
	content: attr(data-tooltip);
	font-size: 14px;
	margin-bottom: 20px;
	margin-left: -30px;
	padding: 20px;
	white-space: pre;
}

[data-tooltip]:before {
	border-color: #5f6197 transparent transparent transparent;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	content: '';
	height: 0;
	margin-bottom: 10px;
	margin-left: -10px;
	width: 0;
}

@media ( max-width: 767px ) {
	.user-area-text {
		display: none;
	}

	.user-area-caret {
		margin-left: 0;
	}

	.view-header {
		margin-left: 20px;
		margin-right: 20px;
	}

	.authentication-card {
		margin-left: 20px;
		margin-right: 20px;
		padding: 20px;
	}

	.authentication-buttons {
		text-align: center;
	}

	.authentication-buttons .cancel-link {
		display: block;
		float: none;
	}
}

/**
 * Staff Lookup View Page Styles.
*/
.staff-lookup .staff-lookup-container table{
	width: 100%;
	border-radius: 10px;
	border-collapse: collapse;
	table-layout: fixed;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 8px 2px rgba(235,235,235,1);
	-moz-box-shadow: 0px 0px 8px 2px rgba(235,235,235,1);
	box-shadow: 0px 0px 8px 2px rgba(235,235,235,1);
}

.staff-lookup .staff-lookup-container table tr td{
	border: 1px solid #e2e2e2;
	padding: 20px;
	width: 50%;
	word-wrap: break-word;
}

.infolink {
	color: #393f48;
	text-decoration: none;
	white-space: pre;
	margin: 5px 0 0;
	display: inline-block;
}

.infolink:hover {
	text-decoration: underline;
}

#findsite {
	padding-top: 25px;
}

#findsite iframe {
	max-width: 100%;
}

.relay-modal {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	inset: 0;
	background-color: rgba(0, 0, 0, .5);
	z-index: 999;
}

.relay-modal-card {
	background: #fff;
	width: 80vw;
	max-width: 600px;
	border-radius: 8px;
}

.relay-modal-card__header {
	display: flex;
	align-items: flex-start;
	padding: 32px 32px 16px;
}

.relay-modal-card__header .modal-close {
	background-color: transparent;
	border: none;
	outline: none;
	color: #828282;
	cursor: pointer;
	margin-top: 4px;
}

.relay-modal-card__header .auth-title {
	padding-right: 16px;
}

.relay-modal-card__header .modal-close {
	margin-left: auto;
}

.relay-modal-card__content {
	padding: 0 32px 32px;
}

.relay-modal-card__footer {
	display: flex;
	justify-content: flex-end;
	padding: 24px 24px 32px;
	border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.responsive-iframe {
	position: relative;
}

.responsive-iframe::after {
	content: '';
	display: block;
	padding-bottom: 56.25%;
}

.responsive-iframe iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}