/* inter-400 */
@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 400;
	src: url("../Public/Fonts/inter-regular.woff2") format("woff2"),
	     url("../Public/Fonts/inter-regular.woff") format("woff");
}

/* inter-500 */
@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 500;
	src: url("../Public/Fonts/inter-medium.woff2") format("woff2"), 
		 url("../Public/Fonts/inter-medium.woff") format("woff");
}

/* inter-600 */
@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 600;
	src: url("../Public/Fonts/inter-semi-bold.woff2") format("woff2"),
		 url("../Public/Fonts/inter-semi-bold.woff") format("woff");
}

/* application fonts */
/*@font-face
{
	font-family:'Source Sans Pro';
	font-style:normal;
	font-weight:400;
	src:local('Source Sans Pro'), local('SourceSansPro-Regular'), url(../Public/Fonts/SourceSansProNormal.woff) format('woff');
}
@font-face
{
	font-family:'Source Sans Pro';
	font-style:normal;
	font-weight:600;
	src:local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), url(../Public/Fonts/SourceSansProSemibold.woff) format('woff');
}
@font-face
{
	font-family:'Source Sans Pro';
	font-style:normal;
	font-weight:300;
	src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(../Public/Fonts/SourceSansProLight.woff) format('woff');
}*/

/* open-sans-400 - latin_latin-ext */
@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 400;
	src: local(""), url("../Public/Fonts/open-sans-v44-latin_latin-ext-regular.woff2") format("woff2"),
	/* Chrome 26+, Opera 23+, Firefox 39+ */
	url("../Public/Fonts/open-sans-v44-latin_latin-ext-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-600 - latin_latin-ext */
@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 600;
	src: local(""), url("../Public/Fonts/open-sans-v44-latin_latin-ext-600.woff2") format("woff2"),
	/* Chrome 26+, Opera 23+, Firefox 39+ */
	url("../Public/Fonts/open-sans-v44-latin_latin-ext-600.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700 - latin_latin-ext */
@font-face {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 700;
	src: local(""), url("../Public/Fonts/open-sans-v44-latin_latin-ext-700.woff2") format("woff2"),
	/* Chrome 26+, Opera 23+, Firefox 39+ */
	url("../Public/Fonts/open-sans-v44-latin_latin-ext-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body
{
	padding: 0;
	margin: 0;
	background-color: #EEE;
	color: #1C1F27;
	font-family: 'Open Sans', 'Verdana', sans-serif;
	font-size: 16px;
	font-weight: 400;
}
label
{
	cursor:pointer;
}
img,
input[type=image]
{
	border-width:0;
	outline-width:0;
	height:24px;
}

#dashboard img {
	height: initial;
}

/* text box and text area */
input[type=text],
input[type=password],
textarea {
	font-family: 'Open Sans', 'Verdana', sans-serif;
	font-size: 16px;
	font-weight: 400;
	width: 100%;
	max-width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-width: 0;
	border-radius: 2px;
	outline-width: 0;
	background-color: #FFF;
	margin: 0;
	padding: 5.5px 7px;
	border: 1px solid #187ba5;
}
textarea
{
	overflow-y:auto;
}

/* mock text input */
.text-input {
	display: inline-block;
	font-family: 'Open Sans', 'Verdana', sans-serif;
	font-size: 14px;
	width: 100%;
	border-width: 0;
	border-radius: 5px;
	background-color: #ebebeb;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 34px;
	padding: 7px 10px;
}

/* read-only input */
.ro {
	display: inline-block;
	font-weight: 400;
	font-size: 16px;
	width: 100%;
	border-width: 0;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: transparent;
	border:none;
	min-height: 34px;
	padding: 7px 10px;
	overflow: hidden;
	text-overflow: ellipsis;
}
a.ro {
	color:#187BA5;
}

span.invalidAttachmentType{
	position:absolute;
	left:15px;
	top:65px;
	font-size:14px;
	font-weight:400;
	color:#962B26;
}

.text-label {
	display: inline-block;
	font-family: 'Open Sans', 'Verdana', sans-serif;
	font-weight: 600;
	font-size: 1.1em;
	width: 100%;
	border-width: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: none;
	min-height: 34px;
	padding: 7px 10px;
}

/* checkbox */
input[type=checkbox]
{
	display:none;
}
input[type=checkbox] + label,
input.rtChk + span
{
	display:inline-block;
	min-height:16px;
	clear:left;
	font-size:14px;
}
	input[type=checkbox] + label::before,
	input.rtChk + span:before {
		float: left;
		display: inline-block;
		width: 18px;
		height: 18px;
		content: "";
		border-radius: 5px;
		background-color: #FFF;
		margin-right: 7px;
		border: 1px solid #187ba5;
	}
input[type=checkbox]:checked + label::before,
input.rtChk:checked + span::before
{
	float:left;
	display:inline-block;
	width:18px;
	height:18px;
	content:"";
	border-radius:3px;
	background-color:#187BA5;
	background-position:2px 2px;
	background-repeat:no-repeat;
	background-image:url(../Images/CheckboxChecked.png?v=05a46b02fccdb5c802ab970ae2eb40b4);
	margin-right:7px;
}
th input[type=checkbox] + label::before,
th input.rtChk + span:before
{
	background-color: #FFF;
}
th input[type=checkbox]:checked + label::before,
th input.rtChk:checked + span:before
{
	background-color: #0171B9;
}

/* radio button */
input[type=radio]
{
	display:none;
}
input[type=radio] + label
{
	font-size:14px;
	display:inline-block;
	min-height:14px;
	margin-right:10px;
	clear:left;
}
	input[type=radio] + label::before {
		float: left;
		display: inline-block;
		width: 18px;
		height: 18px;
		content: "";
		background-image: url(../Images/RadioOff.png?v=05a46b02fccdb5c802ab970ae2eb40b4);
		margin-right: 5px;
		background-color: #fff;
		border: 1px solid #187BA5;
		border-radius: 15px;
	}
input[type=radio]:checked + label::before
{
	float:left;
	display:inline-block;
	width:18px;
	height:18px;
	content:"";
	background-image:url(../Images/RadioOn.png?v=05a46b02fccdb5c802ab970ae2eb40b4);
	margin-right:5px;
}

/* drop down list */
option:hover {
	background-color: #e8f2f6;
	background: linear-gradient(#e8f2f6, #e8f2f6);
}

option:checked {
	background: linear-gradient(#187BA5, #187BA5);
}
div.sc
{
	display:inline-block;
	width:100%;
	min-height:34px;
	vertical-align:middle;
	overflow:hidden;
	position:relative;
}
	div.sc > div {
		cursor: pointer;
		width: 100%;
		min-height: 34px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-radius: 2px;
		background-color: #FFF;
		padding: 7px 45px 7px 10px;
		background-image: url(../Images/DropDownArrow.png?v=05a46b02fccdb5c802ab970ae2eb40b4);
		background-position: right;
		background-repeat: no-repeat;
		font-size: 14px;
		text-align: left;
		border: 1px solid #187ba5;
	}
	div.sc > select {
		position: absolute;
		top: 0;
		left: 0;
		cursor: pointer;
		width: 100%;
		height: 100%;
		margin: 0;
		border-width: 0;
		outline-width: 0;
		-moz-opacity: 0;
		filter: alpha(opacity=0);
		opacity: 0;
		font-size: 14px;
		background-color:#FFF;
	}
		div.sc > select option:hover {
			box-shadow: 0 0 10px 100px #000 inset;
		}

	option:hover{
	}

#m_p_c_areaGrid #m_p_c_grid #m_p_c_textboxValue #m_p_c_textboxValue_n_wrapper.RadInput {
	display: inline-block;
}

#m_p_c_areaGrid #m_p_c_grid #m_p_c_textboxValue .sc.sc-auto {
	height: 40px;
}

div[id$='textboxQuantityReleased_n_wrapper'],
div[id$='textboxOffsiteArea_n_wrapper'],
div[id$='textboxQuantityRecovered_n_wrapper'],
div[id$='textboxOnsiteArea_n_wrapper'] {
	display: inline-block;
	width: 70%;
}

div[id$='textboxQuantityReleased_n_wrapper'] + .sc.sc-auto,
div[id$='textboxOffsiteArea_n_wrapper'] + .sc.sc-auto,
div[id$='textboxQuantityRecovered_n_wrapper'] + .sc.sc-auto,
div[id$='textboxOnsiteArea_n_wrapper'] + .sc.sc-auto {
	height: 38px;
}

div.sc-auto
{
	width:auto;
	height:36px;
}
div.sc-auto > div
{
	position:absolute;
	top:0;
	left:0;
}
div.sc-auto > select
{
	position:static;
	padding-right:45px;
}

/* auto-suggest styled as drop down list */
.RadComboBox.assc input
{
	cursor: pointer;
	padding-right: 45px;
	background-image: url(../Images/DropDownArrow.png?v=05a46b02fccdb5c802ab970ae2eb40b4);
	background-position: right;
	background-repeat: no-repeat;
}
.RadComboBox.assc .rcbInner.rcbFocused button.rcbActionButton,
.RadComboBox.assc .rcbInner.rcbHovered button.rcbActionButton,
.RadComboBox.assc .rcbInner button.rcbActionButton
{
	display: none;
}

/* multi select */
div.mitc
{
}
div.mitc > div.tags
{
	overflow: hidden;
	margin-top: 10px;
}
	div.mitc > div.tags > div.tag {
		position: relative;
		display: inline-block;
		min-height: 34px;
		max-width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-radius: 5px;
		background-color: #e8f2f6;
		color: #0e4a63;
		padding: 7px 30px 7px 10px;
		margin-right: 5px;
		margin-bottom: 5px;
		background-position: right;
		background-repeat: no-repeat;
		font-family: 'Open Sans', 'Verdana', sans-serif;
		text-align: left;
	}
div.mitc > div.tags > div.tag:last-child
{
	margin-right: 0;
}
div.mitc > div.tags > div.tag > span
{
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
div.mitc > div.tags > div.tag > a
{
	display: block;
	cursor: pointer;
	position: absolute;
	top: 50%;
	right: 5px;
	background-image: url(../Images/TextboxRemove.png?v=05a46b02fccdb5c802ab970ae2eb40b4);
	height: 16px;
	width: 16px;
	margin-top: -8px;
}
div.mitc > div.tags > div.sepr
{
	display: inline-block;
	min-height: 34px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 7px;
	margin-right: 5px;
	margin-bottom: 5px;
}
div.mitc > div.tags > div.sepr:first-child
{
	display:none;
}
div.mitc > div.tags > div.sepr > span
{
	display:block;
	overflow:hidden;
}
/* Internationalization text box */
div.i18n-input
{
}
div.i18n-input > div.inputcontainer
{
	position: relative;
}
div.i18n-input > div.inputcontainer > div
{
	margin-right: 35px;
}
div.i18n-input > div.inputcontainer > div > input[type=text]
{
}
div.i18n-input > div.inputcontainer > a.translationstoggle
{
	position: absolute;
	cursor: pointer;
	top:6px;
	right:4px;
	width: 22px;
	height: 22px;
	border-radius: 5px;
	background-color:#055990;
	background-image: url(../Images/Sprites/Translate.png?v=05a46b02fccdb5c802ab970ae2eb40b4);
	background-repeat: no-repeat;
}
div.i18n-input > div.translationscontainer
{
}
div.i18n-input > div.translationscontainer > .translationhelp
{
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
div.i18n-input > div.translationscontainer div.tdp
{
	display: block;
	margin-bottom: 5px;
}
div.i18n-input > div.translationscontainer div.tdp:last-child
{
	margin-bottom: 0;
}
body.width-small div.i18n-input > div.translationscontainer div.listHalf,
body.width-small div.i18n-input > div.translationscontainer div.listThird,
body.width-small div.i18n-input > div.translationscontainer div.listQuarter
{
	margin-bottom: 5px;
}
body.width-small div.i18n-input > div.translationscontainer div.listHalf:last-child,
body.width-small div.i18n-input > div.translationscontainer div.listThird:last-child,
body.width-small div.i18n-input > div.translationscontainer div.listQuarter:last-child
{
	margin-bottom: 0;
}
div.i18n-input > div.translationscontainer div.tdp > div.l
{
	display: inline-block;
	width: 30%;
}
div.i18n-input > div.translationscontainer div.tdp > div.i
{
	display: inline-block;
	width: 70%;
}
div.i18n-input > div.translationscontainer div.listHalf > div.tdp,
div.i18n-input > div.translationscontainer div.listThird > div.tdp,
div.i18n-input > div.translationscontainer div.listQuarter > div.tdp
{
	margin-right: 10px;
}
body.width-small div.i18n-input > div.translationscontainer div.listHalf > div.tdp,
body.width-small div.i18n-input > div.translationscontainer div.listThird > div.tdp,
body.width-small div.i18n-input > div.translationscontainer div.listQuarter > div.tdp,
div.i18n-input > div.translationscontainer div.listHalf:last-child > div.tdp,
div.i18n-input > div.translationscontainer div.listThird:last-child > div.tdp,
div.i18n-input > div.translationscontainer div.listQuarter:last-child > div.tdp
{
	margin-right: 0;
}
div.dpinvalid div.i18n-input input[type=text]
{
	border: none !important;
}
div.dpinvalid div.i18n-input[data-validate=default] > div.inputcontainer > div > input[type=text],
div.dpinvalid div.i18n-input[data-validate=current] > div.inputcontainer > div > input[type=text][data-empty=True],
div.dpinvalid div.i18n-input[data-validate=current] > div.translationscontainer div.tdp[data-currentlanguage=true] input[type=text],
div.dpinvalid div.i18n-input[data-validate=all] > div.inputcontainer > div > input[type=text][data-empty=True],
div.dpinvalid div.i18n-input[data-validate=all] > div.translationscontainer div.tdp input[type=text][data-empty=True] {
	border: 1px solid #d63d36 !important;
}
div.dpinvalid div.i18n-input[data-validate=current] > div.inputcontainer > a.translationstoggle,
div.dpinvalid div.i18n-input[data-validate=all] > div.inputcontainer > a.translationstoggle {
	background-color: #d63d36;
}
div.dpinvalid > div.l > label{
	color: #d63d36;
}

/* validators */
span.kv
{
	color:#e7422c;
	font-weight:600;
}
span.kv:before
{
	content:"("
}
span.kv:after
{
	content:")"
}
span.uploadUnsuccessful {
	color: #d63d36;
}

/* buttons */
.primaryButton {
	color: #fff;
	background-color: #187BA5;
}

	.primaryButton:hover {
		background-color: #0e4a63;
	}
.secondaryButton {
	background-color: #e8f2f6;
}

div[id*="primaryContainer"] > a {
	color: #fff;
	background-color: #187BA5;
	display: block !important;
}

.secondaryButton {
	color: #187BA5 !important;
	background-color: #FFF !important;
}
input[type=button][value="Save"],
input[type=button][value="Save As"],
input[type=button][value="Search"] {
	color: #fff;
	background-color: #187BA5;
}

input[type=submit][value="Clear"] {
	color: #187BA5;
	background-color: transparent;
}

input[type=submit],
input[type=button],
button,
.button
{
	padding:5px 20px;
	cursor:pointer;
	white-space:nowrap;
	border-width:0;
	outline-width:0;
	border-radius:5px;
	font-size:14px;
	font-weight:600;
	-webkit-appearance:none;
}
input[type=submit] {
	color: #fff;
	background-color: #187BA5;
}

	input[type=submit]:hover {
		background-color: #0e4a63;
	}
a.button
{
	display:inline-block;
	text-decoration:none;
}
a.button:visited
{
}
.menuToggle {
	display: inline !important;
	width: 12px;
	padding: 5px 10px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: 50%;

}

/* file upload */
div.uploadContainer {
	position: relative;
	min-height: 34px;
	background-color: #FFF;
}

div.uploadContainer > .overlay {
		width: 100%;
		min-height: 34px;
		font-family: 'Open Sans', 'Verdana', sans-serif;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-width: 0;
		border-radius: 2px;
		outline-width: 0;
		padding: 5px 10px;
		cursor: pointer;
		border: 1px solid #187ba5;
}

div.uploadContainer > .overlay:after
{
	content:"";
	position:absolute;
	display:inline-block;
	width:40px;
	box-sizing:border-box;
	border:inherit;
	border-left-width:0;
	height:100%;
	top:0;
	right:0;
	cursor:pointer;
	pointer-events:none;
	background-image:url(../Images/DropDownArrow.png?v=05a46b02fccdb5c802ab970ae2eb40b4);
	background-position:right;
	background-repeat:no-repeat;
	border-top-right-radius:2px;
	border-bottom-right-radius:2px;
}
div.uploadContainer > input[type=file]
{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	font-size:300px;
	cursor:pointer;
	-moz-opacity:0;
	filter:alpha(opacity=0);
	opacity:0;
	margin:0;
	padding:0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

/* links */
a
{
	color:#187BA5;
	font-size:16px;

}
	a.external {
		font-size: 16px !important;
	}

/* tables */
table,
.RadGrid {
	outline: none;
	background-color: #FFF;
}

/* status tags (secondary by default) */
.status-tag {
	display: inline-block;
	font-family: var(--tag-font-family);
	font-size: var(--tag-font-size);
	font-weight: var(--tag-font-weight);
	letter-spacing: var(--tag-letter-spacing);
	line-height: normal;
	white-space: nowrap;
	padding: var(--tag-padding-y) var(--tag-padding-x);
	border-radius: var(--tag-border-radius);
	background-color: var(--tag-secondary-background);
	color: var(--tag-secondary-color);
}

.status-tag.status-tag--open,
.status-tag.status-tag--inprogress {
	background-color: var(--tag-warn-background);
	color: var(--tag-warn-color);
}

.status-tag.status-tag--investigation {
	background-color: var(--tag-info-background);
	color: var(--tag-info-color);
}

.status-tag.status-tag--completed,
.status-tag.status-tag--review {
	background-color: var(--tag-success-background);
	color: var(--tag-success-color);
}

.trMulti{
	white-space:nowrap;
	width:1%;
	position:relative;
	top:10px;
}

/* tables with grey background */
.tblGreyBackground {
	outline: none;
	background-color: #EEE;
}

/* Weekly Recurrence pattern */
.tblweeklyRecurrence {
	background-color: #EEE;
	width: auto !important;
}

/* column-based list layout */
div.listQuarter
{
	vertical-align:top;
	display:inline-block;
	width:25%;
}
div.listThird
{
	vertical-align:top;
	display:inline-block;
	width:33%;
}
div.listHalf
{
	vertical-align:top;
	display:inline-block;
	width:50%;
}
div.listFull
{
	display:block;
	width:100%;
}
div.listQuarter > div,
div.listThird > div,
div.listHalf > div,
div.listFull > div
{
	margin-bottom:7px;
}
div.listQuarter > div input,
div.listThird > div input,
div.listHalf > div input,
div.listFull > div input
{
	margin-right:7px;
}
div.listQuarter > div:last-child,
div.listThird > div:last-child,
div.listHalf > div:last-child,
div.listFull > div:last-child
{
	margin-bottom:0;
}
body.width-small div.listQuarter,
body.width-small div.listThird,
body.width-small div.listHalf,
div.modal-form div.listQuarter,
div.modal-form div.listThird,
div.modal-form div.listHalf
{
	display:block;
	width:100%;
}
body.width-small div.listQuarter > div,
body.width-small div.listThird > div,
body.width-small div.listHalf > div,
body.width-small div.listFull > div,
body.width-small div.listQuarter > div:last-child,
body.width-small div.listThird > div:last-child,
body.width-small div.listHalf > div:last-child,
body.width-small div.listFull > div:last-child,
div.modal-form div.listQuarter > div,
div.modal-form div.listThird > div,
div.modal-form div.listHalf > div,
div.modal-form div.listFull > div,
div.modal-form div.listQuarter > div:last-child,
div.modal-form div.listThird > div:last-child,
div.modal-form div.listHalf > div:last-child,
div.modal-form div.listFull > div:last-child
{
	margin-bottom:10px;
}
.listFlow label
{
	margin-right:10px;
}

/* master structure */
#masterSpinner
{
	display:none;
}
body.loading #masterSpinner
{
	/* With the below line commented out, the loading indicator will currently never be displayed. */
	/*display:block;*/

	position:fixed;
	top:0;
	left:0;
	padding:1px 15px 4px 15px;
	background-color:#FFF;
	font-size:28px;
	z-index:1000;
}
body.loading.velocity-enabled #masterSpinner
{
	top:30px;
}
body.loading.velocity-enabled.width-small #masterSpinner
{
	top:0;
}
div.velocityNavigation,
body.velocity-enabled.width-small div.velocityNavigation
{
	display: none;
}
body.velocity-enabled div.velocityNavigation
{
	display: block;
	position:fixed;
	left:0;
	top:0;
	height:30px;
	width:100%;
	z-index:101;
	vertical-align:top;
	background-color:#98989B;
}
div.velocityNavigation a,
div.velocityNavigation a:visited
{
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	padding: 3px;
	text-decoration: none;
	margin-top: 3px;
	margin-right: 30px;
	vertical-align: top;
	font-weight: 200;
}
div.velocityNavigation a.active
{
	font-weight: 800;
}
div.velocityNavigation a:first-child
{
	margin-left: 34px;
}
div.masterNavigation
{
	position:fixed;
	left:0;
	top:0;
	height:60px;
	width:100%;
	z-index:101;
	vertical-align:top;
	background-color:#2a2727;
}
body.velocity-enabled.width-medium div.masterNavigation,
body.velocity-enabled.width-large div.masterNavigation
{
	top:30px;
}
div.masterNavigation > a.logo
{
	display:inline-block;
	vertical-align:top;
	margin-top:17px;
	margin-left:34px;
	width:132px;
	height:31px;
	background-image:url(../Images/Sprites/MegaMenuVelocity.png?v=05a46b02fccdb5c802ab970ae2eb40b4);
	font-size:0 !important;
}
body.width-medium div.masterNavigation > span.links
{
	display:inline-block;
	vertical-align: top;
	margin:0 10px;
}
div.masterNavigation > span.links
{
	display:inline-block;
	vertical-align: top;
	margin:0 50px;
}
div.masterNavigation > span.links > a
{
	display:inline-block;
	font-weight:600;
	padding:10px;
	text-decoration:none;
	margin-top:13px;
	margin-right:2px;
	vertical-align:top;
	color:#FFF;
}
div.masterNavigation > span.links > a:hover
{
}
div.masterNavigation > span.links > a > span.icon
{
	margin-right:7px;
	vertical-align:top;
	margin-top:-1px;
}
div.masterNavigation > span.links > a.home > span.icon
{
	width:20px;
	height:19px;
	background-image:url(../Images/Sprites/MegaMenuHome.png?v=05a46b02fccdb5c802ab970ae2eb40b4);
	display:inline-block;
	font-size:0 !important;
}
div.masterNavigation > span.links > a.home.activeItem > span.icon,
div.masterNavigation > span.links > a.home:hover > span.icon
{
	background-image:url(../Images/Sprites/MegaMenuHomeOn.png?v=05a46b02fccdb5c802ab970ae2eb40b4);
}
div.masterNavigation > span.links > a.create > span.icon
{
	width:20px;
	height:20px;
	background-image:url(../Images/Sprites/MegaMenuAdd.png?v=05a46b02fccdb5c802ab970ae2eb40b4);
	display:inline-block;
	font-size:0 !important;
}
div.masterNavigation > span.links > a.create.activeItem > span.icon,
div.masterNavigation > span.links > a.create:hover > span.icon
{
	background-image:url(../Images/Sprites/MegaMenuAddOn.png?v=05a46b02fccdb5c802ab970ae2eb40b4);
}
div.masterNavigation > span.links > a.monitor > span.icon
{
	width:20px;
	height:20px;
	background-image:url(../Images/Sprites/MegaMenuMonitor.png?v=05a46b02fccdb5c802ab970ae2eb40b4);
	display:inline-block;
	font-size:0 !important;
}
div.masterNavigation > span.links > a.monitor.activeItem > span.icon,
div.masterNavigation > span.links > a.monitor:hover > span.icon
{
	background-image:url(../Images/Sprites/MegaMenuMonitorOn.png?v=05a46b02fccdb5c802ab970ae2eb40b4);
}
div.masterNavigation > span.links > a.admin > span.icon
{
	width:20px;
	height:20px;
	background-image:url(../Images/Sprites/MegaMenuAdmin.png?v=05a46b02fccdb5c802ab970ae2eb40b4);
	display:inline-block;
	font-size:0 !important;
}
div.masterNavigation > span.links > a.admin.activeItem > span.icon,
div.masterNavigation > span.links > a.admin:hover > span.icon
{
	background-image:url(../Images/Sprites/MegaMenuAdminOn.png?v=05a46b02fccdb5c802ab970ae2eb40b4);
}
/*div.masterNavigation > div.fixedright
{
	display:inline-block;
	position:fixed;
	top:12px;
	right:0;
	margin-right:15px;
}*/
/*body.velocity-enabled div.masterNavigation > div.fixedright
{
	top:42px;
}
div.masterNavigation > div.fixedright > div.search
{
	display: inline-block;
	vertical-align: top;
	margin-right:7px;
}
body.width-small div.masterNavigation > div.fixedright > div.search
{
	display: none;
	margin-right: 50px;
	margin-top: -2px;
}*/
div.search {
	/* Not position:fixed (BRIDGE-1654). .CapabilityNav_navContainer is itself position:fixed
	   with a transform on itself (for the collapse/expand slide), which makes it establish the
	   containing block for its own fixed-positioned children -- so this "fixed" element does not
	   stay pinned to the browser viewport, it stays pinned relative to the container's own box and
	   moves together with the container's internal scroll. Once the container scrolls (needed so
	   every nav item is reachable regardless of zoom), this and whichever item ends up in the same
	   screen region move in lockstep and permanently overlap -- confirmed: the last admin item
	   ("Update Person Responsible") was rendered fully behind this element's opaque background
	   after scrolling to the end of a long nav. Flowing normally as the last scrollable item
	   removes the overlap entirely and keeps it reachable the same way as every other item. */
	flex-shrink: 0;
	margin-left: 10px;
	border-top: 3px solid #fff;
	/* BRIDGE-1654 round 3: size relative to the scrollbar-adjusted nav container
	   instead of a width (190px) that only fit before a scrollbar existed. The
	   container's content box shrinks by the scrollbar's width once
	   .CapabilityNav_navContainer needs to scroll; calc(100% - 10px) tracks that
	   shrink and stays flush with the same 10px left gutter used by
	   .CapabilityNav_itemRow, so this element can never push past the container's
	   right edge. */
	width: calc(100% - 10px);
	box-sizing: border-box;
	height: 50px;
	display: flex; /* Added */
	align-items: center;
	background-color: #0e4a63;
	padding-bottom: 15px;
}

div.search > a.searchLink {
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-decoration: none;
	margin-left: 8px;
	margin-top: 5px;
	/* Track the now-fluid div.search width (BRIDGE-1654 round 3) rather than a
	   fixed width that assumed a fixed parent. */
	width: calc(100% - 8px);
	box-sizing: border-box;
	height: 25px;
}

div.search > a.searchLink > span.searchLabel {
	margin-left: 4px;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
}

div.search > a.searchLink > i.searchButton {
	margin-right: 4px; /* Adjust as needed */
	color: #fff;
}

div.masterNavigation > div.fixedright > div.search input[type=text] {
	width: 200px;
	vertical-align: top;
	background-color: #555;
	padding: 5px 10px;
	margin-top: 4px;
	margin-right: 2px;
	border-radius: 7px;
	color: #FFF;
}
body.width-medium div.masterNavigation > div.fixedright > div.search input[type=text],
body.width-small div.masterNavigation > div.fixedright > div.search input[type=text]
{
	display: none;
}
div.masterNavigation > div.fixedright > div.search > a.searchLink
{
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	margin-left: 4px;
	width: 20px;
	height: 20px;
	background-repeat:no-repeat;
	background-image:url(../Images/Sprites/Search.png?v=05a46b02fccdb5c802ab970ae2eb40b4);
}
div.masterNavigation > div.fixedright > div.search > a.searchLink:hover
{
	background-image:url(../Images/Sprites/SearchOn.png?v=05a46b02fccdb5c802ab970ae2eb40b4);
}
div.masterNavigation > div.fixedright > a.profile
{
	display:inline-block;
	font-size:1.1em;
	color:#ccc;
	cursor:pointer;
	padding:10px;
	text-decoration:none;
	vertical-align: top;
}
div.masterNavigation > div.fixedright > a.profile > div.down-arrow
{
	display:inline-block;
	vertical-align:middle;
	margin-left:7px;
	width:0;
	height:0;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-top:5px solid #ccc;
}
div.masterNavigation > div.fixedright > a.profile.disabled
{
	cursor:default;
}
div.masterNavigation > div.fixedright > a.menuToggle
{
	position:fixed;
	top:17px;
	right:20px;
	background-color:#363636;
	visibility:hidden;
	padding:5px 10px;
}
body.velocity-enabled #masterContent
{
	margin-top:30px;
}
body.width-small div.masterNavigation > span.links,
body.width-small div.masterNavigation > div.fixedright > a.profile
{
	display:none;
}
body.width-small div.masterNavigation > div.fixedright > a.menuToggle
{
	visibility:visible;
}

.nodisplay
{
	display:none;
}
.nobr
{
	white-space:nowrap;
}
.noprint
{
}

/* MEGAmenu */
div.megamenu
{
	color:#ccc;
	background-color:#363636;
	border-radius:8px;
	padding:20px 35px;
	position:fixed;
	top:53px;
	z-index:102;
	box-shadow: 0px 0px 6px #262626;
}
body.velocity-enabled div.megamenu
{
	top:83px;
}
div.megamenu > div.callout
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom:-5px;
	padding:15px;
	width:195px;
	border-radius:6px;
	background-color:#2d2d2d;
}
div.megamenu.calloutleft > div.callout
{
	float:left;
	margin-top:-5px;
	margin-left:-20px;
}
div.megamenu.calloutleft > div.links
{
	margin-left:195px;
}
div.megamenu.calloutright > div.callout
{
	float:right;
	margin-top:-5px;
	margin-right:-17px;
}
div.megamenu.calloutright > div.links
{
	margin-right:180px;
}
div.megamenu.calloutonly
{
	padding:15px;
	width:auto;
}
div.megamenu.calloutonly > div.callout
{
	padding:15px;
	width:195px;
	border-radius:5px;
	background-color:#2a2727;
}
div.megamenu.calloutonly > div.links
{
	display:none;
}
div.megamenu .group
{
	display:inline-block;
	vertical-align:top;
	margin-top:10px;
	margin-bottom:15px;
	margin-right:20px;
	width:160px;
}
div.megamenu div.group > .title
{
	display:block;
	width:100%;
	color:#028ae2;
	font-size:1.2em;
	margin-right:10px;
	padding-bottom:7px;
	margin-left:4px;
	margin-bottom:6px;
	border-bottom:1px solid #404040;
}
div.megamenu div.group:hover > .title
{
	border-bottom-color:#555;
}
div.megamenu div.group > a
{
	display:block;
	padding:3px 6px;
	color:#ccc;
	text-decoration:none;
	border-radius:3px;
}
div.megamenu div.group > a:hover
{
	text-decoration:none;
	background-color:#2d2d2d;
	color:#fff;
}
div.megamenu div.callout a
{
	display:block;
	padding:3px 6px 7px 6px;
	color:#ccc;
	text-decoration:none;
	border-radius:3px;
}
div.megamenu div.callout a.primary
{
	font-size:1.1em;
	color:#fff;
	margin-bottom:8px;
}
div.megamenu div.callout a:hover
{
	text-decoration:none;
	background-color:#363636;
	color:#fff;
}
div.megamenu div.group > a.disabled,
div.megamenu div.callout a:disabled
{
	cursor:default;
	color:#777;
}
div.megamenu div.group > a.disabled:hover,
div.megamenu div.callout a.disabled:hover
{
	color:#777;
	background-color:transparent;
}
div.megamenu div.group > a span.icon
{
	display:none;
}
div.megamenu > div.arrow
{
	bottom:100%;
	border:solid transparent;
	content:"";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
	border-color:rgba(55, 55, 55, 0);
	border-bottom-color:#363636;
	border-width:10px;
}
div.mm1col
{
	width:180px;
}
div.mm2col,
div.mm1col.calloutright
{
	width:360px;
}
div.mm3col,
div.mm2col.calloutright
{
	width:540px;
}
div.mm4col,
div.mm3col.calloutright
{
	width:720px;
}
div.mm1col.calloutleft
{
	width:375px
}
div.mm2col.calloutleft
{
	width:555px;
}
div.mm3col.calloutleft,
div.mm4col.calloutleft
{
	width:735px;
}
div.profilemenu
{
	font-weight:600;
	color:#ccc;
	background-color:#363636;
	border-radius:5px;
	padding:12px;
	position:fixed;
	top:53px;
	right:20px;
	min-width:123px;
	z-index:102;
}
body.velocity-enabled div.profilemenu
{
	top:83px;
}
div.profilemenu:after
{
	bottom:100%;
	right:60px;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
	border-color:rgba(55, 55, 55, 0);
	border-bottom-color:#363636;
	border-width:10px;
}
div.mobilemenu
{
	font-weight:600;
	color:#ccc;
	background-color:#363636;
	border-radius:5px;
	padding:12px;
	position:fixed;
	top:54px;
	right:20px;
	z-index:102;
	visibility:hidden;
}
div.mobilemenu:after
{
	bottom:100%;
	right:10px;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
	border-color:rgba(55, 55, 55, 0);
	border-bottom-color:#363636;
	border-width:6px;
}
div.profilemenu a,
div.mobilemenu a
{
	display:block;
	padding:7px 15px;
	font-weight:600;
	color:#ccc;
	cursor:pointer;
	text-decoration:none;
}
div.profilemenu a:hover,
div.mobilemenu a:hover
{
	text-decoration:none;
	border-radius:5px;
	background-color:#2d2d2d;
	color:#fff;
}
div.profilemenu a.disabled,
div.mobilemenu a.disabled
{
	cursor:default;
	color:#777;
}
div.profilemenu a.disabled:hover,
div.mobilemenu a.disabled:hover
{
	color:#777;
	background-color:transparent;
}
body.width-small div.megamenu,
body.width-small div.profilemenu
{
	visibility:hidden;
}
body.width-small div.mobilemenu
{
	visibility:visible;
}
body.width-small div.mobilemenu a
{
	padding:10px 15px;
}
div.mobilemenu > div.velocitydivider
{
	width:100%;
	height:3px;
	margin: 10px 0;
	background-color:#00b6de;
}
.megamenureports .noreports
{
	display:block;
	font-weight:400;
	margin:0 5px;
	padding-top:2px;
	color:#888;
}
.megamenureports .noreports a
{
	font-size:0.95em !important;
	font-weight:600 !important;
	margin-top:5px !important;
	color:#ccc !important;
	margin-left:-5px !important;
}

/* messaging */
div.messaging {
	position: fixed;
	top: 150px;
	left: 50%;
	transform:translateX(-50%);
	width: 45rem;
	max-width:45rem;
	cursor: pointer;
	padding:18px 23px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 110;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	display:flex;
	align-items:center;
}

	div.messaging.success {
		background-color: #AFD779;
		border-left: 6px solid #638b2c !important;
	}
	div.messaging.error {
		background-color: #E27772;
		border-left: 6px solid #D63d36 !important;
	}
	div.messaging.warning {
		background-color: #FECD66;
		border-left: 6px solid #B1811A !important;
	}
	div.messaging > span.icon {
		display: block;
		float: left;
		font-size: 0;
		width: 32px;
		height: 32px;
		background-image: url(../Images/check-circle.png?v=05a46b02fccdb5c802ab970ae2eb40b4);
		background-size: contain;
		background-repeat: no-repeat;
		background-position:center;
	}

div.messaging > div
{
	margin-left:15px;
}
	div.messaging > span.exitButton {
		margin-left:auto;
		background-image: url(../Images/close.png?v=05a46b02fccdb5c802ab970ae2eb40b4);
		background-size: contain;
		height: 32px;
		width: 32px;
		background-repeat: no-repeat;
	}
div.messaging > div.title
{
	align-self:center;
}
div.messaging.titleOnly > div.description
{
	display:none;
}
		div.messaging.warning > span.icon {
			background-image: url(../Images/exclamation-triangle.png?v=05a46b02fccdb5c802ab970ae2eb40b4);
		}
	div.messaging.error > span.icon {
		background-image: url(../Images/exclamation-circle.png?v=05a46b02fccdb5c802ab970ae2eb40b4);
	}
div.messaging.other > div
{
	margin-left:0;
}
div.messaging.other > span.icon
{
	display:none;
}
body.width-small div.messaging,
body.width-small div.messaging.top
{
	top:auto;
	bottom:0;
	padding-left:25px;
}

/* data point container structure */
div.dp
{
	display:inline-block;
	width:450px;
	vertical-align:top;
	margin-bottom:20px;
	margin-right:25px;
}
div.dpfull
{
	display:block;
	width:925px;
	vertical-align:top;
	margin-bottom:20px;
	margin-right:25px;
}
div.dp:last-child,
div.dpfull:last-child
{
	margin-bottom:0;
}
	div.dp > div.l,
	div.dpfull > div.l {
		font-size: 14px;
		font-weight: 600;
		margin-bottom: 5px;
	}
div.dp > div.l > span.v,
div.dpfull > div.l > span.v
{
	text-transform:none;
	margin-left:5px;
}

div.dpfull > div.half
{
	width:450px;
}
div.dpinvalid input[type=text],
div.dpinvalid input[type=password],
div.dpinvalid textarea,
div.dpinvalid div.sc > div,
div.dpinvalid .RadDropDownTree .rddtInner,
div.dpinvalid div.uploadContainer > div.overlay {
	border: 1px solid #d63d36 !important;
}
div.dpstatic
{
	font-size:0;
	height:1px;
	margin-top:0 !important;
	margin-bottom:0 !important;
	float:right;
	display:block;
}
/*There are many hiddent inputs throughout the app*/
div.dpstatic > div
{
	display:none !important;
}
body.width-medium div.dp,
body.width-medium div.dpfull,
body.width-small div.dp,
body.width-small div.dpfull,
div.modal-form div.dp,
div.modal-form div.dpfull
{
	display: block;
	width: 100%;
}
body.width-small div.dp,
body.width-small div.dpfull
{
	margin-bottom:15px;
}
div.modal-form div.dp,
div.modal-form div.dpfull
{
	margin-bottom:20px;
}
body.width-medium div.dpfull > div.half,
body.width-small div.dpfull > div.half,
div.modal-form div.dpfull > div.half
{
	width:100%;
}

.sitemappath
{
	color:#444;
}
.sitemappath a
{
	font-weight:600;
	text-decoration:none;
	color:#444;
}
.sitemappath a:hover
{
	text-decoration:underline;
}
.sitemappath .separator,
.path .separator
{
	margin:0 5px;
	color:#666;
}
.locationAncestorPath, .dateRangeText
{
	color:#313744;
	font-size:14px;
	margin-left:10px;
}
.locationSpecificity
{
	margin-top:5px;
}
.locationSpecificity label
{
	margin-right:12px;
}
.listEmpty,
.delimiter
{
	color:#666;
}
td.textDateCalendarToday
{
	background-color:#ebebeb;
}
.RadTreeView span.noSelect
{
	cursor:default;
	font-style:italic;
}
	.RadTreeView span.noSelect:hover {
		border-color: transparent !important;
		background-color: #e8f2f6 !important;
	}
.RadComboBoxDropDown div.secondary
{
	color:#666;
	font-size:14px;
}

/* duration input */
.input-duration{
	display:block ruby;
}
.input-duration input[type=text]
{
	width:42px;
	text-align:right;
}
.input-duration label
{
	margin-left:3px;
	vertical-align:middle;
}
.input-duration label:first-of-type
{
	margin-right:8px;
}

/* spritesheet images */
.inputAdd
{
	width:24px;
	height:24px;
	background-image:url(../Images/InputAdd.png?v=05a46b02fccdb5c802ab970ae2eb40b4);
	display:inline-block;
	font-size:0 !important;
	background-size:cover;
}
.inputRemove {
	width: 25px;
	height: 24px;
	background-repeat: no-repeat;
	background-image: url(../Images/InputRemove.png?v=05a46b02fccdb5c802ab970ae2eb40b4);
	display: inline-block;
	font-size: 0 !important;
	background-size: cover;
}
.recurrence16 {
	width: 16px;
	height: 16px;
	background-image: url(../Images/Recurrence.png?v=05a46b02fccdb5c802ab970ae2eb40b4);
	display: inline-block;
	font-size: 0 !important;
	background-size: contain;
}
.relatedChain15
{
	width:16px;
	height:16px;
	background-repeat:no-repeat;
	background-image:url(../Images/Link.png?v=05a46b02fccdb5c802ab970ae2eb40b4);
	display:inline-block;
	font-size:0 !important;
	background-size:contain;
}
.ExitButton-png {
	width: 28px;
	height: 28px;
	padding: 0 !important;
	background-color: transparent !important;
	background-image: url('../Images/ExitButton.png?v=05a46b02fccdb5c802ab970ae2eb40b4');
	background-repeat: no-repeat;
	display: inline-block;
	font-size: 0 !important;
}
.riSingle
{
	display:inline-block;
	vertical-align:middle;
}

/* modal structure */
.simplemodal-overlay,
.simplemodal2-overlay
{
	opacity: 0.7 !important;
	background-color: #666;
}
.simplemodal-container,
.simplemodal2-container
{
	width: auto;
	height: auto;
	box-shadow: 0px 0px 20px #666;
	background-color: #fff;
	overflow: auto;
}
	.simplemodal-container.modal-iframe {
	
		left: 35vw !important;
		top: 35vh !important;
		overflow-y: hidden;
		background-color: transparent;
		box-shadow: none;
	}
.simplemodal-container.modal-form
{
	width: 480px !important;
	height: auto !important;
}
.simplemodal-container.modal-form div.dp
{
	width:100%;
	display: block;
}
.simplemodal-container.modal-large
{
	width: 80% !important;
	height: 80% !important;
}
.simplemodal-container.modal-large > .simplemodal-wrap,
.simplemodal-container.modal-large > .simplemodal-wrap > .simplemodal-data,
.simplemodal-container.modal-iframe > .simplemodal-wrap,
.simplemodal-container.modal-iframe > .simplemodal-wrap > .simplemodal-data
{
	height: 100%;
}
.simplemodal-container.modal-prompt
{
	padding: 40px;
	max-width: 500px;
	height: auto !important;
}
body.width-small .simplemodal-container.modal-prompt,
body.width-small .simplemodal2-container
{
	width:300px !important;
}
.simplemodal-container.modal-prompt .promptMessage
{
	font-size:1.1em;
}
.simplemodal-container.modal-prompt .promptButtonContainer
{
	margin-top:20px;
	text-align:center;
	white-space:nowrap;
}
body.width-small .simplemodal-container.modal-prompt .promptButtonContainer
{
	white-space:normal;
}
/* Exit Prompt Buttons*/
.simplemodal-container.modal-prompt .promptButton {
	padding: 7px 20px;
	margin-left: 7px;
	color: #187BA5;
	background-color:#FFF;
}
	.simplemodal-container.modal-prompt .promptButton:first-child {
		color: #fff;
		background-color: #187BA5;
		margin-left: 0;
	}
.simplemodal-container.modal-prompt.disabled .promptButton
{
	opacity:0.7;
}
body.width-small .simplemodal-container.modal-form,
body.width-small .simplemodal-container.modal-large
{
	width: 100% !important;
	height: 100% !important;
}
.simplemodal-container.noscroll,
.simplemodal-container.noscroll > .simplemodal-wrap
{
	overflow: hidden !important;
}
.simplemodal2-container
{
	height: 200px;
	width: 400px !important;
	overflow: hidden;
	padding: 40px;
}
.simplemodal2-wrap,
.simplemodal2-data
{
	height: 100%;
	overflow: hidden;
}
.simplemodal2-data > iframe
{
	height: 100%;
}
.simplemodal-container .simplemodal-data > div.title
{
	background-color:#0171B9;
	position:relative;
}
.simplemodal-container .simplemodal-data > div.title > span,
.simplemodal-container .simplemodal-data > div.title .titletext
{
	display: block;
	padding: 10px 40px 10px 10px;
	font-size: 28px;
	font-weight: 400;
	background-color:#FFF;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.simplemodal-container div.title div.close
{
	position: absolute;
	top: 10px;
	right: 10px;
}
.simplemodal-container div.actions
{
	text-align: center;
	padding: 20px 10px 10px 10px;
}
.simplemodal-container div.actions input[type=submit],
.simplemodal-container div.actions input[type=button],
.simplemodal-container div.actions button,
.simplemodal-container div.actions .button
{
	padding:7px 20px;
	margin-left:7px;
	margin-bottom:5px;
}
.simplemodal-container div.actions input[type=submit]:first-child,
.simplemodal-container div.actions input[type=button]:first-child,
.simplemodal-container div.actions button:first-child,
.simplemodal-container div.actions .button:first-child
{
	margin-left:0;
}
.simplemodal-container div.choicePrompt div.actions
{
	padding:20px 0 0 0;
}
.simplemodal-container div.choicePrompt div.actions input[type=submit],
.simplemodal-container div.choicePrompt div.actions input[type=button],
.simplemodal-container div.choicePrompt div.actions button,
.simplemodal-container div.choicePrompt div.actions .button
{
	margin:0 0 7px 0;
	width:100%;
	box-sizing:border-box;
}
.simplemodal-container div.choicePrompt div.actions input[type=submit]:last-child,
.simplemodal-container div.choicePrompt div.actions input[type=button]:last-child,
.simplemodal-container div.choicePrompt div.actions button:last-child,
.simplemodal-container div.choicePrompt div.actions .button:last-child
{
	margin-bottom:0;
}
.simplemodal-container.modal-prompt.prompt-titled
{
	padding:0;
}
.simplemodal-container.modal-prompt.prompt-titled div.prompt,
.simplemodal-container.modal-prompt.prompt-titled div.choicePrompt
{
	padding:30px 40px 40px 40px;
}
.modal-large div.content
{
	padding: 15px 20px;
}
.modal-form div.content {
	border-top: 1px solid #dadcdf;
	min-height: 300px;
	max-height: 400px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 15px 20px;
}
body.width-small .modal-form div.content
{
	min-height:inherit;
	max-height:inherit;
}
.modal-form div.content > div.controllerValidationSummary
{
	margin: -15px -20px 10px -20px;
}

/* forcefully break non-breaking text (links) */
div.forceWrap
{
	word-break:break-all;
}

/* Help styling */
div.help
{
	background-repeat:no-repeat;
	background-position-x: 10px;
	background-position-y: center;
	background-image:url(../Images/Sprites/RedTriangleWarning.png?v=05a46b02fccdb5c802ab970ae2eb40b4);
	background-color: #efefef;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 15px;
}
div.help > span,
div.help > a
{
	display: block;
	padding-left: 45px;
	color: #333;
	vertical-align: middle;
}
.compositeunitchooser div.numerator,
.compositeunitchooser div.denominator {
	width:100%;
	text-align: center;
}
.compositeunitchooser div.numerator {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #303030;
}

.mobilelinks > .mobilelink
{
	display: inline-block;
	margin-top: 10px;
	margin-right: 10px;
}
.mobilelinks > #MobileAppAndroid
{
	width: 184px;
	height: 72px;
	background-repeat:no-repeat;
	background-image:url(../Images/MobileLinkGooglePlay.png?v=05a46b02fccdb5c802ab970ae2eb40b4);
}
.mobilelinks > #MobileAppApple
{
	width: 186px;
	height: 72px;
	background-repeat:no-repeat;
	background-image:url(../Images/MobileLinkAppleiTunes.png?v=05a46b02fccdb5c802ab970ae2eb40b4);
}

/* TO REMOVE */
.formInput,
.helpTextProvider
{
	font-size:5em !important;
	color:#f00 !important;
	background-color:#00f !important;
}

.locationtagexpression > div.buttons {
	float: right;
}
.locationtagexpression > div.summary {
	clear:both;
}
.locationtagexpression > div.andsepr {
	clear: both;
}

.comboboxwithaddanother {
	margin-top:-2px;
}
.comboboxwithaddanother a.inputRemove {
	position:relative;
	left:10px;
	top:7px;
}
.comboboxwithaddanother a.inputAdd {
	position:relative;
	left:10px;
	top:7px;
}

/* Custom Widget Link */

.uv-widget-custom-link {
	background-color: #fcfcfc;
	width: 100%;
	height: 37px;
	line-height: 1.5;
	text-align: center;
	border-top: 1px solid #eaedef;
	margin-top: -4px;
	font-size: 12px;
	border-radius: 0px 0px 5px 5px;
}

.uv-widget-custom-link a {
	color: #0A8CC6 !important;
	font-family: 'Open Sans', 'Verdana', sans-serif;
	padding: 0.75em 1em;
	-webkit-font-smoothing: antialiased;
	display: block;

}

.uv-widget-custom-link:hover {
	background-color: #458dd6 !important;
}

.uv-widget-custom-link a:hover {
	color: #fff !important;
}

/* Move the widget up to make room for the new link */
.uv-popover {
	top: -374px !important;
}

/* Move the bottom arrow down to make room for the new link */
.uv-top .uv-popover-tail {
	bottom: -53px !important;
}

/* hide UserVoice widget when responsive design is set to small*/
body.width-small div.uv-icon
{
	display: none;
}

/* Start of Capability Navigation Related Styling */

/* Start of page layout changes necessary to adjust page content for having a left nav present */
#masterContent.withCapabilityNav {
	display: flex;
}

#masterContent.withCapabilityNav .viewHeader {
	width: Calc(100% - 190px);
}
#masterContent.withCapabilityNav .viewHeader a.filterToggle {
	margin-right:50px;
}

a.filterToggle:hover {
	background-color: #0e4a63;
}

#masterContent.withCapabilityNav .searchHeader,
#masterContent.withCapabilityNav #controllerHeader,
#masterContent.withCapabilityNav #contentContainer {
	width: Calc(100% - 210px);
}

	#masterContent.withCapabilityNav .searchHeader,
	#masterContent.withCapabilityNav #controllerLeft,
	#masterContent.withCapabilityNav #controllerHeader {
		left: 210px;
	}

#masterContent.withCapabilityNav .viewContent {
	width: 100%;
}
/* End of page layout changes necessary to adjust page content for having a left nav present */

/* Apply root Accelerate styles inherited by .CapabilityNav_navContainer and its descendants */
.CapabilityNav_root {
	font-family: 'Open Sans', 'Verdana', sans-serif;
	box-sizing: border-box;
	--content-padding: 1.25rem;
	--inline-spacing: 0.5rem;
	--border-radius: 2px;
	--surface-ground: #eff3f8;
	--surface-section: #ffffff;
	--surface-card: #ffffff;
	--surface-overlay: #ffffff;
	--surface-border: #dfe7ef;
	--surface-hover: #f6f9fc;
	--focus-ring: 0 0 0 0.2rem #187ba5;
	--maskbg: rgba(0, 0, 0, 0.4);
	--fa-style-family-classic: 'Font Awesome 6 Free';
	--fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free';
	--fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free';
	--fa-style-family-brands: 'Font Awesome 6 Brands';
	--fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands';
	flex: 0 0 auto;
	width: 210px;
	box-sizing: border-box;
	display: none;
}

/* Capability navigation content may be active, but only becomes visible
   when the page layout is in "withCapabilityNav" mode (i.e., the nav is expanded). */
#masterContent.withCapabilityNav .CapabilityNav_root.active {
	display: block;
}

.CapabilityNav_navContainer {
	display: flex;
	flex-direction: column;
	height: 100%;
	z-index: 99;
	background-color: #0e4a63;
	line-height: normal;
	font-size: 14px;
	border-left: 3px solid #fff;
	width: 210px;
	box-sizing: border-box;
	position: fixed;
	overflow-y: auto;
	/* BRIDGE-1654 round 3: without an explicit overflow-x, the UA computes it as
	   auto once overflow-y is anything but visible, so any residual horizontal
	   overflow would silently grow a second scrollbar/gutter. The children
	   below are now sized relative to this container's actual (scrollbar-
	   adjusted) content width, so nothing should overflow horizontally; make
	   that explicit instead of leaving the axis to be inferred. */
	overflow-x: hidden;
}

.CapabilityNav_headerContainer {
	display: flex;
	flex-direction: column;
	padding: 5px 15px 5px 24px;
	border-bottom: 3px solid #fff;
	background-color: #0a3142;
	box-sizing: border-box;
	height: 60px;
}

.CapabilityNav_headerContainer .CapabilityNav_capabilityName {
	flex: 1;
	color: #48db30;
	font-size: 16px;
	box-sizing: border-box;
	height: 45px;
	overflow: clip;
	display: flex;
}

.CapabilityNav_headerContainer .CapabilityNav_capabilityName span {
	margin: auto 0;
}

.CapabilityNav_navContainer p, .CapabilityNav_navContainer span, .CapabilityNav_navContainer em, .CapabilityNav_navContainer strong {
	margin-bottom: 0;
	box-sizing: border-box;
}

.CapabilityNav_routesContainer {
	display: flex;
	flex-direction: column;
	gap: 7px;
	width: 100%;
	align-items: center;
	justify-content: center;
	background: none;
	border: none;
	font-size: 14px;
	color: #fff;
	margin-top: 20px;
	box-sizing: border-box;
}

.CapabilityNav_adminSettingsContainer {
	box-sizing: border-box;
	flex-direction: column;
	align-items: center;
	margin-top: 7px;
	display: none;
}

.CapabilityNav_adminSettingsContainer.active {
	display: block;
}

.CapabilityNav_createNewContainer {
	margin-top: 25px;
}

.CapabilityNav_dropdownPanelContainer {
	box-sizing: border-box;
	/* Was a fixed 190px (BRIDGE-1654 round 3: relative instead, so the auto
	   margins keep it centered at the container's actual, scrollbar-adjusted
	   width instead of overflowing once that width drops below 190px). */
	width: calc(100% - 20px);
	background: #0d435a;
	margin-left: auto;
	margin-right: auto;
	flex-direction: column;
	row-gap: 4px;
	border-radius: 4px;
	display: none;
}

.CapabilityNav_dropdownPanelContainer.active {
	display: block;
}

.CapabilityNav_adminSettingsContainer .CapabilityNav_routesContainer {
	padding-left: 20px;
	margin-top: 6px;
	display: none;
}

.CapabilityNav_dropdownPanelContainer .CapabilityNav_routesContainer {
	margin-top: 6px;
	padding-bottom: 5px;
	row-gap: 5px;
	display: none;
}

.CapabilityNav_adminSettingsContainer.expanded .CapabilityNav_routesContainer,
.CapabilityNav_dropdownPanelContainer.expanded .CapabilityNav_routesContainer {
	display: flex;
}

.CapabilityNav_itemRow {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	/* BRIDGE-1654 round 3: 197px only fit the pre-scrollbar 207px content box
	   (210px navContainer minus its 3px border). A non-overlay vertical
	   scrollbar reduces that content box further, so a fixed width here
	   overflowed horizontally and clipped the right edge. Sizing relative to
	   the container (minus the same 10px left margin used below) keeps this
	   flush with the container's actual, scrollbar-adjusted width at any zoom
	   level. */
	width: calc(100% - 10px);
	font-weight: 600;
	color: #fff;
	margin-left: 10px;
	box-sizing: border-box;
	/*	Removed from Accelerate Styling:
		EHS itemRow html structure differs, uses hrefs and pads multi-line active/hovered itemRows
			height: 35px;
			padding: 6px 12px;
	*/
}

.CapabilityNav_itemRow:not(.CapabilityNav_unselectable) {
	cursor: pointer;
}

.CapabilityNav_createNewHeader.CapabilityNav_itemRow {
	background: #0d435a;
	margin: 5px;
}

.CapabilityNav_createNewHeader.CapabilityNav_itemRow,
.CapabilityNav_adminSettingsHeader.CapabilityNav_itemRow {
	user-select: none;
}

.CapabilityNav_adminSettingsContainer .CapabilityNav_routesContainer .CapabilityNav_itemRow {
	/* Was a fixed 177px (197px minus this nested container's 20px padding-left).
	   Derive it the same relative way as the base rule (BRIDGE-1654 round 3) so
	   expanded Admin Settings items stay reachable once a scrollbar shrinks the
	   available width. */
	width: calc(100% - 10px);
}

.CapabilityNav_dropdownPanelContainer .CapabilityNav_itemRow {
	margin-left: 5px;
	margin-right: 5px;
	/* Was a fixed 180px (BRIDGE-1654 round 3: relative to the now-fluid
	   .CapabilityNav_dropdownPanelContainer width above, minus this row's own
	   5px + 5px margins). */
	width: calc(100% - 10px);
	color: #8fddff;
}

.CapabilityNav_createNewContainer .CapabilityNav_itemRow .CapabilityNav_itemLabel {
	color: #8fddff;
}

.CapabilityNav_createNewHeader.CapabilityNav_itemRow .CapabilityNav_itemLabel {
	color: #bad7e4;
	padding: 4px 0;
}

/* Start of new styling to account for using an anchor tag in the itemRow structure */
/* The Create New section header uses a parallel html structure to share styling,
   it now uses a div in place of an anchor element, as it is not a clickable link. */
.CapabilityNav_itemRow a,
.CapabilityNav_itemRow div {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 11px;
	width: 100%;
}

.CapabilityNav_createNewContainer .CapabilityNav_itemRow a,
.CapabilityNav_createNewContainer .CapabilityNav_itemRow div {
	/* Account for slight difference in design width vs actual Accelerate Capability Nav width in use due to border */
	padding-left: 8px;
}

.CapabilityNav_itemRow a span,
.CapabilityNav_itemRow div span {
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 14px;
	padding: 5px 0;
}

.l3NavConnector .CapabilityNav_itemRow.CapabilityNav_active {
	background-color: #fff;
}

.CapabilityNav_itemRow.CapabilityNav_active a,
.CapabilityNav_adminSettingsContainer.expanded .CapabilityNav_adminSettingsHeader.CapabilityNav_itemRow div {
	margin-left: -4px
}


.CapabilityNav_itemRow.CapabilityNav_createNewHeader div,
.CapabilityNav_itemRow.CapabilityNav_adminSettingsHeader div {
	display: flex;
	align-items: baseline;
}
/* End of new styling to account for using an anchor tag in the itemRow structure */

.CapabilityNav_routesContainer .CapabilityNav_itemRow:hover:not(.CapabilityNav_unselectable),
.CapabilityNav_adminSettingsHeader.CapabilityNav_itemRow:hover {
	background-color: #0a3142;
	/*	Removed from Accelerate Styling:
		Redundant styling, already applied on CapabilityNav_itemRow
			color: #fff;
	*/
}

.CapabilityNav_routesContainer.l3NavConnector .CapabilityNav_itemRow.CapabilityNav_active:hover {
	background-color: #fff;
}

.CapabilityNav_createNewContainer .CapabilityNav_itemRow:hover {
	background-color: #093c52;
}

.CapabilityNav_routesContainer .CapabilityNav_itemRow:hover:not(.CapabilityNav_active):not(.CapabilityNav_unselectable),
.CapabilityNav_adminSettingsContainer:not(.expanded) .CapabilityNav_adminSettingsHeader.CapabilityNav_itemRow:hover {
	border-radius: 4px;
}


.CapabilityNav_itemRow.CapabilityNav_active,
.CapabilityNav_adminSettingsContainer.expanded .CapabilityNav_adminSettingsHeader.CapabilityNav_itemRow {
	background: #0a3142;
	color: #fff;
	border-left: 4px solid #bad7e4;
	border-radius: 2px 0px 0px 2px;
	box-sizing: border-box;
	/*	Removed from Accelerate Styling:
		EHS itemRow html structure differs, uses href and pads multi-line active/hovered itemRow
			padding-left: 8px;
	*/
}

.CapabilityNav_itemLabel {
	line-height: 22px;
	letter-spacing: .5px;
	box-sizing: border-box;
}

.CapabilityNav_routesContainer.l3NavConnector .CapabilityNav_itemRow.CapabilityNav_active span.CapabilityNav_itemLabel {
	color: #0e4a63;
}

.CapabilityNav_expandableHeader i {
	margin-left: auto;
	font-size: 12px;
}

/* Align chevrons to account for outer container padding differences */
.CapabilityNav_createNewHeader i {
	margin-right: -6px;
}

.CapabilityNav_adminSettingsHeader i {
	margin-right: 6px;
}

.CapabilityNav_expandableHeader i::before {
	vertical-align: middle;
}

.CapabilityNav_adminSettingsContainer.expanded i,
.CapabilityNav_dropdownPanelContainer.expanded i {
	transform: rotate(180deg);
}


/* Capability Navigation Toggle Animation Styles */
:root {
	--capability-nav-width: 210px;
	--capability-nav-gap: 0px;
	--capability-nav-duration: 280ms;
	--capability-nav-easing: cubic-bezier(.2, .8, .2, 1);

	/* primitives */
	--white: #ffffff;
	--slate-100: #f1f5f9;
	--slate-200: #e2e8f0;
	--slate-300: #cbd5e1;
	--slate-400: #94a3b8;
	--slate-500: #64748b;
	--slate-600: #475569;
	--slate-700: #334155;
	--slate-800: #1e293b;
	--blue-050: #f2f9ff;
	--blue-700: #005e87;
	--green-100: #dcfce7;
	--green-700: #15803d;
	--orange-100: #ffedd5;
	--orange-700: #c2410c;
	--sky-100: #e0f2fe;
	--sky-700: #0369a1;
	--font-family-inter: 'Inter', 'Open Sans', 'Verdana', sans-serif;

	/* semantic */
	--surface-0: var(--white);
	--border-color: var(--slate-200);
	--text-color: var(--slate-700);
	--text-color-strong: var(--slate-800);
	--icon-color: var(--slate-500);
	--icon-color-hover: var(--slate-600);
	--hover-background: var(--slate-100);
	--highlight-background: var(--blue-050);
	--highlight-color: var(--blue-700);

	/* datatable (RadGrid) */
	--datatable-font-family: var(--font-family-inter);
	--datatable-font-size: 14px;
	--datatable-line-height: normal;
	--datatable-header-cell-background: var(--surface-0);
	--datatable-header-cell-color: var(--text-color);
	--datatable-header-cell-font-weight: 600;
	--datatable-header-cell-padding-x: 16px;
	--datatable-header-cell-padding-y: 11px;
	--datatable-header-cell-height: 40px;
	--datatable-header-cell-border-color: var(--border-color);
	--datatable-header-cell-hover-background: var(--hover-background);
	--datatable-header-cell-hover-color: var(--text-color-strong);
	--datatable-header-cell-selected-background: var(--highlight-background);
	--datatable-header-cell-selected-color: var(--highlight-color);
	--datatable-row-background: var(--surface-0);
	--datatable-row-color: var(--text-color);
	--datatable-row-height: 50px;
	--datatable-row-hover-background: var(--hover-background);
	--datatable-row-hover-color: var(--text-color-strong);
	--datatable-row-selected-background: var(--highlight-background);
	--datatable-row-selected-color: var(--highlight-color);
	--datatable-body-cell-padding-x: 16px;
	--datatable-body-cell-padding-y: 11px;
	--datatable-body-cell-border-color: var(--border-color);
	--datatable-sort-icon-size: 12px;
	--datatable-sort-icon-gap: 8px;
	--datatable-sort-icon-transition: opacity 0.2s ease;
	--datatable-sort-icon-color: var(--icon-color);
	--datatable-sort-icon-hover-color: var(--icon-color-hover);
	--datatable-sort-icon-selected-color: var(--highlight-color);
	--datatable-sort-icon: url(../Images/SortAlt.svg?v=05a46b02fccdb5c802ab970ae2eb40b4);
	--datatable-sort-asc-icon: url(../Images/SortAmountUpAlt.svg?v=05a46b02fccdb5c802ab970ae2eb40b4);
	--datatable-sort-desc-icon: url(../Images/SortAmountDown.svg?v=05a46b02fccdb5c802ab970ae2eb40b4);

	/* tag */
	--tag-font-family: var(--font-family-inter);
	--tag-font-size: 12px;
	--tag-font-weight: 500;
	--tag-letter-spacing: 0.12px;
	--tag-padding-x: 8px;
	--tag-padding-y: 6px;
	--tag-border-radius: 6px;
	--tag-secondary-background: var(--slate-200);
	--tag-secondary-color: var(--slate-600);
	--tag-success-background: var(--green-100);
	--tag-success-color: var(--green-700);
	--tag-warn-background: var(--orange-100);
	--tag-warn-color: var(--orange-700);
	--tag-info-background: var(--sky-100);
	--tag-info-color: var(--sky-700);

	/* paginator (RadGrid pager) */
	--paginator-gap: 4px;
	--paginator-margin-top: 16px;
	--paginator-nav-button-color: var(--slate-500);
	--paginator-label-padding-x: 7px;
	--paginator-nav-button-size: 36px;
	--paginator-nav-button-border-radius: 18px;
	--paginator-nav-button-hover-background: var(--hover-background);
	--paginator-nav-button-disabled-opacity: 0.6;
	--paginator-nav-icon-size: 14px;
	--paginator-prev-icon: url(../Images/AngleLeft.svg?v=05a46b02fccdb5c802ab970ae2eb40b4);
	--paginator-next-icon: url(../Images/AngleRight.svg?v=05a46b02fccdb5c802ab970ae2eb40b4);

	/* select (RadDropDownList) */
	--select-font-family: var(--font-family-inter);
	--select-font-size: 14px;
	--select-background: var(--surface-0);
	--select-color: var(--slate-500);
	--select-border-color: var(--slate-300);
	--select-hover-border-color: var(--slate-400);
	--select-focus-border-color: #187ba5;
	--select-border-radius: 6px;
	--select-shadow: 0 1px 2px rgba(18, 18, 23, 0.05);
	--select-padding-x: 11px;
	--select-padding-y: 8px;
	--select-dropdown-width: 36px;
	--select-dropdown-color: var(--slate-400);
	--select-dropdown-icon-size: 14px;
	--select-dropdown-icon: url(../Images/ChevronDown.svg?v=05a46b02fccdb5c802ab970ae2eb40b4);
	--select-overlay-min-width: 76px;
	--select-overlay-padding: 4px;
	--select-overlay-background: var(--surface-0);
	--select-overlay-border-color: var(--border-color);
	--select-overlay-border-radius: 6px;
	--select-overlay-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
	--select-option-padding-x: 12px;
	--select-option-padding-y: 8px;
	--select-option-border-radius: 4px;
	--select-option-color: var(--text-color);
	--select-option-hover-background: var(--hover-background);
	--select-option-selected-background: var(--highlight-background);
	--select-option-selected-color: var(--highlight-color);
}

/* Base styles for masterContent when capability nav is present */
#masterContent.withCapabilityNav {
	transition: gap var(--capability-nav-duration) var(--capability-nav-easing);
}

/* Base styles for capability nav root */
#masterContent.withCapabilityNav .CapabilityNav_root {
	flex: 0 0 var(--capability-nav-width);
	width: var(--capability-nav-width);
	overflow: hidden;
	visibility: visible;
	pointer-events: auto;
	transition:
		flex-basis var(--capability-nav-duration) var(--capability-nav-easing),
		width var(--capability-nav-duration) var(--capability-nav-easing),
		visibility 0s linear 0s;
}

/* Collapsed state for capability navigation */
#masterContent.withCapabilityNav.is-capability-nav-collapsed {
	gap: 0;
}

#masterContent.withCapabilityNav.is-capability-nav-collapsed .CapabilityNav_root {
	flex-basis: 0;
	width: 0;
	visibility: hidden;
	pointer-events: none;
	transition:
		flex-basis var(--capability-nav-duration) var(--capability-nav-easing),
		width var(--capability-nav-duration) var(--capability-nav-easing),
		visibility 0s linear var(--capability-nav-duration);
}

/* Animate the fixed nav container itself. Avoid transforms on ancestors of fixed elements
   (a transformed ancestor changes fixed positioning behavior and can cause scroll gaps). */
#masterContent.withCapabilityNav .CapabilityNav_navContainer {
	transform: translateX(0);
	transition: transform var(--capability-nav-duration) var(--capability-nav-easing);
	will-change: transform;
}

#masterContent.withCapabilityNav.is-capability-nav-collapsed .CapabilityNav_navContainer {
	transform: translateX(-100%);
}

/* Adjust content areas to slide when nav collapses/expands */
#masterContent.withCapabilityNav.is-capability-nav-collapsed .viewHeader,
#masterContent.withCapabilityNav.is-capability-nav-collapsed .searchHeader,
#masterContent.withCapabilityNav.is-capability-nav-collapsed #controllerHeader,
#masterContent.withCapabilityNav.is-capability-nav-collapsed #contentContainer {
	width: 100%;
	transition: 
		width var(--capability-nav-duration) var(--capability-nav-easing),
		left var(--capability-nav-duration) var(--capability-nav-easing);
}

#masterContent.withCapabilityNav.is-capability-nav-collapsed .searchHeader,
#masterContent.withCapabilityNav.is-capability-nav-collapsed #controllerLeft,
#masterContent.withCapabilityNav.is-capability-nav-collapsed #controllerHeader {
	left: 0;
	transition: left var(--capability-nav-duration) var(--capability-nav-easing);
}

#masterContent.withCapabilityNav.is-capability-nav-collapsed .viewHeader a.filterToggle {
	margin-right: 30px;
	transition: margin-right var(--capability-nav-duration) var(--capability-nav-easing);
}

/* Smooth transitions for expanded state */
#masterContent.withCapabilityNav:not(.is-capability-nav-collapsed) .viewHeader,
#masterContent.withCapabilityNav:not(.is-capability-nav-collapsed) .searchHeader,
#masterContent.withCapabilityNav:not(.is-capability-nav-collapsed) #controllerHeader,
#masterContent.withCapabilityNav:not(.is-capability-nav-collapsed) #contentContainer {
	transition: 
		width var(--capability-nav-duration) var(--capability-nav-easing),
		left var(--capability-nav-duration) var(--capability-nav-easing);
}

#masterContent.withCapabilityNav:not(.is-capability-nav-collapsed) .searchHeader,
#masterContent.withCapabilityNav:not(.is-capability-nav-collapsed) #controllerLeft,
#masterContent.withCapabilityNav:not(.is-capability-nav-collapsed) #controllerHeader {
	transition: left var(--capability-nav-duration) var(--capability-nav-easing);
}

#masterContent.withCapabilityNav:not(.is-capability-nav-collapsed) .viewHeader a.filterToggle {
	transition: margin-right var(--capability-nav-duration) var(--capability-nav-easing);
}

/* Respect reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
	#masterContent.withCapabilityNav,
	#masterContent.withCapabilityNav .CapabilityNav_root,
    #masterContent.withCapabilityNav .CapabilityNav_navContainer,
	#masterContent.withCapabilityNav .viewHeader,
	#masterContent.withCapabilityNav .searchHeader,
	#masterContent.withCapabilityNav #controllerHeader,
	#masterContent.withCapabilityNav #contentContainer,
	#masterContent.withCapabilityNav #controllerLeft,
	#masterContent.withCapabilityNav .viewHeader a.filterToggle {
		transition: none !important;
		transform: none !important;
	}
}

/* End of Capability Navigation Related Styling */

/* inputs that have an associated dropdown*/
.costContainer, .costContainer > div {
	display: flex;
	align-items: center;
	margin-right:5px;
}

/*some inputs are grouped by putting them in a table. Override tables styles, to display like "normal" inputs*/
.notATable {
	background-color:transparent;
}
.notATable > table {
	background-color: transparent;
}

.helperText{
	font-size:13px;
	padding-top:5px;
}

/* Toast Notification Styles */
.toast-notification {
	position: fixed;
	top: 75px;
	left: 50%;
	transform: translateX(-50%);
	width: auto;
	min-width: 450px;
	background-color: #E27772;
	color: #1C1F27;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
	padding: 18px 23px;
	z-index: 9999;
	opacity: 1;
	transition: opacity 0.5s ease-in-out;
	display: none;
	text-align: center;
}

.toast-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.toast-notification.show {
	display: block;
	animation: fadeInOut 5s ease-in-out;
}

.toast-notification.hide {
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.5s ease-in-out;
	display: block;
}

@keyframes fadeInOut {
	0% {
		opacity: 0;
	}

	10% {
		opacity: 1;
	}

	90% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.toast-content {
	max-height: 200px;
	overflow-y: auto;
}

	.toast-content ul {
		margin: 0;
		padding-left: 20px;
		list-style-type: disc;
	}

	.toast-content li {
		margin-bottom: 5px;
		color: white;
	}

.master-loading-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
}

.master-spinner-container {
	background-color: white;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	text-align: center;
	width: 250px;
	height: 150px;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.master-spinner {
	border: 5px solid #f3f3f3;
	border-top: 5px solid #3498db;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 2s linear infinite;
	margin: 0 auto 10px;
}

.master-spinner-text {
	font-size: 16px;
	font-weight: bold;
	color: #333;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.m-0{
	margin: 0 !important;
}

.bt-0{
	border-top: 0 !important;
}

/* Content header title and text styling pattern as used for LocationAdmin Notifications */
.content-header {
	padding: 24px 8px 19px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.content-header-title {
	color: #1C1F27;
	font-size: 23px;
	font-weight: 600;
	line-height: 125%;
}

.content-header-text {
	color: #000;
	font-size: 16px;
	font-weight: 400;
}

.notification-helper-text {
	color: #000;
	font-size: 16px;
	margin: 5px 0 25px;
}

/* Remove separator for individual recipient items */
.mic-recipient-separator {
	border-bottom: none !important;
	margin-bottom: 66px !important;
}

/* Ensure the last recipient item in the list gets the section separator  */
.mic:last-of-type.mic-recipient-separator {
	border-bottom: 1px solid #ebebeb !important;
	margin-bottom: 20px !important;
	padding-bottom: 20px !important;
}

/* Separator styling for between saved and unsaved recipient sections (when saved recipients is not showing an Add button) */
div.simplemodal-container div.mic-recipient-separator:has(.ro) + div.mic-recipient-separator:not(:has(.ro)) {
	margin-top: 12px !important;
	border-top: 1px solid #ebebeb;
	padding-top: 20px;
}

/* Saved recipients - CSS Grid with minimal spacing */
div.simplemodal-container div.mic-recipient-separator:has(.ro) {
	margin: 0 !important;
	padding: 0 !important;
	display: grid;
	grid-template-columns: 1fr auto; /* Content area and delete button column */
	grid-template-rows: auto auto; /* Two rows: recipient row and add button row */
	grid-template-areas: 
		"content delete"
		"addbutton addbutton";
	align-items: center;
	column-gap: 10px;
	row-gap: 0;
	min-height: 40px;
}

/* Remove extra spacing between saved recipients */
div.simplemodal-container div.mic-recipient-separator:has(.ro) + div.mic-recipient-separator:has(.ro) {
	margin-top: 0 !important;
}

/* Saved recipients grid content area */
div.simplemodal-container div.mic-recipient-separator:has(.ro) .dp {
	grid-area: content;
	margin: 0;
	padding: 0;
	min-height: 40px;
	min-width: 0;
	display: flex;
	align-items: center;
}

/* Saved recipient text should wrap when necessary */
div.simplemodal-container div.mic-recipient-separator:has(.ro) .ro {
	margin: 0;
	padding: 0;
	white-space: normal;
	word-wrap: break-word;
	overflow-wrap: break-word;
	hyphens: auto;
	line-height: 1.4;
	font-size: 16px;

	/* Override all master.css conflicting properties */
	width: auto !important;
	min-height: auto !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	border: none !important;
	box-sizing: content-box !important;
	overflow: visible !important;
	text-overflow: clip !important;
	display: block !important;
}

/* Position delete button container - grid delete area */
div.simplemodal-container div.mic-recipient-separator:has(.ro) > div.a {
	grid-area: delete;
	position: static;
	top: auto;
	right: auto;
	bottom: auto;
	transform: none;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
}

/* Saved recipients Add button */
div.simplemodal-container div.mic-recipient-separator:has(.ro) input.primaryButton[id$="buttonAdd"] {
	grid-area: addbutton;
	width: auto;
	max-width: none;
	min-width: auto;
	margin: 9px 0 23px 0;
	justify-self: start;
	display: block;
}

/* Hide form elements that don't apply to saved recipients */
div.simplemodal-container div.mic-recipient-separator:has(.ro) div[id$="areaType"] {
	display: none;
}

/* New recipients Add button */
div.simplemodal-container div.mic-recipient-separator:not(:has(.ro)) input.primaryButton[id$="buttonAdd"] {
	margin-top: 10px;
	margin-bottom: 3px;
	clear: both;
	display: block;
}

/* Position delete button for new/unsaved recipients */
div.simplemodal-container div.mic-recipient-separator:not(:has(.ro)) > div.a {
	top: 80px !important;
	bottom: auto !important;
}

/* Fix delete button positioning for first new/unsaved recipient after saved recipients */
div.simplemodal-container div.mic-recipient-separator:has(.ro) + div.mic-recipient-separator:not(:has(.ro)) > div.a {
	top: 100px !important; /* Account for the extra padding-top: 20px */
	bottom: auto !important;
}