/* Minification failed. Returning unminified contents.
(4156,26): run-time error CSS1063: Expected calculation unit, found '$'
(4156,26): run-time error CSS1064: Expected calculation product, found '$'
(4156,26): run-time error CSS1065: Expected calculation sum, found '$'
(4156,26): run-time error CSS1063: Expected calculation unit, found '$'
(4156,26): run-time error CSS1064: Expected calculation product, found '$'
(4156,26): run-time error CSS1065: Expected calculation sum, found '$'
(4156,26): run-time error CSS1034: 
(4156,26): run-time error CSS1042: Expected function, found '$'
(4156,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '$'
(5883,26): run-time error CSS1063: Expected calculation unit, found '$'
(5883,26): run-time error CSS1064: Expected calculation product, found '$'
(5883,26): run-time error CSS1065: Expected calculation sum, found '$'
(5883,26): run-time error CSS1063: Expected calculation unit, found '$'
(5883,26): run-time error CSS1064: Expected calculation product, found '$'
(5883,26): run-time error CSS1065: Expected calculation sum, found '$'
(5883,26): run-time error CSS1034: 
(5883,26): run-time error CSS1042: Expected function, found '$'
(5883,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '$'
(9863,18): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-med'
(9868,19): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-med_dark'
(10010,19): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-text-link'
(10075,15): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral_alt-med'
(10081,17): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-text-link'
(10092,15): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-text-link'
(10096,16): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-text-link'
(10463,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-med'
(10540,56): run-time error CSS1030: Expected identifier, found '>'
(10540,74): run-time error CSS1031: Expected selector, found ')'
(10540,74): run-time error CSS1025: Expected comma or open brace, found ')'
(10947,19): run-time error CSS1039: Token not allowed after unary operator: '-hcm-font-size-body'
(10951,19): run-time error CSS1039: Token not allowed after unary operator: '-hcm-font-size-body-s'
(10952,21): run-time error CSS1039: Token not allowed after unary operator: '-hcm-font-line-height-18'
(10954,19): run-time error CSS1039: Token not allowed after unary operator: '-hcm-font-size-heading-s'
(10970,15): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-warning-50'
(10972,15): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-info-50'
(10985,21): run-time error CSS1039: Token not allowed after unary operator: '-hcm-font-size-heading-m'
(11007,27): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-10'
(11009,28): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-5'
(11010,55): run-time error CSS1030: Expected identifier, found '['
(11010,60): run-time error CSS1031: Expected selector, found '='
(11010,60): run-time error CSS1025: Expected comma or open brace, found '='
(11018,17): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-40'
(11020,17): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-50'
 */
/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
div.editorLayout {
	overflow: hidden;
	margin: 0 12px 12px 12px;
	border: 1px solid #EEF0EF; }

.split-panel-2-h > div.editorLayout {
	margin-top: 0px; }

.split-panel-2-v > div.editorLayout {
	margin-left: 0px; }

div.transparentLayout {
	margin: 0px;
	border: none; }

div.editorContainer {
	background-color: #FFFFFF;
	clear: right;
	overflow: auto; }

div.transparentEditor {
	overflow: auto;
	overflow-x: hidden; }

div.editorLayoutNoMargin {
	overflow: hidden;
	margin: 0;
	border: 1px solid #EEF0EF; }

div.formHeader {
	padding: 3px 5px;
	color: white;
	font-size: 14px; }

td.borderedElement {
	border: 1px solid #C3C3C5; }

/******************************************************************************
	Fieldset
******************************************************************************/
fieldset {
	clear: none;
	/* Object is moved below any floating object. */
	border: none;
	margin-left: 12px;
	padding: 0 0 0 0;
	width: 340px; }
	fieldset.auto-size {
		white-space: nowrap; }

fieldset.wrapper {
	margin: 0px;
	width: auto; }

table.labelSeparatorBottom {
	border-bottom: solid 1px #C3C3C5; }

fieldset.small {
	width: 300px; }

fieldset.smaller {
	width: 244px; }

fieldset.smallest {
	width: 170px; }

fieldset.wide {
	width: 370px; }

fieldset.wider {
	width: 424px; }

fieldset.widest {
	width: 475px; }

fieldset.wider-i9 {
	width: 400px; }

fieldset.widest-i9 {
	width: 476px; }

fieldset.widest-i9 label.labelCheckbox {
	margin-left: 282px; }

fieldset.left {
	float: left; }

/******************************************************************************
	Tables Within the Fieldset
******************************************************************************/
fieldset table, fieldset tr {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	padding: 0;
	text-align: left; }

fieldset table, fieldset tr th.checkbox {
	text-align: center;
	width: auto;
	padding: 0px 6px; }

fieldset table, fieldset tr td.checkbox {
	text-align: center;
	vertical-align: middle; }

fieldset table tr td.text, fieldset table tr th.text {
	text-align: left;
	vertical-align: middle; }

fieldset table, fieldset tr td.checkbox input {
	width: auto; }

fieldset div.formContainer, fieldset table {
	margin: 0;
	padding: 0;
	border-style: none;
	overflow: auto;
	width: 100%; }

fieldset div.form, fieldset div.form fieldset, span.panel {
	vertical-align: initial;
	margin: 0;
	padding: 0;
	border: none; }

/******************************************************************************
	Legend
******************************************************************************/
legend, legend[class^="fa-"], legend[class*=" fa-"], span.legend {
	font-size: 14px;
	font-weight: 600;
	font-family: inherit;
	color: #222222;
	padding-top: 18px;
	padding-bottom: 6px;
	background-repeat: no-repeat;
	background-position: left 4px top;
	position: relative;
	display: block; }

legend:before {
	display: none; }

legend.inline {
	float: left;
	margin-right: 6px; }

.legend-inline-left, .legend-inline-right {
	padding-top: 16px; }

.legend-inline-left {
	float: left; }

.legend-inline-right {
	float: right; }

.center-legend > legend {
	text-align: center;
	padding-top: 0px; }

/******************************************************************************
	Label
******************************************************************************/
fieldset label, fieldset div.label {
	clear: both;
	display: block;
	text-align: right;
	margin: 0px;
	padding: 1px 0px;
	position: relative; }
	fieldset label div.label-dx-switch, fieldset div.label div.label-dx-switch {
		display: inline-block;
		width: 192px;
		text-align: left;
		margin-left: 3px;
		margin-right: 3px; }

div.label span.label {
	vertical-align: top; }

legend span.label {
	vertical-align: top; }

.required:before {
	content: '* ';
	font-weight: bold;
	font-style: italic;
	vertical-align: inherit; }

label em, div.label em, span.required em {
	font-weight: bold;
	vertical-align: middle; }

div.label select.label {
	width: auto;
	margin: 0px;
	padding: 1px 0px; }

label.labelHeading, div.labelHeading {
	margin-left: 5px;
	text-align: left;
	color: #6d6d6d; }

label.full, fieldset div.full, fieldset div.medium {
	text-align: left; }

label.inline {
	margin-top: 3px;
	margin-left: 12px;
	display: inline-block; }

label.inline-stacked {
	margin-top: 3px;
	margin-left: 12px;
	display: inline-flex;
	flex-direction: column; }

label.inline input, label.inline select {
	min-width: 100px;
	margin-top: 0px; }

label.image img {
	margin: 3px; }

label u {
	font-style: normal;
	text-decoration: underline; }

fieldset div.leftcheckbox input {
	padding: 0;
	margin-right: 8px;
	display: inline;
	width: 15px;
	vertical-align: middle; }

fieldset div.left span {
	vertical-align: middle; }

fieldset div.warning {
	margin-left: 145px;
	width: 192px;
	text-align: center;
	background-color: Red;
	color: White;
	font-weight: bold;
	padding: 3px; }

fieldset.wider div.warning {
	width: 269px; }

fieldset div.processPayInfo {
	text-align: center;
	background-color: navy;
	color: white;
	font-weight: bold;
	padding: 3px;
	margin-left: 4px; }

fieldset div.processPayWarning {
	margin-left: 20px;
	width: 315px;
	text-align: center;
	background-color: Red;
	color: White;
	font-weight: bold;
	padding: 3px; }

div.error {
	color: Red;
	font-weight: bold;
	text-align: center; }

div.error-message {
	color: Red;
	font-weight: bold;
	text-align: left;
	white-space: pre-line; }

div.leftError {
	color: Red;
	font-weight: bold;
	text-align: left;
	padding: 8px 0 2px 12px; }

div.message {
	color: Red; }

/******************************************************************************
	Text Box and Text Area
******************************************************************************/
fieldset input[type], fieldset textarea, div.label input, div.label textarea, fieldset span.input, fieldset span.input-wrapper, fieldset span.dx-textbox {
	width: 192px;
	margin: 1px 3px;
	*margin: 0px 3px;
	/* IE puts extra padding around textboxes for some reason */ }

fieldset input[type].noWidth {
	width: auto; }

fieldset.wider input, fieldset.wider textarea, fieldset.wider span.input, fieldset.wider span.input-wrapper, fieldset.wider span.dx-textbox {
	width: 276px; }

fieldset.widest input, fieldset.widest textarea, fieldset.widest span.input, fieldset.widest span.input-wrapper, fieldset.widest span.dx-textbox {
	width: 300px; }

fieldset input[type="submit"], fieldset input[type="button"], fieldset input[type="file"],
div.label input[type="submit"], div.label input[type="button"], div.label input[type="file"] {
	width: auto;
	margin: 0; }

fieldset span.input {
	display: inline-block;
	text-align: left;
	font-weight: bold;
	padding: 1px 6px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow-wrap: break-word; }

fieldset span.input-wrapper {
	display: inline-block;
	text-align: left;
	line-height: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box; }

fieldset span.input-notes {
	font-style: italic;
	font-weight: normal; }

div.label input.checkbox {
	width: 14px; }

fieldset input.smallest {
	width: 43px;
	margin-right: 152px; }

fieldset input.smaller {
	width: 79px;
	margin-right: 116px; }

fieldset input.small {
	width: 93px;
	margin-right: 102px; }
	fieldset input.small:not(.inline) + i.validationMessage {
		margin-left: -84px; }

fieldset input.medium {
	width: 141px;
	margin-right: 54px; }

fieldset input.large {
	width: 204px; }

fieldset input.larger {
	width: 275px; }

fieldset input.inline {
	margin-right: 3px; }

fieldset input.calendar {
	width: 170px; }

fieldset input.file {
	width: 162px; }

fieldset input.imageButton {
	margin: 0px 5px 2px 1px;
	vertical-align: bottom; }

fieldset label.full, fieldset div.full {
	margin-left: 15px;
	margin-right: 3px; }

fieldset label.full input,
fieldset label.full textarea,
fieldset label.full select,
fieldset div.full input,
fieldset div.full textarea,
fieldset div.full select,
fieldset div.full label.labelCheckbox {
	width: 100%;
	margin-left: 0px; }

fieldset label.full select[multiple],
fieldset div.full select[multiple] {
	box-sizing: border-box; }

fieldset label.full input[type="checkbox"],
fieldset div.full input[type="checkbox"],
fieldset label.full input[type="radio"],
fieldset div.full input[type="radio"] {
	width: auto; }

fieldset.wider input.calendar {
	width: 254px;
	/* =fieldset.width - 174 */ }

fieldset.wider input.file {
	width: 246px; }

fieldset.widest input.calendar {
	width: 278px; }

fieldset.widest input.with-btn {
	width: 277px; }

fieldset.widest span.input.with-btn {
	width: 277px;
	padding-top: 3px;
	padding-bottom: 3px; }

fieldset.widest input.file {
	width: 270px; }

fieldset label.labelText {
	width: auto;
	margin-left: 173px;
	margin-bottom: 4px;
	text-align: left; }

fieldset div.radioGroup {
	margin-left: 25px;
	margin-bottom: 10px; }

fieldset.widest label.right {
	text-align: right;
	margin-right: 75px; }

fieldset div.heading {
	margin-left: 125px;
	margin-bottom: 15px;
	text-align: left;
	color: #6d6d6d; }

.datepicker {
	display: inline;
	width: auto;
	height: auto;
	line-height: normal;
	vertical-align: middle;
	padding-left: 16px;
	margin-top: 0;
	margin-left: 1px;
	margin-right: 5px;
	background-image: url("Images/Calendar/calendar.png");
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 14px; }

/******************************************************************************
	Dropdown
******************************************************************************/
fieldset select {
	width: 192px;
	margin: 1px 3px; }

fieldset select.small {
	width: 93px;
	margin-right: 102px; }

fieldset select.smaller {
	width: 80px;
	margin-right: 82px; }

fieldset select.smallest {
	width: 50px;
	margin-right: 52px; }

/* matches small textbox */
fieldset select.matchingSmall {
	width: 91px;
	margin-right: 104px; }

fieldset select.medium {
	width: 141px;
	margin-right: 51px; }

fieldset select.inline {
	margin-right: 3px; }

fieldset select.inlineSmall {
	margin-right: 25px;
	width: 91px; }

fieldset.wider select {
	width: 276px;
	/* =fieldset.width - 148 */ }

fieldset.wider select.medium {
	width: 135px;
	/* =(select.width - inline.margin * 2) / 2 */ }

fieldset.wider select.medium-large {
	width: 179px;
	/* =(select.width - inline.margin * 2 - input.small.width) */ }

fieldset.widest select {
	width: 300px; }

fieldset.widest select.inline {
	margin-right: 3px;
	width: 147px; }

label.full select.listbox, fieldset div.full select.listbox {
	height: 152px;
	margin: 6px 0px 0px 48px;
	padding: 3px;
	width: 288px; }

fieldset.smaller div.full select.listbox {
	height: 152px;
	margin: 6px 0px 0px 10px;
	padding: 4px;
	width: 230px; }

fieldset div.medium select {
	display: block;
	margin-left: 15px;
	width: 200px; }

/******************************************************************************
	Checkbox & Radio Button
******************************************************************************/
fieldset label.labelCheckbox, fieldset label.labelRadio,
fieldset span.checkbox, fieldset span.radio {
	width: auto;
	margin-left: 146px;
	text-align: left;
	margin-bottom: 4px; }

fieldset label.labelCheckbox, fieldset label.labelRadio,
fieldset label.labelCheckbox span, fieldset label.labelRadio span {
	line-height: 19px;
	vertical-align: bottom; }

fieldset span.checkbox, fieldset span.radio {
	margin-top: 6px; }

span.checkbox, span.radio {
	display: block; }

fieldset.small label.labelCheckbox, fieldset.small label.labelRadio,
fieldset.small span.checkbox, fieldset.small span.radio {
	margin-left: 106px; }

fieldset.smaller label.labelCheckbox, fieldset.smaller label.labelRadio,
fieldset.smaller span.checkbox, fieldset.smaller span.radio {
	margin-left: 15px; }

fieldset.smallest label.labelCheckbox, fieldset.smallest label.labelRadio,
fieldset.smallest span.checkbox, fieldset.smallest span.radio {
	margin-left: 45px; }

fieldset.wide label.labelCheckbox, fieldset.wide label.labelRadio,
fieldset.wide span.checkbox, fieldset.wide span.radio {
	margin-left: 176px; }

fieldset.widest label.labelCheckbox, fieldset.widest label.labelRadio,
fieldset.widest span.checkbox, fieldset.widest span.radio {
	margin-left: 173px; }

fieldset label.labelCheckbox.full, fieldset.smaller label.labelRadio.full,
fieldset.smaller label.labelCheckbox.full, fieldset.smaller label.labelRadio.full.full,
fieldset.smallest label.labelCheckbox.full, fieldset.smallest label.labelRadio.full,
fieldset.wide label.labelCheckbox.full, fieldset.wide label.labelRadio.full,
fieldset.wider label.labelCheckbox.full, fieldset.wider label.labelRadio.full,
fieldset.widest label.labelCheckbox.full, fieldset.widest label.labelRadio.full {
	margin-left: 18px; }

fieldset span.fixedwidthmulticheckboxlist {
	width: 188px;
	padding: 1px 0px;
	margin: 1px 3px; }

fieldset span.multicheckboxlistbottom {
	padding-top: 0;
	margin-top: 0; }

fieldset span.small {
	display: inline-block;
	text-align: left;
	width: 99px; }

fieldset span.inline {
	display: inline;
	margin-right: 3px;
	margin-left: 3px;
	vertical-align: top; }

fieldset span.checkboxcontainer {
	height: 157px;
	overflow-y: auto;
	background-color: White;
	border: solid 1px InactiveBorder; }

fieldset span.checkboxcontainertall {
	height: 300px; }

fieldset span.variableheightcheckboxcontainer {
	overflow-y: auto;
	background-color: White;
	border: solid 1px InactiveBorder; }

div.label span.checkboxcontainer input, div.label span.radio input {
	margin-bottom: 4px; }

div.label span.variableheightcheckboxcontainer input {
	margin-bottom: 4px; }

label.full span.checkbox, fieldset div.full span.checkbox,
label.full span.radio, fieldset div.full span.radio {
	margin-left: 10px;
	width: 245px; }

fieldset.smaller div.full span.checkbox {
	margin-left: 10px;
	width: 220px; }

label.full span.multicheckboxlist, fieldset div.full span.multicheckboxlist {
	margin-left: 20px; }

fieldset.smaller div.full span.multicheckboxlist {
	margin-left: 10px; }

label span.checkboxcontainer, div.label span.checkboxcontainer {
	margin-left: 48px;
	padding: 8px;
	width: 188px; }

label span.variableheightcheckboxcontainer, div.label span.variableheightcheckboxcontainer {
	margin-left: 48px;
	padding: 8px;
	width: 188px; }

label.full span.checkboxcontainer, fieldset div.full span.checkboxcontainer {
	margin-left: 48px;
	padding: 4px;
	width: 270px; }

fieldset.smaller div.full span.checkboxcontainer {
	margin-left: 10px;
	padding: 4px;
	width: 220px; }

label.full span.variableheightcheckboxcontainer, fieldset div.full span.variableheightcheckboxcontainer {
	margin-left: 48px;
	padding: 8px;
	width: 270px; }

span.notes {
	margin-left: 10px; }

label input[type="checkbox"], label input[type="radio"], span.checkbox input, span.radio input {
	display: inline;
	height: 14px;
	width: 14px;
	min-width: 14px;
	background-color: transparent;
	border-width: 0;
	padding: 0;
	margin: 0 4px 0 0;
	vertical-align: middle; }

fieldset span.multicheckboxlist input {
	margin: 0 0 4px 0; }

span.checkbox label, span.radio label {
	text-align: left;
	vertical-align: top;
	margin-left: 4px;
	display: inline; }

fieldset label.radioHeader,
fieldset.wide label.radioHeader,
fieldset.wider label.radioHeader,
fieldset.widest label.radioHeader {
	margin-left: 30px;
	margin-top: 10px; }

/******************************************************************************
	Notes
******************************************************************************/
div.notes {
	height: auto;
	margin: 5px 5px 10px 10px;
	padding: 7px 7px 0px 7px;
	border: 1px solid #666666;
	background-color: #ffffe1;
	color: #666666; }

fieldset div.notes {
	float: right;
	margin: 0px 0px 10px 10px; }

div.notes h4 {
	padding: 0px;
	margin: 0px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #666666;
	color: #666666;
	font-size: 110%;
	text-align: center; }

div.notes p, div.notes table {
	margin-top: 0px;
	margin-bottom: 7px;
	color: #666666;
	text-align: left; }

/* Input note goes to right of input */
label span.smallInputNote {
	display: inline-block;
	width: 97px;
	text-align: left;
	font-size: 88%;
	font-style: italic;
	padding-left: 4px; }

/******************************************************************************
	Pre-formatted text
******************************************************************************/
pre.wrapped {
	/* For best results, provide alongside another class/style that gives width or max-width */
	word-break: break-word;
	white-space: pre-wrap; }

/******************************************************************************
	Overflow Ellipsis
******************************************************************************/
.overflow-ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; }

a.overflow-ellipsis {
	display: block; }

/******************************************************************************
	Nested fieldsets for groups of radio buttons or check box
******************************************************************************/
fieldset.group {
	border-width: 1px;
	border-style: solid;
	border-color: InactiveBorder;
	margin: 0 0 0 6px;
	padding: 5px 5px 5px 5px;
	width: 340px; }

fieldset.group legend {
	font-size: 100%;
	padding: 0 3px 0 9px; }

fieldset fieldset.required legend {
	font-weight: bold; }

fieldset.group label.labelCheckbox, fieldset fieldset.group label.labelRadio {
	text-align: left;
	width: 200px;
	padding-top: 10px; }

/******************************************************************************
	File upload
******************************************************************************/
fieldset.wide label.file {
	width: 195px;
	/* width + margin-left should equal 370 (i.e. wide label.width) */
	margin-left: 175px;
	margin-bottom: 2px;
	text-align: left; }

fieldset.wide label.file span.checkBox input {
	display: inline;
	height: 14px;
	width: 14px;
	background-color: transparent;
	border-width: 0;
	padding: 0;
	margin: 0 4px 2px 0;
	vertical-align: middle; }

/******************************************************************************
	List Box
******************************************************************************/
fieldset div select.selectOne, fieldset div select.selectMultiple {
	width: 209px;
	padding: 1px 3px; }

/******************************************************************************
	Submit Buttons
******************************************************************************/
fieldset div.left {
	text-align: left;
	padding-left: 26px;
	margin: 3px 0px 5px 0px; }

fieldset button.fileBrowser,
fieldset input.fileBrowser {
	width: 24px;
	margin-right: 3px;
	margin-left: 3px; }

/******************************************************************************
	Small text below inputs to provide help to the user
******************************************************************************/
small.instructionForCheckbox {
	margin: 3px 0 0 20px; }

small.instructionForTextInput {
	margin: 3px 0 0 50px;
	text-align: left; }

fieldset small {
	display: block;
	color: #6d6d6d;
	margin: 5px 0 5px 146px;
	width: auto;
	padding: 1px 3px;
	font-size: 11px;
	border: solid 1px #D4D4D4;
	overflow: auto;
	clear: left;
	line-height: 1.2em; }

fieldset.smaller small {
	margin: 5px 0 5px 10px; }

fieldset.widest small {
	margin-left: 173px; }

fieldset.wide small.alignWithTextInput {
	margin-left: 205px;
	text-align: left; }

fieldset.widest small.instructionForCheckbox {
	margin-left: 20px; }

fieldset.widest small.instructionForTextInput {
	margin-left: 50px; }

fieldset.wide small {
	margin-left: 176px; }

fieldset small.noborder {
	border: none; }

fieldset small.dateformatnote {
	font-size: 88%;
	margin: 3px 0 3px 125px;
	text-align: right;
	border: none; }

fieldset small.full {
	margin-left: 15px; }

fieldset small.fullvalidation {
	margin-left: 15px;
	margin-top: 0px;
	border-style: none;
	border-bottom-color: transparent;
	font-size: 100%;
	font-weight: bold;
	color: Blue;
	text-align: center; }

fieldset small.footnote {
	display: block;
	color: #6d6d6d;
	margin: 3px 0px 5px 3px;
	padding: 1px 3px;
	font-size: 88%;
	border-style: none;
	overflow: auto; }

fieldset table tr td.small small.inline {
	vertical-align: middle;
	display: inline-block;
	width: 80px;
	padding: 1px;
	margin: 1px 0 2px 0; }

fieldset table tr td.small small.small {
	height: 17px;
	*height: 16px; }

fieldset table tr td.small {
	vertical-align: middle; }

/******************************************************************************
    summary-container
******************************************************************************/
.summary-container {
	margin: 0px 12px 0px 12px; }

.editorContainer .summary-container {
	margin-top: 12px;
	position: relative; }

.summary-container br.clear-both {
	clear: both; }

.summary-container .summary-column {
	float: left; }

.summary-container .summary-item {
	display: inline-block;
	min-height: 190px;
	width: 300px;
	background-color: #fff;
	margin: 0 6px 12px 6px;
	padding: 12px;
	border: 1px solid #dadada;
	box-shadow: 0px 2px 2px #ccc; }

.summary-container .summary-item-large {
	min-height: 225px; }

.summary-container .summary-item-xlarge {
	min-height: 448px;
	padding-bottom: 0px; }

.summary-container .summary-item .summary-header {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	color: black;
	text-transform: uppercase; }

.summary-container .summary-item .summary-contents {
	padding-top: 20px;
	font-size: 12px; }

.summary-container .summary-item .summary-column {
	width: 50%;
	float: left; }

.summary-container .summary-item .summary-label {
	color: #636363;
	font-weight: lighter;
	vertical-align: top; }

.summary-container .summary-item .summary-label:hover {
	color: #636363;
	font-weight: lighter;
	vertical-align: top; }

.summary-container .summary-item .summary-text {
	margin-bottom: 4px;
	min-height: 16px; }

.summary-container.benefit-summary {
	margin-top: 16px;
	margin-bottom: 16px;
	min-width: 675px; }

.summary-container.benefit-summary .summary-header {
	text-transform: none; }

/******************************************************************************
    summary-stats
******************************************************************************/
.summary-stats {
	overflow: auto;
	background-color: #FFFFFF;
	border-left: #ccc 1px solid; }

.summary-stats > .summary-item {
	margin: 9px 0px 9px 20px; }

/******************************************************************************
    summary-totals (Benefits Summary)
******************************************************************************/
.summary-totals {
	float: left;
	min-width: 250px;
	padding: 25px; }

.summary-totals .summary-totals-header {
	font-weight: bold;
	font-size: 14px;
	text-transform: none;
	margin-bottom: 25px; }

.summary-totals .total {
	margin-bottom: 25px;
	display: block;
	width: 100%;
	height: 20px;
	font-size: 12px; }

.summary-totals .totals-label {
	color: #636363;
	vertical-align: top;
	float: left; }

.summary-totals .totals-literal {
	margin-bottom: 4px;
	min-height: 16px;
	float: right; }

/******************************************************************************
    table.summary
******************************************************************************/
table.summary {
	width: 268px;
	background-color: #fff;
	margin: 0px 12px 18px 12px;
	border-width: 1px;
	border-style: none solid solid solid;
	box-shadow: 0px 2px 2px #ccc; }

table.summary.summary-no-caption {
	border-top-style: solid; }

table.summary caption {
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	padding: 12px;
	color: black;
	border-width: 1px;
	border-color: #dadada;
	border-style: solid solid none solid;
	background-color: #fff; }

table.summary .summary-inner-container {
	padding: 12px;
	padding-top: 0; }

table.summary td {
	background-color: #ffffff;
	padding: 2px 3px 6px 3px; }

table.summary td.wider {
	width: 50px; }

table.summary th {
	padding: 2px 3px 6px 3px;
	text-align: right;
	color: #717171;
	font-weight: 400;
	width: 120px;
	vertical-align: top; }

table.summary.summary--headings-top th {
	width: auto;
	text-align: left; }

table.summary.summary--headings-sm th {
	width: 96px; }

table.summary.summary--headings-xs th {
	width: 64px; }

table.summary th.warning {
	color: #FF0000;
	font-weight: bold; }

table.summary th.wider {
	width: 190px; }

table.summary th.timeInfo {
	width: 100px; }

table.summary th a {
	color: #717171; }

table.summary th a:hover {
	color: Blue; }

table.summary thead th {
	text-align: center; }

table.summary input[type="checkbox"] {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px; }

table.summary p {
	padding: 0px 6px; }

/******************************************************************************
    table.summary-alt
******************************************************************************/
table.summary-alt {
	margin-left: 15px; }

table.summary-alt th {
	font-weight: bold;
	text-align: right;
	padding: 2px 2px 2px 6px;
	min-width: 75px; }

table.summary-alt td {
	padding: 2px 6px 2px 2px;
	min-width: 75px; }

/******************************************************************************
    table.summaryGrid
******************************************************************************/
table.summaryGrid {
	width: auto;
	border-right: none;
	border-bottom: none; }

table.summaryGrid td, table.summaryGrid th {
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	text-align: right; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
/*
    Check Stub / Pay History

    NOTE: Pulled out of Site.Form.scss
*/
.check-layout {
	width: 100%;
	border-spacing: 5px;
	border-collapse: separate; }

.check-layout-panel {
	width: 33%;
	padding: 5px;
	border: 1px solid #C3C3C5;
	border-radius: 4px;
	background-color: white; }

.check-layout-panel-tc > h2 {
	padding: 0px 10px;
	margin: 0px; }

.check-layout-panel-tc > h3 {
	padding: 0px 10px;
	margin: 0px;
	font-weight: normal; }

@media (max-width: 767px) {
	.check-layout > caption {
		text-align: center; }
	.check-layout > caption > b {
		margin-right: 0;
		width: 50%; }
	.check-layout-panel {
		width: 100%;
		display: block;
		margin-bottom: 5px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		overflow: hidden; } }

table.check {
	width: 100%; }
	table.check caption {
		text-align: left;
		padding: 2px 10px; }
	table.check th, table.check td {
		font-size: 11px; }
	table.check thead th {
		padding: 2px 10px 2px 5px;
		text-align: right; }
	table.check tbody th {
		padding: 2px 5px 2px 10px;
		text-align: left;
		white-space: nowrap; }
	table.check tbody td {
		padding: 2px 10px 2px 5px;
		text-align: right;
		white-space: nowrap;
		border-width: 1px;
		border-color: #DEDEDE; }

/******************************************************************************
	Sortable Tables
******************************************************************************/
table.sortable thead th.header span {
	background-image: url(images/TableSorter/bg.png); }

table.sortable thead th.headerSortUp span {
	background-image: url(images/TableSorter/asc.png); }

table.sortable thead th.headerSortDown span {
	background-image: url(images/TableSorter/desc.png); }

table.sortable thead th span {
	background-position: left center;
	background-repeat: no-repeat;
	cursor: pointer;
	padding-left: 20px; }

/******************************************************************************
	Modal Popup
******************************************************************************/
.modalPopup .inputSave, .modalPopup .inputCancel {
	width: 90px; }

table td input.imageButton {
	height: 15px;
	width: 15px;
	min-width: 15px;
	padding-top: 4px; }

/*
    List View

    NOTE: Pulled out of Site.Form.scss
*/
.listview-container {
	padding: 12px 12px 12px 8px; }

table.listview {
	width: auto;
	margin: 0px 0px 5px 4px;
	padding: 3px 3px;
	border-style: none;
	border-width: 1px; }

.listviewgrid-container {
	margin: 5px; }

table.listviewgrid {
	width: 100%; }

table.listviewgrid th {
	background-color: #e2e8f8; }

table.listviewgrid th, table.listviewgrid td {
	line-height: 21px;
	text-align: left; }

table.listviewgrid tr > th:last-child {
	border-right-style: solid; }

table.listviewgrid tr td.dividerRow {
	background-color: #e2e8f8;
	border-width: 1px;
	border-style: solid;
	border-top: 0;
	font-size: 90%;
	padding-left: 10px;
	font-weight: bold; }

table.listviewgrid tr th.dividerRowBorderRight {
	border-right-width: 1px;
	border-right-style: solid; }

table.listviewgrid tr th.dividerRowBorderLeft {
	border-left-width: 1px;
	border-left-style: solid; }

table.listviewgrid tr td {
	border-width: 1px;
	border-style: solid;
	vertical-align: middle;
	text-align: left;
	font-size: 100%;
	padding: 2px 3px;
	margin: 0;
	background-color: #f8f8f8; }

table.listview th.borderRight {
	border-right-style: solid; }

table.listviewgrid tr td.right {
	text-align: right; }

table.listviewgrid tr td.padded, table.listviewgrid tr th.padded {
	padding-left: 4px;
	padding-right: 4px; }

table.listviewgrid tr td.columnHeader {
	font-weight: bold;
	text-align: right;
	background-color: White;
	border-bottom: none;
	border-top: none;
	padding-right: 10px; }

table.listviewgrid tr td.gridtextbox input {
	margin: 0;
	width: 100%; }

table.listview caption {
	text-align: left;
	font-weight: bold;
	padding: 3px; }

table.listview td {
	padding: 2px 3px 2px 6px;
	text-align: right;
	position: relative;
	line-height: 22px; }

table.listview td.checkbox-cell {
	width: 82px; }

/* needed to fix padding set above
    on datepicker within listview */
table.listview .ajax__calendar td, table.listview .datepicker-container td {
	padding: 0px;
	line-height: unset; }

table.listview th {
	padding: 2px 3px 2px 6px;
	text-align: left;
	line-height: 22px; }

table.listview .datepicker-container th {
	padding: unset;
	text-align: unset;
	line-height: unset; }

table.listview tr.bottomrow th {
	border-bottom-style: solid; }

table.listview thead.borderRight th {
	border-right-style: solid; }

table.listview tr.shaded th {
	color: #3A3A3C;
	text-align: center; }

table.listview thead.short-header tr.shaded th {
	min-width: 108px;
	line-height: 12px; }

table.listview td.rowlabel {
	vertical-align: middle;
	text-align: right; }

table.listview td.rowlabelBorderRight {
	vertical-align: middle;
	text-align: right;
	border-right-style: solid; }

table.listview td.rowdata {
	vertical-align: middle;
	text-align: left;
	font-size: 100%; }

table.listview td.rowdata select.medium {
	width: 135px; }

table.listview td.rowdata select.wider {
	width: 225px; }

table.listview td.rowDataBorderRight {
	vertical-align: middle;
	text-align: left;
	font-size: 100%;
	border-right-style: solid; }

table.listview td.footnote {
	vertical-align: middle;
	text-align: left;
	font-size: 88%;
	border-top-style: solid; }

table.listview td.checkbox {
	text-align: center; }

table.listview td.checkbox input {
	margin: 1px 3px; }

table.listview span.checkbox {
	display: block;
	width: 95px;
	margin-left: 0px;
	text-align: center; }

table.listview td div.checked {
	background-image: url(images/checked.png);
	background-repeat: no-repeat;
	background-position: center;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 16px; }

table.listview td div.unchecked {
	background-image: url(images/unchecked.png);
	background-repeat: no-repeat;
	background-position: center;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 16px; }

table.listview.block tbody, table.listview.block thead {
	display: block; }

table.listview.align-left td {
	text-align: left; }

/******************************************************************************
	TreeView
******************************************************************************/
.treeView {
	overflow: auto;
	height: 100%;
	margin: 0 0 12px 12px;
	border: 1px solid #EEF0EF; }

.treeView tr td {
	padding: 0 0 3px 0;
	margin: 0 0 0 0; }

.treeView tr td.treeNode a {
	color: #000000; }

.treeView tr td.selected {
	font-weight: bold; }

/******************************************************************************
	Employee List Filter
******************************************************************************/
#employeeListFilter {
	background-color: #EBECEE;
	table-layout: fixed;
	width: 100%;
	line-height: 12px;
	padding-top: 5px;
	display: inline-block;
	height: 48px; }

#employeeListFilter input.imageButton {
	margin: 0 6px 1px 0;
	vertical-align: bottom; }

#employeeListFilter td.filter {
	padding: 3px 4px 1px 0px; }

/******************************************************************************
    Client List Filter
******************************************************************************/
#clientListFilter {
	width: 100%;
	background-color: #e7e8ea;
	height: 48px; }

#clientListFilter td.filter a.btn {
	margin-top: 2px; }

#clientListFilter td.filter {
	padding: 5px 4px 5px 0px; }

#clientListFilter td.filter:first-child, #employeeListFilter td.filter:first-child {
	padding-left: 14px; }

#clientListFilter td.filter div.filter, #employeeListFilter td.filter div.filter {
	text-align: left;
	margin: 2px 0 0 0;
	padding-right: 4px;
	overflow: hidden; }

#clientListFilter input[type="text"], #clientListFilter select, #employeeListFilter input[type="text"], #employeeListFilter select {
	width: 100%; }

#employeeListFilter td.filter div.filter input.button {
	width: 55px; }

#employeeListFilter td.filter div.submit {
	text-align: right;
	margin: 0px; }

/***********************************************
confirmation screen
************************************************/
fieldset ul.linkButtonList {
	padding-left: 20px; }

fieldset ul.linkButtonList li {
	padding-bottom: 3px; }

fieldset ul.linkButtonList li a {
	text-decoration: underline; }

/***********************************************
MICR
************************************************/
div.micr {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 0 0 0 0;
	height: 15px;
	width: 155px;
	margin: 0px; }

div.micrAmount {
	background-image: url(images/MICR/amount.gif); }

div.micrDash {
	background-image: url(images/MICR/dash.gif); }

div.micrOnUs {
	background-image: url(images/MICR/onUs.gif); }

div.micrTransit {
	background-image: url(images/MICR/transit.gif); }

/***********************************************
Textbox loader
************************************************/
input.loading {
	background-image: url(images/ajax-loader-small.gif);
	background-repeat: no-repeat;
	background-position: right; }

@media print {
	#header,
	#menu,
	div.header,
	div#ctl00_DefaultContent_CheckView_SplitContainerPanel1,
	span#ctl00_DefaultContent_employeeListUpdatePanel,
	span#ctl00_DefaultContent_clientListUpdatePanel {
		display: none; }
	form,
	div,
	div#content,
	div.editorContainer,
	div#ctl00_DefaultContent_CheckView_Editor_EditorPanel,
	div#ctl00_DefaultContent_CheckView_SplitContainerPanel2,
	div#ctl00_DefaultContent_CheckView_Editor_CheckSummaryEditor_FormView_Data {
		height: auto !important;
		width: auto;
		background-color: White;
		padding: 0;
		margin: 0;
		border: none !important; }
	table.check {
		font-size: 88%; } }

#PayrollsTable td, #PayrollsTable th {
	text-align: left;
	padding: 5px; }

.buttonPreviewPayroll {
	background-image: url(Images/PreviewPayroll_Icon.jpg);
	background-position: top;
	margin-left: 150px; }

.buttonPreviewPayroll:hover {
	background-position: bottom; }

.buttonProcessPayroll {
	background-image: url(Images/ProcessPayroll_Icon.jpg);
	background-position: top;
	margin-left: 150px; }

.buttonProcessPayroll:hover {
	background-position: bottom; }

#LandingPageTable a {
	/*color:#666666;*/
	color: #e58d1a; }

#LandingPageTable a:hover {
	color: #AAAAAA; }

#LandingPageTable a:visited {
	color: #666666; }

/*****************************************************************************/
/* Reporting parameters                                                      */
/*****************************************************************************/
.reportCheckbox input[type="checkbox"] {
	width: 26px;
	margin-right: 276px;
	margin-left: 0px; }

.reportEmployee {
	width: 188px;
	padding: 1px 0px;
	margin: 1px 3px; }

label.reportToolTipContainer span.reportToolTip {
	position: absolute;
	left: 480px;
	bottom: 4px; }

/*****************************************************************************/
/* Custom TreeView for reporting                                             */
/*****************************************************************************/
.treeViewParameter {
	background-color: White;
	text-align: left;
	float: right;
	width: 298px;
	border: solid 1px #C3C3C5;
	margin: 1px 3px;
	min-height: 40px;
	max-height: 800px;
	overflow: auto; }

.treeViewParameter ul {
	list-style-type: none;
	padding-left: 8px; }

.treeViewParameter input {
	width: 20px !important; }

.treeViewImage {
	width: 16px;
	cursor: pointer;
	vertical-align: bottom; }

.treeViewCheckbox {
	width: 20px; }

.treeViewRoot {
	font-weight: bold;
	font-size: 8pt; }

.treeViewParent {
	font-size: 7pt;
	font-weight: normal; }

.treeViewLeaf {
	font-size: 7pt;
	font-weight: normal;
	padding-top: 2px; }

.containerParameter {
	width: 300px;
	float: right;
	font-style: italic;
	padding-top: 12px; }

/*EW-Styles*/
.loginlabel a, .loginlabel a:link, .loginlabel a:visited, .loginlabel a:active, .loginlabel a:focus, .loginlabel a:hover {
	color: inherit;
	font-size: 1em; }

div.errorlogin {
	color: #0F23B6;
	font-weight: bold; }

div.messageCategory {
	color: #58585B;
	margin-bottom: 10px; }

div.messageCategory .categoryDesc {
	font-size: 16px;
	padding: 5px 20px;
	margin: 0px; }

.watermarked {
	background-color: #F0F8FF;
	color: gray; }

/*Misc*/
.miscBorder {
	border-width: 1px;
	border-style: solid; }

.miscBorderRight {
	border-right-width: 1px;
	border-right-style: solid; }

.miscBorderBottom {
	border-bottom-width: 1px;
	border-bottom-style: solid; }

/******************************************************************************
    Validation Messages
******************************************************************************/
.validationMessage {
	position: absolute;
	background-color: lemonchiffon;
	border: 1px solid black;
	margin-left: 12px;
	width: 185px;
	z-index: 1000;
	min-height: 42px;
	text-align: left;
	padding-left: 46px;
	padding-top: 4px;
	font-size: 10px;
	font-style: normal;
	box-sizing: border-box;
	background-image: url(images/caution.gif);
	background-position: 5px 3px;
	background-repeat: no-repeat;
	display: inline;
	white-space: normal; }

.validationMessage:after, .validationMessage:before {
	right: 100%;
	top: 35%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none; }

.validationMessage:after {
	border-color: rgba(255, 250, 205, 0);
	border-right-color: #FFFACD;
	border-top-color: #FFFACD;
	border-width: 7px;
	margin-top: -7px; }

.validationMessage:before {
	border-color: transparent;
	border-right-color: black;
	border-top-color: black;
	border-width: 8px;
	margin-top: -8px; }

.left-side-validation-message {
	display: flex; }
	.left-side-validation-message .validationMessage {
		width: 185px;
		margin-left: -201px; }
		.left-side-validation-message .validationMessage:after, .left-side-validation-message .validationMessage:before {
			left: 100%;
			top: 35%;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none; }
		.left-side-validation-message .validationMessage:after {
			border-color: rgba(255, 250, 205, 0);
			border-left-color: #FFFACD;
			border-top-color: #FFFACD;
			border-width: 7px;
			margin-top: -7px; }
		.left-side-validation-message .validationMessage:before {
			border-color: transparent;
			border-left-color: black;
			border-top-color: black;
			border-width: 8px;
			margin-top: -8px; }

.validation-vertical-offset {
	margin-top: 20px; }

.bottom-side-validation-message {
	display: flex; }
	.bottom-side-validation-message .validationMessage {
		margin-left: 120px;
		margin-top: 25px; }

.inlineValidation {
	display: block;
	color: red; }

.taxFormStatus {
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	width: 100%;
	display: block; }

.symmetryPayrollContainer {
	margin-top: 15px; }

.symmetryPayrollContainer.symmetryPayrollContainerCompleted {
	margin-left: 225px; }

.symmetryPayrollContainer > iframe {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #eef0ef; }

.completedTaxFormContainer {
	float: left;
	margin-top: 15px;
	width: 215px; }

div.window.completedTaxFormContainer div.header {
	font-size: 18px;
	padding: 0 12px; }

/*****************************************************************************/
/* Employee documents screen                                                 */
/*****************************************************************************/
.documents-container {
	margin: 0 12px 12px;
	padding: 25px 25px 0;
	border: 1px solid #dadada;
	position: relative;
	overflow: auto; }

.documents-container br.clear-both {
	clear: both; }

.documents-container .sort {
	float: left;
	font-size: 14px;
	margin-bottom: 25px; }

.documents-container .sort select {
	cursor: pointer;
	color: #E50082;
	margin: -3px 10px 0 5px;
	border: 0;
	box-shadow: none;
	padding: 0;
	height: 21px;
	background-color: transparent; }

.documents-container .sort select.sortItemsFiller {
	display: none; }

.document-box {
	display: inline-block;
	height: 196px;
	width: 196px;
	border: 1px solid #dadada;
	padding: 0 15px;
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
	position: relative;
	background-color: #fff; }

.document-box.add-new {
	color: #E50082;
	text-align: center;
	height: 141px;
	width: 196px;
	padding-top: 55px;
	position: relative; }

.document-box.add-new a {
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute; }

.document-header {
	color: #E50082;
	font-weight: bold;
	margin: .83em 0 0; }

.document-description {
	font-weight: normal; }

.document-bottom {
	font-weight: normal;
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 15px;
	margin: 0; }

.document-bottom a {
	cursor: pointer; }

.document-download {
	color: #E50082; }

.document-menu {
	color: #D1D2D4; }

.document-menu-overlay {
	background-color: rgba(79, 145, 205, 0.65);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	color: #fff; }

.document-menu-overlay a {
	cursor: pointer;
	position: absolute;
	right: 15px;
	bottom: 15px; }

.document-menu-overlay a.document-edit {
	bottom: 75px;
	right: 14px; }

.document-menu-overlay a.document-delete {
	bottom: 45px; }

.modal-document .modal-title {
	margin: 0;
	line-height: 1.42857143; }

.modal-document .modal-header,
.modal-document .modal-footer {
	border: 0; }

.modal-document .modal-body {
	padding: 0 20px; }

.modal-document .modal-footer {
	padding: 0 20px 20px;
	margin-top: 0; }

.modal-document .form-group {
	margin-bottom: 15px; }

.modal-document .form-inputs {
	float: left;
	width: 50%; }

.modal-document .form-inputs label {
	display: inline-block;
	max-width: 100%; }

.modal-document .form-inputs .input-group {
	position: relative;
	display: table;
	border-collapse: separate; }

.modal-document .form-inputs .input-group .form-control {
	display: table-cell;
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
	border-right: 0; }

.modal-document .form-inputs .input-group .form-control:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0; }

.modal-document .form-inputs .input-group .input-group-addon {
	display: table-cell;
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #555;
	text-align: right;
	cursor: pointer;
	background-color: transparent;
	border-radius: 4px;
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	border-color: #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left: 0; }

.modal-document .form-inputs .form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }

.modal-document .form-inputs select.form-control {
	padding: 0 8px; }

.modal-document .form-inputs-full {
	width: 100%; }

.modal-document .form-inputs-full label {
	display: inline-block;
	max-width: 100%; }

.modal-document .form-inputs-full .input-group {
	position: relative;
	display: table;
	border-collapse: separate; }

.modal-document .form-inputs-full .input-group .form-control {
	display: table-cell;
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
	border-right: 0; }

.modal-document .form-inputs-full .input-group .form-control:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0; }

.modal-document .form-inputs-full .input-group .input-group-addon {
	display: table-cell;
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #555;
	text-align: right;
	cursor: pointer;
	background-color: transparent;
	border-radius: 4px;
	border-width: 1px 1px 1px 0px;
	border-style: solid;
	border-color: #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left: 0; }

.modal-document .form-inputs-full .form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }

.modal-document .form-inputs-full select.form-control {
	padding: 0 8px; }

.modal-document .form-access {
	float: right;
	width: 40%;
	padding: 0 25px; }

.modal-document .form-access .labelCheckbox {
	margin-bottom: 15px;
	display: block; }

.modal-document .form-access .labelCheckbox input[type="checkbox"] {
	height: 25px;
	width: 25px; }

.modal-body.modalForm input[type="text"], .modal-body.modalForm input[type="password"], .modal-body.modalForm select {
	height: 27px;
	margin-top: 2px;
	margin-bottom: 2px; }

.modal-body.modalForm fieldset label {
	position: static; }

.modal-header.modal-header-primary {
	background-color: #000000; }

.modal-header.modal-header-primary .modal-title {
	font-weight: normal; }

.modal-dialog.modal-form .modal-body {
	font-size: 1em;
	padding: 0px 0px 0px 0px; }

.modal-dialog.modal-text .modal-body {
	font-size: 14px;
	padding: 0px 0px 0px 0px; }

.modal-dialog.modal-text .modal-body > div {
	padding: 12px 24px 12px 24px;
	text-align: justify;
	max-height: 300px;
	overflow: auto; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
/*
    Tooltip

    NOTE: Pulled out of Site.Form.scss
*/
.toolTip {
	cursor: help; }

fieldset legend i.toolTip {
	color: #222222;
	margin-left: 4px; }

.tooltip {
	position: absolute;
	z-index: 1070;
	display: block;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	white-space: normal;
	filter: alpha(opacity=0);
	opacity: 0;
	line-break: auto; }

.tooltip.right {
	padding: 0 5px;
	margin-left: 3px; }

.tooltip.left {
	padding: 0 5px;
	margin-left: -3px; }

.tooltip.bottom {
	padding: 5px 0;
	margin-top: 3px; }

.tooltip.in {
	opacity: .9;
	filter: alpha(opacity=90); }

.tooltip.fade.in {
	opacity: 1; }

.tooltip-inner {
	max-width: 200px;
	padding: 3px 8px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #e50082;
	border-radius: 4px; }

.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-left-color: #e50082;
	border-width: 5px 0 5px 5px; }

.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-right-color: #e50082;
	border-width: 5px 5px 5px 0; }

.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #e50082; }

.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid; }

fieldset label i.toolTip,
fieldset div.label i.toolTip {
	position: absolute;
	bottom: 11px;
	cursor: default; }

.subLegend {
	text-align: center;
	font-weight: bold;
	margin-top: 20px;
	font-size: 115%; }

/*-------------- Modal Popup --------------*/
.modal-popup {
	height: auto;
	background-color: white;
	padding-bottom: 6px;
	margin-bottom: 3px;
	border-radius: 8px;
	border: 1px solid #c3c3c5; }

.modal-close-popup {
	position: absolute;
	top: 0px;
	right: 0px; }

.modal-popup-header {
	font-weight: bold;
	font-size: 18px;
	color: #E50082;
	padding: 4px 8px;
	border-bottom: 1px solid #c3c3c5; }

.modal-popup-content {
	padding-right: 16px; }

.warningNotice {
	margin: 8px;
	border-radius: 12px;
	border: 1px solid darkgray;
	background-color: #FFDE6A; }

.warningNotice > table > tbody > tr > td {
	padding: 5px;
	vertical-align: middle; }

span.redicon, span.orangeicon {
	display: inline-block;
	vertical-align: middle;
	font-size: 40px;
	margin: 0px; }

.alert-text {
	display: inline-block;
	vertical-align: middle;
	margin: auto;
	margin-left: 5px;
	width: 280px;
	color: #6d6d6d; }

div.modal-alert {
	margin: 10px; }

span.redicon {
	color: red; }

span.orangeicon {
	color: #f7941d; }

.reducedSize input[type="text"] {
	width: 93px; }

.padIconRight {
	margin-right: 89px; }

/* DevExpress DevExtreme Form Overrides */
.dx-texteditor-input {
	margin: 0px !important;
	border: initial !important; }

.dx-texteditor-container, .dx-dropdowneditor-input-wrapper {
	overflow: initial !important;
	text-align: left; }

.dx-texteditor.error input {
	background-color: lemonchiffon; }

.dx-texteditor.error.dx-tagbox .dx-texteditor-container {
	background-color: lemonchiffon; }

div.label > .dx-textbox {
	display: inline-block;
	margin: 0px 2px; }

div.dx-selectbox-popup-wrapper div.dx-list-item {
	display: block; }

div.dx-texteditor-container input {
	width: 100%; }

.dx-switch.dx-state-hover .dx-switch-handle::before,
.dx-switch.dx-state-focused .dx-switch-handle::before,
.dx-switch.dx-state-focused.dx-state-active .dx-switch-handle::before {
	background-color: #0077FF; }

.dx-switch.dx-state-hover .dx-switch-container,
.dx-switch.dx-state-focused .dx-switch-container {
	border-color: #ddd; }

.dx-switch:not(.dx-switch-on-value) .dx-switch-handle::before {
	background-color: #89898a; }

.dx-switch-on-value .dx-switch-handle::before {
	background-color: #0077FF; }

.dx-group-row .dx-group-cell {
	color: black; }

label .dx-colorbox, div.label .dx-colorbox {
	display: inline-block; }

.editableGrid {
	width: 100%;
	margin-right: 12px; }

.editableGrid th {
	background-color: #EBECEE;
	border: 1px solid white;
	color: black;
	padding: 3px 6px 3px 6px;
	font-weight: normal; }

.editableGrid .datepicker-container th {
	background-color: unset;
	border: unset;
	color: unset;
	padding: unset;
	font-weight: unset; }

.editableGrid td {
	border: 1px solid #cccccc;
	padding: 3px 6px 3px 6px;
	background-color: #dddddd; }

.editableGrid .datepicker-container td {
	border: unset;
	padding: unset;
	background-color: unset; }

.editableGrid .ajax__calendar_container td,
.editableGrid.fieldCategory td {
	border: none;
	background-color: white; }
	.editableGrid .ajax__calendar_container td select,
	.editableGrid.fieldCategory td select {
		width: 100%; }

.editableGrid td.editable {
	background-color: white; }

.editableGrid td.selected {
	border: 2px solid #777777; }

.editableGrid td.error {
	background-color: #fffacd; }

.editableGrid td.error.selected {
	background-color: inherit; }

.editableGrid tbody td.editable:hover {
	cursor: pointer; }

.editableGrid tbody td.editable:hover:not(.error) {
	background-color: #EDFAFF; }

div.floatingPanel {
	box-shadow: 0px 5px 20px #aaaaaa;
	border-radius: 6px;
	padding: 6px 12px 6px 12px; }

div.floatingPanel.smallShadows {
	box-shadow: 0px 3px 10px #aaaaaa;
	border-radius: 6px;
	padding: 6px 12px 6px 12px; }

div.dragAndDropListContainer {
	display: flex;
	margin-left: 12px; }

div.dragAndDropListContainer div.dragAndDropList {
	width: 300px;
	max-height: 500px;
	padding: 10px;
	margin-right: 20px;
	border: 1px solid #aaaaaa;
	box-shadow: 0px 3px 10px #aaaaaa;
	border-radius: 6px; }

div.dragAndDropListContainer div.dragAndDropList.dx-state-disabled .dx-list-item {
	opacity: 1; }

.color-pink {
	color: #e50082; }

.color-matisse {
	color: #6496ae; }

.color-cadet {
	color: #489fa4; }

.color-cabaret {
	color: #c2356f; }

.color-pantone-green {
	color: #39B54A; }

.color-christi {
	color: #6AA30A; }

.color-lightning {
	color: #fccc1b; }

.color-apricot {
	color: #ffb75d; }

.color-orange {
	color: #e89138; }

.color-marigold {
	color: #EBA400; }

.color-plum {
	color: #6b007f; }

.color-denim {
	color: #1870c9; }

.color-error-text {
	color: red; }

.color-blue {
	color: #1870c9; }

.color-midnight {
	color: #01316c; }

.color-red {
	color: #e4292a; }

.color-ming {
	color: #25515f; }

.validation-message {
	color: red;
	font-weight: 700;
	margin-bottom: 3px; }

.textAreaLabel {
	vertical-align: top; }

.basic-form {
	padding-top: 48px; }

.italic {
	font-style: italic; }

.page-subheader {
	color: #01316c;
	font-size: 16px; }
	.page-subheader .page-subheader-text-container {
		font-weight: bold;
		margin-left: 3px;
		vertical-align: top; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
div.filterContainer {
	padding-bottom: 6px; }

.filter-panel {
	margin: 0px 12px 12px 12px;
	padding: 12px 0px;
	border: 1px solid #E8E8E8; }

.filter-label > .btn {
	min-width: 90px; }

.filter-label {
	margin-top: 3px;
	margin-left: 12px;
	display: inline-block; }

.filter-label.filter-label-radio {
	padding-top: 3px; }

.filter-input-xxs {
	width: 43px; }

.filter-input-xs {
	width: 79px; }

.filter-input-sm {
	width: 91px; }

.filter-input {
	width: 141px; }

.filter-input-lg {
	width: 192px; }

.filter-input-xl {
	width: 204px; }

.filter-input-xxl {
	width: 275px; }

.formfilter {
	background-color: #eff3f6;
	margin: 0 12px 12px 12px;
	padding: 6px;
	align-items: center; }

.filterCell {
	white-space: nowrap !important;
	padding: 6px; }

.filterCell:last-child {
	padding-right: 0; }

.filterCell .btn {
	padding-left: 24px;
	padding-right: 24px;
	margin-left: 6px; }

.filterCell i {
	margin-left: 3px; }

div.dashboardFilterContainer {
	background-color: #EBECEE;
	table-layout: fixed;
	width: 100%;
	line-height: 12px;
	padding: 6px 0px 6px 0px; }

div.dashboardFilterContainer input.imageButton,
div.dashboardFilterContainer td.filter div.filter input.imageButton {
	margin: 0 6px 1px 0;
	vertical-align: bottom; }

div.dashboardFilterContainer td.filter {
	padding: 4px 6px 2px 6px; }

div.dashboardFilterContainer td.right {
	border-right: none; }

div.dashboardFilterContainer td.filter div.filter {
	text-align: right; }

div.dashboardFilterContainer td.filter div.filter input,
div.dashboardFilterContainer td.filter div.filter select {
	width: 110px;
	margin: 2px 2px 0px 4px; }

div.dashboardFilterContainer td.filter div.filter input.button {
	width: 55px; }

div.dashboardFilterContainer td.filter div.submit {
	text-align: right;
	margin: 0px; }

div.dashboardFilterContainer td.filter:first-child {
	padding-left: 14px; }

div.groupPunchFilterContainer {
	background-color: #EBECEE;
	table-layout: fixed;
	width: 100%;
	line-height: 12px;
	padding: 6px 0px 6px 0px; }

div.groupPunchFilterContainer input.imageButton,
div.groupPunchFilterContainer td.filter div.filter input.imageButton {
	margin: 0 6px 1px 0;
	vertical-align: bottom; }

div.groupPunchFilterContainer td.filter {
	padding: 4px 6px 2px 6px; }

div.groupPunchFilterContainer td.right {
	border-right: none; }

div.groupPunchFilterContainer td.filter div.filter {
	text-align: right; }

div.groupPunchFilterContainer td.filter div.filter input,
div.groupPunchFilterContainer td.filter div.filter select {
	width: 110px;
	margin: 2px 2px 0px 4px; }

div.groupPunchFilterContainer td.filter div.filter input.button {
	width: 55px; }

div.groupPunchFilterContainer td.filter div.submit {
	text-align: right;
	margin: 0px; }

div.groupPunchFilterContainer td.filter:first-child {
	padding-left: 14px; }

.filterbox-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap; }

.filterbox-col-1 {
	width: 8.33333%; }

.filterbox-col {
	flex-basis: 100%; }
	.filterbox-col legend {
		text-align: left; }

@media screen and (min-width: 800px) {
	.filterbox-col {
		flex: 1; } }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
/*
    Vertical Filter

    NOTE: Pulled out of Site.Form.scss
*/
div.verticalFilterContainer {
	display: flex;
	flex-direction: column;
	margin-left: 12px; }
	div.verticalFilterContainer .filterHeader {
		background-color: inherit;
		font-size: 16px;
		text-align: left;
		padding-top: 8px;
		padding-bottom: 8px;
		cursor: inherit; }
	div.verticalFilterContainer div.filterGroup .filterGroupHeader {
		font-weight: bold;
		font-size: 13px;
		margin-top: 5px;
		margin-bottom: 5px; }
		div.verticalFilterContainer div.filterGroup .filterGroupHeader i {
			margin-right: 3px;
			font-weight: normal;
			font-size: 80%; }
	div.verticalFilterContainer div.filterGroup .collapsedFilterGroupBody {
		padding-left: 6px;
		font-style: italic; }
	div.verticalFilterContainer div.filterGroup .filterGroupBody {
		padding-left: 3px; }
		div.verticalFilterContainer div.filterGroup .filterGroupBody .filterGroupBodyItem {
			margin-top: 5px;
			margin-bottom: 5px;
			display: flex;
			flex-direction: row;
			align-items: center;
			padding-right: 6px; }
			div.verticalFilterContainer div.filterGroup .filterGroupBody .filterGroupBodyItem.inactiveItem {
				color: #e4292a; }
			div.verticalFilterContainer div.filterGroup .filterGroupBody .filterGroupBodyItem span {
				display: inline-block; }

div.filterGroupInfo {
	color: #89898a;
	font-weight: lighter;
	font-style: italic; }

label.filterGroupLabel {
	font-weight: bold; }

/*
    Schedule Calendar

    NOTE: Pulled out of Site.Form.scss
*/
.schedule-calendar .calendar-header {
	display: flex;
	padding-top: 6px;
	padding-bottom: 6px; }

.schedule-calendar .calendar-header .left-container,
.schedule-calendar .calendar-header .right-container {
	flex: 1; }

.schedule-calendar .calendar-header .center-container {
	text-align: center;
	font-weight: bold;
	font-size: 1.5em; }

.schedule-calendar .calendar-button {
	background-color: #f5f5f5;
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	outline: none; }

.schedule-calendar .calendar-button:hover {
	background-color: #e6e6e6;
	background-position: 0 -15px;
	transition: background-position 0.1s linear; }

.schedule-calendar .calendar-button.selected {
	background-color: #cccccc;
	background-image: none;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.schedule-calendar .calendar-body {
	position: relative;
	height: 100%; }

.schedule-calendar .calendar-table {
	height: 100%;
	width: 100%;
	table-layout: fixed; }

.schedule-calendar .calendar-table th.calendar-day-header-cell {
	background-color: #254470;
	color: white;
	height: 20px;
	vertical-align: middle; }

.schedule-calendar .calendar-table td.calendar-day-cell {
	text-align: right;
	border: 1px solid #dddddd; }

.schedule-calendar .calendar-table td.calendar-day-cell.other-month-day {
	background-color: #eeeeee; }

.schedule-calendar .calendar-table td.calendar-day-cell .day-cell-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center; }

.schedule-calendar .calendar-table td.calendar-day-cell .day-cell-container .date-label {
	flex-grow: 1;
	padding-top: 3px;
	padding-right: 10px;
	font-size: 1.2em;
	text-align: right;
	width: 100%; }

.schedule-calendar .calendar-table td.calendar-day-cell .day-cell-container .more-items-container {
	flex-grow: 0;
	width: 90%;
	border-radius: 10px;
	background-color: #5383b2;
	color: white;
	text-align: center;
	height: 17px;
	line-height: 17px;
	position: relative;
	cursor: pointer; }

.schedule-calendar .schedule-bar {
	position: absolute;
	box-shadow: 2px 3px 4px #aaaaaa;
	border-radius: 5px;
	overflow: hidden;
	cursor: pointer; }

.schedule-calendar .schedule-bar .schedule-bar-container {
	height: 20px;
	line-height: 20px;
	background-color: #CCCCCC;
	white-space: nowrap; }

.schedule-calendar .schedule-bar .schedule-bar-container .schedule-bar-left {
	display: inline-block;
	vertical-align: top;
	height: 100%;
	width: 20px; }

.schedule-calendar .schedule-bar .schedule-bar-container .schedule-bar-right {
	display: inline-block;
	vertical-align: top;
	height: 100%;
	width: 20px;
	text-align: right; }

.schedule-calendar .schedule-bar .schedule-bar-container .bar-start {
	height: 100%;
	width: 6px;
	min-width: 6px;
	display: inline-block;
	background-color: #51b051; }

.schedule-calendar .schedule-bar .schedule-bar-container .bar-end {
	height: 100%;
	width: 6px;
	min-width: 6px;
	display: inline-block;
	background-color: #eb3434; }

.schedule-calendar .schedule-bar .schedule-bar-container .bar-continue-prior {
	height: 100%;
	display: inline-block;
	margin-left: 3px;
	min-width: 10px; }

.schedule-calendar .schedule-bar .schedule-bar-container .bar-continue-after {
	height: 100%;
	display: inline-block;
	margin-right: 3px;
	min-width: 10px; }

.schedule-calendar .schedule-bar .schedule-bar-container .bar-caption {
	height: 100%;
	display: inline-block;
	width: calc(100% - 40px - 6px);
	min-width: 15px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis; }

.schedule-calendar .calendar-tooltip {
	position: absolute;
	background-color: white;
	border: 1px solid #333333;
	border-radius: 6px;
	box-shadow: 2px 3px 4px #aaaaaa;
	min-width: 100px;
	min-height: 50px;
	padding: 3px 6px;
	z-index: 2; }

.schedule-calendar .calendar-tooltip.calendar-tooltip-bottom-arrow:after {
	position: absolute;
	background-color: white;
	top: 100%;
	left: 0px;
	right: 0px;
	width: 12px;
	height: 12px;
	margin: -6px auto;
	content: '';
	box-shadow: 2px 3px 4px #aaaaaa;
	transform: rotate(45deg);
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333; }

.schedule-calendar .calendar-tooltip.calendar-tooltip-top-arrow:before {
	position: absolute;
	background-color: white;
	top: 0px;
	left: 0px;
	right: 0px;
	width: 12px;
	height: 12px;
	margin: -7px auto;
	content: '';
	transform: rotate(45deg);
	border-left: 1px solid #333333;
	border-top: 1px solid #333333; }

.schedule-calendar .calendar-tooltip-header {
	font-weight: bold;
	font-size: 1.2em; }

.schedule-calendar .hidden-schedule-bars-container {
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	background-color: white;
	color: black;
	border: 1px solid #333333;
	border-radius: 6px;
	padding: 0px 6px;
	box-shadow: 2px 3px 4px #aaaaaa;
	z-index: 1; }

.schedule-calendar .hidden-schedule-bars-container.above {
	transform: translateY(-100%);
	top: -5px; }

.schedule-calendar .hidden-schedule-bars-container.below {
	top: 21px; }

.schedule-calendar .hidden-schedule-bars-container .hidden-schedule-bar-body {
	max-height: 200px;
	overflow-y: auto; }

.schedule-calendar .hidden-schedule-bars-container .hidden-schedule-bar-item {
	padding: 3px 0px;
	text-align: left; }

.schedule-calendar .hidden-schedule-bars-container .hidden-schedule-bar-item:hover {
	background-color: #eeeeee; }

.schedule-calendar .hidden-schedule-bars-container .hidden-schedule-bar-item-header {
	font-weight: bold; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
/*
    "Flyover" List Component
*/
.flyoverdiv-container {
	margin: 6px 0px 0px 12px; }
	.flyoverdiv-container .list-container {
		display: inline-block;
		width: 250px;
		margin-right: 12px;
		vertical-align: top; }
		.flyoverdiv-container .list-container .list-header {
			margin-bottom: 6px; }
			.flyoverdiv-container .list-container .list-header i {
				margin-left: 3px; }
		.flyoverdiv-container .list-container .list-search {
			border: 1px solid #e0e0e0;
			border-bottom: none;
			margin: 0px;
			padding: 6px 12px;
			position: relative; }
			.flyoverdiv-container .list-container .list-search i {
				position: absolute;
				width: 15px;
				top: 10px;
				left: 16px; }
			.flyoverdiv-container .list-container .list-search input {
				padding-left: 19px;
				width: 100%; }
		.flyoverdiv-container .list-container .list-item {
			display: flex;
			flex-direction: row;
			padding: 6px 12px;
			border-bottom: 1px solid #e0e0e0;
			cursor: pointer;
			align-items: center;
			grid-column-gap: 12px;
			background-color: #ffffff; }
			.flyoverdiv-container .list-container .list-item .list-item-text {
				flex: 1 1;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden; }
			.flyoverdiv-container .list-container .list-item .list-item-icon {
				flex: 0 0; }
			.flyoverdiv-container .list-container .list-item:hover {
				color: #0f23b6;
				background-color: #E7F0F9; }
		.flyoverdiv-container .list-container .list-select-all {
			border: 1px solid #e0e0e0;
			border-bottom: none;
			margin: 0px; }
			.flyoverdiv-container .list-container .list-select-all .list-item {
				border-bottom: none; }
				.flyoverdiv-container .list-container .list-select-all .list-item .list-item-text {
					color: #0f23b6; }
			.flyoverdiv-container .list-container .list-select-all .list-item.disabled {
				cursor: default;
				color: #b1b1b1; }
				.flyoverdiv-container .list-container .list-select-all .list-item.disabled .list-item-text {
					color: #b1b1b1; }
				.flyoverdiv-container .list-container .list-select-all .list-item.disabled:hover {
					background-color: #ffffff; }
		.flyoverdiv-container .list-container .list-box {
			border: 1px solid #e0e0e0;
			height: 250px;
			overflow-y: auto;
			background-color: #f5f5f5; }
			.flyoverdiv-container .list-container .list-box .list-item.disabled {
				color: #b1b1b1;
				cursor: default; }
				.flyoverdiv-container .list-container .list-box .list-item.disabled:hover {
					color: #b1b1b1;
					background-color: #ffffff; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
/*
    "ToggleSwitch" Component
*/
span.ko-toggleswitch {
	border: 1px solid #cacaca;
	border-radius: 3px;
	display: inline-block;
	width: 100px;
	height: 25px;
	cursor: pointer; }
	span.ko-toggleswitch span.ko-switch {
		display: inline-block;
		background-color: #cacaca;
		color: #292929;
		text-align: center;
		margin-left: 0px;
		margin-right: 12px;
		width: calc(100% - 12px);
		height: 25px;
		line-height: 25px;
		transition: margin 100ms; }
	span.ko-toggleswitch.ko-switch-on {
		border-color: #39B54A; }
		span.ko-toggleswitch.ko-switch-on span.ko-switch {
			background-color: #39B54A;
			color: #ffffff;
			margin-left: 12px;
			margin-right: 0px; }
	span.ko-toggleswitch.disabled {
		opacity: 0.5;
		cursor: default; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
span.date-text-boxes {
	width: 192px;
	margin: 1px 0px;
	*margin: 0px 0px;
	/* IE puts extra padding around textboxes for some reason */ }
	span.date-text-boxes .month {
		text-align: center;
		width: 46px;
		margin-left: 0px; }
	span.date-text-boxes .day {
		text-align: center;
		width: 46px; }
	span.date-text-boxes .year {
		text-align: center;
		width: 65px; }
	span.date-text-boxes .masked-input {
		-webkit-text-security: disc; }
		span.date-text-boxes .masked-input::placeholder {
			all: unset;
			-webkit-text-security: initial; }

span.date-text-boxes + .btn-show-value {
	margin-left: 5px;
	margin-right: -30px; }

span.date-text-boxes + .btn-show-value + i.validationMessage {
	margin-left: 45px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
div.ssn-and-id-type .info-message {
	margin-left: 12px;
	margin-right: -26px; }

div.ssn-and-id-type div.label > .dx-textbox {
	margin-left: 0px; }

div.ssn-and-id-type span.ssn-or-itin-text-boxes {
	width: 192px;
	margin: 1px 0px;
	*margin: 0px 0px;
	/* IE puts extra padding around textboxes for some reason */ }
	div.ssn-and-id-type span.ssn-or-itin-text-boxes .ssn1 {
		text-align: center;
		width: 50px;
		margin-left: 0px; }
	div.ssn-and-id-type span.ssn-or-itin-text-boxes .ssn2 {
		text-align: center;
		width: 46px; }
	div.ssn-and-id-type span.ssn-or-itin-text-boxes .ssn3 {
		text-align: center;
		width: 65px; }

div.ssn-and-id-type span.ein-text-boxes {
	width: 192px;
	margin: 1px 0px;
	*margin: 0px 0px;
	/* IE puts extra padding around textboxes for some reason */ }
	div.ssn-and-id-type span.ein-text-boxes .ein1 {
		text-align: center;
		width: 50px;
		margin-left: 0px; }
	div.ssn-and-id-type span.ein-text-boxes .ein2 {
		text-align: center;
		width: 126px; }

div.ssn-and-id-type span.other-text-box {
	width: 192px;
	margin: 1px 0px;
	*margin: 0px 0px;
	/* IE puts extra padding around textboxes for some reason */ }
	div.ssn-and-id-type span.other-text-box input {
		margin-left: 0px; }

div.ssn-and-id-type span.ssn-or-itin-text-boxes + .btn-show-value,
div.ssn-and-id-type span.ein-text-boxes + .btn-show-value,
div.ssn-and-id-type span.other-text-box + .btn-show-value {
	margin-left: 5px;
	margin-right: -30px; }

div.ssn-and-id-type span.ssn-or-itin-text-boxes + .btn-show-value + i.validationMessage,
div.ssn-and-id-type span.ein-text-boxes + .btn-show-value + i.validationMessage,
div.ssn-and-id-type span.other-text-box + .btn-show-value + i.validationMessage {
	margin-left: 45px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
div.month-year-text-boxes {
	width: 192px;
	box-sizing: border-box;
	display: inline-block;
	margin: 1px 3px;
	*margin: 0px 0px;
	/* IE puts extra padding around textboxes for some reason */ }
	div.month-year-text-boxes .month {
		text-align: center;
		width: 58px;
		margin-left: 0px; }
	div.month-year-text-boxes span {
		padding: 3px; }
	div.month-year-text-boxes .year {
		text-align: center;
		width: 116px; }

fieldset.wider div.month-year-text-boxes {
	width: 276px; }
	fieldset.wider div.month-year-text-boxes .month {
		width: 86px; }
	fieldset.wider div.month-year-text-boxes .year {
		width: 172px; }

fieldset.widest div.month-year-text-boxes {
	width: 300px; }
	fieldset.widest div.month-year-text-boxes .month {
		width: 94px; }
	fieldset.widest div.month-year-text-boxes .year {
		width: 188px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.enrollmentPageContainer {
	display: flex;
	flex-direction: row;
	padding-top: 12px; }
	.enrollmentPageContainer .heading {
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 12px; }
		.enrollmentPageContainer .heading i.helpTextIcon {
			margin-left: 6px;
			vertical-align: middle; }
	.enrollmentPageContainer .subheading {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 12px; }
	.enrollmentPageContainer .errorMessageContainer {
		margin: 6px 0px;
		color: red !important;
		font-weight: bold; }
	.enrollmentPageContainer .missingData {
		font-style: italic; }
	.enrollmentPageContainer .additionalInfo {
		font-style: italic; }
	.enrollmentPageContainer .fa-check {
		color: green; }
	.enrollmentPageContainer .fa-warning {
		color: #e89138; }
	.enrollmentPageContainer hr {
		height: 1px;
		background-color: #b1b1b1;
		border: none; }
	.enrollmentPageContainer .shadowbox {
		border-radius: 3px;
		padding: 12px;
		box-shadow: 0px 0px 12px #cacaca; }
	.enrollmentPageContainer .enrollmentLoadingIndicator {
		font-style: italic;
		font-weight: bold;
		text-align: center; }
		.enrollmentPageContainer .enrollmentLoadingIndicator i {
			margin-right: 3px; }
	.enrollmentPageContainer .enrollmentLeftContainer {
		flex: 0 0 250px;
		align-self: stretch;
		padding: 12px 12px; }
		.enrollmentPageContainer .enrollmentLeftContainer .enrollmentPeriodSelectionContainer {
			margin-bottom: 12px; }
			.enrollmentPageContainer .enrollmentLeftContainer .enrollmentPeriodSelectionContainer .enrollmentPeriodSelectionLabel {
				font-weight: bold; }
			.enrollmentPageContainer .enrollmentLeftContainer .enrollmentPeriodSelectionContainer .enrollmentPeriodSelectionDropdown {
				width: 100%; }
		.enrollmentPageContainer .enrollmentLeftContainer .enrollmentMenuContainer {
			background-color: #f2fbfb;
			border-radius: 3px;
			padding: 12px;
			box-shadow: 0px 0px 12px #cacaca; }
			.enrollmentPageContainer .enrollmentLeftContainer .enrollmentMenuContainer .enrollmentMenuCategory {
				margin-bottom: 24px; }
				.enrollmentPageContainer .enrollmentLeftContainer .enrollmentMenuContainer .enrollmentMenuCategory:last-child {
					margin-bottom: 0px; }
				.enrollmentPageContainer .enrollmentLeftContainer .enrollmentMenuContainer .enrollmentMenuCategory .enrollmentMenuCategoryHeader {
					color: #040825; }
					.enrollmentPageContainer .enrollmentLeftContainer .enrollmentMenuContainer .enrollmentMenuCategory .enrollmentMenuCategoryHeader .circleContainer {
						margin-left: -3px;
						margin-right: 3px; }
					.enrollmentPageContainer .enrollmentLeftContainer .enrollmentMenuContainer .enrollmentMenuCategory .enrollmentMenuCategoryHeader .circleText {
						margin-top: -1px; }
						.enrollmentPageContainer .enrollmentLeftContainer .enrollmentMenuContainer .enrollmentMenuCategory .enrollmentMenuCategoryHeader .circleText.selected {
							color: #ffffff; }
					.enrollmentPageContainer .enrollmentLeftContainer .enrollmentMenuContainer .enrollmentMenuCategory .enrollmentMenuCategoryHeader .categoryDescription {
						font-size: 16px;
						margin-top: -1px; }
				.enrollmentPageContainer .enrollmentLeftContainer .enrollmentMenuContainer .enrollmentMenuCategory .enrollmentMenuItem {
					margin: 12px 0px 12px 3px;
					display: block; }
					.enrollmentPageContainer .enrollmentLeftContainer .enrollmentMenuContainer .enrollmentMenuCategory .enrollmentMenuItem .benefitStatus {
						color: #b1b1b1;
						margin-right: 6px;
						height: 1em;
						width: 1em;
						line-height: 1em; }
					.enrollmentPageContainer .enrollmentLeftContainer .enrollmentMenuContainer .enrollmentMenuCategory .enrollmentMenuItem a {
						color: #0a0a0a; }
					.enrollmentPageContainer .enrollmentLeftContainer .enrollmentMenuContainer .enrollmentMenuCategory .enrollmentMenuItem.selected {
						font-weight: bold; }
						.enrollmentPageContainer .enrollmentLeftContainer .enrollmentMenuContainer .enrollmentMenuCategory .enrollmentMenuItem.selected a {
							color: #01316c; }
	.enrollmentPageContainer .enrollmentMiddleContainer {
		flex: 1 1;
		align-self: stretch;
		padding: 12px 12px; }
		.enrollmentPageContainer .enrollmentMiddleContainer .enrollmentHeader {
			display: flex;
			flex-direction: row;
			margin-bottom: 24px; }
			.enrollmentPageContainer .enrollmentMiddleContainer .enrollmentHeader .enrollmentPeriodInfoContainer {
				flex: 1 1; }
				.enrollmentPageContainer .enrollmentMiddleContainer .enrollmentHeader .enrollmentPeriodInfoContainer .enrollmentPeriodTitleContainer {
					color: #01316c;
					font-size: 22px; }
				.enrollmentPageContainer .enrollmentMiddleContainer .enrollmentHeader .enrollmentPeriodInfoContainer .enrollmentPeriodStatusContainer {
					color: #f36c1b;
					border: 1px solid #f36c1b;
					border-radius: 12px;
					padding: 1px 6px;
					margin-left: 6px; }
					.enrollmentPageContainer .enrollmentMiddleContainer .enrollmentHeader .enrollmentPeriodInfoContainer .enrollmentPeriodStatusContainer.complete {
						color: #39B54A;
						border-color: #39B54A; }
			.enrollmentPageContainer .enrollmentMiddleContainer .enrollmentHeader .enrollmentPeriodDaysLeftContainer {
				flex: 0 0; }
				.enrollmentPageContainer .enrollmentMiddleContainer .enrollmentHeader .enrollmentPeriodDaysLeftContainer .daysLeftCircle {
					border: 2px solid #01316c;
					border-radius: 30px;
					height: 30px;
					color: #01316c;
					text-align: center;
					display: inline-block;
					padding: 0px 12px;
					white-space: nowrap; }
					.enrollmentPageContainer .enrollmentMiddleContainer .enrollmentHeader .enrollmentPeriodDaysLeftContainer .daysLeftCircle .enrollmentPeriodDaysLeftValueContainer {
						display: inline-block;
						font-size: 2em;
						font-weight: bold;
						vertical-align: middle;
						margin-right: 3px; }
					.enrollmentPageContainer .enrollmentMiddleContainer .enrollmentHeader .enrollmentPeriodDaysLeftContainer .daysLeftCircle .enrollmentPeriodDaysLeftLabelContainer {
						display: inline-block;
						vertical-align: middle; }
	.enrollmentPageContainer .enrollmentRightContainer {
		flex: 0 0 250px;
		align-self: stretch;
		padding: 12px 12px; }
		.enrollmentPageContainer .enrollmentRightContainer .costsContainer {
			background-color: #f2fbfb; }
			.enrollmentPageContainer .enrollmentRightContainer .costsContainer .costIntervalContainer {
				list-style: none;
				padding: 0px 0px 12px 0px;
				display: flex;
				flex-direction: row; }
				.enrollmentPageContainer .enrollmentRightContainer .costsContainer .costIntervalContainer li {
					display: inline-block;
					border-right: 1px solid #0a0a0a;
					flex: 1 1;
					text-align: center;
					cursor: pointer; }
					.enrollmentPageContainer .enrollmentRightContainer .costsContainer .costIntervalContainer li.selected {
						font-weight: bold; }
					.enrollmentPageContainer .enrollmentRightContainer .costsContainer .costIntervalContainer li:last-child {
						border-right: none; }
			.enrollmentPageContainer .enrollmentRightContainer .costsContainer .costsCategoryContainer {
				padding: 0px 12px; }
				.enrollmentPageContainer .enrollmentRightContainer .costsContainer .costsCategoryContainer .costsCategoryItem {
					margin-bottom: 6px;
					white-space: nowrap; }
					.enrollmentPageContainer .enrollmentRightContainer .costsContainer .costsCategoryContainer .costsCategoryItem .categoryTitle {
						display: inline-block;
						width: 127px;
						vertical-align: top;
						white-space: normal; }
					.enrollmentPageContainer .enrollmentRightContainer .costsContainer .costsCategoryContainer .costsCategoryItem .categoryCost {
						display: inline-block;
						width: 75px;
						text-align: right;
						vertical-align: top; }
	.enrollmentPageContainer p.paragraph {
		text-align: justify;
		margin-bottom: 12px; }
	.enrollmentPageContainer .wideMessageContainer .messageChildrenContainer {
		display: flex;
		flex-direction: row; }
		.enrollmentPageContainer .wideMessageContainer .messageChildrenContainer .messageChildPanel {
			flex: 1 0 100px;
			margin-right: 12px;
			padding: 12px 12px; }
		.enrollmentPageContainer .wideMessageContainer .messageChildrenContainer .messageChildPanel:first-child {
			margin-left: 0px; }
		.enrollmentPageContainer .wideMessageContainer .messageChildrenContainer .messageChildPanel:last-child {
			margin-right: 0px; }
	.enrollmentPageContainer .sideBarMessagesContainer {
		margin-top: 12px;
		background-color: #ecf4ff; }
		.enrollmentPageContainer .sideBarMessagesContainer .dx-accordion {
			background-color: transparent; }
			.enrollmentPageContainer .sideBarMessagesContainer .dx-accordion .dx-accordion-item-opened {
				background-color: #ffffff; }
			.enrollmentPageContainer .sideBarMessagesContainer .dx-accordion .dx-accordion-item-title {
				font-size: 12px; }
		.enrollmentPageContainer .sideBarMessagesContainer .messageTitle {
			font-size: 14px; }
		.enrollmentPageContainer .sideBarMessagesContainer .dx-item-selected .messageTitle {
			font-weight: bold; }
		.enrollmentPageContainer .sideBarMessagesContainer .messageChildSelector {
			list-style: none;
			padding: 0px 0px 12px 0px;
			display: flex;
			flex-direction: row; }
			.enrollmentPageContainer .sideBarMessagesContainer .messageChildSelector li {
				display: inline-block;
				flex: 1 1;
				text-align: center;
				cursor: pointer; }
				.enrollmentPageContainer .sideBarMessagesContainer .messageChildSelector li.selected {
					font-weight: bold; }
				.enrollmentPageContainer .sideBarMessagesContainer .messageChildSelector li .childCountContainer {
					color: #0f23b6;
					vertical-align: top;
					margin-left: 3px; }
	.enrollmentPageContainer .messageChildrenContainer {
		margin-right: 12px; }
		.enrollmentPageContainer .messageChildrenContainer .messageChildItem {
			margin-bottom: 6px;
			white-space: nowrap; }
			.enrollmentPageContainer .messageChildrenContainer .messageChildItem .messageChildItemSection {
				display: inline-block;
				vertical-align: top;
				white-space: normal; }
			.enrollmentPageContainer .messageChildrenContainer .messageChildItem i {
				margin-right: 3px; }
			.enrollmentPageContainer .messageChildrenContainer .messageChildItem .btn {
				display: block;
				margin: 3px 0px; }
			.enrollmentPageContainer .messageChildrenContainer .messageChildItem a {
				font-weight: bold; }
	.enrollmentPageContainer .enrollmentContactsContainer .contactsTable th, .enrollmentPageContainer .enrollmentContactsContainer .contactsTable td {
		text-align: left;
		padding: 6px 6px; }
	.enrollmentPageContainer .enrollmentContactsContainer .contactsTable .datepicker-container th, .enrollmentPageContainer .enrollmentContactsContainer .contactsTable .datepicker-container td {
		text-align: center;
		padding: initial; }
	.enrollmentPageContainer .enrollmentContactsContainer .contactsTable .fa-warning {
		color: #e89138; }
	.enrollmentPageContainer .enrollmentContactsContainer .contactsTable .operation {
		margin: 0px 6px; }
	.enrollmentPageContainer .enrollmentContactsContainer .contactsTable .editContactContainer {
		border-top: 1px solid #b1b1b1;
		border-bottom: 1px solid #b1b1b1; }
		.enrollmentPageContainer .enrollmentContactsContainer .contactsTable .editContactContainer .formColumnContainer {
			display: flex;
			flex-direction: row; }
			.enrollmentPageContainer .enrollmentContactsContainer .contactsTable .editContactContainer .formColumnContainer .formColumn {
				flex: 1 1 100px;
				align-self: flex-start;
				margin-right: 48px; }
				.enrollmentPageContainer .enrollmentContactsContainer .contactsTable .editContactContainer .formColumnContainer .formColumn:last-child {
					margin-right: 0px; }
		.enrollmentPageContainer .enrollmentContactsContainer .contactsTable .editContactContainer fieldset legend {
			font-size: 16px; }
		.enrollmentPageContainer .enrollmentContactsContainer .contactsTable .editContactContainer .buttonContainer {
			width: 100%;
			text-align: right;
			margin-top: 12px; }
			.enrollmentPageContainer .enrollmentContactsContainer .contactsTable .editContactContainer .buttonContainer .btn {
				padding: 0px 12px;
				margin: 0px 6px; }
		.enrollmentPageContainer .enrollmentContactsContainer .contactsTable .editContactContainer .indentedFormFieldContainer {
			margin-left: 18px; }
	.enrollmentPageContainer .enrollmentHealthWellnessContainer .instructions {
		margin-bottom: 12px; }
	.enrollmentPageContainer .enrollmentHealthWellnessContainer .healthWellnessTable th, .enrollmentPageContainer .enrollmentHealthWellnessContainer .healthWellnessTable td {
		text-align: left;
		padding: 6px 6px;
		vertical-align: middle; }
	.enrollmentPageContainer .enrollmentHealthWellnessContainer .error-message-container {
		margin: 6px;
		color: #e4292a;
		font-weight: bold; }
	.enrollmentPageContainer .collapsibleList .expandCollapseButtonsContainer button {
		margin-right: 3px; }
	.enrollmentPageContainer .collapsibleList .listItem {
		margin: 12px 12px; }
		.enrollmentPageContainer .collapsibleList .listItem .listItemHeader {
			cursor: pointer;
			font-size: 14px;
			display: flex;
			align-items: center; }
			.enrollmentPageContainer .collapsibleList .listItem .listItemHeader i {
				margin-right: 6px; }
			.enrollmentPageContainer .collapsibleList .listItem .listItemHeader span {
				color: #01316c;
				font-weight: bold; }
		.enrollmentPageContainer .collapsibleList .listItem .listItemDetails {
			margin-top: 6px;
			margin-left: 29px; }
	.enrollmentPageContainer .currentBenefitItemDetails .flexContainer {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap; }
	.enrollmentPageContainer .currentBenefitItemDetails .currentBenefitItemDetailsSection {
		margin: 12px 12px 12px 0px; }
		.enrollmentPageContainer .currentBenefitItemDetails .currentBenefitItemDetailsSection:last-child {
			margin-right: 0px; }
		.enrollmentPageContainer .currentBenefitItemDetails .currentBenefitItemDetailsSection .currentBenefitItemDetailsSectionHeader {
			color: #636363;
			font-weight: bold; }
		.enrollmentPageContainer .currentBenefitItemDetails .currentBenefitItemDetailsSection .currentBenefitItemDetailsInfo {
			margin-top: 12px;
			margin-left: 12px; }
			.enrollmentPageContainer .currentBenefitItemDetails .currentBenefitItemDetailsSection .currentBenefitItemDetailsInfo table th, .enrollmentPageContainer .currentBenefitItemDetails .currentBenefitItemDetailsSection .currentBenefitItemDetailsInfo table td {
				min-width: 150px;
				text-align: left;
				color: #292929;
				padding: 0px 12px 0px 0px; }
				.enrollmentPageContainer .currentBenefitItemDetails .currentBenefitItemDetailsSection .currentBenefitItemDetailsInfo table th.small, .enrollmentPageContainer .currentBenefitItemDetails .currentBenefitItemDetailsSection .currentBenefitItemDetailsInfo table td.small {
					min-width: 70px; }
			.enrollmentPageContainer .currentBenefitItemDetails .currentBenefitItemDetailsSection .currentBenefitItemDetailsInfo table th {
				font-weight: normal; }
			.enrollmentPageContainer .currentBenefitItemDetails .currentBenefitItemDetailsSection .currentBenefitItemDetailsInfo table td {
				font-weight: bold; }
			.enrollmentPageContainer .currentBenefitItemDetails .currentBenefitItemDetailsSection .currentBenefitItemDetailsInfo table.dataTable td {
				padding-bottom: 6px; }
			.enrollmentPageContainer .currentBenefitItemDetails .currentBenefitItemDetailsSection .currentBenefitItemDetailsInfo table.dependentsTable {
				min-width: 300px; }
			.enrollmentPageContainer .currentBenefitItemDetails .currentBenefitItemDetailsSection .currentBenefitItemDetailsInfo table.beneficiariesTable {
				min-width: 290px; }
	.enrollmentPageContainer .enrollmentCostAnalysisContainer .costAnalysisItemDetails .costAnalysisItemDetailsSection {
		margin: 12px 0px; }
		.enrollmentPageContainer .enrollmentCostAnalysisContainer .costAnalysisItemDetails .costAnalysisItemDetailsSection table {
			margin-left: -6px; }
		.enrollmentPageContainer .enrollmentCostAnalysisContainer .costAnalysisItemDetails .costAnalysisItemDetailsSection table th, .enrollmentPageContainer .enrollmentCostAnalysisContainer .costAnalysisItemDetails .costAnalysisItemDetailsSection table td {
			min-width: 150px;
			text-align: left;
			color: #292929;
			padding: 3px 6px; }
			.enrollmentPageContainer .enrollmentCostAnalysisContainer .costAnalysisItemDetails .costAnalysisItemDetailsSection table th.costCell, .enrollmentPageContainer .enrollmentCostAnalysisContainer .costAnalysisItemDetails .costAnalysisItemDetailsSection table td.costCell {
				min-width: 70px; }
		.enrollmentPageContainer .enrollmentCostAnalysisContainer .costAnalysisItemDetails .costAnalysisItemDetailsSection table tbody tr.alternate td {
			background-color: #f5f5f5; }
	.enrollmentPageContainer .enrollmentPlanSelectionsContainer {
		position: relative; }
		.enrollmentPageContainer .enrollmentPlanSelectionsContainer .containerWithToggle {
			display: flex;
			flex-direction: row; }
			.enrollmentPageContainer .enrollmentPlanSelectionsContainer .containerWithToggle .mainContainer {
				flex: 1 1 auto; }
			.enrollmentPageContainer .enrollmentPlanSelectionsContainer .containerWithToggle .switchContainer {
				flex: 0 0 150px;
				text-align: right; }
				.enrollmentPageContainer .enrollmentPlanSelectionsContainer .containerWithToggle .switchContainer .dx-switch {
					margin-right: 6px; }
		.enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionsContainer {
			margin-top: 12px;
			margin-left: 12px; }
		.enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionHeader {
			color: #01316c;
			font-size: 14px;
			margin-bottom: 12px;
			font-weight: bold; }
		.enrollmentPageContainer .enrollmentPlanSelectionsContainer .bundleSelectionHeader {
			font-size: 14px;
			margin-bottom: 12px;
			font-weight: bold; }
			.enrollmentPageContainer .enrollmentPlanSelectionsContainer .bundleSelectionHeader span {
				margin-right: 6px; }
			.enrollmentPageContainer .enrollmentPlanSelectionsContainer .bundleSelectionHeader .headerText {
				color: #01316c; }
		.enrollmentPageContainer .enrollmentPlanSelectionsContainer .bundlePlanSelectionHeader {
			color: #01316c;
			font-weight: bold; }
		.enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem {
			margin-bottom: 24px;
			padding-left: 12px;
			padding-right: 12px; }
			.enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planSelectionOptionContainer {
				display: flex;
				flex-direction: row; }
				.enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planSelectionOptionContainer .planSelectionDetailsContainer {
					flex: 1 1 auto; }
					.enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planSelectionOptionContainer .planSelectionDetailsContainer .planName {
						font-weight: bold;
						font-size: 14px; }
				.enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planSelectionOptionContainer .planSelectionButtonContainer {
					flex: 0 0 120px; }
					.enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planSelectionOptionContainer .planSelectionButtonContainer button {
						width: 120px; }
			.enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planInformationContainer {
				margin: 12px 0px 12px 12px; }
				.enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planInformationContainer .planInformationSection {
					margin-bottom: 12px; }
				.enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planInformationContainer .planInformationHeader {
					color: #636363;
					font-weight: bold; }
					.enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planInformationContainer .planInformationHeader i {
						margin-left: 3px; }
				.enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planInformationContainer .bundlePlanSpecificInfoContainer {
					margin: 0px 12px; }
				.enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planInformationContainer .coverageSelectionContainer {
					display: flex;
					flex-direction: row;
					flex-wrap: wrap;
					margin-left: -6px; }
					.enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planInformationContainer .coverageSelectionContainer .btn {
						margin: 3px 6px; }
					.enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planInformationContainer .coverageSelectionContainer .btn-default {
						color: #636363; }
				.enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planInformationContainer .planSelectionFormContainer {
					margin-left: 12px; }
					.enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planInformationContainer .planSelectionFormContainer label {
						display: block; }
						.enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planInformationContainer .planSelectionFormContainer label span.formLabel {
							display: inline-block;
							text-align: right;
							width: 150px;
							margin-right: 3px; }
						.enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planInformationContainer .planSelectionFormContainer label input, .enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planInformationContainer .planSelectionFormContainer label select {
							margin-right: 3px; }
				.enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planInformationContainer .waiveCoverageFormContainer label {
					display: block; }
					.enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planInformationContainer .waiveCoverageFormContainer label span.formLabel {
						display: inline-block;
						margin-right: 3px; }
				.enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planInformationContainer .benefitGroupDependentContainer {
					margin: 0px 0px 12px 12px; }
					.enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planInformationContainer .benefitGroupDependentContainer .benefitGroupDependentItem input, .enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planInformationContainer .benefitGroupDependentContainer .benefitGroupDependentItem span {
						vertical-align: middle;
						margin-right: 6px; }
				.enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planInformationContainer table th, .enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planInformationContainer table td {
					min-width: 150px;
					text-align: left;
					color: #292929;
					padding: 0px 12px 0px 0px;
					vertical-align: middle; }
					.enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planInformationContainer table th.small, .enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planInformationContainer table td.small {
						min-width: 70px; }
					.enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planInformationContainer table th input:not([type="checkbox"]), .enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planInformationContainer table th select, .enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planInformationContainer table td input:not([type="checkbox"]), .enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planInformationContainer table td select {
						width: 100%; }
				.enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planInformationContainer table th {
					font-weight: normal; }
				.enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planInformationContainer table td {
					font-weight: bold; }
				.enrollmentPageContainer .enrollmentPlanSelectionsContainer .planSelectionItem .planInformationContainer table.dataTable td {
					padding-bottom: 6px; }
	.enrollmentPageContainer .enrollmentReviewAndSubmitContainer .headerFlexContainer {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center; }
		.enrollmentPageContainer .enrollmentReviewAndSubmitContainer .headerFlexContainer .headerTitle {
			flex: 1 1; }
		.enrollmentPageContainer .enrollmentReviewAndSubmitContainer .headerFlexContainer .printIcon {
			flex: 0 0; }
	.enrollmentPageContainer .enrollmentReviewAndSubmitContainer .actionRequiredContainer {
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-bottom: 12px; }
		.enrollmentPageContainer .enrollmentReviewAndSubmitContainer .actionRequiredContainer .actionRequiredIconContainer {
			flex: 0 0;
			padding: 0px 6px; }
		.enrollmentPageContainer .enrollmentReviewAndSubmitContainer .actionRequiredContainer .actionRequiredTextContainer {
			flex: 1 1; }
			.enrollmentPageContainer .enrollmentReviewAndSubmitContainer .actionRequiredContainer .actionRequiredTextContainer .textHeader {
				font-weight: bold;
				margin-right: 6px; }
	.enrollmentPageContainer .enrollmentReviewAndSubmitContainer .enrollmentReviewSection {
		margin-bottom: 12px; }
		.enrollmentPageContainer .enrollmentReviewAndSubmitContainer .enrollmentReviewSection .enrollmentReviewSectionHeader {
			font-weight: bold;
			font-size: 14px;
			margin-bottom: 6px;
			position: relative; }
			.enrollmentPageContainer .enrollmentReviewAndSubmitContainer .enrollmentReviewSection .enrollmentReviewSectionHeader i.helpTextIcon {
				margin-left: 3px;
				vertical-align: middle; }
			.enrollmentPageContainer .enrollmentReviewAndSubmitContainer .enrollmentReviewSection .enrollmentReviewSectionHeader .expandIcon {
				cursor: pointer; }
		.enrollmentPageContainer .enrollmentReviewAndSubmitContainer .enrollmentReviewSection .enrollmentReviewItem {
			margin: 3px 0px; }
			.enrollmentPageContainer .enrollmentReviewAndSubmitContainer .enrollmentReviewSection .enrollmentReviewItem .contactLink {
				margin-left: 3px; }
			.enrollmentPageContainer .enrollmentReviewAndSubmitContainer .enrollmentReviewSection .enrollmentReviewItem .deselectPlan {
				margin-right: 6px; }
		.enrollmentPageContainer .enrollmentReviewAndSubmitContainer .enrollmentReviewSection .invalidPlanSelection {
			display: flex;
			flex-direction: row;
			align-items: center; }
		.enrollmentPageContainer .enrollmentReviewAndSubmitContainer .enrollmentReviewSection .annualBenefitCostsContainer {
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			flex-wrap: wrap; }
			.enrollmentPageContainer .enrollmentReviewAndSubmitContainer .enrollmentReviewSection .annualBenefitCostsContainer .annualBenefitCostChart {
				padding: 0px 12px; }
	.enrollmentPageContainer .enrollmentReviewAndSubmitContainer .planSelectionTable {
		width: 100%; }
		.enrollmentPageContainer .enrollmentReviewAndSubmitContainer .planSelectionTable th, .enrollmentPageContainer .enrollmentReviewAndSubmitContainer .planSelectionTable td {
			padding: 3px 6px;
			text-align: left; }
			.enrollmentPageContainer .enrollmentReviewAndSubmitContainer .planSelectionTable th:not(.planSelectionsTableSpacer), .enrollmentPageContainer .enrollmentReviewAndSubmitContainer .planSelectionTable td:not(.planSelectionsTableSpacer) {
				min-width: 150px; }
		.enrollmentPageContainer .enrollmentReviewAndSubmitContainer .planSelectionTable tr.alternate td {
			background-color: #f5f5f5; }
		.enrollmentPageContainer .enrollmentReviewAndSubmitContainer .planSelectionTable .planSelectionsTableSpacer {
			width: 100px; }
		.enrollmentPageContainer .enrollmentReviewAndSubmitContainer .planSelectionTable .planSelectionsColumnGroupingHeader {
			color: #01316c; }
		.enrollmentPageContainer .enrollmentReviewAndSubmitContainer .planSelectionTable .planSelectionsColumnHeader {
			border-bottom: 1px solid #b1b1b1; }
		.enrollmentPageContainer .enrollmentReviewAndSubmitContainer .planSelectionTable td.categoryHeader {
			font-weight: bold; }
	.enrollmentPageContainer .enrollmentReviewAndSubmitContainer .deferredCompBenefitContainer {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap; }
		.enrollmentPageContainer .enrollmentReviewAndSubmitContainer .deferredCompBenefitContainer .deferredCompBenefitItem {
			margin-right: 12px; }
		.enrollmentPageContainer .enrollmentReviewAndSubmitContainer .deferredCompBenefitContainer table th, .enrollmentPageContainer .enrollmentReviewAndSubmitContainer .deferredCompBenefitContainer table td {
			min-width: 150px;
			text-align: left;
			padding: 3px 12px 3px 0px;
			vertical-align: top;
			font-weight: normal; }
		.enrollmentPageContainer .enrollmentReviewAndSubmitContainer .deferredCompBenefitContainer table th {
			white-space: nowrap; }
		.enrollmentPageContainer .enrollmentReviewAndSubmitContainer .deferredCompBenefitContainer table td.bold {
			font-weight: bold; }
		.enrollmentPageContainer .enrollmentReviewAndSubmitContainer .deferredCompBenefitContainer table.matchContainer th {
			min-width: unset;
			padding: 0px 3px 3px 0px; }
		.enrollmentPageContainer .enrollmentReviewAndSubmitContainer .deferredCompBenefitContainer table.matchContainer td {
			min-width: unset;
			padding: 0px 0px 3px 0px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
#initiateOnboardingContainer .duplicateTable {
	width: 100%; }

#initiateOnboardingContainer .duplicateTable th {
	text-align: left;
	color: #000000; }

#initiateOnboardingContainer .duplicateTable td {
	padding-left: 2px; }

#initiateOnboardingContainer .warning {
	color: red;
	font-size: small;
	font-style: italic;
	margin-top: 20px;
	margin-bottom: 20px; }

#initiateOnboardingContainer .switch-holder {
	justify-content: flex-end;
	align-items: flex-start;
	margin: 0px;
	padding: 0px; }

#initiateOnboardingContainer .switch-container {
	display: inline-block;
	width: 191px;
	text-align: left;
	margin: 2px 4px;
	padding: 0px; }

#initiateOnboardingContainer section.table {
	display: table; }
	#initiateOnboardingContainer section.table header .col {
		vertical-align: bottom; }
	#initiateOnboardingContainer section.table .row {
		display: table-row; }
	#initiateOnboardingContainer section.table .col {
		display: table-cell;
		padding: 5px;
		vertical-align: middle;
		/*override firefox specific styling*/ }
		#initiateOnboardingContainer section.table .col textarea[rows="1"] {
			height: 20px; }
		#initiateOnboardingContainer section.table .col .small-dropdown {
			width: 120px; }
		#initiateOnboardingContainer section.table .col .small-input {
			width: 120px; }
		#initiateOnboardingContainer section.table .col .prevent-wrap {
			width: 120px;
			display: inline-block;
			overflow-x: hidden;
			text-overflow: ellipsis;
			white-space: nowrap; }
	#initiateOnboardingContainer section.table .col-small {
		width: 120px;
		min-width: 110px;
		text-align: left !important; }
	#initiateOnboardingContainer section.table .drag-column {
		width: 20px; }
	#initiateOnboardingContainer section.table .col.align-top {
		vertical-align: top; }
	#initiateOnboardingContainer section.table .col.checkbox-column {
		min-width: 85px; }
		#initiateOnboardingContainer section.table .col.checkbox-column input[type="checkbox"] {
			width: 13px;
			margin-right: 5px; }
	#initiateOnboardingContainer section.table .action-column {
		text-align: center;
		min-width: 85px; }
		#initiateOnboardingContainer section.table .action-column .action-item {
			display: block; }

#pendingEmployeesFilterView {
	margin-top: 3px;
	margin-right: 15px;
	text-align: right; }
	#pendingEmployeesFilterView .view-toggle-container {
		display: inline-flex; }
		#pendingEmployeesFilterView .view-toggle-container button {
			margin-left: 6px; }

#pendingEmployeesGrid .dx-datagrid-rowsview .dx-row > td.actionCell .dropdown {
	margin-right: 6px; }

#pendingEmployeesGrid .dx-datagrid-rowsview .dx-row > td.actionCell .dropdown-item {
	color: #0f23b6; }

#pendingEmployeesGrid .dx-datagrid-rowsview .dx-row > td.actionCell .btn-edit-action .fa-stack {
	width: 20px;
	margin-right: 4px; }
	#pendingEmployeesGrid .dx-datagrid-rowsview .dx-row > td.actionCell .btn-edit-action .fa-stack .fa-angle-down {
		margin-left: 10px;
		margin-top: 2px; }

#pendingEmployeesGrid.focus-view .dx-datagrid-rowsview .dx-row > td.actionCell .dropdown-trigger {
	margin-top: 12px; }

#wizardCompletePanel .client-pending-employee-complete-panel {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin: 24px; }
	#wizardCompletePanel .client-pending-employee-complete-panel .icon-container {
		padding-top: 3px;
		padding-right: 3px;
		width: 40px; }
	#wizardCompletePanel .client-pending-employee-complete-panel .message-container {
		padding-left: 3px;
		padding-bottom: 3px;
		padding-top: 3px;
		font-size: 13px; }
	#wizardCompletePanel .client-pending-employee-complete-panel .fa-check-circle {
		color: green; }

#wizardCompletePanel .whats-next {
	margin-left: 24px;
	margin-top: 6px;
	margin-bottom: 6px;
	font-weight: bold;
	font-size: 16px; }

#wizardCompletePanel .options-container {
	margin: 12px;
	display: flex;
	flex-wrap: wrap;
	max-width: 1000px; }
	#wizardCompletePanel .options-container .option-card {
		flex: 0 0 150px;
		padding: 12px;
		margin: 12px;
		box-shadow: 0px 0px 12px #cacaca;
		text-align: center;
		height: 175px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		cursor: pointer; }
		#wizardCompletePanel .options-container .option-card:hover {
			background-color: #f4f6f9; }
		#wizardCompletePanel .options-container .option-card.selected {
			background-color: #E7F0F9; }
			#wizardCompletePanel .options-container .option-card.selected:hover {
				background-color: #E7F0F9; }
		#wizardCompletePanel .options-container .option-card.disabled {
			cursor: default;
			opacity: 0.5;
			background-color: #e0e0e0;
			box-shadow: none; }
		#wizardCompletePanel .options-container .option-card .option-icon {
			padding-bottom: 24px;
			font-size: 1.25em; }
			#wizardCompletePanel .options-container .option-card .option-icon .fa-user-friends {
				color: #6496ae; }
			#wizardCompletePanel .options-container .option-card .option-icon .fa-address-card {
				color: #c2356f; }
			#wizardCompletePanel .options-container .option-card .option-icon .fa-user-circle {
				color: #1870c9; }
			#wizardCompletePanel .options-container .option-card .option-icon .fa-cabinet-filing {
				color: #ffb75d; }
			#wizardCompletePanel .options-container .option-card .option-icon .fa-usd-circle {
				color: #489fa4; }
			#wizardCompletePanel .options-container .option-card .option-icon .fa-calendar-alt {
				color: #fccc1b; }
			#wizardCompletePanel .options-container .option-card .option-icon .fa-sticky-note {
				color: #6aa30a; }
			#wizardCompletePanel .options-container .option-card .option-icon .fa-heartbeat {
				color: #e4292a; }
			#wizardCompletePanel .options-container .option-card .option-icon .fa-sliders-v {
				color: #6b007f; }
			#wizardCompletePanel .options-container .option-card .option-icon .fa-user-check {
				color: #e28cb7; }
			#wizardCompletePanel .options-container .option-card .option-icon .fa-money-check-dollar-pen {
				color: #6b007f; }
		#wizardCompletePanel .options-container .option-card .option-text {
			font-weight: bold; }

.no-pending-employees-message {
	margin: 3px 6px; }

.pending-employee-imports-loading-message {
	text-align: center; }
	.pending-employee-imports-loading-message i {
		margin: 12px 0; }

.wizard-page-container {
	display: flex;
	flex-direction: row;
	padding-top: 12px; }
	.wizard-page-container .shadowbox {
		border-radius: 3px;
		padding: 12px;
		box-shadow: 0px 0px 12px #cacaca; }
	.wizard-page-container .wizard-left-container {
		flex: 0 0 250px;
		align-self: stretch;
		padding: 12px 12px; }
		.wizard-page-container .wizard-left-container .wizard-menu-container {
			background-color: #f2fbfb;
			border-radius: 3px;
			padding: 12px;
			box-shadow: 0px 0px 12px #cacaca; }
			.wizard-page-container .wizard-left-container .wizard-menu-container .wizard-menu-category {
				margin-bottom: 24px; }
				.wizard-page-container .wizard-left-container .wizard-menu-container .wizard-menu-category:last-child {
					margin-bottom: 0px; }
				.wizard-page-container .wizard-left-container .wizard-menu-container .wizard-menu-category .wizard-menu-category-header {
					color: #040825; }
					.wizard-page-container .wizard-left-container .wizard-menu-container .wizard-menu-category .wizard-menu-category-header .circle-container {
						margin-left: -3px;
						margin-right: 3px; }
					.wizard-page-container .wizard-left-container .wizard-menu-container .wizard-menu-category .wizard-menu-category-header .circle-text {
						margin-top: -1px; }
						.wizard-page-container .wizard-left-container .wizard-menu-container .wizard-menu-category .wizard-menu-category-header .circle-text.selected {
							color: #ffffff; }
					.wizard-page-container .wizard-left-container .wizard-menu-container .wizard-menu-category .wizard-menu-category-header .category-description {
						font-size: 16px;
						margin-top: -1px; }
				.wizard-page-container .wizard-left-container .wizard-menu-container .wizard-menu-category .wizard-menu-item {
					margin: 12px 0px 12px 3px;
					display: block; }
					.wizard-page-container .wizard-left-container .wizard-menu-container .wizard-menu-category .wizard-menu-item .menu-item-status {
						color: #b1b1b1;
						height: 1em;
						width: 1em;
						line-height: 1em; }
						.wizard-page-container .wizard-left-container .wizard-menu-container .wizard-menu-category .wizard-menu-item .menu-item-status .fa-check {
							color: green; }
					.wizard-page-container .wizard-left-container .wizard-menu-container .wizard-menu-category .wizard-menu-item a.menu-item-link-with-status {
						margin-left: 6px; }
					.wizard-page-container .wizard-left-container .wizard-menu-container .wizard-menu-category .wizard-menu-item a {
						color: #0a0a0a; }
					.wizard-page-container .wizard-left-container .wizard-menu-container .wizard-menu-category .wizard-menu-item.selected {
						font-weight: bold; }
						.wizard-page-container .wizard-left-container .wizard-menu-container .wizard-menu-category .wizard-menu-item.selected a {
							color: #01316c; }
	.wizard-page-container .wizard-right-container {
		flex: 1 1;
		align-self: stretch;
		padding: 12px 12px; }
		.wizard-page-container .wizard-right-container .wizard-screen {
			display: flex; }
			.wizard-page-container .wizard-right-container .wizard-screen .dropdown-item {
				display: block; }
			.wizard-page-container .wizard-right-container .wizard-screen .btn-show-value {
				margin-left: 6px;
				margin-right: -35px; }
			.wizard-page-container .wizard-right-container .wizard-screen .btn-show-value + i.validationMessage {
				margin-left: 45px; }
			.wizard-page-container .wizard-right-container .wizard-screen .info-message {
				margin-left: 12px;
				margin-right: -24px; }
			.wizard-page-container .wizard-right-container .wizard-screen .asset-type.col {
				text-align: left; }
			.wizard-page-container .wizard-right-container .wizard-screen .asset-type-inactive.col {
				text-align: left;
				min-width: 225px; }
			.wizard-page-container .wizard-right-container .wizard-screen fieldset.full-width-table-container {
				width: 100%; }
			.wizard-page-container .wizard-right-container .wizard-screen section.table {
				display: table; }
				.wizard-page-container .wizard-right-container .wizard-screen section.table header .col {
					vertical-align: bottom; }
				.wizard-page-container .wizard-right-container .wizard-screen section.table .row {
					display: table-row; }
				.wizard-page-container .wizard-right-container .wizard-screen section.table .col {
					display: table-cell;
					padding: 5px;
					vertical-align: middle;
					/*override firefox specific styling*/ }
					.wizard-page-container .wizard-right-container .wizard-screen section.table .col textarea[rows="1"] {
						height: 20px; }
					.wizard-page-container .wizard-right-container .wizard-screen section.table .col .small-dropdown {
						width: 120px; }
					.wizard-page-container .wizard-right-container .wizard-screen section.table .col .small-input {
						width: 120px; }
					.wizard-page-container .wizard-right-container .wizard-screen section.table .col .prevent-wrap {
						width: 120px;
						display: inline-block;
						overflow-x: hidden;
						text-overflow: ellipsis;
						white-space: nowrap; }
				.wizard-page-container .wizard-right-container .wizard-screen section.table .col-small {
					width: 120px;
					min-width: 110px; }
				.wizard-page-container .wizard-right-container .wizard-screen section.table .drag-column {
					width: 20px; }
				.wizard-page-container .wizard-right-container .wizard-screen section.table .col.align-top {
					vertical-align: top; }
				.wizard-page-container .wizard-right-container .wizard-screen section.table .col.checkbox-column {
					min-width: 85px; }
					.wizard-page-container .wizard-right-container .wizard-screen section.table .col.checkbox-column input[type="checkbox"] {
						width: 13px;
						margin-right: 5px; }
				.wizard-page-container .wizard-right-container .wizard-screen section.table .action-column {
					text-align: center;
					min-width: 85px; }
					.wizard-page-container .wizard-right-container .wizard-screen section.table .action-column .action-item {
						display: block; }
			.wizard-page-container .wizard-right-container .wizard-screen section.table.indented-table {
				margin-left: 12px; }
			.wizard-page-container .wizard-right-container .wizard-screen .textAreaLabel {
				vertical-align: top; }
			.wizard-page-container .wizard-right-container .wizard-screen .documents-div {
				width: 225px; }
			.wizard-page-container .wizard-right-container .wizard-screen .wageLimits {
				padding-left: 6px;
				margin-left: 146px;
				text-align: left; }
			.wizard-page-container .wizard-right-container .wizard-screen .managerSupervisorCheckbox {
				width: 400px; }
				.wizard-page-container .wizard-right-container .wizard-screen .managerSupervisorCheckbox input[type="checkbox"] {
					width: 13px;
					margin-left: 35px;
					margin-right: 5px; }
			.wizard-page-container .wizard-right-container .wizard-screen .no-misc-fields-message {
				margin: 12px 0 0 12px; }
			.wizard-page-container .wizard-right-container .wizard-screen.message-assignments-screen .slightly-wider {
				min-width: 130px; }
				.wizard-page-container .wizard-right-container .wizard-screen.message-assignments-screen .slightly-wider label, .wizard-page-container .wizard-right-container .wizard-screen.message-assignments-screen .slightly-wider div.label {
					text-align: start; }
			.wizard-page-container .wizard-right-container .wizard-screen.message-assignments-screen .action-alignment-spacer {
				min-width: 140px; }
				.wizard-page-container .wizard-right-container .wizard-screen.message-assignments-screen .action-alignment-spacer label, .wizard-page-container .wizard-right-container .wizard-screen.message-assignments-screen .action-alignment-spacer div.label {
					text-align: start; }
		.wizard-page-container .wizard-right-container .fa-exclamation-triangle {
			color: #e89138;
			position: absolute;
			bottom: 8px;
			left: 343px; }
		.wizard-page-container .wizard-right-container .action-selection-wizard-screen {
			margin-top: 12px;
			margin-left: 12px; }
			.wizard-page-container .wizard-right-container .action-selection-wizard-screen .action-selection-section {
				margin: 18px 12px 18px 40px;
				font-weight: bold; }
		.wizard-page-container .wizard-right-container .audit-wizard-screen {
			padding: 0 12px; }
			.wizard-page-container .wizard-right-container .audit-wizard-screen .audit-loading-message {
				text-align: center;
				font-weight: bold;
				margin-top: 18px; }
				.wizard-page-container .wizard-right-container .audit-wizard-screen .audit-loading-message span {
					margin-left: 6px; }
			.wizard-page-container .wizard-right-container .audit-wizard-screen .audit-results-message-container {
				display: flex;
				flex-direction: row;
				align-items: center;
				margin: 12px 0; }
				.wizard-page-container .wizard-right-container .audit-wizard-screen .audit-results-message-container .icon-container {
					flex: 0 0;
					padding: 0px 6px; }
				.wizard-page-container .wizard-right-container .audit-wizard-screen .audit-results-message-container .audit-passed-icon {
					color: green; }
				.wizard-page-container .wizard-right-container .audit-wizard-screen .audit-results-message-container .action-required-icon {
					color: red; }
				.wizard-page-container .wizard-right-container .audit-wizard-screen .audit-results-message-container .action-warning-icon {
					color: #e89138; }
				.wizard-page-container .wizard-right-container .audit-wizard-screen .audit-results-message-container .text-container {
					flex: 1 1; }
					.wizard-page-container .wizard-right-container .audit-wizard-screen .audit-results-message-container .text-container .text-header {
						font-weight: bold;
						margin-right: 6px; }
			.wizard-page-container .wizard-right-container .audit-wizard-screen .complete-new-hire-btn {
				margin-left: 48px; }
			.wizard-page-container .wizard-right-container .audit-wizard-screen .audit-section {
				margin-bottom: 12px; }
				.wizard-page-container .wizard-right-container .audit-wizard-screen .audit-section .audit-section-header {
					font-weight: bold;
					font-size: 14px;
					margin-bottom: 6px;
					position: relative; }
				.wizard-page-container .wizard-right-container .audit-wizard-screen .audit-section .audit-section-item {
					margin: 3px 0px; }
				.wizard-page-container .wizard-right-container .audit-wizard-screen .audit-section .warning-item {
					margin-top: 5px;
					margin-bottom: 5px; }
					.wizard-page-container .wizard-right-container .audit-wizard-screen .audit-section .warning-item .delete-btn {
						margin-right: 10px; }
		.wizard-page-container .wizard-right-container fieldset.i9-onboarding-wizard span.input {
			font-weight: normal; }
			.wizard-page-container .wizard-right-container fieldset.i9-onboarding-wizard span.input a:hover {
				cursor: pointer; }

.bypass-client-wizard-container div.onboardingClientWizardHeader {
	margin-left: 12px; }

.bypass-client-wizard-container div.onboardingClientWizardHeader,
.wizard-page-container div.onboardingClientWizardHeader {
	padding-left: 12px;
	line-height: 0.5;
	color: #01316c; }
	.bypass-client-wizard-container div.onboardingClientWizardHeader .legalSubHeader,
	.wizard-page-container div.onboardingClientWizardHeader .legalSubHeader {
		font-size: 13px; }

.bypass-client-wizard-container .switch-holder,
.wizard-page-container .switch-holder {
	justify-content: flex-end;
	align-items: flex-start;
	margin: 0px;
	padding: 0px; }

.bypass-client-wizard-container .switch-container,
.wizard-page-container .switch-container {
	display: inline-block;
	width: 191px;
	text-align: left;
	margin: 2px 4px;
	padding: 0px; }

.bypass-client-wizard-container i.warning-message,
.wizard-page-container i.warning-message {
	margin-left: 12px;
	color: #fccc1b; }

.bypass-client-wizard-container .duplicate-ssn-error-message,
.wizard-page-container .duplicate-ssn-error-message {
	color: red;
	margin-left: 150px; }

.onboarding-employer-i9-screen {
	margin: 12px;
	width: 900px;
	position: relative; }
	.onboarding-employer-i9-screen .warning-container {
		display: flex;
		flex-direction: row;
		margin: 12px;
		align-items: center; }
		.onboarding-employer-i9-screen .warning-container .warning-icon {
			flex: 0 0 16px;
			margin-right: 3px; }
			.onboarding-employer-i9-screen .warning-container .warning-icon .fa-exclamation-triangle {
				color: #e89138;
				position: static; }
		.onboarding-employer-i9-screen .warning-container .warning-message {
			flex: 1 1 auto;
			text-align: justify; }
	.onboarding-employer-i9-screen .instruction-link {
		margin: 0px 0px 0px 3px; }
	.onboarding-employer-i9-screen .i9-section-header {
		font-size: 1.2em;
		font-weight: bold;
		margin-top: 12px;
		display: inline;
		padding-right: 3px; }
		.onboarding-employer-i9-screen .i9-section-header .sub-header {
			font-weight: normal;
			font-style: italic;
			vertical-align: top; }
	.onboarding-employer-i9-screen .i9-section {
		margin-top: 12px;
		text-align: justify; }
		.onboarding-employer-i9-screen .i9-section.extra-top-margin {
			margin-top: 24px; }
		.onboarding-employer-i9-screen .i9-section .document-link {
			margin-top: 3px; }
		.onboarding-employer-i9-screen .i9-section .url-link {
			text-decoration: underline; }
	.onboarding-employer-i9-screen .bold {
		font-weight: bold; }
	.onboarding-employer-i9-screen .italic {
		font-style: italic; }
	.onboarding-employer-i9-screen .table-view .table-view-column {
		font-weight: bold;
		vertical-align: middle;
		line-height: unset; }
		.onboarding-employer-i9-screen .table-view .table-view-column.table-view-header:not(.bold) {
			font-weight: normal; }
		.onboarding-employer-i9-screen .table-view .table-view-column.small {
			min-width: 50px; }
			.onboarding-employer-i9-screen .table-view .table-view-column.small .prevent-wrap {
				width: 50px; }
			.onboarding-employer-i9-screen .table-view .table-view-column.small input:not(.dx-texteditor-input) {
				width: 50px; }
				.onboarding-employer-i9-screen .table-view .table-view-column.small input:not(.dx-texteditor-input).calendar {
					width: 34px; }
	.onboarding-employer-i9-screen .document-container {
		display: flex;
		justify-content: stretch; }
		.onboarding-employer-i9-screen .document-container .document-column {
			flex: 0 1 auto; }
			.onboarding-employer-i9-screen .document-container .document-column .document-column-header-container {
				height: 30px;
				font-weight: bold;
				text-align: center;
				margin-bottom: 12px; }
				.onboarding-employer-i9-screen .document-container .document-column .document-column-header-container .heading {
					font-size: 1.1em; }
			.onboarding-employer-i9-screen .document-container .document-column .border-div {
				height: calc(100% - ($header-height + $spacing-size_default));
				border-right: 1px solid black; }
		.onboarding-employer-i9-screen .document-container .spacer-column {
			margin: 0px 12px; }
		.onboarding-employer-i9-screen .document-container .combined-document-column {
			flex: 0 1 auto;
			padding-left: 18px; }
	.onboarding-employer-i9-screen .document-section {
		width: 230px;
		margin-bottom: 3px; }
		.onboarding-employer-i9-screen .document-section .form-field {
			padding: 3px 0px; }
			.onboarding-employer-i9-screen .document-section .form-field .form-input {
				width: 100%; }
	.onboarding-employer-i9-screen .additional-information {
		margin-top: 24px; }
		.onboarding-employer-i9-screen .additional-information textarea {
			width: 500px;
			height: 250px; }
	.onboarding-employer-i9-screen .alternative-procedure {
		margin-top: 12px;
		padding-top: 3px; }
	.onboarding-employer-i9-screen .certification-statement {
		display: inline-block;
		width: 600px; }
	.onboarding-employer-i9-screen .hire-date-container {
		display: inline-block;
		width: 140px;
		margin-left: 60px;
		text-align: left; }
	.onboarding-employer-i9-screen .i9-form-section {
		width: 850px;
		text-align: left; }
		.onboarding-employer-i9-screen .i9-form-section .form-field-row {
			margin-bottom: 12px;
			display: flex; }
			.onboarding-employer-i9-screen .i9-form-section .form-field-row span {
				vertical-align: top;
				margin-left: 3px; }
			.onboarding-employer-i9-screen .i9-form-section .form-field-row.section-header {
				margin-bottom: 6px; }
			.onboarding-employer-i9-screen .i9-form-section .form-field-row .form-field {
				display: inline-block;
				min-width: 0px; }
				.onboarding-employer-i9-screen .i9-form-section .form-field-row .form-field:not(:first-child) {
					margin-left: 12px; }
				.onboarding-employer-i9-screen .i9-form-section .form-field-row .form-field .form-input {
					width: 100%; }
				.onboarding-employer-i9-screen .i9-form-section .form-field-row .form-field.employer-name-and-title-container {
					flex: 1 1 400px; }
				.onboarding-employer-i9-screen .i9-form-section .form-field-row .form-field.employer-signature-container {
					flex: 1 1 300px; }
				.onboarding-employer-i9-screen .i9-form-section .form-field-row .form-field.employer-signature-date-container {
					flex: 0 0 100px; }
				.onboarding-employer-i9-screen .i9-form-section .form-field-row .form-field.employer-name-container {
					flex: 1 1 250px; }
				.onboarding-employer-i9-screen .i9-form-section .form-field-row .form-field.reverification-section-a-container {
					flex: 1 1 690px; }
				.onboarding-employer-i9-screen .i9-form-section .form-field-row .form-field.reverification-section-b-container {
					flex: 0 0 210px; }
				.onboarding-employer-i9-screen .i9-form-section .form-field-row .form-field.reverification-last-name-container {
					flex: 1 1 275px; }
				.onboarding-employer-i9-screen .i9-form-section .form-field-row .form-field.reverification-first-name-container {
					flex: 1 1 275px; }
				.onboarding-employer-i9-screen .i9-form-section .form-field-row .form-field.reverification-middle-initial-container {
					flex: 1 1 50px; }
				.onboarding-employer-i9-screen .i9-form-section .form-field-row .form-field.reverification-rehire-date-container {
					flex: 0 0 210px; }
				.onboarding-employer-i9-screen .i9-form-section .form-field-row .form-field.reverification-section-c-container {
					flex: 1 1 900px;
					text-align: justify; }
				.onboarding-employer-i9-screen .i9-form-section .form-field-row .form-field.reverification-document-title-container {
					flex: 1 1 300px; }
				.onboarding-employer-i9-screen .i9-form-section .form-field-row .form-field.reverification-issuing-authority-container {
					flex: 1 1 300px; }
				.onboarding-employer-i9-screen .i9-form-section .form-field-row .form-field.reverification-expiration-date-container {
					flex: 0 0 210px; }
				.onboarding-employer-i9-screen .i9-form-section .form-field-row .form-field.reverification-attestation-container {
					flex: 1 1 900px;
					text-align: justify;
					font-weight: bold; }
				.onboarding-employer-i9-screen .i9-form-section .form-field-row .form-field.reverification-additional-information-container {
					flex: 1 1 900px; }
				.onboarding-employer-i9-screen .i9-form-section .form-field-row .form-field.reverification-alternate-procedure-container {
					flex: 1 1 900px; }
				.onboarding-employer-i9-screen .i9-form-section .form-field-row .form-field.reverification-signature-container {
					flex: 1 1 300px; }
				.onboarding-employer-i9-screen .i9-form-section .form-field-row .form-field.reverification-rep-first-name-container {
					flex: 0 0 200px; }
				.onboarding-employer-i9-screen .i9-form-section .form-field-row .form-field.reverification-name-container {
					flex: 1 1 300px; }
				.onboarding-employer-i9-screen .i9-form-section .form-field-row .form-field.employer-address-container {
					flex: 1 1 550px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.benefit-evaluation-start-container {
	margin: 12px; }
	.benefit-evaluation-start-container .benefit-evaluation-selection-row {
		display: flex;
		align-items: center;
		position: relative; }
		.benefit-evaluation-start-container .benefit-evaluation-selection-row .benefit-evaluation-step {
			text-align: center;
			flex: 0 0 150px;
			flex-direction: column; }
			.benefit-evaluation-start-container .benefit-evaluation-selection-row .benefit-evaluation-step .circle-container {
				margin-left: -3px;
				margin-right: 3px;
				color: #cacaca;
				padding-bottom: 12px; }
			.benefit-evaluation-start-container .benefit-evaluation-selection-row .benefit-evaluation-step .circle-text {
				margin-top: -1px; }
		.benefit-evaluation-start-container .benefit-evaluation-selection-row.completed .circle-container {
			color: #39B54A; }
		.benefit-evaluation-start-container .benefit-evaluation-selection-row.completed:after {
			content: "";
			background-color: #0a0a0a;
			position: absolute;
			width: 1px;
			bottom: 0px;
			left: 72px;
			height: calc(50% - ((48px + 12px + 12px) / 2) - 6px);
			display: block; }
		.benefit-evaluation-start-container .benefit-evaluation-selection-row:not(.first-step):before {
			content: "";
			background-color: #0a0a0a;
			position: absolute;
			width: 1px;
			top: 0px;
			left: 72px;
			height: calc(50% - ((48px + 12px + 12px) / 2) - 12px);
			display: block; }
		.benefit-evaluation-start-container .benefit-evaluation-selection-row .benefit-evaluation-category-container {
			display: flex;
			flex-wrap: wrap; }
			.benefit-evaluation-start-container .benefit-evaluation-selection-row .benefit-evaluation-category-container .evaluation-card {
				flex: 0 0 150px;
				padding: 12px;
				margin: 12px;
				box-shadow: 0px 0px 12px #cacaca;
				text-align: center;
				height: 175px;
				display: flex;
				flex-direction: column;
				justify-content: center;
				cursor: pointer; }
				.benefit-evaluation-start-container .benefit-evaluation-selection-row .benefit-evaluation-category-container .evaluation-card:hover {
					background-color: #f4f6f9; }
				.benefit-evaluation-start-container .benefit-evaluation-selection-row .benefit-evaluation-category-container .evaluation-card.selected {
					background-color: #E7F0F9; }
					.benefit-evaluation-start-container .benefit-evaluation-selection-row .benefit-evaluation-category-container .evaluation-card.selected:hover {
						background-color: #E7F0F9; }
				.benefit-evaluation-start-container .benefit-evaluation-selection-row .benefit-evaluation-category-container .evaluation-card .evaluation-icon {
					padding-bottom: 36px;
					font-size: 1.25em; }
				.benefit-evaluation-start-container .benefit-evaluation-selection-row .benefit-evaluation-category-container .evaluation-card .evaluation-text {
					font-weight: bold; }
		.benefit-evaluation-start-container .benefit-evaluation-selection-row .benefit-evaluation-selection-container {
			flex: 1 1; }
		.benefit-evaluation-start-container .benefit-evaluation-selection-row .benefit-evaluation-item-container {
			padding: 12px;
			max-width: 1164px;
			margin-right: 40px; }
			.benefit-evaluation-start-container .benefit-evaluation-selection-row .benefit-evaluation-item-container .benefit-evaluation-item-box {
				padding: 24px;
				box-shadow: 0px 0px 12px #cacaca;
				min-height: 48px;
				display: flex;
				flex-direction: column;
				justify-content: center; }
				.benefit-evaluation-start-container .benefit-evaluation-selection-row .benefit-evaluation-item-container .benefit-evaluation-item-box label {
					display: flex;
					flex-direction: row;
					align-items: center; }
					.benefit-evaluation-start-container .benefit-evaluation-selection-row .benefit-evaluation-item-container .benefit-evaluation-item-box label * {
						line-height: 12px; }
					.benefit-evaluation-start-container .benefit-evaluation-selection-row .benefit-evaluation-item-container .benefit-evaluation-item-box label:not(:first-child) {
						margin-top: 3px; }
					.benefit-evaluation-start-container .benefit-evaluation-selection-row .benefit-evaluation-item-container .benefit-evaluation-item-box label:not(:last-child) {
						margin-bottom: 3px; }
					.benefit-evaluation-start-container .benefit-evaluation-selection-row .benefit-evaluation-item-container .benefit-evaluation-item-box label input[type="text"] {
						margin-left: 3px; }
					.benefit-evaluation-start-container .benefit-evaluation-selection-row .benefit-evaluation-item-container .benefit-evaluation-item-box label input[type="text"], .benefit-evaluation-start-container .benefit-evaluation-selection-row .benefit-evaluation-item-container .benefit-evaluation-item-box label input[type="image"] {
						margin-right: 3px; }
				.benefit-evaluation-start-container .benefit-evaluation-selection-row .benefit-evaluation-item-container .benefit-evaluation-item-box .benefit-evaluation-additional-selections-container {
					margin: 6px 0px 6px 12px; }
		.benefit-evaluation-start-container .benefit-evaluation-selection-row .benefit-evaluation-run-container {
			padding: 12px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
div.expense-type-form-view .error-message {
	color: red; }

div.expense-type-form-view label.padded {
	text-align: left;
	padding-left: 148px; }

div.expense-type-form-view .fa-exclamation-triangle {
	color: #e89138;
	position: absolute;
	bottom: 8px;
	left: 343px; }

div.expense-type-form-view fieldset.wider .fa-exclamation-triangle {
	left: 427px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
div.employee-profile-container {
	display: flex;
	flex-direction: row; }
	div.employee-profile-container .card-container {
		flex: 0 0 324px;
		padding: 12px;
		overflow-x: hidden; }
		div.employee-profile-container .card-container .employee-card {
			border-radius: 3px;
			box-shadow: 0px 0px 12px #cacaca;
			padding: 12px; }
			div.employee-profile-container .card-container .employee-card .notes-link {
				text-align: right;
				font-size: 1.3em; }
				div.employee-profile-container .card-container .employee-card .notes-link i {
					cursor: pointer; }
			div.employee-profile-container .card-container .employee-card .employee-picture {
				width: 130px;
				height: 130px;
				line-height: 130px;
				text-align: center;
				vertical-align: middle;
				border-radius: 50%;
				margin: 0px auto 12px auto; }
				div.employee-profile-container .card-container .employee-card .employee-picture.image-container {
					display: block;
					border: 1px solid #cacaca;
					overflow: hidden; }
				div.employee-profile-container .card-container .employee-card .employee-picture.initials-container {
					background-color: #e28cb7;
					color: white;
					font-size: 60px; }
				div.employee-profile-container .card-container .employee-card .employee-picture.link {
					cursor: pointer; }
					div.employee-profile-container .card-container .employee-card .employee-picture.link:hover {
						box-shadow: 0px 0px 6px #0f23b6; }
			div.employee-profile-container .card-container .employee-card .employee-header {
				text-align: center;
				margin-bottom: 24px;
				font-size: 1.2em; }
				div.employee-profile-container .card-container .employee-card .employee-header .employee-header-section {
					margin-bottom: 6px; }
				div.employee-profile-container .card-container .employee-card .employee-header .employee-name {
					font-size: 1.7em;
					font-weight: bold; }
				div.employee-profile-container .card-container .employee-card .employee-header i {
					margin-right: 3px; }
			div.employee-profile-container .card-container .employee-card .employee-info-container .employee-info-section:not(:last-child) {
				margin-bottom: 12px; }
			div.employee-profile-container .card-container .employee-card .employee-info-container .employee-info-section .employee-info {
				margin: 3px 0px 3px 0px; }
				div.employee-profile-container .card-container .employee-card .employee-info-container .employee-info-section .employee-info .info-header {
					width: 100px;
					vertical-align: top; }
				div.employee-profile-container .card-container .employee-card .employee-info-container .employee-info-section .employee-info .info-value {
					display: inline-block;
					width: 200px; }
	div.employee-profile-container .details-container {
		flex: 1 1;
		margin-top: 12px; }
		div.employee-profile-container .details-container .detail-section {
			padding: 12px 0px 12px 12px;
			margin-right: 12px;
			display: flex; }
			div.employee-profile-container .details-container .detail-section:not(:last-child) {
				margin-bottom: 12px; }
				div.employee-profile-container .details-container .detail-section:not(:last-child):not(.no-separator) {
					border-bottom: 1px solid #e0e0e0; }
			div.employee-profile-container .details-container .detail-section .section-header {
				flex: 0 0 200px;
				font-weight: bold; }
			div.employee-profile-container .details-container .detail-section .section-values {
				flex: 1 1 auto;
				display: flex;
				flex-direction: row;
				flex-wrap: wrap; }
				div.employee-profile-container .details-container .detail-section .section-values.scrollable {
					flex-basis: 0px;
					flex-wrap: nowrap;
					overflow: hidden; }
					div.employee-profile-container .details-container .detail-section .section-values.scrollable .scroll-container {
						flex: 1 1 0;
						width: 0px;
						display: flex;
						flex-direction: row;
						flex-wrap: nowrap;
						overflow-x: auto;
						scrollbar-width: none; }
						div.employee-profile-container .details-container .detail-section .section-values.scrollable .scroll-container::-webkit-scrollbar {
							display: none; }
				div.employee-profile-container .details-container .detail-section .section-values .employee-info {
					flex: 0 0 150px;
					overflow-x: hidden;
					margin: 0px 12px 12px 12px;
					min-height: 30px; }
					div.employee-profile-container .details-container .detail-section .section-values .employee-info.right-arrow {
						flex-basis: 30px; }
	div.employee-profile-container .prevent-wrap {
		overflow-x: hidden;
		text-overflow: ellipsis;
		white-space: nowrap; }
	div.employee-profile-container .info-header {
		display: inline-block;
		color: #89898a; }
		div.employee-profile-container .info-header.link {
			cursor: pointer; }
			div.employee-profile-container .info-header.link:hover {
				color: #0f23b6; }
	div.employee-profile-container .info-value {
		display: block; }
	div.employee-profile-container span.view-restricted-data {
		margin-left: 6px;
		cursor: pointer; }
	div.employee-profile-container i.fa-exclamation-triangle {
		color: #e89138; }
	div.employee-profile-container .scroll-button {
		cursor: pointer; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
div.client-eligibility-rule-container {
	flex-wrap: nowrap; }
	div.client-eligibility-rule-container .assignment-container {
		margin-left: 24px;
		max-width: 624px; }
		div.client-eligibility-rule-container .assignment-container .assignment-icons {
			text-align: right; }
			div.client-eligibility-rule-container .assignment-container .assignment-icons button.btn:not(:first-child) {
				margin-left: 3px; }
		div.client-eligibility-rule-container .assignment-container .assignment-column-container {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			max-width: 624px; }
			div.client-eligibility-rule-container .assignment-container .assignment-column-container .assignment-column {
				flex: 0 0 300px;
				max-width: 300px;
				margin-right: 12px; }
		div.client-eligibility-rule-container .assignment-container .assignment-category-container {
			margin-bottom: 12px; }
			div.client-eligibility-rule-container .assignment-container .assignment-category-container .assignment-header {
				text-transform: uppercase;
				color: #01316c;
				font-weight: bold;
				cursor: pointer; }
			div.client-eligibility-rule-container .assignment-container .assignment-category-container .assignment-details {
				margin-left: 36px; }
				div.client-eligibility-rule-container .assignment-container .assignment-category-container .assignment-details .assignment-subcategory-container {
					margin-top: 12px; }
					div.client-eligibility-rule-container .assignment-container .assignment-category-container .assignment-details .assignment-subcategory-container .assignment-subheader {
						color: #01316c; }
					div.client-eligibility-rule-container .assignment-container .assignment-category-container .assignment-details .assignment-subcategory-container .assignment-item {
						font-weight: bold; }
						div.client-eligibility-rule-container .assignment-container .assignment-category-container .assignment-details .assignment-subcategory-container .assignment-item.inactive {
							color: red;
							font-weight: normal; }
						div.client-eligibility-rule-container .assignment-container .assignment-category-container .assignment-details .assignment-subcategory-container .assignment-item.no-records-exist {
							color: #636363;
							font-weight: normal;
							font-style: italic; }

.client-eligibility-rule-filter-container {
	margin: 12px; }
	.client-eligibility-rule-filter-container .rule-name-header {
		margin-bottom: 12px; }
		.client-eligibility-rule-filter-container .rule-name-header .rule-name-container {
			font-weight: bold;
			margin-left: 3px;
			vertical-align: top; }
	.client-eligibility-rule-filter-container .table-view .table-view-column input.match-selectbox-height {
		height: 25px; }
	.client-eligibility-rule-filter-container .table-view .table-view-column .flyoverdiv-container {
		margin: 0px; }
	.client-eligibility-rule-filter-container .table-view .and-column {
		min-width: 50px;
		text-align: right; }
	.client-eligibility-rule-filter-container .table-view .filter-value-column {
		min-width: 400px; }
		.client-eligibility-rule-filter-container .table-view .filter-value-column .prevent-wrap {
			width: 400px; }
		.client-eligibility-rule-filter-container .table-view .filter-value-column input:not(.dx-texteditor-input) {
			width: 165px; }
			.client-eligibility-rule-filter-container .table-view .filter-value-column input:not(.dx-texteditor-input).calendar {
				width: 149px; }
	.client-eligibility-rule-filter-container .add-new-container.align-with-table {
		margin-top: 6px;
		margin-left: 68px; }
	.client-eligibility-rule-filter-container .multi-value-text-entry-container {
		display: flex;
		flex-direction: row;
		align-items: center;
		width: 430px; }
		.client-eligibility-rule-filter-container .multi-value-text-entry-container .value-entry-container {
			flex: 0 0 100px;
			margin-right: 12px;
			text-align: right; }
		.client-eligibility-rule-filter-container .multi-value-text-entry-container .selected-values-container {
			flex: 0 0 auto;
			line-height: normal; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.client-business-purpose-main-form-container .switch-container {
	display: inline-block;
	width: 304px;
	text-align: left;
	margin-left: 3px; }

.client-business-purpose-main-form-container .subtype-container {
	margin-top: 6px;
	margin-left: 24px; }
	.client-business-purpose-main-form-container .subtype-container .table-view tr.inactive .table-view-column:not(.action-column) {
		font-style: italic; }
	.client-business-purpose-main-form-container .subtype-container .add-new-container {
		margin-top: 6px; }

.client-business-purpose-expense-types-container .expense-types-flyover-container {
	margin-left: 12px; }

.client-business-purpose-expense-types-container .validation-message {
	color: red;
	font-weight: bold;
	margin-left: 12px;
	margin-bottom: 3px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.client-expense-delegates-container {
	margin-left: 12px; }
	.client-expense-delegates-container .delegate-selection-container {
		margin-left: 12px;
		margin-bottom: 24px; }
		.client-expense-delegates-container .delegate-selection-container .dx-textbox {
			width: 250px; }
	.client-expense-delegates-container .delegatefor-selection-container {
		margin-left: 12px; }
		.client-expense-delegates-container .delegatefor-selection-container .flyoverdiv-container {
			margin-left: 0px;
			margin-top: 0px; }
	.client-expense-delegates-container .label-header {
		font-weight: bold;
		display: block;
		margin-bottom: 6px; }

#ClientExpenseDelegatesGridContainer .fa-exclamation-triangle {
	color: #e89138; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.client-expense-entry-container .validation-message {
	text-align: center; }

.client-expense-entry-container input.money {
	border: none; }

.client-expense-entry-container fieldset.wider input[type="checkbox"] {
	width: 12px;
	margin-right: 266px; }

.client-expense-entry-container fieldset.wider label.half-width {
	margin-right: 152px; }
	.client-expense-entry-container fieldset.wider label.half-width input {
		width: 123px; }

.client-expense-entry-container fieldset.wider i.datepicker {
	margin-right: -17px; }

.client-expense-entry-container fieldset.widest input[type="checkbox"] {
	width: 18px;
	margin-right: 287px; }

.client-expense-entry-container fieldset.widest label.half-width {
	margin-right: 177px; }
	.client-expense-entry-container fieldset.widest label.half-width input {
		width: 123px; }
	.client-expense-entry-container fieldset.widest label.half-width i.datepicker {
		margin-right: -17px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.client-expense-policy-eligibility-rules-container .eligibility-rules-flyover-container {
	margin-left: 12px; }

.client-expense-policy-limits-container .table-view-column.drag-column,
.client-expense-policy-limits-container .table-view-column.and-column,
.client-expense-policy-approval-process-container .table-view-column.drag-column,
.client-expense-policy-approval-process-container .table-view-column.and-column {
	min-width: 20px;
	text-align: right; }
	.client-expense-policy-limits-container .table-view-column.drag-column .prevent-wrap,
	.client-expense-policy-limits-container .table-view-column.and-column .prevent-wrap,
	.client-expense-policy-approval-process-container .table-view-column.drag-column .prevent-wrap,
	.client-expense-policy-approval-process-container .table-view-column.and-column .prevent-wrap {
		width: 20px; }
	.client-expense-policy-limits-container .table-view-column.drag-column input:not(.dx-texteditor-input),
	.client-expense-policy-limits-container .table-view-column.and-column input:not(.dx-texteditor-input),
	.client-expense-policy-approval-process-container .table-view-column.drag-column input:not(.dx-texteditor-input),
	.client-expense-policy-approval-process-container .table-view-column.and-column input:not(.dx-texteditor-input) {
		width: 20px; }
		.client-expense-policy-limits-container .table-view-column.drag-column input:not(.dx-texteditor-input).calendar,
		.client-expense-policy-limits-container .table-view-column.and-column input:not(.dx-texteditor-input).calendar,
		.client-expense-policy-approval-process-container .table-view-column.drag-column input:not(.dx-texteditor-input).calendar,
		.client-expense-policy-approval-process-container .table-view-column.and-column input:not(.dx-texteditor-input).calendar {
			width: 4px; }

.client-expense-policy-limits-container td.warning-column,
.client-expense-policy-approval-process-container td.warning-column {
	text-align: center; }
	.client-expense-policy-limits-container td.warning-column i.fa-warning,
	.client-expense-policy-approval-process-container td.warning-column i.fa-warning {
		color: #e89138; }

.client-expense-policy-limits-container .limitBlocksContainer,
.client-expense-policy-limits-container .conditionalStepsContainer,
.client-expense-policy-approval-process-container .limitBlocksContainer,
.client-expense-policy-approval-process-container .conditionalStepsContainer {
	margin-left: 42px;
	position: relative;
	min-width: 1450px; }
	.client-expense-policy-limits-container .limitBlocksContainer .expandCollapseButtonsContainer,
	.client-expense-policy-limits-container .conditionalStepsContainer .expandCollapseButtonsContainer,
	.client-expense-policy-approval-process-container .limitBlocksContainer .expandCollapseButtonsContainer,
	.client-expense-policy-approval-process-container .conditionalStepsContainer .expandCollapseButtonsContainer {
		position: absolute;
		top: -30px;
		right: 12px; }
	.client-expense-policy-limits-container .limitBlocksContainer .floatingPanel,
	.client-expense-policy-limits-container .conditionalStepsContainer .floatingPanel,
	.client-expense-policy-approval-process-container .limitBlocksContainer .floatingPanel,
	.client-expense-policy-approval-process-container .conditionalStepsContainer .floatingPanel {
		margin: 12px;
		position: relative; }
		.client-expense-policy-limits-container .limitBlocksContainer .floatingPanel .drag-handle,
		.client-expense-policy-limits-container .conditionalStepsContainer .floatingPanel .drag-handle,
		.client-expense-policy-approval-process-container .limitBlocksContainer .floatingPanel .drag-handle,
		.client-expense-policy-approval-process-container .conditionalStepsContainer .floatingPanel .drag-handle {
			position: absolute;
			top: 50%;
			left: 0;
			height: 24px;
			width: 24px;
			margin-top: -12px;
			line-height: 24px;
			vertical-align: middle;
			text-align: center;
			color: #cacaca; }
		.client-expense-policy-limits-container .limitBlocksContainer .floatingPanel .limitBlockHeader,
		.client-expense-policy-limits-container .limitBlocksContainer .floatingPanel .conditionalStepHeader,
		.client-expense-policy-limits-container .conditionalStepsContainer .floatingPanel .limitBlockHeader,
		.client-expense-policy-limits-container .conditionalStepsContainer .floatingPanel .conditionalStepHeader,
		.client-expense-policy-approval-process-container .limitBlocksContainer .floatingPanel .limitBlockHeader,
		.client-expense-policy-approval-process-container .limitBlocksContainer .floatingPanel .conditionalStepHeader,
		.client-expense-policy-approval-process-container .conditionalStepsContainer .floatingPanel .limitBlockHeader,
		.client-expense-policy-approval-process-container .conditionalStepsContainer .floatingPanel .conditionalStepHeader {
			margin-left: 12px;
			display: flex;
			flex-wrap: nowrap; }
			.client-expense-policy-limits-container .limitBlocksContainer .floatingPanel .limitBlockHeader .delete, .client-expense-policy-limits-container .limitBlocksContainer .floatingPanel .limitBlockHeader .edit,
			.client-expense-policy-limits-container .limitBlocksContainer .floatingPanel .conditionalStepHeader .delete,
			.client-expense-policy-limits-container .limitBlocksContainer .floatingPanel .conditionalStepHeader .edit,
			.client-expense-policy-limits-container .conditionalStepsContainer .floatingPanel .limitBlockHeader .delete,
			.client-expense-policy-limits-container .conditionalStepsContainer .floatingPanel .limitBlockHeader .edit,
			.client-expense-policy-limits-container .conditionalStepsContainer .floatingPanel .conditionalStepHeader .delete,
			.client-expense-policy-limits-container .conditionalStepsContainer .floatingPanel .conditionalStepHeader .edit,
			.client-expense-policy-approval-process-container .limitBlocksContainer .floatingPanel .limitBlockHeader .delete,
			.client-expense-policy-approval-process-container .limitBlocksContainer .floatingPanel .limitBlockHeader .edit,
			.client-expense-policy-approval-process-container .limitBlocksContainer .floatingPanel .conditionalStepHeader .delete,
			.client-expense-policy-approval-process-container .limitBlocksContainer .floatingPanel .conditionalStepHeader .edit,
			.client-expense-policy-approval-process-container .conditionalStepsContainer .floatingPanel .limitBlockHeader .delete,
			.client-expense-policy-approval-process-container .conditionalStepsContainer .floatingPanel .limitBlockHeader .edit,
			.client-expense-policy-approval-process-container .conditionalStepsContainer .floatingPanel .conditionalStepHeader .delete,
			.client-expense-policy-approval-process-container .conditionalStepsContainer .floatingPanel .conditionalStepHeader .edit {
				color: #cacaca;
				padding: 0 2px; }
				.client-expense-policy-limits-container .limitBlocksContainer .floatingPanel .limitBlockHeader .delete:hover, .client-expense-policy-limits-container .limitBlocksContainer .floatingPanel .limitBlockHeader .edit:hover,
				.client-expense-policy-limits-container .limitBlocksContainer .floatingPanel .conditionalStepHeader .delete:hover,
				.client-expense-policy-limits-container .limitBlocksContainer .floatingPanel .conditionalStepHeader .edit:hover,
				.client-expense-policy-limits-container .conditionalStepsContainer .floatingPanel .limitBlockHeader .delete:hover,
				.client-expense-policy-limits-container .conditionalStepsContainer .floatingPanel .limitBlockHeader .edit:hover,
				.client-expense-policy-limits-container .conditionalStepsContainer .floatingPanel .conditionalStepHeader .delete:hover,
				.client-expense-policy-limits-container .conditionalStepsContainer .floatingPanel .conditionalStepHeader .edit:hover,
				.client-expense-policy-approval-process-container .limitBlocksContainer .floatingPanel .limitBlockHeader .delete:hover,
				.client-expense-policy-approval-process-container .limitBlocksContainer .floatingPanel .limitBlockHeader .edit:hover,
				.client-expense-policy-approval-process-container .limitBlocksContainer .floatingPanel .conditionalStepHeader .delete:hover,
				.client-expense-policy-approval-process-container .limitBlocksContainer .floatingPanel .conditionalStepHeader .edit:hover,
				.client-expense-policy-approval-process-container .conditionalStepsContainer .floatingPanel .limitBlockHeader .delete:hover,
				.client-expense-policy-approval-process-container .conditionalStepsContainer .floatingPanel .limitBlockHeader .edit:hover,
				.client-expense-policy-approval-process-container .conditionalStepsContainer .floatingPanel .conditionalStepHeader .delete:hover,
				.client-expense-policy-approval-process-container .conditionalStepsContainer .floatingPanel .conditionalStepHeader .edit:hover {
					color: #292929; }
			.client-expense-policy-limits-container .limitBlocksContainer .floatingPanel .limitBlockHeader .name,
			.client-expense-policy-limits-container .limitBlocksContainer .floatingPanel .conditionalStepHeader .name,
			.client-expense-policy-limits-container .conditionalStepsContainer .floatingPanel .limitBlockHeader .name,
			.client-expense-policy-limits-container .conditionalStepsContainer .floatingPanel .conditionalStepHeader .name,
			.client-expense-policy-approval-process-container .limitBlocksContainer .floatingPanel .limitBlockHeader .name,
			.client-expense-policy-approval-process-container .limitBlocksContainer .floatingPanel .conditionalStepHeader .name,
			.client-expense-policy-approval-process-container .conditionalStepsContainer .floatingPanel .limitBlockHeader .name,
			.client-expense-policy-approval-process-container .conditionalStepsContainer .floatingPanel .conditionalStepHeader .name {
				margin-right: 6px;
				font-weight: bold;
				max-width: 30%;
				flex: 0 0 auto;
				overflow: hidden;
				text-overflow: ellipsis; }
			.client-expense-policy-limits-container .limitBlocksContainer .floatingPanel .limitBlockHeader .description,
			.client-expense-policy-limits-container .limitBlocksContainer .floatingPanel .conditionalStepHeader .description,
			.client-expense-policy-limits-container .conditionalStepsContainer .floatingPanel .limitBlockHeader .description,
			.client-expense-policy-limits-container .conditionalStepsContainer .floatingPanel .conditionalStepHeader .description,
			.client-expense-policy-approval-process-container .limitBlocksContainer .floatingPanel .limitBlockHeader .description,
			.client-expense-policy-approval-process-container .limitBlocksContainer .floatingPanel .conditionalStepHeader .description,
			.client-expense-policy-approval-process-container .conditionalStepsContainer .floatingPanel .limitBlockHeader .description,
			.client-expense-policy-approval-process-container .conditionalStepsContainer .floatingPanel .conditionalStepHeader .description {
				flex: 1 1 auto;
				overflow: hidden;
				text-overflow: ellipsis; }
		.client-expense-policy-limits-container .limitBlocksContainer .floatingPanel .columnContainer,
		.client-expense-policy-limits-container .conditionalStepsContainer .floatingPanel .columnContainer,
		.client-expense-policy-approval-process-container .limitBlocksContainer .floatingPanel .columnContainer,
		.client-expense-policy-approval-process-container .conditionalStepsContainer .floatingPanel .columnContainer {
			display: flex;
			flex-wrap: nowrap;
			align-items: stretch; }
			.client-expense-policy-limits-container .limitBlocksContainer .floatingPanel .columnContainer .conditionColumn,
			.client-expense-policy-limits-container .conditionalStepsContainer .floatingPanel .columnContainer .conditionColumn,
			.client-expense-policy-approval-process-container .limitBlocksContainer .floatingPanel .columnContainer .conditionColumn,
			.client-expense-policy-approval-process-container .conditionalStepsContainer .floatingPanel .columnContainer .conditionColumn {
				flex: 2;
				padding: 12px 0 12px 12px; }
				.client-expense-policy-limits-container .limitBlocksContainer .floatingPanel .columnContainer .conditionColumn .validation-message,
				.client-expense-policy-limits-container .conditionalStepsContainer .floatingPanel .columnContainer .conditionColumn .validation-message,
				.client-expense-policy-approval-process-container .limitBlocksContainer .floatingPanel .columnContainer .conditionColumn .validation-message,
				.client-expense-policy-approval-process-container .conditionalStepsContainer .floatingPanel .columnContainer .conditionColumn .validation-message {
					margin-left: 50px; }
				.client-expense-policy-limits-container .limitBlocksContainer .floatingPanel .columnContainer .conditionColumn .missing-value,
				.client-expense-policy-limits-container .conditionalStepsContainer .floatingPanel .columnContainer .conditionColumn .missing-value,
				.client-expense-policy-approval-process-container .limitBlocksContainer .floatingPanel .columnContainer .conditionColumn .missing-value,
				.client-expense-policy-approval-process-container .conditionalStepsContainer .floatingPanel .columnContainer .conditionColumn .missing-value {
					font-style: italic; }
				.client-expense-policy-limits-container .limitBlocksContainer .floatingPanel .columnContainer .conditionColumn .empty-table-view,
				.client-expense-policy-limits-container .conditionalStepsContainer .floatingPanel .columnContainer .conditionColumn .empty-table-view,
				.client-expense-policy-approval-process-container .limitBlocksContainer .floatingPanel .columnContainer .conditionColumn .empty-table-view,
				.client-expense-policy-approval-process-container .conditionalStepsContainer .floatingPanel .columnContainer .conditionColumn .empty-table-view {
					margin-left: 50px; }
				.client-expense-policy-limits-container .limitBlocksContainer .floatingPanel .columnContainer .conditionColumn .add-new-container,
				.client-expense-policy-limits-container .conditionalStepsContainer .floatingPanel .columnContainer .conditionColumn .add-new-container,
				.client-expense-policy-approval-process-container .limitBlocksContainer .floatingPanel .columnContainer .conditionColumn .add-new-container,
				.client-expense-policy-approval-process-container .conditionalStepsContainer .floatingPanel .columnContainer .conditionColumn .add-new-container {
					margin-left: 48px; }
			.client-expense-policy-limits-container .limitBlocksContainer .floatingPanel .columnContainer .stepColumn,
			.client-expense-policy-limits-container .conditionalStepsContainer .floatingPanel .columnContainer .stepColumn,
			.client-expense-policy-approval-process-container .limitBlocksContainer .floatingPanel .columnContainer .stepColumn,
			.client-expense-policy-approval-process-container .conditionalStepsContainer .floatingPanel .columnContainer .stepColumn {
				flex: 2;
				border-left: 1px solid silver;
				padding: 12px; }
				.client-expense-policy-limits-container .limitBlocksContainer .floatingPanel .columnContainer .stepColumn .drag-column i,
				.client-expense-policy-limits-container .conditionalStepsContainer .floatingPanel .columnContainer .stepColumn .drag-column i,
				.client-expense-policy-approval-process-container .limitBlocksContainer .floatingPanel .columnContainer .stepColumn .drag-column i,
				.client-expense-policy-approval-process-container .conditionalStepsContainer .floatingPanel .columnContainer .stepColumn .drag-column i {
					color: #cacaca; }

.client-expense-policy-notifications-container .add-new-container,
.client-expense-policy-approval-process-container .add-new-container {
	margin-top: 6px;
	margin-left: 12px; }

.client-expense-policy-notifications-container .table-view,
.client-expense-policy-approval-process-container .table-view {
	margin-left: 12px; }

.client-expense-policy-notifications-container .empty-table-view,
.client-expense-policy-approval-process-container .empty-table-view {
	margin-left: 12px; }

.client-expense-policy-eligibility-rules-container .policy-name-header,
.client-expense-policy-approval-process-container .policy-name-header,
.client-expense-policy-limits-container .policy-name-header,
.client-expense-policy-notifications-container .policy-name-header {
	margin-left: 12px;
	margin-top: 12px; }
	.client-expense-policy-eligibility-rules-container .policy-name-header .policy-name-container,
	.client-expense-policy-approval-process-container .policy-name-header .policy-name-container,
	.client-expense-policy-limits-container .policy-name-header .policy-name-container,
	.client-expense-policy-notifications-container .policy-name-header .policy-name-container {
		font-weight: bold;
		margin-left: 3px;
		vertical-align: top; }

.client-expense-policy-eligibility-rules-container .validation-message,
.client-expense-policy-approval-process-container .validation-message,
.client-expense-policy-limits-container .validation-message,
.client-expense-policy-notifications-container .validation-message {
	margin-left: 12px; }

.client-expense-policy-eligibility-rules-container .table-view-column .validation-message,
.client-expense-policy-approval-process-container .table-view-column .validation-message,
.client-expense-policy-limits-container .table-view-column .validation-message,
.client-expense-policy-notifications-container .table-view-column .validation-message {
	margin: 0; }

.client-expense-policy-sort-container .policy-list-container {
	margin-left: 12px; }
	.client-expense-policy-sort-container .policy-list-container .policy-item {
		width: 400px;
		padding: 12px;
		box-shadow: 0px 0px 6px #cacaca;
		border-radius: 3px;
		display: flex;
		flex-direction: row;
		align-items: center; }
		.client-expense-policy-sort-container .policy-list-container .policy-item .policy-data-container {
			flex: 1 1 auto; }
			.client-expense-policy-sort-container .policy-list-container .policy-item .policy-data-container .policy-name {
				margin-bottom: 12px;
				font-weight: bold; }
			.client-expense-policy-sort-container .policy-list-container .policy-item .policy-data-container .eligibility-rules {
				color: #89898a; }
		.client-expense-policy-sort-container .policy-list-container .policy-item .policy-drag-icon {
			flex: 0 0 20px; }
		.client-expense-policy-sort-container .policy-list-container .policy-item:not(:last-child) {
			margin-bottom: 12px; }

.client-expense-policy-sort-container .empty-table-view {
	margin-left: 12px; }

#ClientExpensePolicyAddLimit label input,
#ClientExpensePolicyAddCondition label input {
	box-sizing: border-box;
	margin: 1px 3px; }

#ClientExpensePolicyAddLimit .modal-body,
#ClientExpensePolicyAddLimitNew .modal-body,
#ClientExpensePolicyAddCondition .modal-body,
#ClientExpensePolicyAddConditionNew .modal-body {
	display: flex;
	flex-direction: row-reverse;
	padding-right: 15px !important; }

#ExpensePolicyGridContainer .fa-exclamation-triangle {
	color: #e89138; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.aca-measurement-period-filter-container .labelRadio {
	padding-left: 18px; }

.aca-measurement-period-filter-container .inlineContainer {
	margin-left: 12px;
	margin-bottom: 12px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
div.edit-document-modal span.input {
	padding-left: 0px; }

table.employee-document-access-selection thead th {
	white-space: nowrap;
	padding: 3px 12px;
	text-align: center; }

table.employee-document-access-selection tbody th {
	text-align: left;
	font-weight: normal; }

table.employee-document-access-selection tbody td {
	text-align: center; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.employment-details {
	width: 100%; }

.changeEmploymentCategoryCheckBox {
	width: 100% !important; }

td.otherDetailsContainer {
	padding-left: 64px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.aca-measurement-policy-eligibility-fieldset .reportButtons {
	width: 426px;
	padding-top: 3px; }

.aca-measurement-policy-identification-fieldset {
	margin-right: 75px; }
	.aca-measurement-policy-identification-fieldset .switch-container {
		white-space: nowrap;
		width: 150px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.aca-reporting-groups-table .groupMembersFieldset {
	width: 600px; }

.aca-reporting-groups-table .additionalGroupMembersFieldset {
	margin-left: 15px; }

.aca-reporting-groups-table .empty-table-view {
	margin-top: 12px; }

.aca-reporting-groups-table .add-new-container {
	margin-top: 10px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.client-expense-dashboard-main-page-container {
	margin-left: 30px; }
	.client-expense-dashboard-main-page-container .pending-approval-container {
		margin-top: 18px;
		margin-left: 12px; }
		.client-expense-dashboard-main-page-container .pending-approval-container .client-expense-dashboard-date-range-filter-container {
			display: inline-block;
			box-shadow: 0px 0px 12px #cacaca;
			padding: 9px 12px;
			margin-right: 18px;
			vertical-align: bottom; }
			.client-expense-dashboard-main-page-container .pending-approval-container .client-expense-dashboard-date-range-filter-container strong {
				display: block; }
			.client-expense-dashboard-main-page-container .pending-approval-container .client-expense-dashboard-date-range-filter-container label {
				margin-right: 12px; }
		.client-expense-dashboard-main-page-container .pending-approval-container .pending-approval-message-container {
			display: inline-block;
			background-color: #f4f6f9;
			padding: 12px;
			box-shadow: 0px 0px 12px #cacaca;
			cursor: pointer; }
			.client-expense-dashboard-main-page-container .pending-approval-container .pending-approval-message-container .fal.fa-exclamation-triangle {
				color: #e89138;
				margin-right: 12px;
				vertical-align: middle; }
	.client-expense-dashboard-main-page-container .expense-steps-container {
		margin-top: 12px;
		display: flex;
		flex-wrap: wrap; }
		.client-expense-dashboard-main-page-container .expense-steps-container .expense-step-card {
			flex: 0 0 150px;
			padding: 12px;
			margin: 12px;
			box-shadow: 0px 0px 12px #cacaca;
			text-align: center;
			height: 175px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			cursor: pointer; }
			.client-expense-dashboard-main-page-container .expense-steps-container .expense-step-card:hover {
				background-color: #f4f6f9; }
			.client-expense-dashboard-main-page-container .expense-steps-container .expense-step-card .step-icon {
				padding-bottom: 12px;
				font-size: 1.25em; }
			.client-expense-dashboard-main-page-container .expense-steps-container .expense-step-card .step-text {
				font-weight: bold;
				margin-bottom: 24px; }
			.client-expense-dashboard-main-page-container .expense-steps-container .expense-step-card .step-dollar-amount {
				color: #89898a;
				font-size: 2em;
				margin-bottom: 12px; }

#HistoricalTabViewEditor {
	position: relative;
	min-height: 360px; }
	#HistoricalTabViewEditor #ClientExpenseHistoricalChartsCarousel {
		position: absolute;
		top: -12px;
		left: 236px;
		height: 360px; }

#ClientExpenseDashboardChartsCarousel,
#ClientExpenseHistoricalChartsCarousel {
	position: relative;
	width: 1188px;
	padding: 0 0; }
	#ClientExpenseDashboardChartsCarousel .carousel-left, #ClientExpenseDashboardChartsCarousel .carousel-right,
	#ClientExpenseHistoricalChartsCarousel .carousel-left,
	#ClientExpenseHistoricalChartsCarousel .carousel-right {
		position: absolute;
		top: 50%;
		margin-top: -13px;
		height: 26px;
		width: 26px;
		border: 1px solid #9d9d9d;
		border-radius: 13px;
		background-color: #fff; }
		#ClientExpenseDashboardChartsCarousel .carousel-left > i, #ClientExpenseDashboardChartsCarousel .carousel-right > i,
		#ClientExpenseHistoricalChartsCarousel .carousel-left > i,
		#ClientExpenseHistoricalChartsCarousel .carousel-right > i {
			margin: 2px 0 0 0; }
		#ClientExpenseDashboardChartsCarousel .carousel-left:hover, #ClientExpenseDashboardChartsCarousel .carousel-right:hover,
		#ClientExpenseHistoricalChartsCarousel .carousel-left:hover,
		#ClientExpenseHistoricalChartsCarousel .carousel-right:hover {
			background-color: #e6e6e6;
			color: #000; }
	#ClientExpenseDashboardChartsCarousel .carousel-left,
	#ClientExpenseHistoricalChartsCarousel .carousel-left {
		left: -23px; }
		#ClientExpenseDashboardChartsCarousel .carousel-left > i,
		#ClientExpenseHistoricalChartsCarousel .carousel-left > i {
			margin-right: 2px; }
	#ClientExpenseDashboardChartsCarousel .carousel-right,
	#ClientExpenseHistoricalChartsCarousel .carousel-right {
		right: -23px; }
		#ClientExpenseDashboardChartsCarousel .carousel-right > i,
		#ClientExpenseHistoricalChartsCarousel .carousel-right > i {
			margin-left: 2px; }
	#ClientExpenseDashboardChartsCarousel .chart-button,
	#ClientExpenseHistoricalChartsCarousel .chart-button {
		border: 1px solid #9d9d9d;
		border-radius: 4px;
		position: absolute;
		font-size: 14px;
		padding: 4px 13px;
		margin: 32px;
		background-color: #fff;
		width: 6em; }
		#ClientExpenseDashboardChartsCarousel .chart-button i.fa,
		#ClientExpenseHistoricalChartsCarousel .chart-button i.fa {
			margin-right: 8px; }
		#ClientExpenseDashboardChartsCarousel .chart-button:hover,
		#ClientExpenseHistoricalChartsCarousel .chart-button:hover {
			background-color: #e6e6e6; }
	#ClientExpenseDashboardChartsCarousel .no-data,
	#ClientExpenseHistoricalChartsCarousel .no-data {
		text-align: center;
		position: absolute;
		top: 50%;
		line-height: 1em;
		margin-top: -0.5em;
		width: 100%;
		font-size: 20px; }
	#ClientExpenseDashboardChartsCarousel .loadingOverlay.loadingIndicator,
	#ClientExpenseHistoricalChartsCarousel .loadingOverlay.loadingIndicator {
		z-index: 0;
		background-color: rgba(255, 255, 255, 0.5); }
	#ClientExpenseDashboardChartsCarousel .expense-charts-container,
	#ClientExpenseHistoricalChartsCarousel .expense-charts-container {
		margin-top: 12px;
		display: flex;
		flex-wrap: nowrap;
		overflow: hidden;
		position: relative; }
		#ClientExpenseDashboardChartsCarousel .expense-charts-container .expense-chart,
		#ClientExpenseHistoricalChartsCarousel .expense-charts-container .expense-chart {
			flex: 0 0 546px;
			padding: 12px;
			margin: 12px;
			box-shadow: 0px 0px 12px #cacaca;
			text-align: center;
			height: 300px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			width: 546px; }
			#ClientExpenseDashboardChartsCarousel .expense-charts-container .expense-chart:hover,
			#ClientExpenseHistoricalChartsCarousel .expense-charts-container .expense-chart:hover {
				background-color: #f4f6f9; }
			#ClientExpenseDashboardChartsCarousel .expense-charts-container .expense-chart.drilldown-active .dxc-series rect,
			#ClientExpenseHistoricalChartsCarousel .expense-charts-container .expense-chart.drilldown-active .dxc-series rect {
				cursor: pointer; }

#ExpenseDashboardPaidGridContainer .action-buttons button,
#ExpenseDashboardVoidedGridContainer .action-buttons button {
	margin-right: 2px; }

.expense-dashboard-action-bar {
	background-color: #EBECEE;
	height: 48px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center; }
	.expense-dashboard-action-bar .filter-container {
		flex: 1 1;
		height: 100%; }
		.expense-dashboard-action-bar .filter-container .dx-selectbox {
			width: 200px;
			height: 100%;
			display: inline-block; }
			.expense-dashboard-action-bar .filter-container .dx-selectbox .dx-texteditor-input {
				height: 100%; }
		.expense-dashboard-action-bar .filter-container .dx-tag {
			line-height: 35px; }
	.expense-dashboard-action-bar .action-container {
		flex: 1 1;
		text-align: right;
		margin-left: 12px;
		margin-right: 12px; }
		.expense-dashboard-action-bar .action-container .btn-outline.btn-green {
			background-color: #ffffff;
			color: #39B54A;
			border-color: #39B54A; }
		.expense-dashboard-action-bar .action-container .btn-outline.btn-green:hover, .expense-dashboard-action-bar .action-container .btn-outline.btn-green:focus, .expense-dashboard-action-bar .action-container .btn-outline.btn-green:active, .expense-dashboard-action-bar .action-container .btn-outline.btn-green.active {
			background-color: #ebf9ee;
			color: #6AA30A;
			border-color: #6AA30A; }
		.expense-dashboard-action-bar .action-container .btn-outline.btn-green.disabled, .expense-dashboard-action-bar .action-container .btn-outline.btn-green[disabled], .expense-dashboard-action-bar .action-container fieldset[disabled] .btn-outline.btn-green, .expense-dashboard-action-bar .action-container .btn-outline.btn-green.disabled:hover, .expense-dashboard-action-bar .action-container .btn-outline.btn-green[disabled]:hover, .expense-dashboard-action-bar .action-container fieldset[disabled] .btn-outline.btn-green:hover, .expense-dashboard-action-bar .action-container .btn-outline.btn-green.disabled:focus, .expense-dashboard-action-bar .action-container .btn-outline.btn-green[disabled]:focus, .expense-dashboard-action-bar .action-container fieldset[disabled] .btn-outline.btn-green:focus, .expense-dashboard-action-bar .action-container .btn-outline.btn-green.disabled:active, .expense-dashboard-action-bar .action-container .btn-outline.btn-green[disabled]:active, .expense-dashboard-action-bar .action-container fieldset[disabled] .btn-outline.btn-green:active, .expense-dashboard-action-bar .action-container .btn-outline.btn-green.disabled.active, .expense-dashboard-action-bar .action-container .btn-outline.btn-green[disabled].active, .expense-dashboard-action-bar .action-container fieldset[disabled] .btn-outline.btn-green.active {
			background-color: #ffffff;
			color: #999999; }
		.expense-dashboard-action-bar .action-container .btn-outline.btn-red {
			background-color: #ffffff;
			color: #FF0000;
			border-color: #FF0000; }
		.expense-dashboard-action-bar .action-container .btn-outline.btn-red:hover, .expense-dashboard-action-bar .action-container .btn-outline.btn-red:focus, .expense-dashboard-action-bar .action-container .btn-outline.btn-red:active, .expense-dashboard-action-bar .action-container .btn-outline.btn-red.active {
			background-color: #FFE5E5;
			color: #FF0000;
			border-color: #FF0000; }
		.expense-dashboard-action-bar .action-container .btn-outline.btn-red.disabled, .expense-dashboard-action-bar .action-container .btn-outline.btn-red[disabled], .expense-dashboard-action-bar .action-container fieldset[disabled] .btn-outline.btn-red, .expense-dashboard-action-bar .action-container .btn-outline.btn-red.disabled:hover, .expense-dashboard-action-bar .action-container .btn-outline.btn-red[disabled]:hover, .expense-dashboard-action-bar .action-container fieldset[disabled] .btn-outline.btn-red:hover, .expense-dashboard-action-bar .action-container .btn-outline.btn-red.disabled:focus, .expense-dashboard-action-bar .action-container .btn-outline.btn-red[disabled]:focus, .expense-dashboard-action-bar .action-container fieldset[disabled] .btn-outline.btn-red:focus, .expense-dashboard-action-bar .action-container .btn-outline.btn-red.disabled:active, .expense-dashboard-action-bar .action-container .btn-outline.btn-red[disabled]:active, .expense-dashboard-action-bar .action-container fieldset[disabled] .btn-outline.btn-red:active, .expense-dashboard-action-bar .action-container .btn-outline.btn-red.disabled.active, .expense-dashboard-action-bar .action-container .btn-outline.btn-red[disabled].active, .expense-dashboard-action-bar .action-container fieldset[disabled] .btn-outline.btn-red.active {
			background-color: #ffffff;
			color: #999999; }
		.expense-dashboard-action-bar .action-container .btn-outline.btn-midnight-blue {
			background-color: #ffffff;
			color: #01316c;
			border-color: #01316c; }
		.expense-dashboard-action-bar .action-container .btn-outline.btn-midnight-blue:hover, .expense-dashboard-action-bar .action-container .btn-outline.btn-midnight-blue:focus, .expense-dashboard-action-bar .action-container .btn-outline.btn-midnight-blue:active, .expense-dashboard-action-bar .action-container .btn-outline.btn-midnight-blue.active {
			background-color: #E6F1FF;
			color: #01316c;
			border-color: #01316c; }
		.expense-dashboard-action-bar .action-container .btn-outline.btn-midnight-blue.disabled, .expense-dashboard-action-bar .action-container .btn-outline.btn-midnight-blue[disabled], .expense-dashboard-action-bar .action-container fieldset[disabled] .btn-outline.btn-midnight-blue, .expense-dashboard-action-bar .action-container .btn-outline.btn-midnight-blue.disabled:hover, .expense-dashboard-action-bar .action-container .btn-outline.btn-midnight-blue[disabled]:hover, .expense-dashboard-action-bar .action-container fieldset[disabled] .btn-outline.btn-midnight-blue:hover, .expense-dashboard-action-bar .action-container .btn-outline.btn-midnight-blue.disabled:focus, .expense-dashboard-action-bar .action-container .btn-outline.btn-midnight-blue[disabled]:focus, .expense-dashboard-action-bar .action-container fieldset[disabled] .btn-outline.btn-midnight-blue:focus, .expense-dashboard-action-bar .action-container .btn-outline.btn-midnight-blue.disabled:active, .expense-dashboard-action-bar .action-container .btn-outline.btn-midnight-blue[disabled]:active, .expense-dashboard-action-bar .action-container fieldset[disabled] .btn-outline.btn-midnight-blue:active, .expense-dashboard-action-bar .action-container .btn-outline.btn-midnight-blue.disabled.active, .expense-dashboard-action-bar .action-container .btn-outline.btn-midnight-blue[disabled].active, .expense-dashboard-action-bar .action-container fieldset[disabled] .btn-outline.btn-midnight-blue.active {
			background-color: #ffffff;
			color: #999999; }
		.expense-dashboard-action-bar .action-container.left {
			text-align: left; }

.expense-dashboard-in-progress-container {
	display: flex;
	flex-direction: row; }
	.expense-dashboard-in-progress-container .expense-dashboard-action-bar {
		background-color: #fafbfc; }
	.expense-dashboard-in-progress-container .expense-dashboard-list-container {
		flex: 0 0 400px; }
		.expense-dashboard-in-progress-container .expense-dashboard-list-container .expense-item-summary-container {
			box-shadow: 0px 0px 12px #cacaca;
			position: relative; }
			.expense-dashboard-in-progress-container .expense-dashboard-list-container .expense-item-summary-container button.scroll-trigger {
				overflow: hidden;
				height: 1px;
				position: relative;
				z-index: -100; }
		.expense-dashboard-in-progress-container .expense-dashboard-list-container label.multi-select {
			position: absolute;
			padding: 12px; }
			.expense-dashboard-in-progress-container .expense-dashboard-list-container label.multi-select + .expense-item-summary {
				padding-left: 30px; }
			.expense-dashboard-in-progress-container .expense-dashboard-list-container label.multi-select + .expense-item-summary.selected {
				padding-left: 27px; }
		.expense-dashboard-in-progress-container .expense-dashboard-list-container .expense-item-summary {
			background-color: #ffffff;
			margin-bottom: 2px;
			margin-right: 2px;
			padding: 12px;
			display: flex;
			flex-direction: row;
			cursor: pointer; }
			.expense-dashboard-in-progress-container .expense-dashboard-list-container .expense-item-summary .left-column {
				flex: 1 1; }
			.expense-dashboard-in-progress-container .expense-dashboard-list-container .expense-item-summary .right-column {
				flex: 1 1;
				text-align: right; }
			.expense-dashboard-in-progress-container .expense-dashboard-list-container .expense-item-summary .header-text {
				font-weight: bold;
				font-size: 1.2em;
				margin-bottom: 3px; }
			.expense-dashboard-in-progress-container .expense-dashboard-list-container .expense-item-summary.selected {
				border-left: 3px solid #01316c;
				background-color: #eff3f6; }
				.expense-dashboard-in-progress-container .expense-dashboard-list-container .expense-item-summary.selected .employee-name {
					color: #01316c; }
	.expense-dashboard-in-progress-container .expense-dashboard-details-container {
		flex: 1 1; }
		.expense-dashboard-in-progress-container .expense-dashboard-details-container .multiple-select-message {
			text-align: center;
			padding-top: 12em; }

.expense-dashboard-detail-container .header-bar {
	display: flex;
	flex-direction: row;
	padding: 12px; }
	.expense-dashboard-detail-container .header-bar .header-item {
		font-size: 1.4em;
		font-weight: bold;
		color: #01316c; }
		.expense-dashboard-detail-container .header-bar .header-item:not(:last-child) {
			margin-right: 12px; }
	.expense-dashboard-detail-container .header-bar i.fa-exclamation-triangle {
		margin-left: -8px;
		color: #e89138;
		line-height: 20px; }

.expense-dashboard-detail-container .details-container {
	display: flex;
	flex-direction: row;
	padding: 12px; }
	.expense-dashboard-detail-container .details-container .details-column {
		flex: 1 1 auto; }
		.expense-dashboard-detail-container .details-container .details-column .detail-item-column-container {
			display: flex;
			flex-direction: row; }
			.expense-dashboard-detail-container .details-container .details-column .detail-item-column-container .detail-item-column {
				flex: 1 1 auto; }
		.expense-dashboard-detail-container .details-container .details-column .detail-item {
			margin-bottom: 6px; }
			.expense-dashboard-detail-container .details-container .details-column .detail-item .detail-item-header {
				color: #89898a; }
			.expense-dashboard-detail-container .details-container .details-column .detail-item .detail-item-value {
				font-weight: bold; }
			.expense-dashboard-detail-container .details-container .details-column .detail-item.unit-details {
				display: inline-block;
				width: 100px; }
	.expense-dashboard-detail-container .details-container .attachment-section {
		margin-top: 12px;
		width: 300px; }
		.expense-dashboard-detail-container .details-container .attachment-section .attachment-container {
			position: relative; }
			.expense-dashboard-detail-container .details-container .attachment-section .attachment-container img {
				min-width: 300px;
				max-width: 300px;
				cursor: pointer; }
			.expense-dashboard-detail-container .details-container .attachment-section .attachment-container .non-image-attachment {
				width: 300px;
				height: 300px;
				cursor: pointer;
				border: 1px solid #89898a;
				display: flex;
				justify-content: center;
				align-items: center; }
			.expense-dashboard-detail-container .details-container .attachment-section .attachment-container .attachment-expand-container {
				background-color: white;
				opacity: 0.3;
				position: absolute;
				height: 36px;
				margin-top: -48px;
				right: 0px;
				cursor: pointer;
				padding: 6px; }
				.expense-dashboard-detail-container .details-container .attachment-section .attachment-container .attachment-expand-container .fa-search-plus {
					color: #0a0a0a; }
			.expense-dashboard-detail-container .details-container .attachment-section .attachment-container .attachment-description-container {
				background-color: #f5f5f5;
				padding: 12px; }
				.expense-dashboard-detail-container .details-container .attachment-section .attachment-container .attachment-description-container .attachment-description-header {
					color: #89898a;
					margin-bottom: 6px; }
				.expense-dashboard-detail-container .details-container .attachment-section .attachment-container .attachment-description-container .attachment-description-value {
					font-weight: bold; }
	.expense-dashboard-detail-container .details-container .history-column {
		flex: 0 0 475px;
		padding-left: 12px;
		padding-right: 12px; }
		.expense-dashboard-detail-container .details-container .history-column .history-container {
			display: flex;
			flex-direction: column;
			align-items: center; }
			.expense-dashboard-detail-container .details-container .history-column .history-container .history-item-container {
				flex: 1 1 auto;
				width: 400px;
				margin-top: 24px;
				margin-bottom: 24px;
				position: relative; }
				.expense-dashboard-detail-container .details-container .history-column .history-container .history-item-container .history-item-timestamp {
					width: 100%;
					text-align: center; }
				.expense-dashboard-detail-container .details-container .history-column .history-container .history-item-container .history-item-card {
					padding: 12px;
					margin: 12px;
					box-shadow: 0px 0px 12px #cacaca;
					position: relative; }
					.expense-dashboard-detail-container .details-container .history-column .history-container .history-item-container .history-item-card .fa-check-circle {
						position: absolute;
						left: -30px;
						top: 0px;
						color: #39B54A;
						font-size: 1.5em; }
					.expense-dashboard-detail-container .details-container .history-column .history-container .history-item-container .history-item-card .history-item-action-taken {
						font-weight: bold;
						font-size: 1.2em; }
				.expense-dashboard-detail-container .details-container .history-column .history-container .history-item-container:not(:first-child):before {
					content: "";
					background-color: #0a0a0a;
					position: absolute;
					width: 2px;
					top: -30px;
					left: 50%;
					height: 24px;
					display: block; }
				.expense-dashboard-detail-container .details-container .history-column .history-container .history-item-container:not(:last-child):after {
					content: "";
					background-color: #0a0a0a;
					position: absolute;
					width: 2px;
					bottom: -24px;
					left: 50%;
					height: 24px;
					display: block; }
	.expense-dashboard-detail-container .details-container hr {
		height: 1px;
		background-color: #e0e0e0;
		border: none;
		margin: 12px 0px; }
	.expense-dashboard-detail-container .details-container .fa-exclamation-triangle {
		color: #e89138; }
	.expense-dashboard-detail-container .details-container .section-header {
		font-size: 1.4em;
		font-weight: bold;
		margin-bottom: 12px; }

.client-expense-dashboard-historical-container {
	padding: 12px;
	margin: 12px;
	box-shadow: 0px 0px 12px #cacaca;
	width: 160px;
	cursor: pointer;
	background-color: #f4f6f9; }
	.client-expense-dashboard-historical-container .fa-file-invoice-dollar {
		margin-right: 6px;
		vertical-align: middle; }

.client-expense-dashboard-historical-filter-container {
	padding: 12px;
	margin: 12px;
	box-shadow: 0px 0px 12px #cacaca;
	width: 160px;
	background-color: #fff; }
	.client-expense-dashboard-historical-filter-container strong {
		display: block; }
	.client-expense-dashboard-historical-filter-container label {
		display: block;
		margin: 3px 0; }
	.client-expense-dashboard-historical-filter-container label.date-chooser {
		position: relative;
		margin-left: 16px;
		text-align: right; }
		.client-expense-dashboard-historical-filter-container label.date-chooser input {
			width: 6em; }
		.client-expense-dashboard-historical-filter-container label.date-chooser i {
			position: absolute;
			right: 3px;
			top: 4px; }

.expense-dashboard-paid-expenses-filter-container,
.expense-dashboard-voided-expenses-filter-container {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	margin-bottom: 12px; }
	.expense-dashboard-paid-expenses-filter-container .date-range-filter-container,
	.expense-dashboard-voided-expenses-filter-container .date-range-filter-container {
		flex: 0 0 275px; }
		.expense-dashboard-paid-expenses-filter-container .date-range-filter-container fieldset,
		.expense-dashboard-voided-expenses-filter-container .date-range-filter-container fieldset {
			width: 275px; }
	.expense-dashboard-paid-expenses-filter-container .button-container,
	.expense-dashboard-voided-expenses-filter-container .button-container {
		flex: 1 1 auto;
		margin-left: 6px; }

.expense-dashboard-paid-expenses-loading-container,
.expense-dashboard-voided-expenses-loading-container {
	padding: 12px;
	text-align: center; }
	.expense-dashboard-paid-expenses-loading-container .spinner,
	.expense-dashboard-voided-expenses-loading-container .spinner {
		margin-right: 6px; }

.expense-dashboard-paid-expenses-history-loading-container #empInfo .leftColumn {
	text-align: right; }

.expense-dashboard-paid-expenses-history-loading-container #empInfo .rightColumn {
	font-weight: bold;
	padding-left: 3px; }

/* This is a common style used on various pages for collapsible sections */
.collapsibleList .listItem {
	margin: 12px 12px; }
	.collapsibleList .listItem .listItemHeader {
		cursor: pointer;
		font-size: 14px;
		display: flex;
		align-items: center; }
		.collapsibleList .listItem .listItemHeader i {
			margin-right: 6px; }
		.collapsibleList .listItem .listItemHeader span {
			color: #01316c;
			font-weight: bold; }
	.collapsibleList .listItem .listItemDetails {
		margin-top: 6px;
		margin-left: 29px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.legal-aca-forms-approval-page-container .legal-aca-forms-approval-options-container {
	margin: 12px;
	display: flex;
	flex-wrap: wrap; }
	.legal-aca-forms-approval-page-container .legal-aca-forms-approval-options-container .option-card {
		flex: 0 0 150px;
		padding: 12px;
		margin: 12px;
		box-shadow: 0px 0px 12px #cacaca;
		text-align: center;
		height: 175px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		cursor: pointer; }
		.legal-aca-forms-approval-page-container .legal-aca-forms-approval-options-container .option-card:hover {
			background-color: #f4f6f9; }
		.legal-aca-forms-approval-page-container .legal-aca-forms-approval-options-container .option-card.selected {
			background-color: #E7F0F9; }
			.legal-aca-forms-approval-page-container .legal-aca-forms-approval-options-container .option-card.selected:hover {
				background-color: #E7F0F9; }
		.legal-aca-forms-approval-page-container .legal-aca-forms-approval-options-container .option-card.disabled {
			cursor: default;
			opacity: 0.5;
			background-color: #e0e0e0;
			box-shadow: none; }
		.legal-aca-forms-approval-page-container .legal-aca-forms-approval-options-container .option-card.approved {
			background-color: #f2fbfb; }
			.legal-aca-forms-approval-page-container .legal-aca-forms-approval-options-container .option-card.approved:hover {
				background-color: #f2fbfb; }
		.legal-aca-forms-approval-page-container .legal-aca-forms-approval-options-container .option-card .option-icon {
			padding-bottom: 24px;
			font-size: 1.25em; }
		.legal-aca-forms-approval-page-container .legal-aca-forms-approval-options-container .option-card .option-text {
			font-weight: bold; }
		.legal-aca-forms-approval-page-container .legal-aca-forms-approval-options-container .option-card .approval-details {
			margin-top: 12px;
			margin-bottom: -40px; }

.legal-aca-forms-approval-page-container .legal-aca-forms-approval-panel {
	box-shadow: 0px 0px 12px #cacaca;
	padding: 12px;
	margin: 12px 12px 12px 24px;
	width: 942px; }
	.legal-aca-forms-approval-page-container .legal-aca-forms-approval-panel .legal-aca-forms-approval-header {
		padding-bottom: 12px;
		font-size: 14.4px;
		font-weight: bold; }
	.legal-aca-forms-approval-page-container .legal-aca-forms-approval-panel .approval-running-spinner {
		margin: 12px 0;
		width: 100%;
		text-align: center; }
		.legal-aca-forms-approval-page-container .legal-aca-forms-approval-panel .approval-running-spinner i {
			margin-bottom: 12px; }
	.legal-aca-forms-approval-page-container .legal-aca-forms-approval-panel fieldset {
		width: 100%;
		margin-bottom: 12px; }
		.legal-aca-forms-approval-page-container .legal-aca-forms-approval-panel fieldset .legal-aca-forms-approval-certification-statement {
			margin: 0 12px;
			text-align: left;
			display: flex; }
			.legal-aca-forms-approval-page-container .legal-aca-forms-approval-panel fieldset .legal-aca-forms-approval-certification-statement input {
				margin-top: 6px;
				margin-right: 12px; }
	.legal-aca-forms-approval-page-container .legal-aca-forms-approval-panel.short {
		width: 546px; }

.legal-aca-forms-approval-page-container .my-reports-queue-container .fa-share-square {
	color: #01316c;
	vertical-align: middle;
	margin-right: 6px; }

.legal-aca-forms-approval-page-container .my-reports-queue-container span.message-text {
	vertical-align: middle; }

.legal-aca-forms-approval-page-container .generate-missing-forms-container {
	background-color: #f2fbfb;
	display: flex;
	flex-direction: row;
	align-items: center; }
	.legal-aca-forms-approval-page-container .generate-missing-forms-container .icon-container {
		flex: 0 0 50px; }
		.legal-aca-forms-approval-page-container .generate-missing-forms-container .icon-container .fa-exclamation-triangle {
			color: #e89138; }
	.legal-aca-forms-approval-page-container .generate-missing-forms-container .text-container .header-container {
		font-weight: bold;
		margin-bottom: 6px; }
	.legal-aca-forms-approval-page-container .generate-missing-forms-container .text-container .message-container .btn {
		margin-left: 3px; }

.legal-aca-forms-approval-page-container .reset-forms-container {
	background-color: #f2fbfb;
	display: flex;
	flex-direction: row;
	align-items: center; }
	.legal-aca-forms-approval-page-container .reset-forms-container .icon-container {
		flex: 0 0 50px; }
		.legal-aca-forms-approval-page-container .reset-forms-container .icon-container .fa-exclamation-triangle {
			color: red; }
	.legal-aca-forms-approval-page-container .reset-forms-container .text-container .message-container .btn-link {
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 3px; }

.legal-aca-forms-approval-page-container .approve-forms-container {
	margin-left: 12px;
	padding-left: 12px; }
	.legal-aca-forms-approval-page-container .approve-forms-container button {
		margin-right: 12px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.aca-report-options-eligibility-fieldset .reportButtons {
	width: 426px;
	padding-top: 3px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.system-aca-year-end-dashboard-error-modal .error-details {
	text-align: center;
	color: red;
	word-wrap: break-word;
	width: 570px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.aca-state-healthcare-reporting-grid i.error-icon {
	color: red;
	margin-left: 12px; }

.aca-state-healthcare-reporting-grid i.interim-file-icon {
	color: green; }

.aca-state-healthcare-reporting-filter {
	overflow-y: auto; }
	.aca-state-healthcare-reporting-filter .verticalFilterContainer {
		margin-top: 10px; }
	.aca-state-healthcare-reporting-filter select.filterGroupBodyItem {
		width: 125px; }

.aca-state-healthcare-reporting-form div.legal-company {
	margin: 6px 12px; }

.aca-state-healthcare-reporting-form textarea {
	width: 100%; }

.aca-state-healthcare-reporting-form div.multi-line-notes {
	text-align: left;
	padding: 1px 6px; }
	.aca-state-healthcare-reporting-form div.multi-line-notes p {
		margin-bottom: 12px;
		margin-top: 0; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.acaSystemHistoryFieldset label {
	margin-top: 15px;
	margin-left: 10px;
	text-align: left; }

.acaSystemHistoryContainer {
	padding-top: 15px; }
	.acaSystemHistoryContainer .acaSystemHistoryDetails .acaSystemHistoryDetailsSection {
		margin: 12px 0px; }
		.acaSystemHistoryContainer .acaSystemHistoryDetails .acaSystemHistoryDetailsSection table th, .acaSystemHistoryContainer .acaSystemHistoryDetails .acaSystemHistoryDetailsSection table td {
			min-width: 150px;
			text-align: left;
			color: #292929;
			padding: 3px 6px; }
			.acaSystemHistoryContainer .acaSystemHistoryDetails .acaSystemHistoryDetailsSection table th.costCell, .acaSystemHistoryContainer .acaSystemHistoryDetails .acaSystemHistoryDetailsSection table td.costCell {
				min-width: 70px; }
		.acaSystemHistoryContainer .acaSystemHistoryDetails .acaSystemHistoryDetailsSection #batchTemplateTable th, .acaSystemHistoryContainer .acaSystemHistoryDetails .acaSystemHistoryDetailsSection #batchTemplateTable td {
			min-width: 90px; }

.expandCollapseButtonsContainer button {
	float: right;
	margin-right: 3px; }

.collapsibleList .listItem {
	margin: 12px 12px; }
	.collapsibleList .listItem .listItemHeader {
		cursor: pointer;
		font-size: 14px;
		display: flex;
		align-items: center; }
		.collapsibleList .listItem .listItemHeader i {
			margin-right: 6px; }
		.collapsibleList .listItem .listItemHeader span {
			color: #01316c;
			font-weight: bold; }
	.collapsibleList .listItem .listItemDetails {
		margin-top: 6px;
		margin-left: 29px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.client-notice-template-form-fieldset {
	margin-top: 20px; }
	.client-notice-template-form-fieldset label {
		text-align: left;
		color: #01316c; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.client-disciplinary-action-policy-sort-container .policy-list-container {
	margin-left: 12px; }
	.client-disciplinary-action-policy-sort-container .policy-list-container .policy-item {
		width: 400px;
		padding: 12px;
		box-shadow: 0px 0px 6px #cacaca;
		border-radius: 3px;
		display: flex;
		flex-direction: row;
		align-items: center; }
		.client-disciplinary-action-policy-sort-container .policy-list-container .policy-item .policy-data-container {
			flex: 1 1 auto; }
			.client-disciplinary-action-policy-sort-container .policy-list-container .policy-item .policy-data-container .policy-name {
				margin-bottom: 12px;
				font-weight: bold; }
			.client-disciplinary-action-policy-sort-container .policy-list-container .policy-item .policy-data-container .eligibility-rules {
				color: #89898a; }
		.client-disciplinary-action-policy-sort-container .policy-list-container .policy-item .policy-drag-icon {
			flex: 0 0 20px; }
		.client-disciplinary-action-policy-sort-container .policy-list-container .policy-item:not(:last-child) {
			margin-bottom: 12px; }
		.client-disciplinary-action-policy-sort-container .policy-list-container .policy-item.inactive {
			font-style: italic;
			background-color: #f5f5f5; }
			.client-disciplinary-action-policy-sort-container .policy-list-container .policy-item.inactive .policy-name {
				color: #89898a; }
			.client-disciplinary-action-policy-sort-container .policy-list-container .policy-item.inactive .eligibility-rules {
				color: #b1b1b1; }

.client-disciplinary-action-policy-sort-container .empty-table-view {
	margin-left: 12px; }

.policy-actions-container i.fa-warning,
.client-disciplinary-action-email-alerts i.fa-warning {
	color: #e89138;
	margin-left: 3px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.employee-corrective-actions-form .occurrences-table tr {
	cursor: pointer; }
	.employee-corrective-actions-form .occurrences-table tr:hover {
		background-color: #f4f6f9; }

.employee-corrective-actions-form .occurrence-details-container legend span {
	vertical-align: middle;
	margin-right: 3px; }
	.employee-corrective-actions-form .occurrence-details-container legend span.navigation-button {
		margin-left: 3px;
		cursor: pointer; }

.employee-corrective-actions-form .occurrence-details-container legend button.action-button {
	vertical-align: middle;
	padding-top: 2px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.employee-form-i9-container {
	margin-left: 18px;
	margin-bottom: 12px; }
	.employee-form-i9-container .section-header {
		font-weight: bold;
		margin-top: 12px; }
	.employee-form-i9-container .section {
		margin-top: 12px;
		width: 900px;
		text-align: justify; }
	.employee-form-i9-container .add-new-container {
		margin-left: 12px; }
	.employee-form-i9-container .translator-name-plate {
		margin-left: 12px;
		padding-top: 6px; }
		.employee-form-i9-container .translator-name-plate .delete {
			color: #e4292a;
			padding-left: 6px; }
		.employee-form-i9-container .translator-name-plate .edit {
			color: #01316c;
			padding-left: 6px; }
	.employee-form-i9-container .additional-info {
		font-style: italic; }
	.employee-form-i9-container fieldset.i9-fieldset {
		width: 400px; }
	.employee-form-i9-container div.citizenship-error-panel,
	.employee-form-i9-container div.translator-error-panel {
		display: none;
		text-align: left; }
	.employee-form-i9-container fieldset.citizenship-fieldset {
		width: 840px;
		margin: 12px 24px 0px 24px; }
		.employee-form-i9-container fieldset.citizenship-fieldset label {
			text-align: left; }
			.employee-form-i9-container fieldset.citizenship-fieldset label > span {
				line-height: 22px; }
		.employee-form-i9-container fieldset.citizenship-fieldset .alien-identification-container .additional-info {
			margin: 6px 0 6px 0; }
		.employee-form-i9-container fieldset.citizenship-fieldset .alien-identification-form-field-container {
			margin-right: 96px; }
			.employee-form-i9-container fieldset.citizenship-fieldset .alien-identification-form-field-container label {
				text-align: right; }
			.employee-form-i9-container fieldset.citizenship-fieldset .alien-identification-form-field-container .or-block {
				font-weight: bold;
				margin-left: 530px; }
		.employee-form-i9-container fieldset.citizenship-fieldset .bold {
			font-weight: bold;
			vertical-align: top; }
		.employee-form-i9-container fieldset.citizenship-fieldset .citizenship-bold-text {
			font-weight: bold;
			vertical-align: baseline; }
		.employee-form-i9-container fieldset.citizenship-fieldset .error {
			text-align: left; }
	.employee-form-i9-container .signature-container label {
		margin-right: 12px; }
	.employee-form-i9-container .signature-container input {
		margin-left: 3px; }
	.employee-form-i9-container .translator-section {
		font-weight: bold; }
		.employee-form-i9-container .translator-section label {
			margin-right: 12px; }

.form-i9-filter-container {
	margin: 12px; }
	.form-i9-filter-container select {
		margin-left: 3px; }

.form-i9-warning-container {
	display: flex;
	flex-direction: row;
	margin: 12px;
	align-items: center; }
	.form-i9-warning-container .warning-icon {
		flex: 0 0 16px;
		margin-right: 3px; }
		.form-i9-warning-container .warning-icon .fa-exclamation-triangle {
			color: #e89138; }
	.form-i9-warning-container .warning-message {
		flex: 1 1 auto;
		text-align: justify; }

.employer-form-i9-container {
	margin: 12px;
	width: 900px;
	position: relative; }
	.employer-form-i9-container .warning-container {
		display: flex;
		flex-direction: row;
		margin: 12px;
		align-items: center; }
		.employer-form-i9-container .warning-container .warning-icon {
			flex: 0 0 16px;
			margin-right: 3px; }
			.employer-form-i9-container .warning-container .warning-icon .fa-exclamation-triangle {
				color: #e89138; }
		.employer-form-i9-container .warning-container .warning-message {
			flex: 1 1 auto;
			text-align: justify; }
	.employer-form-i9-container .instruction-link {
		margin: 0px 3px; }
	.employer-form-i9-container .i9-section-header {
		font-size: 1.2em;
		font-weight: bold;
		margin-top: 12px; }
		.employer-form-i9-container .i9-section-header .sub-header {
			font-weight: normal;
			font-style: italic;
			vertical-align: top; }
	.employer-form-i9-container .i9-section {
		margin-top: 12px;
		text-align: justify; }
		.employer-form-i9-container .i9-section.extra-top-margin {
			margin-top: 24px; }
	.employer-form-i9-container .bold {
		font-weight: bold; }
	.employer-form-i9-container .italic {
		font-style: italic; }
	.employer-form-i9-container .table-view .table-view-column {
		font-weight: bold;
		vertical-align: middle;
		line-height: unset; }
		.employer-form-i9-container .table-view .table-view-column.table-view-header:not(.bold) {
			font-weight: normal; }
		.employer-form-i9-container .table-view .table-view-column.small {
			min-width: 50px; }
			.employer-form-i9-container .table-view .table-view-column.small .prevent-wrap {
				width: 50px; }
			.employer-form-i9-container .table-view .table-view-column.small input:not(.dx-texteditor-input) {
				width: 50px; }
				.employer-form-i9-container .table-view .table-view-column.small input:not(.dx-texteditor-input).calendar {
					width: 34px; }
	.employer-form-i9-container .document-container {
		display: flex;
		justify-content: stretch; }
		.employer-form-i9-container .document-container .document-column {
			flex: 0 1 auto; }
			.employer-form-i9-container .document-container .document-column .document-column-header-container {
				height: 30px;
				font-weight: bold;
				text-align: center;
				margin-bottom: 12px; }
				.employer-form-i9-container .document-container .document-column .document-column-header-container .heading {
					font-size: 1.1em; }
			.employer-form-i9-container .document-container .document-column .border-div {
				height: calc(100% - ($header-height + $spacing-size_default));
				border-right: 1px solid black; }
		.employer-form-i9-container .document-container .spacer-column {
			margin: 0px 12px; }
		.employer-form-i9-container .document-container .combined-document-column {
			flex: 0 1 auto;
			padding-left: 18px; }
	.employer-form-i9-container .document-section {
		width: 230px;
		margin-bottom: 3px; }
		.employer-form-i9-container .document-section .form-field {
			padding: 3px 0px; }
			.employer-form-i9-container .document-section .form-field .form-input {
				width: 100%; }
	.employer-form-i9-container .additional-information {
		margin-top: 24px; }
		.employer-form-i9-container .additional-information textarea {
			width: 500px;
			height: 250px; }
	.employer-form-i9-container .alternative-procedure {
		margin-top: 12px;
		padding-top: 3px; }
	.employer-form-i9-container .certification-statement {
		display: inline-block;
		width: 600px; }
	.employer-form-i9-container .hire-date-container {
		display: inline-block;
		width: 140px;
		margin-left: 60px;
		text-align: left; }
	.employer-form-i9-container .er-i9-form-section {
		width: 900px;
		text-align: left; }
		.employer-form-i9-container .er-i9-form-section .form-field-row {
			margin-bottom: 12px;
			display: flex; }
			.employer-form-i9-container .er-i9-form-section .form-field-row span {
				vertical-align: top;
				margin-left: 3px; }
			.employer-form-i9-container .er-i9-form-section .form-field-row.section-header {
				margin-bottom: 6px; }
			.employer-form-i9-container .er-i9-form-section .form-field-row .form-field {
				display: inline-block;
				min-width: 0px; }
				.employer-form-i9-container .er-i9-form-section .form-field-row .form-field:not(:first-child) {
					margin-left: 12px; }
				.employer-form-i9-container .er-i9-form-section .form-field-row .form-field .form-input {
					width: 100%; }
				.employer-form-i9-container .er-i9-form-section .form-field-row .form-field.employer-name-and-title-container {
					flex: 1 1 450px; }
				.employer-form-i9-container .er-i9-form-section .form-field-row .form-field.employer-signature-container {
					flex: 1 1 350px; }
				.employer-form-i9-container .er-i9-form-section .form-field-row .form-field.employer-signature-date-container {
					flex: 0 0 100px; }
				.employer-form-i9-container .er-i9-form-section .form-field-row .form-field.employer-name-container {
					flex: 1 1 300px; }
				.employer-form-i9-container .er-i9-form-section .form-field-row .form-field.employer-address-container {
					flex: 1 1 600px; }

.employee-form-i9-corrections-container {
	margin: 12px; }
	.employee-form-i9-corrections-container .form-table td, .employee-form-i9-corrections-container .form-table th {
		min-width: 200px;
		max-width: 300px;
		text-align: left;
		padding: 3px; }
		.employee-form-i9-corrections-container .form-table td.static-height, .employee-form-i9-corrections-container .form-table th.static-height {
			height: 20px; }
	.employee-form-i9-corrections-container .form-table .bold {
		font-weight: bold; }
	.employee-form-i9-corrections-container .form-table .italic {
		font-style: italic; }
	.employee-form-i9-corrections-container .form-table .form-input {
		width: 200px; }
	.employee-form-i9-corrections-container .additional-info-container {
		margin-top: 24px;
		padding-left: 3px; }
		.employee-form-i9-corrections-container .additional-info-container .additional-info-label {
			font-weight: bold; }
		.employee-form-i9-corrections-container .additional-info-container textarea {
			width: 350px; }

.translator-form-i9-container fieldset.i9-fieldset {
	width: 400px; }

.translator-form-i9-container .additional-info {
	font-style: italic; }

#EmploymentI9PreparerTranslatorModal fieldset.i9-fieldset, #EmployeeFormI9CorrectionsTranslatorModel fieldset.i9-fieldset {
	width: 400px; }

#EmploymentI9PreparerTranslatorModal .section-header, #EmployeeFormI9CorrectionsTranslatorModel .section-header {
	font-weight: bold;
	margin-top: 12px; }

#EmploymentI9PreparerTranslatorModal .section, #EmployeeFormI9CorrectionsTranslatorModel .section {
	margin-top: 12px; }

#EmploymentI9PreparerTranslatorModal .signature-container label, #EmployeeFormI9CorrectionsTranslatorModel .signature-container label {
	margin-right: 12px; }

#EmploymentI9PreparerTranslatorModal .signature-container input, #EmployeeFormI9CorrectionsTranslatorModel .signature-container input {
	margin-left: 3px; }

#EmploymentI9PreparerTranslatorModal .additional-info, #EmployeeFormI9CorrectionsTranslatorModel .additional-info {
	font-style: italic; }

.reverification-container {
	width: 900px; }
	.reverification-container a {
		text-decoration: underline; }
	.reverification-container .instructions {
		text-align: justify; }
	.reverification-container .validation-container {
		position: relative; }
	.reverification-container .form-field-row {
		display: flex; }
		.reverification-container .form-field-row .form-field {
			display: inline-block;
			min-width: 0px; }
			.reverification-container .form-field-row .form-field .form-input {
				width: 100%; }
			.reverification-container .form-field-row .form-field:not(:first-child) {
				margin-left: 12px; }
			.reverification-container .form-field-row .form-field.reverification-section-date-container {
				flex: 0 0 210px; }
			.reverification-container .form-field-row .form-field.reverification-sectino-name-container {
				flex: 1 1 690px; }
			.reverification-container .form-field-row .form-field.reverification-last-name-container {
				flex: 1 1 275px; }
			.reverification-container .form-field-row .form-field.reverification-first-name-container {
				flex: 1 1 275px; }
			.reverification-container .form-field-row .form-field.reverification-middle-initial-container {
				flex: 1 1 50px; }
			.reverification-container .form-field-row .form-field.reverification-document-title-container {
				flex: 1 1 300px; }
			.reverification-container .form-field-row .form-field.reverification-issuing-authority-container {
				flex: 1 1 300px; }
			.reverification-container .form-field-row .form-field.reverification-expiration-date-container {
				flex: 0 0 210px; }
			.reverification-container .form-field-row .form-field.reverification-signature-container {
				flex: 1 1 300px; }
			.reverification-container .form-field-row .form-field.reverification-name-container {
				flex: 1 1 300px; }
			.reverification-container .form-field-row .form-field.reverification-rep-first-name-container {
				flex: 0 0 200px; }
			.reverification-container .form-field-row .form-field.reverification-attestation-container {
				flex: 1 1 900px;
				text-align: justify;
				font-weight: bold; }
			.reverification-container .form-field-row .form-field.additional-information-container {
				flex: 1 1 900px; }
			.reverification-container .form-field-row .form-field.alternate-procedure-container {
				flex: 1 1 900px; }

#additionalReverificationModal::part(dialog) {
	min-width: unset;
	max-width: unset;
	width: 950px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.employee-onboarding-form-i9-container {
	margin-bottom: 12px; }
	.employee-onboarding-form-i9-container .section-header {
		font-weight: bold;
		margin-top: 12px; }
	.employee-onboarding-form-i9-container .section {
		margin-top: 12px;
		width: 900px;
		text-align: justify; }
	.employee-onboarding-form-i9-container .additional-info {
		font-style: italic; }
	.employee-onboarding-form-i9-container fieldset.i9-fieldset {
		width: 401px; }
	.employee-onboarding-form-i9-container div.citizenship-error-panel,
	.employee-onboarding-form-i9-container div.translator-error-panel {
		display: none;
		text-align: left; }
	.employee-onboarding-form-i9-container div.error-panel {
		text-align: left; }
	.employee-onboarding-form-i9-container .filename-cell {
		width: 162px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis; }
	.employee-onboarding-form-i9-container .document-cell {
		width: 200px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis; }
	.employee-onboarding-form-i9-container fieldset.citizenship-fieldset {
		width: 840px;
		margin: 12px 24px 0px 24px; }
		.employee-onboarding-form-i9-container fieldset.citizenship-fieldset label {
			text-align: left; }
			.employee-onboarding-form-i9-container fieldset.citizenship-fieldset label > span {
				line-height: 22px; }
		.employee-onboarding-form-i9-container fieldset.citizenship-fieldset .permanent-resident-additional-info {
			margin-left: 19px; }
		.employee-onboarding-form-i9-container fieldset.citizenship-fieldset .alien-identification-container .additional-info {
			margin: 6px 0 6px 0; }
		.employee-onboarding-form-i9-container fieldset.citizenship-fieldset .alien-identification-form-field-container {
			margin-right: 93px; }
			.employee-onboarding-form-i9-container fieldset.citizenship-fieldset .alien-identification-form-field-container label {
				text-align: right; }
			.employee-onboarding-form-i9-container fieldset.citizenship-fieldset .alien-identification-form-field-container .or-block {
				font-weight: bold;
				margin-left: 532px; }
		.employee-onboarding-form-i9-container fieldset.citizenship-fieldset .bold {
			font-weight: bold;
			vertical-align: top; }
	.employee-onboarding-form-i9-container .signature-container label {
		margin-right: 12px; }
	.employee-onboarding-form-i9-container .signature-container input {
		margin-left: 3px; }
	.employee-onboarding-form-i9-container .translator-section {
		font-weight: bold; }
		.employee-onboarding-form-i9-container .translator-section label {
			margin-right: 12px; }
	.employee-onboarding-form-i9-container .translator-name-plate {
		margin-left: 12px;
		padding-top: 6px; }
		.employee-onboarding-form-i9-container .translator-name-plate .delete {
			color: #e4292a;
			padding-left: 6px; }
		.employee-onboarding-form-i9-container .translator-name-plate .edit {
			color: #01316c;
			padding-left: 6px; }
	.employee-onboarding-form-i9-container .add-new-container {
		margin-left: 12px; }

#OnboardingEmploymentI9MissingFieldsModal .missing-fields-container {
	margin: 12px 0px; }

#OnboardingEmploymentI9AcknowledgeModal .attestation {
	font-weight: bold;
	margin: 12px 0px; }

#OnboardingEmploymentI9AcknowledgeModal .citizenship-description-container {
	vertical-align: top; }

#ClientNewHireOnboardingI9TranslatorModal fieldset.i9-fieldset {
	width: 400px; }

#ClientNewHireOnboardingI9TranslatorModal .section-header {
	font-weight: bold;
	margin-top: 12px; }

#ClientNewHireOnboardingI9TranslatorModal .section {
	margin-top: 12px;
	position: relative; }

#ClientNewHireOnboardingI9TranslatorModal .signature-container {
	position: relative;
	margin-bottom: 24px; }
	#ClientNewHireOnboardingI9TranslatorModal .signature-container label {
		margin-right: 12px; }
	#ClientNewHireOnboardingI9TranslatorModal .signature-container input {
		margin-left: 3px; }

#ClientNewHireOnboardingI9TranslatorModal .additional-info {
	font-style: italic; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.event-name-header {
	margin-left: 12px;
	margin-top: 12px;
	color: #01316c;
	font-size: 16px; }
	.event-name-header .event-name-container {
		font-weight: bold;
		margin-left: 3px;
		vertical-align: top; }

.client-compensation-event-main-tab .eligibility-rules-flyover-container {
	padding-left: 12px; }
	.client-compensation-event-main-tab .eligibility-rules-flyover-container .validation-message {
		margin-left: 12px; }

.client-compensation-event-main-tab .legal-flyover-container {
	padding-left: 12px; }
	.client-compensation-event-main-tab .legal-flyover-container .validation-message {
		margin-left: 12px; }

.client-compensation-event-assignments-header {
	display: flex;
	justify-content: space-between;
	margin: 0 12px 12px 0; }
	.client-compensation-event-assignments-header .event-name-header {
		align-self: flex-start; }
	.client-compensation-event-assignments-header .btn {
		align-self: flex-end; }
	.client-compensation-event-assignments-header .error-message {
		align-self: flex-start;
		margin-left: 12px; }
	.client-compensation-event-assignments-header .opening-message {
		padding-top: 12px; }
	.client-compensation-event-assignments-header .error-message-buttons {
		align-self: flex-end; }
		.client-compensation-event-assignments-header .error-message-buttons .btn {
			margin-left: 6px; }

.client-compensation-event-factors-tab .compensation-analysis-profile-container .sub-header {
	width: 1000px;
	display: flex;
	justify-content: space-between; }
	.client-compensation-event-factors-tab .compensation-analysis-profile-container .sub-header .button-container {
		margin-right: 12px;
		padding-top: 18px; }
		.client-compensation-event-factors-tab .compensation-analysis-profile-container .sub-header .button-container .btn {
			margin-left: 6px; }

.client-compensation-event-factors-tab .compensation-analysis-profile-container .factor-checkboxes-container {
	display: flex; }
	.client-compensation-event-factors-tab .compensation-analysis-profile-container .factor-checkboxes-container .verticalFilterContainer {
		width: 300px; }
		.client-compensation-event-factors-tab .compensation-analysis-profile-container .factor-checkboxes-container .verticalFilterContainer .filterGroupHeader {
			color: #01316c; }
			.client-compensation-event-factors-tab .compensation-analysis-profile-container .factor-checkboxes-container .verticalFilterContainer .filterGroupHeader i {
				margin-right: 6px; }
		.client-compensation-event-factors-tab .compensation-analysis-profile-container .factor-checkboxes-container .verticalFilterContainer .collapsedFilterGroupBody, .client-compensation-event-factors-tab .compensation-analysis-profile-container .factor-checkboxes-container .verticalFilterContainer .filterGroupBody, .client-compensation-event-factors-tab .compensation-analysis-profile-container .factor-checkboxes-container .verticalFilterContainer .noRecordsFilterGroupBody {
			padding-left: 18px; }
		.client-compensation-event-factors-tab .compensation-analysis-profile-container .factor-checkboxes-container .verticalFilterContainer .noRecordsFilterGroupBody {
			font-style: italic; }
		.client-compensation-event-factors-tab .compensation-analysis-profile-container .factor-checkboxes-container .verticalFilterContainer .collapsedFilterGroupBody {
			word-wrap: break-word; }
		.client-compensation-event-factors-tab .compensation-analysis-profile-container .factor-checkboxes-container .verticalFilterContainer .filterGroupBodyItem span {
			overflow-x: hidden;
			text-overflow: ellipsis;
			white-space: nowrap; }

.client-compensation-event-pending-payment-header {
	display: flex;
	justify-content: space-between;
	margin: 0 12px 12px 0; }
	.client-compensation-event-pending-payment-header .event-name-header {
		align-self: flex-start; }
	.client-compensation-event-pending-payment-header .btn {
		align-self: flex-end; }

.client-compensation-event-status-tab .event-status-accordion-panel {
	width: 800px; }
	.client-compensation-event-status-tab .event-status-accordion-panel .dx-accordion-item-title::before {
		margin-top: 10px; }
	.client-compensation-event-status-tab .event-status-accordion-panel .event-status-accordion-header {
		height: 50px; }
		.client-compensation-event-status-tab .event-status-accordion-panel .event-status-accordion-header .pull-left {
			height: 2.5em;
			display: inline-flex;
			align-items: center;
			justify-content: space-between;
			vertical-align: middle;
			width: 30%; }
		.client-compensation-event-status-tab .event-status-accordion-panel .event-status-accordion-header .pull-right {
			height: 2.5em;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			vertical-align: middle; }
		.client-compensation-event-status-tab .event-status-accordion-panel .event-status-accordion-header .btn, .client-compensation-event-status-tab .event-status-accordion-panel .event-status-accordion-header .level-completed-date {
			margin-left: 6px;
			margin-right: 18px;
			width: 100px; }
		.client-compensation-event-status-tab .event-status-accordion-panel .event-status-accordion-header .level-completed-date {
			text-align: right; }
		.client-compensation-event-status-tab .event-status-accordion-panel .event-status-accordion-header .level-progress-container {
			height: 2.5em;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			vertical-align: middle; }
			.client-compensation-event-status-tab .event-status-accordion-panel .event-status-accordion-header .level-progress-container.complete-level {
				margin-right: 124px; }
			.client-compensation-event-status-tab .event-status-accordion-panel .event-status-accordion-header .level-progress-container .progress-bar {
				width: 100px;
				display: inline-block;
				background-color: #cacaca;
				height: 1em;
				margin-right: 6px; }
				.client-compensation-event-status-tab .event-status-accordion-panel .event-status-accordion-header .level-progress-container .progress-bar .percent-complete {
					display: inline-block;
					background-color: #39B54A;
					height: 100%; }
			.client-compensation-event-status-tab .event-status-accordion-panel .event-status-accordion-header .level-progress-container .level-percent-complete {
				width: 60px; }
	.client-compensation-event-status-tab .event-status-accordion-panel .table-view {
		width: 400px; }
	.client-compensation-event-status-tab .event-status-accordion-panel .date-container {
		height: 2.5em;
		display: inline-flex;
		align-items: center;
		justify-content: space-between;
		vertical-align: middle;
		width: 30%; }
		.client-compensation-event-status-tab .event-status-accordion-panel .date-container .date-text {
			font-size: 12px;
			display: inline; }
		.client-compensation-event-status-tab .event-status-accordion-panel .date-container .danger-icon {
			color: #e4292a; }
		.client-compensation-event-status-tab .event-status-accordion-panel .date-container .warning-icon {
			color: #e89138; }

.client-compensation-event-notifications-tab fieldset.wrapper {
	margin-left: 12px; }

.client-compensation-event-notifications-tab .email-template-tooltip-trigger {
	margin: 0 6px; }

.client-compensation-event-notifications-tab .dx-texteditor-input {
	width: 100%; }

.client-compensation-event-notifications-tab .dx-texteditor-input-container {
	padding: 0px; }

.email-template-tooltip {
	max-width: 300px;
	text-align: left; }
	.email-template-tooltip div.email-template-subject {
		width: 335px;
		font-size: 16px;
		font-weight: 700;
		padding-bottom: 12px;
		border-bottom: 1px solid #cacaca;
		padding-left: 12px;
		margin: 0 -17px; }
	.email-template-tooltip p {
		font-size: 12px;
		text-align: left;
		white-space: pre-wrap;
		width: 300px; }

.compensation-event-generating-assignments-container {
	display: flex;
	flex-wrap: wrap;
	padding-top: 12px; }
	.compensation-event-generating-assignments-container .compensation-event-generating-assignments-details {
		align-items: flex-start;
		align-self: flex-start; }
	.compensation-event-generating-assignments-container .compensation-event-generating-assignments-message {
		align-items: center;
		align-self: center;
		width: 100%; }
		.compensation-event-generating-assignments-container .compensation-event-generating-assignments-message p {
			margin: 12px 0;
			text-align: center; }
			.compensation-event-generating-assignments-container .compensation-event-generating-assignments-message p.loading {
				height: 30px; }

.client-compensation-event-approval-process-container .approval-process {
	width: 800px;
	padding: 6px 12px; }
	.client-compensation-event-approval-process-container .approval-process .process-level {
		margin: 6px 0; }
		.client-compensation-event-approval-process-container .approval-process .process-level .process-level-header {
			margin-left: 12px;
			display: flex;
			flex-wrap: nowrap; }
			.client-compensation-event-approval-process-container .approval-process .process-level .process-level-header .delete, .client-compensation-event-approval-process-container .approval-process .process-level .process-level-header .edit {
				padding: 0 3px; }
			.client-compensation-event-approval-process-container .approval-process .process-level .process-level-header .preserve-delete-space {
				margin-left: 23px; }
			.client-compensation-event-approval-process-container .approval-process .process-level .process-level-header .preserve-edit-and-delete-space {
				margin-left: 46px; }
			.client-compensation-event-approval-process-container .approval-process .process-level .process-level-header .name {
				margin-right: 6px;
				padding-top: 3px;
				font-weight: bold;
				max-width: 30%;
				flex: 0 0 auto;
				overflow: hidden;
				text-overflow: ellipsis; }
			.client-compensation-event-approval-process-container .approval-process .process-level .process-level-header .description {
				flex: 1 1 auto;
				overflow: hidden;
				text-overflow: ellipsis;
				padding-top: 3px; }
			.client-compensation-event-approval-process-container .approval-process .process-level .process-level-header .expand-collapse {
				color: #01316c; }
	.client-compensation-event-approval-process-container .approval-process .table-view {
		margin-left: 12px; }
		.client-compensation-event-approval-process-container .approval-process .table-view .delete-column {
			text-align: right; }

.client-compensation-event-approval-process-container .empty-table-view {
	margin: 0 12px 12px 12px;
	font-style: normal; }

.client-compensation-event-approval-process-container .validation-message {
	margin-left: 12px; }

.client-compensation-event-approval-process-container .table-view-column .validation-message {
	margin: 0; }

.client-compensation-event-approval-process-container .add-new-container {
	margin-top: 6px;
	margin-left: 12px; }

.client-compensation-event-approval-process-container .table-view {
	margin-left: 30px; }
	.client-compensation-event-approval-process-container .table-view .drag-column {
		width: 20px; }

.client-compensation-event-approval-process-container .table-view-column i.inline-icon {
	margin-left: 4px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.system-i9-dashboard-completions-filter-container,
.system-i9-dashboard-reverifications-filter-container {
	margin-left: 12px;
	display: flex;
	flex-direction: row;
	align-items: center; }
	.system-i9-dashboard-completions-filter-container .filter-section,
	.system-i9-dashboard-reverifications-filter-container .filter-section {
		flex: 1 1 auto; }
		.system-i9-dashboard-completions-filter-container .filter-section .filter-item-container,
		.system-i9-dashboard-reverifications-filter-container .filter-section .filter-item-container {
			display: inline-block;
			padding: 6px; }
			.system-i9-dashboard-completions-filter-container .filter-section .filter-item-container input,
			.system-i9-dashboard-reverifications-filter-container .filter-section .filter-item-container input {
				margin-left: 3px;
				width: 192px; }
	.system-i9-dashboard-completions-filter-container .view-section,
	.system-i9-dashboard-reverifications-filter-container .view-section {
		flex: 0 0 100px; }
		.system-i9-dashboard-completions-filter-container .view-section button,
		.system-i9-dashboard-reverifications-filter-container .view-section button {
			margin-left: 6px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.client-i9-dashboard-completions-filter-container,
.client-i9-dashboard-recertifications-filter-container {
	margin-left: 12px;
	display: flex;
	flex-direction: row;
	align-items: center; }
	.client-i9-dashboard-completions-filter-container .filter-section,
	.client-i9-dashboard-recertifications-filter-container .filter-section {
		flex: 1 1 auto; }
		.client-i9-dashboard-completions-filter-container .filter-section .filter-item-container,
		.client-i9-dashboard-recertifications-filter-container .filter-section .filter-item-container {
			display: inline-block;
			padding: 6px; }
			.client-i9-dashboard-completions-filter-container .filter-section .filter-item-container input,
			.client-i9-dashboard-recertifications-filter-container .filter-section .filter-item-container input {
				margin-left: 3px;
				width: 192px; }
	.client-i9-dashboard-completions-filter-container .view-section,
	.client-i9-dashboard-recertifications-filter-container .view-section {
		flex: 0 0 100px; }
		.client-i9-dashboard-completions-filter-container .view-section button,
		.client-i9-dashboard-recertifications-filter-container .view-section button {
			margin-left: 6px; }
	.client-i9-dashboard-completions-filter-container .redirect-section,
	.client-i9-dashboard-recertifications-filter-container .redirect-section {
		flex: 0 0 auto;
		justify-content: flex-end;
		margin-right: 18px; }
		.client-i9-dashboard-completions-filter-container .redirect-section button,
		.client-i9-dashboard-recertifications-filter-container .redirect-section button {
			margin-left: 6px; }

.client-i9-dashboard-completions-view-switcher-container {
	margin-right: 15px;
	text-align: right; }
	.client-i9-dashboard-completions-view-switcher-container .view-toggle-container {
		display: inline-flex; }
		.client-i9-dashboard-completions-view-switcher-container .view-toggle-container button {
			margin-left: 6px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.i9-taskboard .i9-taskboard-card-container .fa-user-edit {
	color: #1870c9; }

.i9-taskboard .i9-taskboard-card-container .fa-list {
	color: #6b007f; }

.i9-taskboard .i9-taskboard-card-container .fa-folder-plus {
	color: #6aa30a; }

.i9-taskboard .i9-taskboard-card-container .fa-folder-open {
	color: #fccc1b; }

.i9-taskboard .i9-taskboard-card-container .fa-check-circle {
	color: #489fa4; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.employee-benefit-plans-filter-container {
	text-align: right;
	margin-right: 12px; }
	.employee-benefit-plans-filter-container .btn:not(:last-child) {
		margin-right: 3px; }

#EmployeeBenefitPlansGridContainer .grid-goto-table-btn {
	color: #c2356f; }

#EmployeeBenefitPlansGridContainer .grid-action-btn {
	color: #01316c; }

#EmployeeBenefitPlansGridContainer .grid-delete-btn {
	color: #e4292a; }

#EmployeeBenefitPlansGridContainer .actionCell {
	vertical-align: middle; }

.employee-benefit-plans-grid-container .dependent-container {
	margin-top: 6px; }

.employee-benefit-plans-grid-container .benefit-data-container {
	white-space: nowrap; }
	.employee-benefit-plans-grid-container .benefit-data-container:not(:last-child) {
		margin-bottom: 3px; }
	.employee-benefit-plans-grid-container .benefit-data-container .benefit-data-header {
		font-weight: bold; }

.employee-benefit-plans-grid-container .benefit-notes-container {
	white-space: normal; }

#EmployeeBenefitPlansAllocationTabContainer #allocationTableKeyTarget {
	color: #01316c; }

.allocation-table-key-tooltip div.tooltip-header {
	margin: 0 -17px;
	font-size: 16px;
	font-weight: 700;
	padding-bottom: 12px;
	border-bottom: 1px solid #cacaca; }

.allocation-table-key-tooltip div.tooltip-details {
	font-size: 12px;
	color: #292929;
	text-align: left;
	display: flex;
	margin-right: -17px; }
	.allocation-table-key-tooltip div.tooltip-details .additional-info-container {
		flex: 0 0 380px; }
		.allocation-table-key-tooltip div.tooltip-details .additional-info-container .additional-info-details-container .section-header {
			font-weight: 700;
			margin-top: 6px;
			margin-bottom: 6px;
			color: #01316c; }
		.allocation-table-key-tooltip div.tooltip-details .additional-info-container .additional-info-details-container .section-details-container {
			margin-left: 6px; }
			.allocation-table-key-tooltip div.tooltip-details .additional-info-container .additional-info-details-container .section-details-container .detail-label {
				display: inline-block;
				width: 220px;
				vertical-align: top;
				margin-right: 3px; }
			.allocation-table-key-tooltip div.tooltip-details .additional-info-container .additional-info-details-container .section-details-container .detail-value {
				display: inline-block;
				font-weight: 700;
				width: 127px;
				vertical-align: top; }
				.allocation-table-key-tooltip div.tooltip-details .additional-info-container .additional-info-details-container .section-details-container .detail-value p {
					text-overflow: ellipsis;
					overflow: hidden; }
					.allocation-table-key-tooltip div.tooltip-details .additional-info-container .additional-info-details-container .section-details-container .detail-value p.pay-group {
						font-weight: 400; }

#EmployeeBenefitPlansFormContainer,
#EmployeeBenefitPlansDeferredCompFormContainer,
#EmployeeBenefitPlansAllocationTabContainer {
	position: relative; }
	#EmployeeBenefitPlansFormContainer .form-section,
	#EmployeeBenefitPlansDeferredCompFormContainer .form-section,
	#EmployeeBenefitPlansAllocationTabContainer .form-section {
		margin: 12px;
		display: flex;
		flex-direction: row; }
		#EmployeeBenefitPlansFormContainer .form-section .form-container,
		#EmployeeBenefitPlansDeferredCompFormContainer .form-section .form-container,
		#EmployeeBenefitPlansAllocationTabContainer .form-section .form-container {
			flex: 1 1 auto; }
			#EmployeeBenefitPlansFormContainer .form-section .form-container .form-section-header,
			#EmployeeBenefitPlansDeferredCompFormContainer .form-section .form-container .form-section-header,
			#EmployeeBenefitPlansAllocationTabContainer .form-section .form-container .form-section-header {
				font-size: 14px;
				font-weight: bold;
				color: #01316c; }
				#EmployeeBenefitPlansFormContainer .form-section .form-container .form-section-header.adjust-position,
				#EmployeeBenefitPlansDeferredCompFormContainer .form-section .form-container .form-section-header.adjust-position,
				#EmployeeBenefitPlansAllocationTabContainer .form-section .form-container .form-section-header.adjust-position {
					margin-top: 12px;
					margin-left: -12px; }
			#EmployeeBenefitPlansFormContainer .form-section .form-container .fa-comment-exclamation,
			#EmployeeBenefitPlansDeferredCompFormContainer .form-section .form-container .fa-comment-exclamation,
			#EmployeeBenefitPlansAllocationTabContainer .form-section .form-container .fa-comment-exclamation {
				color: #e50082; }
			#EmployeeBenefitPlansFormContainer .form-section .form-container .coverage-information-container,
			#EmployeeBenefitPlansDeferredCompFormContainer .form-section .form-container .coverage-information-container,
			#EmployeeBenefitPlansAllocationTabContainer .form-section .form-container .coverage-information-container {
				margin-left: 12px; }
				#EmployeeBenefitPlansFormContainer .form-section .form-container .coverage-information-container .selected-coverage-container,
				#EmployeeBenefitPlansDeferredCompFormContainer .form-section .form-container .coverage-information-container .selected-coverage-container,
				#EmployeeBenefitPlansAllocationTabContainer .form-section .form-container .coverage-information-container .selected-coverage-container {
					margin: 12px 0px; }
					#EmployeeBenefitPlansFormContainer .form-section .form-container .coverage-information-container .selected-coverage-container .btn:not(:last-child),
					#EmployeeBenefitPlansDeferredCompFormContainer .form-section .form-container .coverage-information-container .selected-coverage-container .btn:not(:last-child),
					#EmployeeBenefitPlansAllocationTabContainer .form-section .form-container .coverage-information-container .selected-coverage-container .btn:not(:last-child) {
						margin-right: 12px; }
					#EmployeeBenefitPlansFormContainer .form-section .form-container .coverage-information-container .selected-coverage-container .btn.no-select,
					#EmployeeBenefitPlansDeferredCompFormContainer .form-section .form-container .coverage-information-container .selected-coverage-container .btn.no-select,
					#EmployeeBenefitPlansAllocationTabContainer .form-section .form-container .coverage-information-container .selected-coverage-container .btn.no-select {
						cursor: default; }
						#EmployeeBenefitPlansFormContainer .form-section .form-container .coverage-information-container .selected-coverage-container .btn.no-select:hover, #EmployeeBenefitPlansFormContainer .form-section .form-container .coverage-information-container .selected-coverage-container .btn.no-select:focus,
						#EmployeeBenefitPlansDeferredCompFormContainer .form-section .form-container .coverage-information-container .selected-coverage-container .btn.no-select:hover,
						#EmployeeBenefitPlansDeferredCompFormContainer .form-section .form-container .coverage-information-container .selected-coverage-container .btn.no-select:focus,
						#EmployeeBenefitPlansAllocationTabContainer .form-section .form-container .coverage-information-container .selected-coverage-container .btn.no-select:hover,
						#EmployeeBenefitPlansAllocationTabContainer .form-section .form-container .coverage-information-container .selected-coverage-container .btn.no-select:focus {
							background-color: #489fa4; }
					#EmployeeBenefitPlansFormContainer .form-section .form-container .coverage-information-container .selected-coverage-container .coverage-description-container,
					#EmployeeBenefitPlansDeferredCompFormContainer .form-section .form-container .coverage-information-container .selected-coverage-container .coverage-description-container,
					#EmployeeBenefitPlansAllocationTabContainer .form-section .form-container .coverage-information-container .selected-coverage-container .coverage-description-container {
						margin-left: 12px; }
						#EmployeeBenefitPlansFormContainer .form-section .form-container .coverage-information-container .selected-coverage-container .coverage-description-container .coverage-description-value,
						#EmployeeBenefitPlansDeferredCompFormContainer .form-section .form-container .coverage-information-container .selected-coverage-container .coverage-description-container .coverage-description-value,
						#EmployeeBenefitPlansAllocationTabContainer .form-section .form-container .coverage-information-container .selected-coverage-container .coverage-description-container .coverage-description-value {
							font-weight: bold;
							margin-left: 3px; }
			#EmployeeBenefitPlansFormContainer .form-section .form-container .beneficiary-information-container,
			#EmployeeBenefitPlansDeferredCompFormContainer .form-section .form-container .beneficiary-information-container,
			#EmployeeBenefitPlansAllocationTabContainer .form-section .form-container .beneficiary-information-container {
				margin-left: 12px; }
			#EmployeeBenefitPlansFormContainer .form-section .form-container .table-view .table-view-column.center,
			#EmployeeBenefitPlansDeferredCompFormContainer .form-section .form-container .table-view .table-view-column.center,
			#EmployeeBenefitPlansAllocationTabContainer .form-section .form-container .table-view .table-view-column.center {
				text-align: center; }
			#EmployeeBenefitPlansFormContainer .form-section .form-container .table-view .table-view-column.small,
			#EmployeeBenefitPlansDeferredCompFormContainer .form-section .form-container .table-view .table-view-column.small,
			#EmployeeBenefitPlansAllocationTabContainer .form-section .form-container .table-view .table-view-column.small {
				min-width: 60px; }
				#EmployeeBenefitPlansFormContainer .form-section .form-container .table-view .table-view-column.small .prevent-wrap,
				#EmployeeBenefitPlansDeferredCompFormContainer .form-section .form-container .table-view .table-view-column.small .prevent-wrap,
				#EmployeeBenefitPlansAllocationTabContainer .form-section .form-container .table-view .table-view-column.small .prevent-wrap {
					width: 60px; }
				#EmployeeBenefitPlansFormContainer .form-section .form-container .table-view .table-view-column.small input:not(.dx-texteditor-input),
				#EmployeeBenefitPlansDeferredCompFormContainer .form-section .form-container .table-view .table-view-column.small input:not(.dx-texteditor-input),
				#EmployeeBenefitPlansAllocationTabContainer .form-section .form-container .table-view .table-view-column.small input:not(.dx-texteditor-input) {
					width: 60px; }
					#EmployeeBenefitPlansFormContainer .form-section .form-container .table-view .table-view-column.small input:not(.dx-texteditor-input).calendar,
					#EmployeeBenefitPlansDeferredCompFormContainer .form-section .form-container .table-view .table-view-column.small input:not(.dx-texteditor-input).calendar,
					#EmployeeBenefitPlansAllocationTabContainer .form-section .form-container .table-view .table-view-column.small input:not(.dx-texteditor-input).calendar {
						width: 44px; }
		#EmployeeBenefitPlansFormContainer .form-section .additional-info-container,
		#EmployeeBenefitPlansDeferredCompFormContainer .form-section .additional-info-container,
		#EmployeeBenefitPlansAllocationTabContainer .form-section .additional-info-container {
			flex: 0 0 450px; }
			#EmployeeBenefitPlansFormContainer .form-section .additional-info-container .toggle-visibility-container,
			#EmployeeBenefitPlansDeferredCompFormContainer .form-section .additional-info-container .toggle-visibility-container,
			#EmployeeBenefitPlansAllocationTabContainer .form-section .additional-info-container .toggle-visibility-container {
				text-align: right;
				margin-bottom: 12px; }
			#EmployeeBenefitPlansFormContainer .form-section .additional-info-container .additional-info-details-container,
			#EmployeeBenefitPlansDeferredCompFormContainer .form-section .additional-info-container .additional-info-details-container,
			#EmployeeBenefitPlansAllocationTabContainer .form-section .additional-info-container .additional-info-details-container {
				background-color: #f2fbfb;
				border-radius: 3px;
				padding: 12px;
				box-shadow: 0px 0px 12px #cacaca; }
				#EmployeeBenefitPlansFormContainer .form-section .additional-info-container .additional-info-details-container.no-background-color,
				#EmployeeBenefitPlansDeferredCompFormContainer .form-section .additional-info-container .additional-info-details-container.no-background-color,
				#EmployeeBenefitPlansAllocationTabContainer .form-section .additional-info-container .additional-info-details-container.no-background-color {
					background-color: #fff;
					box-shadow: none; }
				#EmployeeBenefitPlansFormContainer .form-section .additional-info-container .additional-info-details-container .section-header,
				#EmployeeBenefitPlansDeferredCompFormContainer .form-section .additional-info-container .additional-info-details-container .section-header,
				#EmployeeBenefitPlansAllocationTabContainer .form-section .additional-info-container .additional-info-details-container .section-header {
					font-weight: bold;
					margin-bottom: 6px; }
					#EmployeeBenefitPlansFormContainer .form-section .additional-info-container .additional-info-details-container .section-header.alternate,
					#EmployeeBenefitPlansDeferredCompFormContainer .form-section .additional-info-container .additional-info-details-container .section-header.alternate,
					#EmployeeBenefitPlansAllocationTabContainer .form-section .additional-info-container .additional-info-details-container .section-header.alternate {
						color: #347376; }
					#EmployeeBenefitPlansFormContainer .form-section .additional-info-container .additional-info-details-container .section-header.subsequent,
					#EmployeeBenefitPlansDeferredCompFormContainer .form-section .additional-info-container .additional-info-details-container .section-header.subsequent,
					#EmployeeBenefitPlansAllocationTabContainer .form-section .additional-info-container .additional-info-details-container .section-header.subsequent {
						margin-top: 18px; }
				#EmployeeBenefitPlansFormContainer .form-section .additional-info-container .additional-info-details-container .section-details-container,
				#EmployeeBenefitPlansDeferredCompFormContainer .form-section .additional-info-container .additional-info-details-container .section-details-container,
				#EmployeeBenefitPlansAllocationTabContainer .form-section .additional-info-container .additional-info-details-container .section-details-container {
					margin-left: 6px; }
					#EmployeeBenefitPlansFormContainer .form-section .additional-info-container .additional-info-details-container .section-details-container .detail-label,
					#EmployeeBenefitPlansDeferredCompFormContainer .form-section .additional-info-container .additional-info-details-container .section-details-container .detail-label,
					#EmployeeBenefitPlansAllocationTabContainer .form-section .additional-info-container .additional-info-details-container .section-details-container .detail-label {
						display: inline-block;
						width: 170px;
						vertical-align: top;
						margin-right: 3px; }
					#EmployeeBenefitPlansFormContainer .form-section .additional-info-container .additional-info-details-container .section-details-container .detail-value,
					#EmployeeBenefitPlansDeferredCompFormContainer .form-section .additional-info-container .additional-info-details-container .section-details-container .detail-value,
					#EmployeeBenefitPlansAllocationTabContainer .form-section .additional-info-container .additional-info-details-container .section-details-container .detail-value {
						display: inline-block;
						font-weight: bold;
						width: 247px;
						vertical-align: top; }
						#EmployeeBenefitPlansFormContainer .form-section .additional-info-container .additional-info-details-container .section-details-container .detail-value.missing-data,
						#EmployeeBenefitPlansDeferredCompFormContainer .form-section .additional-info-container .additional-info-details-container .section-details-container .detail-value.missing-data,
						#EmployeeBenefitPlansAllocationTabContainer .form-section .additional-info-container .additional-info-details-container .section-details-container .detail-value.missing-data {
							color: #e4292a; }
					#EmployeeBenefitPlansFormContainer .form-section .additional-info-container .additional-info-details-container .section-details-container .detail-value-error,
					#EmployeeBenefitPlansDeferredCompFormContainer .form-section .additional-info-container .additional-info-details-container .section-details-container .detail-value-error,
					#EmployeeBenefitPlansAllocationTabContainer .form-section .additional-info-container .additional-info-details-container .section-details-container .detail-value-error {
						text-align: left;
						color: red; }
					#EmployeeBenefitPlansFormContainer .form-section .additional-info-container .additional-info-details-container .section-details-container .section-details-subcontainer,
					#EmployeeBenefitPlansDeferredCompFormContainer .form-section .additional-info-container .additional-info-details-container .section-details-container .section-details-subcontainer,
					#EmployeeBenefitPlansAllocationTabContainer .form-section .additional-info-container .additional-info-details-container .section-details-container .section-details-subcontainer {
						margin-left: 6px; }
						#EmployeeBenefitPlansFormContainer .form-section .additional-info-container .additional-info-details-container .section-details-container .section-details-subcontainer .section-subheader,
						#EmployeeBenefitPlansDeferredCompFormContainer .form-section .additional-info-container .additional-info-details-container .section-details-container .section-details-subcontainer .section-subheader,
						#EmployeeBenefitPlansAllocationTabContainer .form-section .additional-info-container .additional-info-details-container .section-details-container .section-details-subcontainer .section-subheader {
							font-weight: bold;
							margin-left: -6px; }
							#EmployeeBenefitPlansFormContainer .form-section .additional-info-container .additional-info-details-container .section-details-container .section-details-subcontainer .section-subheader.alternate,
							#EmployeeBenefitPlansDeferredCompFormContainer .form-section .additional-info-container .additional-info-details-container .section-details-container .section-details-subcontainer .section-subheader.alternate,
							#EmployeeBenefitPlansAllocationTabContainer .form-section .additional-info-container .additional-info-details-container .section-details-container .section-details-subcontainer .section-subheader.alternate {
								color: #347376; }
						#EmployeeBenefitPlansFormContainer .form-section .additional-info-container .additional-info-details-container .section-details-container .section-details-subcontainer .detail-value,
						#EmployeeBenefitPlansDeferredCompFormContainer .form-section .additional-info-container .additional-info-details-container .section-details-container .section-details-subcontainer .detail-value,
						#EmployeeBenefitPlansAllocationTabContainer .form-section .additional-info-container .additional-info-details-container .section-details-container .section-details-subcontainer .detail-value {
							width: 241px; }
						#EmployeeBenefitPlansFormContainer .form-section .additional-info-container .additional-info-details-container .section-details-container .section-details-subcontainer:not(:first-child),
						#EmployeeBenefitPlansDeferredCompFormContainer .form-section .additional-info-container .additional-info-details-container .section-details-container .section-details-subcontainer:not(:first-child),
						#EmployeeBenefitPlansAllocationTabContainer .form-section .additional-info-container .additional-info-details-container .section-details-container .section-details-subcontainer:not(:first-child) {
							margin-top: 12px; }
			#EmployeeBenefitPlansFormContainer .form-section .additional-info-container.wide-labels,
			#EmployeeBenefitPlansDeferredCompFormContainer .form-section .additional-info-container.wide-labels,
			#EmployeeBenefitPlansAllocationTabContainer .form-section .additional-info-container.wide-labels {
				flex: 0 0 500px; }
				#EmployeeBenefitPlansFormContainer .form-section .additional-info-container.wide-labels .additional-info-details-container .detail-label,
				#EmployeeBenefitPlansDeferredCompFormContainer .form-section .additional-info-container.wide-labels .additional-info-details-container .detail-label,
				#EmployeeBenefitPlansAllocationTabContainer .form-section .additional-info-container.wide-labels .additional-info-details-container .detail-label {
					width: 250px; }
				#EmployeeBenefitPlansFormContainer .form-section .additional-info-container.wide-labels .additional-info-details-container .detail-value,
				#EmployeeBenefitPlansDeferredCompFormContainer .form-section .additional-info-container.wide-labels .additional-info-details-container .detail-value,
				#EmployeeBenefitPlansAllocationTabContainer .form-section .additional-info-container.wide-labels .additional-info-details-container .detail-value {
					width: 217px; }
				#EmployeeBenefitPlansFormContainer .form-section .additional-info-container.wide-labels .additional-info-details-container .section-details-subcontainer,
				#EmployeeBenefitPlansDeferredCompFormContainer .form-section .additional-info-container.wide-labels .additional-info-details-container .section-details-subcontainer,
				#EmployeeBenefitPlansAllocationTabContainer .form-section .additional-info-container.wide-labels .additional-info-details-container .section-details-subcontainer {
					margin-left: 6px; }
					#EmployeeBenefitPlansFormContainer .form-section .additional-info-container.wide-labels .additional-info-details-container .section-details-subcontainer .detail-value,
					#EmployeeBenefitPlansDeferredCompFormContainer .form-section .additional-info-container.wide-labels .additional-info-details-container .section-details-subcontainer .detail-value,
					#EmployeeBenefitPlansAllocationTabContainer .form-section .additional-info-container.wide-labels .additional-info-details-container .section-details-subcontainer .detail-value {
						width: 211px; }
			#EmployeeBenefitPlansFormContainer .form-section .additional-info-container.wide,
			#EmployeeBenefitPlansDeferredCompFormContainer .form-section .additional-info-container.wide,
			#EmployeeBenefitPlansAllocationTabContainer .form-section .additional-info-container.wide {
				flex: 0 0 836px; }
				#EmployeeBenefitPlansFormContainer .form-section .additional-info-container.wide .section-details-column,
				#EmployeeBenefitPlansDeferredCompFormContainer .form-section .additional-info-container.wide .section-details-column,
				#EmployeeBenefitPlansAllocationTabContainer .form-section .additional-info-container.wide .section-details-column {
					width: 400px;
					display: inline-block;
					vertical-align: top; }
					#EmployeeBenefitPlansFormContainer .form-section .additional-info-container.wide .section-details-column:not(:first-child),
					#EmployeeBenefitPlansDeferredCompFormContainer .form-section .additional-info-container.wide .section-details-column:not(:first-child),
					#EmployeeBenefitPlansAllocationTabContainer .form-section .additional-info-container.wide .section-details-column:not(:first-child) {
						margin-left: 12px; }
					#EmployeeBenefitPlansFormContainer .form-section .additional-info-container.wide .section-details-column .section-details-container .detail-label,
					#EmployeeBenefitPlansDeferredCompFormContainer .form-section .additional-info-container.wide .section-details-column .section-details-container .detail-label,
					#EmployeeBenefitPlansAllocationTabContainer .form-section .additional-info-container.wide .section-details-column .section-details-container .detail-label {
						width: 150px; }
					#EmployeeBenefitPlansFormContainer .form-section .additional-info-container.wide .section-details-column .section-details-container .detail-value,
					#EmployeeBenefitPlansDeferredCompFormContainer .form-section .additional-info-container.wide .section-details-column .section-details-container .detail-value,
					#EmployeeBenefitPlansAllocationTabContainer .form-section .additional-info-container.wide .section-details-column .section-details-container .detail-value {
						width: 241px; }
					#EmployeeBenefitPlansFormContainer .form-section .additional-info-container.wide .section-details-column .dependent-group:not(:first-child),
					#EmployeeBenefitPlansDeferredCompFormContainer .form-section .additional-info-container.wide .section-details-column .dependent-group:not(:first-child),
					#EmployeeBenefitPlansAllocationTabContainer .form-section .additional-info-container.wide .section-details-column .dependent-group:not(:first-child) {
						margin-top: 6px; }
		#EmployeeBenefitPlansFormContainer .form-section .form-message,
		#EmployeeBenefitPlansDeferredCompFormContainer .form-section .form-message,
		#EmployeeBenefitPlansAllocationTabContainer .form-section .form-message {
			margin: 6px;
			font-style: italic; }
		#EmployeeBenefitPlansFormContainer .form-section .error-message-container,
		#EmployeeBenefitPlansDeferredCompFormContainer .form-section .error-message-container,
		#EmployeeBenefitPlansAllocationTabContainer .form-section .error-message-container {
			margin: 6px;
			color: #e4292a;
			font-weight: bold; }
		#EmployeeBenefitPlansFormContainer .form-section .fa-exclamation-triangle,
		#EmployeeBenefitPlansDeferredCompFormContainer .form-section .fa-exclamation-triangle,
		#EmployeeBenefitPlansAllocationTabContainer .form-section .fa-exclamation-triangle {
			color: #e89138;
			margin-left: 3px; }
		#EmployeeBenefitPlansFormContainer .form-section .fa-pen-to-square,
		#EmployeeBenefitPlansDeferredCompFormContainer .form-section .fa-pen-to-square,
		#EmployeeBenefitPlansAllocationTabContainer .form-section .fa-pen-to-square {
			color: #e50082; }
		#EmployeeBenefitPlansFormContainer .form-section .fa-circle-info,
		#EmployeeBenefitPlansDeferredCompFormContainer .form-section .fa-circle-info,
		#EmployeeBenefitPlansAllocationTabContainer .form-section .fa-circle-info {
			color: #0a0a0a; }
	#EmployeeBenefitPlansFormContainer hr,
	#EmployeeBenefitPlansDeferredCompFormContainer hr,
	#EmployeeBenefitPlansAllocationTabContainer hr {
		height: 1px;
		background-color: #b1b1b1;
		border: none;
		margin: 0px 12px; }
	#EmployeeBenefitPlansFormContainer .italic,
	#EmployeeBenefitPlansDeferredCompFormContainer .italic,
	#EmployeeBenefitPlansAllocationTabContainer .italic {
		font-style: italic; }
	#EmployeeBenefitPlansFormContainer hcm-modal::part(dialogbody),
	#EmployeeBenefitPlansDeferredCompFormContainer hcm-modal::part(dialogbody),
	#EmployeeBenefitPlansAllocationTabContainer hcm-modal::part(dialogbody) {
		max-height: 360px; }
	#EmployeeBenefitPlansFormContainer hcm-modal .btn + .btn,
	#EmployeeBenefitPlansDeferredCompFormContainer hcm-modal .btn + .btn,
	#EmployeeBenefitPlansAllocationTabContainer hcm-modal .btn + .btn {
		margin-bottom: 0;
		margin-left: 5px; }
	#EmployeeBenefitPlansFormContainer hcm-modal .label-plan-year,
	#EmployeeBenefitPlansDeferredCompFormContainer hcm-modal .label-plan-year,
	#EmployeeBenefitPlansAllocationTabContainer hcm-modal .label-plan-year {
		margin: 12px; }
	#EmployeeBenefitPlansFormContainer hcm-modal .flex-row,
	#EmployeeBenefitPlansDeferredCompFormContainer hcm-modal .flex-row,
	#EmployeeBenefitPlansAllocationTabContainer hcm-modal .flex-row {
		width: 100%;
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		margin-top: 3px;
		margin-bottom: 3px; }
	#EmployeeBenefitPlansFormContainer hcm-modal .modal-month-name,
	#EmployeeBenefitPlansDeferredCompFormContainer hcm-modal .modal-month-name,
	#EmployeeBenefitPlansAllocationTabContainer hcm-modal .modal-month-name {
		width: 18%;
		text-align: right;
		padding-right: 12px; }
	#EmployeeBenefitPlansFormContainer hcm-modal .modal-ee-entry, #EmployeeBenefitPlansFormContainer hcm-modal .modal-er-entry,
	#EmployeeBenefitPlansDeferredCompFormContainer hcm-modal .modal-ee-entry,
	#EmployeeBenefitPlansDeferredCompFormContainer hcm-modal .modal-er-entry,
	#EmployeeBenefitPlansAllocationTabContainer hcm-modal .modal-ee-entry,
	#EmployeeBenefitPlansAllocationTabContainer hcm-modal .modal-er-entry {
		width: 20%;
		padding: 0, 6px; }
		#EmployeeBenefitPlansFormContainer hcm-modal .modal-ee-entry input[type=text], #EmployeeBenefitPlansFormContainer hcm-modal .modal-er-entry input[type=text],
		#EmployeeBenefitPlansDeferredCompFormContainer hcm-modal .modal-ee-entry input[type=text],
		#EmployeeBenefitPlansDeferredCompFormContainer hcm-modal .modal-er-entry input[type=text],
		#EmployeeBenefitPlansAllocationTabContainer hcm-modal .modal-ee-entry input[type=text],
		#EmployeeBenefitPlansAllocationTabContainer hcm-modal .modal-er-entry input[type=text] {
			text-align: right; }
	#EmployeeBenefitPlansFormContainer hcm-modal .modal-notes,
	#EmployeeBenefitPlansDeferredCompFormContainer hcm-modal .modal-notes,
	#EmployeeBenefitPlansAllocationTabContainer hcm-modal .modal-notes {
		width: 42%;
		padding: 0, 6px; }
	#EmployeeBenefitPlansFormContainer hcm-modal textarea,
	#EmployeeBenefitPlansDeferredCompFormContainer hcm-modal textarea,
	#EmployeeBenefitPlansAllocationTabContainer hcm-modal textarea {
		height: 1.7em;
		overflow-x: hidden;
		overflow-y: hidden; }
	#EmployeeBenefitPlansFormContainer hcm-modal input[type=text], #EmployeeBenefitPlansFormContainer hcm-modal textarea,
	#EmployeeBenefitPlansDeferredCompFormContainer hcm-modal input[type=text],
	#EmployeeBenefitPlansDeferredCompFormContainer hcm-modal textarea,
	#EmployeeBenefitPlansAllocationTabContainer hcm-modal input[type=text],
	#EmployeeBenefitPlansAllocationTabContainer hcm-modal textarea {
		width: 96%; }
	#EmployeeBenefitPlansFormContainer #EmployeeBenefitAllocationTablePivotGridContainer .dx-row-total,
	#EmployeeBenefitPlansDeferredCompFormContainer #EmployeeBenefitAllocationTablePivotGridContainer .dx-row-total,
	#EmployeeBenefitPlansAllocationTabContainer #EmployeeBenefitAllocationTablePivotGridContainer .dx-row-total {
		font-weight: 700; }
	#EmployeeBenefitPlansFormContainer #EmployeeBenefitAllocationTablePivotGridContainer .negative-value:before,
	#EmployeeBenefitPlansDeferredCompFormContainer #EmployeeBenefitAllocationTablePivotGridContainer .negative-value:before,
	#EmployeeBenefitPlansAllocationTabContainer #EmployeeBenefitAllocationTablePivotGridContainer .negative-value:before {
		content: '('; }
	#EmployeeBenefitPlansFormContainer #EmployeeBenefitAllocationTablePivotGridContainer .negative-value:after,
	#EmployeeBenefitPlansDeferredCompFormContainer #EmployeeBenefitAllocationTablePivotGridContainer .negative-value:after,
	#EmployeeBenefitPlansAllocationTabContainer #EmployeeBenefitAllocationTablePivotGridContainer .negative-value:after {
		content: ')'; }
	#EmployeeBenefitPlansFormContainer #EmployeeBenefitAllocationTablePivotGridContainer .dx-grandtotal.dx-row-total .negative-variance,
	#EmployeeBenefitPlansDeferredCompFormContainer #EmployeeBenefitAllocationTablePivotGridContainer .dx-grandtotal.dx-row-total .negative-variance,
	#EmployeeBenefitPlansAllocationTabContainer #EmployeeBenefitAllocationTablePivotGridContainer .dx-grandtotal.dx-row-total .negative-variance {
		color: red;
		font-weight: 400; }
	#EmployeeBenefitPlansFormContainer #EmployeeBenefitAllocationTablePivotGridContainer .override:after,
	#EmployeeBenefitPlansDeferredCompFormContainer #EmployeeBenefitAllocationTablePivotGridContainer .override:after,
	#EmployeeBenefitPlansAllocationTabContainer #EmployeeBenefitAllocationTablePivotGridContainer .override:after {
		content: '*'; }
	#EmployeeBenefitPlansFormContainer #EmployeeBenefitAllocationTablePivotGridContainer .pivotButton,
	#EmployeeBenefitPlansDeferredCompFormContainer #EmployeeBenefitAllocationTablePivotGridContainer .pivotButton,
	#EmployeeBenefitPlansAllocationTabContainer #EmployeeBenefitAllocationTablePivotGridContainer .pivotButton {
		background-color: transparent !important; }
	#EmployeeBenefitPlansFormContainer #EmployeeBenefitAllocationTablePivotGridContainer .dx-button-has-icon .dx-button-content,
	#EmployeeBenefitPlansDeferredCompFormContainer #EmployeeBenefitAllocationTablePivotGridContainer .dx-button-has-icon .dx-button-content,
	#EmployeeBenefitPlansAllocationTabContainer #EmployeeBenefitAllocationTablePivotGridContainer .dx-button-has-icon .dx-button-content {
		padding-top: 0px !important;
		padding-bottom: 2px !important; }
	#EmployeeBenefitPlansFormContainer #EmployeeBenefitAllocationTablePivotGridContainer .dx-button-has-icon .dx-icon,
	#EmployeeBenefitPlansDeferredCompFormContainer #EmployeeBenefitAllocationTablePivotGridContainer .dx-button-has-icon .dx-icon,
	#EmployeeBenefitPlansAllocationTabContainer #EmployeeBenefitAllocationTablePivotGridContainer .dx-button-has-icon .dx-icon {
		font-size: 12px !important;
		height: 14px !important;
		width: 14px !important;
		background-size: 14px 14px !important; }
	#EmployeeBenefitPlansFormContainer #EmployeeBenefitAllocationTablePivotGridContainer .dx-button-mode-text .dx-icon,
	#EmployeeBenefitPlansDeferredCompFormContainer #EmployeeBenefitAllocationTablePivotGridContainer .dx-button-mode-text .dx-icon,
	#EmployeeBenefitPlansAllocationTabContainer #EmployeeBenefitAllocationTablePivotGridContainer .dx-button-mode-text .dx-icon {
		color: #01316c; }
	#EmployeeBenefitPlansFormContainer #EmployeeBenefitAllocationTablePivotGridContainer .dx-widget,
	#EmployeeBenefitPlansDeferredCompFormContainer #EmployeeBenefitAllocationTablePivotGridContainer .dx-widget,
	#EmployeeBenefitPlansAllocationTabContainer #EmployeeBenefitAllocationTablePivotGridContainer .dx-widget {
		line-height: 14px !important; }

#EmployeeTobaccoUseGridContainer .dx-state-readonly {
	border-style: none; }

#EmployeeTobaccoUseGridContainer .dx-form .dx-texteditor {
	width: 264px !important; }

#EmployeeTobaccoUseGridContainer .grid-action-btn {
	color: #01316c; }

#EmployeeTobaccoUseGridContainer .grid-delete-btn {
	color: #e4292a; }

#EmployeeTobaccoUseGridContainer .actionCell {
	vertical-align: middle; }

#SalaryOverridesGridContainer .grid-action-btn {
	color: #01316c; }

#SalaryOverridesGridContainer .grid-delete-btn {
	color: #e4292a; }

#SalaryOverridesGridContainer .actionCell {
	vertical-align: middle; }

#EmployeeBenefitPlansDeferredCompGridContainer .grid-action-btn {
	color: #01316c; }

#EmployeeBenefitPlansDeferredCompGridContainer .grid-delete-btn {
	color: #e4292a; }

#EmployeeBenefitPlansDeferredCompGridContainer .grid-goto-table-btn {
	color: #c2356f; }

#EmployeeBenefitPlansDeferredCompGridContainer .actionCell {
	vertical-align: middle; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.transaction-count {
	float: right;
	padding-right: 15px;
	font-weight: bold;
	color: #0F23B6; }

fieldset.view-detail > div {
	margin: 2px; }
	fieldset.view-detail > div strong {
		padding: 0 1em; }
		fieldset.view-detail > div strong:after {
			content: ':'; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.client-compensation-analysis-header {
	display: flex;
	align-items: baseline; }
	.client-compensation-analysis-header .event-name-header {
		margin-bottom: 12px;
		margin-left: 12px;
		margin-top: 12px;
		color: #01316c;
		font-size: 16px; }
		.client-compensation-analysis-header .event-name-header .event-name-container {
			font-weight: bold;
			margin-left: 3px;
			vertical-align: top; }
	.client-compensation-analysis-header .last-saved-timestamp {
		margin-left: 24px; }

.dx-datagrid-content .dx-datagrid-table .dx-row > td.center-vertically {
	vertical-align: middle; }

.warning-icon-container {
	margin: 12px; }

#CompensationAnalysisGridContainer i.fa-magnifying-glass-dollar, #CompensationAnalysisGridContainer i.fa-circle-question, #CompensationAnalysisGridContainer i.fa-gear {
	margin-left: 6px; }

#CompensationAnalysisGridContainer .dx-header-row i {
	color: #636363; }

#CompensationAnalysisGridContainer .dx-data-row .dx-datagrid-group-opened::before {
	margin-top: 24px; }

#CompensationAnalysisGridContainer .dx-data-row .dx-datagrid-group-closed::before {
	margin-top: 24px; }

#CompensationAnalysisGridContainer .employee-details-container .employee-name {
	font-weight: 700; }

#CompensationAnalysisGridContainer .employee-details-container .fa-triangle-exclamation.is-inactive {
	color: #e89138; }

#CompensationAnalysisGridContainer .employee-details-container .fa-triangle-exclamation.is-terminated {
	color: #e4292a; }

#CompensationAnalysisGridContainer .employeeCell .dx-template-wrapper {
	display: flex;
	align-items: center; }

#CompensationAnalysisGridContainer .employeeCell .employee-picture {
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	vertical-align: middle;
	border-radius: 50%;
	margin: 6px 12px; }
	#CompensationAnalysisGridContainer .employeeCell .employee-picture.image-container {
		display: block;
		border: 1px solid #cacaca;
		overflow: hidden; }
	#CompensationAnalysisGridContainer .employeeCell .employee-picture.initials-container {
		background-color: #e28cb7;
		color: white;
		font-size: 24px; }

#CompensationAnalysisGridContainer .amount-column input[type=text], #CompensationAnalysisGridContainer .percent-column input[type=text], #CompensationAnalysisGridContainer .results-column input[type=text] {
	width: 105px; }

#CompensationAnalysisGridContainer .salary-details-values .info-value {
	height: 48px;
	margin-bottom: 12px; }

#CompensationAnalysisGridContainer .info-value {
	margin-bottom: 12px;
	min-height: 16px; }

#CompensationAnalysisGridContainer .notes-textarea {
	vertical-align: middle;
	margin-right: 10px;
	width: 175px; }

.history-tooltip {
	max-width: 220px;
	text-align: left;
	font-size: 12px; }
	.history-tooltip .history-tooltip-header {
		width: 220px;
		font-size: 12px;
		font-style: italic;
		border-bottom: 1px solid #cacaca;
		padding-left: 0px;
		padding-top: 0px; }
	.history-tooltip .history-tooltip-header ~ .history-tooltip-header {
		padding-top: 10px; }
	.history-tooltip .tooltip-item {
		white-space: normal;
		vertical-align: middle; }
		.history-tooltip .tooltip-item span.reviewer-name {
			font-weight: 700; }
	.history-tooltip .vertical-space {
		line-height: 1.7; }

hr.tooltip-divider {
	border-color: #e50082;
	margin: 6px 0; }

#CompensationAnalysisCompletedGridContainer .wrap-text {
	white-space: pre-wrap; }

#CompensationAnalysisCompletedGridContainer .employeeCell .dx-template-wrapper {
	display: flex;
	align-items: center; }

#CompensationAnalysisCompletedGridContainer .employeeCell .employee-name {
	font-weight: 700; }

#CompensationAnalysisCompletedGridContainer .employeeCell .employee-picture {
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	vertical-align: middle;
	border-radius: 50%;
	margin: 6px 12px; }
	#CompensationAnalysisCompletedGridContainer .employeeCell .employee-picture.image-container {
		display: block;
		border: 1px solid #cacaca;
		overflow: hidden; }
	#CompensationAnalysisCompletedGridContainer .employeeCell .employee-picture.initials-container {
		background-color: #e28cb7;
		color: white;
		font-size: 24px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
#clientBenefitReconciliationUtilityMain {
	margin: 12px; }
	#clientBenefitReconciliationUtilityMain span.month-year-text-boxes {
		width: 192px;
		margin: 1px 2px; }
		#clientBenefitReconciliationUtilityMain span.month-year-text-boxes .month {
			text-align: center;
			width: 70px;
			margin-left: 0px; }
		#clientBenefitReconciliationUtilityMain span.month-year-text-boxes .year {
			text-align: center;
			width: 108px; }
	#clientBenefitReconciliationUtilityMain .benefit-reconciliation-cards .card-icon .fa-calculator-simple {
		color: #e89138; }
	#clientBenefitReconciliationUtilityMain .benefit-reconciliation-cards .card-icon .fa-abacus {
		color: #6b007f; }
	#clientBenefitReconciliationUtilityMain .benefit-reconciliation-cards .card-icon .fa-file-invoice {
		color: #c2356f; }
	#clientBenefitReconciliationUtilityMain .benefit-reconciliation-cards .card-icon .fa-clock-rotate-left {
		color: #6496ae; }
	#clientBenefitReconciliationUtilityMain .dx-list-group-header {
		font-weight: bold; }
	#clientBenefitReconciliationUtilityMain .dx-datagrid {
		width: 966px; }
	#clientBenefitReconciliationUtilityMain .dx-allocation-grid {
		max-height: 450px; }
	#clientBenefitReconciliationUtilityMain .allocation-history-table {
		box-shadow: 0px 0px 12px #cacaca;
		padding: 12px;
		margin: 12px; }
	#clientBenefitReconciliationUtilityMain .options-container {
		width: 670px;
		box-shadow: 0px 0px 12px #cacaca;
		padding: 12px;
		margin: 12px; }
		#clientBenefitReconciliationUtilityMain .options-container .switch-container {
			display: inline-block;
			width: 192px;
			text-align: left;
			margin: 2px 4px;
			padding: 0px; }
		#clientBenefitReconciliationUtilityMain .options-container .benefit-options-caption-container {
			display: flex;
			justify-content: flex-end;
			align-content: center;
			padding-bottom: 7px;
			font-style: italic; }
			#clientBenefitReconciliationUtilityMain .options-container .benefit-options-caption-container .benefit-options-caption {
				padding-right: 2px; }
	#clientBenefitReconciliationUtilityMain .get-results-button {
		margin-left: 12px; }
	#clientBenefitReconciliationUtilityMain .step-row {
		display: flex;
		align-items: center;
		position: relative; }
		#clientBenefitReconciliationUtilityMain .step-row .step {
			text-align: center;
			flex: 0 0 150px;
			flex-direction: column; }
			#clientBenefitReconciliationUtilityMain .step-row .step .circle-container {
				margin-left: -3px;
				margin-right: 3px;
				padding-top: 12px;
				padding-bottom: 12px;
				color: #cacaca;
				background-color: white;
				padding-bottom: 12px;
				z-index: 2; }
				#clientBenefitReconciliationUtilityMain .step-row .step .circle-container .step-description {
					padding-bottom: 12px;
					background-color: white;
					z-index: 2; }
			#clientBenefitReconciliationUtilityMain .step-row .step .circle-text {
				margin-top: -1px; }
			#clientBenefitReconciliationUtilityMain .step-row .step .step-number {
				display: inline; }
			#clientBenefitReconciliationUtilityMain .step-row .step .step-check {
				display: none; }
		#clientBenefitReconciliationUtilityMain .step-row.completed .circle-container {
			color: #39B54A; }
		#clientBenefitReconciliationUtilityMain .step-row.completed.has-next-step:after {
			content: "";
			background-color: #0a0a0a;
			position: absolute;
			width: 1px;
			bottom: 0px;
			left: 72px;
			height: calc(50% - (60px / 2) - 20px);
			display: block;
			z-index: 0; }
		#clientBenefitReconciliationUtilityMain .step-row.completed .step-number {
			display: none; }
		#clientBenefitReconciliationUtilityMain .step-row.completed .step-check {
			display: inline; }
		#clientBenefitReconciliationUtilityMain .step-row:not(.step-row-1):before {
			content: "";
			background-color: #0a0a0a;
			position: absolute;
			width: 1px;
			top: 0px;
			left: 72px;
			height: calc(50% - (60px / 2));
			display: block;
			z-index: 0; }
	#clientBenefitReconciliationUtilityMain .error-link {
		padding: 0px;
		border: 0px;
		height: 1em; }

#BenefitReconciliationGridContainer.focus-view-grid .dx-data-row .dx-datagrid-group-opened::before {
	margin-top: 0; }

#BenefitReconciliationGridContainer.focus-view-grid .dx-data-row .dx-datagrid-group-closed::before {
	margin-top: 0; }

#VarianceGridContainer input.varianceInput {
	width: 100px; }

.error-detail-line {
	padding-bottom: 12px; }

.benfit-reconciliation-grid-header {
	font-size: 16px;
	padding: 12px; }
	.benfit-reconciliation-grid-header i, .benfit-reconciliation-grid-header span {
		margin-left: 6px; }

.benefit-reconciliation-grid-footer {
	font-size: 16px; }

div.employee-profile-container .details-container .detail-section .section-values .employee-info.wide {
	flex-basis: 300px;
	max-width: 300px; }

.benefit-notes-tooltip div.tooltip-header {
	margin: 0 -17px;
	font-size: 16px;
	font-weight: 700;
	padding-bottom: 12px;
	border-bottom: 1px solid #cacaca; }

.benefit-notes-tooltip div.tooltip-details {
	white-space: pre-wrap;
	width: 270px;
	text-align: left;
	font-size: 12px; }

.color-black {
	color: #0a0a0a; }

#CoverageTierReconciliationGridContainer .variance-column {
	display: flex;
	justify-content: right; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
fieldset.day-offset-input span.date-offset-container {
	text-align: right; }
	fieldset.day-offset-input span.date-offset-container select.plus-minus-dropdown {
		width: 75px; }
	fieldset.day-offset-input span.date-offset-container input.offset-textbox {
		width: 45px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
#SystemBenefitPlansGridContainer .benefit-data-container * {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; }

#SystemBenefitPlansGridContainer .benefit-data-container:not(:last-child) {
	margin-bottom: 3px; }

#SystemBenefitPlansGridContainer .benefit-data-container .benefit-data-header {
	font-weight: bold; }

#SystemBenefitPlansRateSetupGridContainer .view-coverages,
#SystemBenefitPlansPlanYearRatesGridContainer .view-coverages {
	padding: 0px;
	text-decoration: none;
	border: none; }

#SystemBenefitPlansRateSetupGridContainer .dx-master-detail-cell,
#SystemBenefitPlansPlanYearRatesGridContainer .dx-master-detail-cell {
	padding-top: 15px; }
	#SystemBenefitPlansRateSetupGridContainer .dx-master-detail-cell h3,
	#SystemBenefitPlansPlanYearRatesGridContainer .dx-master-detail-cell h3 {
		margin: 0px; }
	#SystemBenefitPlansRateSetupGridContainer .dx-master-detail-cell .dx-list-collapsible-groups,
	#SystemBenefitPlansPlanYearRatesGridContainer .dx-master-detail-cell .dx-list-collapsible-groups {
		width: 50%;
		border-radius: 3px;
		padding: 12px;
		box-shadow: 0px 0px 12px #cacaca; }

#SystemBenefitPlansGridContainer .actions-container .btn .delete-action,
#SystemBenefitPlansRateSetupGridContainer .actions-container .btn .delete-action,
#SystemBenefitPlansPlanYearRatesGridContainer .actions-container .btn .delete-action {
	color: #e4292a; }

#SystemBenefitPlansGridContainer .actions-container .btn .edit-action,
#SystemBenefitPlansGridContainer .actions-container .btn .view-action,
#SystemBenefitPlansRateSetupGridContainer .actions-container .btn .edit-action,
#SystemBenefitPlansRateSetupGridContainer .actions-container .btn .view-action,
#SystemBenefitPlansPlanYearRatesGridContainer .actions-container .btn .edit-action,
#SystemBenefitPlansPlanYearRatesGridContainer .actions-container .btn .view-action {
	color: #01316c; }

#SystemBenefitPlansGridContainer .actions-container .btn .go-to-rates-tab-action,
#SystemBenefitPlansRateSetupGridContainer .actions-container .btn .go-to-rates-tab-action,
#SystemBenefitPlansPlanYearRatesGridContainer .actions-container .btn .go-to-rates-tab-action {
	color: #c2356f; }

#SystemBenefitPlansPlanYearCoverageAndRatesGridContainer hcm-modal.no-min-width::part(dialog) {
	min-width: unset; }

.system-benefit-plans-benefit-label {
	color: #01316C;
	font-size: 16px;
	font-family: Roboto;
	font-weight: normal;
	margin-top: 12px;
	text-indent: 12px; }
	.system-benefit-plans-benefit-label .benefit-plan-name {
		font-weight: bold; }

.benefit-plan-header {
	padding-top: 0px;
	margin-left: 0px;
	padding-bottom: 0px;
	font-size: 16px;
	color: #01316c; }
	.benefit-plan-header .benefit-plan-name {
		vertical-align: baseline;
		font-weight: 700; }

.system-plan-details-footnote {
	font-style: italic;
	font-size: 12px;
	margin-left: 18px; }

.system-benefit-plans-form-container .orange-warning {
	color: #e89138; }

.system-benefit-plans-form-container .red-error {
	color: #e4292a; }

.system-benefit-plans-form-container .life-events-container {
	margin-left: 12px; }

.system-benefit-plans-form-container .plan-details-container input {
	text-align: right; }

.system-benefit-plans-form-container .plan-details-container table tbody span {
	white-space: nowrap; }

.system-benefit-plans-form-container fieldset.dependencies-old {
	width: 750px; }
	.system-benefit-plans-form-container fieldset.dependencies-old .dependency-type-container {
		margin-top: 12px; }
		.system-benefit-plans-form-container fieldset.dependencies-old .dependency-type-container label {
			width: 225px;
			float: left;
			height: 60px;
			clear: none;
			padding-right: 6px; }
			.system-benefit-plans-form-container fieldset.dependencies-old .dependency-type-container label:not(:last-child) {
				border-right: 1px solid #89898a; }

.system-benefit-plans-form-container fieldset.dependencies {
	width: 750px;
	margin-left: 50px; }
	.system-benefit-plans-form-container fieldset.dependencies .dependency-type-container {
		margin-top: 12px; }
		.system-benefit-plans-form-container fieldset.dependencies .dependency-type-container label {
			width: 225px;
			float: left;
			height: 10px;
			clear: none;
			padding-right: 6px; }
	.system-benefit-plans-form-container fieldset.dependencies .radio-margin {
		margin-left: 12px;
		padding-bottom: 6px; }

.system-benefit-plans-form-container .dependent-plan-selection-container-old {
	margin-top: 18px;
	margin-left: 12px; }

.system-benefit-plans-form-container .dependent-plan-selection-container {
	margin-top: 18px;
	margin-left: 50px; }

.system-benefit-plans-form-container.plans-tab-container {
	margin: 12px;
	position: relative; }
	.system-benefit-plans-form-container.plans-tab-container .enclosing-row {
		margin-left: 72px;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		gap: 4px;
		line-height: 20px; }
		.system-benefit-plans-form-container.plans-tab-container .enclosing-row .select-cell {
			text-align: left;
			width: 285px; }
		.system-benefit-plans-form-container.plans-tab-container .enclosing-row .wide-cell {
			width: 135px;
			text-align: left;
			vertical-align: central; }
		.system-benefit-plans-form-container.plans-tab-container .enclosing-row .wider-cell {
			width: 250px;
			text-align: left;
			vertical-align: central; }
		.system-benefit-plans-form-container.plans-tab-container .enclosing-row .margin-l-03 {
			margin-left: 3px; }

.system-benefit-plans-form-container.rates-tab-container {
	margin: 12px;
	position: relative; }
	.system-benefit-plans-form-container.rates-tab-container .error-loading-coverages-container {
		color: #e4292a;
		font-weight: bold; }
	.system-benefit-plans-form-container.rates-tab-container .no-coverages-message {
		color: #e4292a;
		font-weight: bold;
		font-size: medium;
		margin-top: 30px;
		margin-left: 15px; }
	.system-benefit-plans-form-container.rates-tab-container .coverage-filter-container {
		width: 800px; }
		.system-benefit-plans-form-container.rates-tab-container .coverage-filter-container label {
			margin-left: 50px;
			display: inline-block; }
	.system-benefit-plans-form-container.rates-tab-container .custom-filter-container {
		margin-bottom: 12px; }
		.system-benefit-plans-form-container.rates-tab-container .custom-filter-container .custom-filter-container-header {
			margin-top: 12px;
			margin-bottom: 6px;
			font-weight: bold;
			font-size: 14px; }
		.system-benefit-plans-form-container.rates-tab-container .custom-filter-container .custom-filter-label-container {
			display: inline-block;
			width: 185px; }
			.system-benefit-plans-form-container.rates-tab-container .custom-filter-container .custom-filter-label-container .custom-filter-label-header {
				width: 185px; }
			.system-benefit-plans-form-container.rates-tab-container .custom-filter-container .custom-filter-label-container label {
				width: 185px; }
				.system-benefit-plans-form-container.rates-tab-container .custom-filter-container .custom-filter-label-container label input.calendar {
					width: 151px; }
	.system-benefit-plans-form-container.rates-tab-container .add-new-rates-operation-container label {
		width: 310px;
		margin-left: 57px; }
	.system-benefit-plans-form-container.rates-tab-container .coverage-rates-container {
		margin-top: 12px; }
		.system-benefit-plans-form-container.rates-tab-container .coverage-rates-container th {
			padding-left: 5px; }
	.system-benefit-plans-form-container.rates-tab-container.add-new-wizard .rate-effective-date-container {
		width: 450px;
		margin-left: 0px; }
		.system-benefit-plans-form-container.rates-tab-container.add-new-wizard .rate-effective-date-container table.date-layout-table {
			width: 396px; }
			.system-benefit-plans-form-container.rates-tab-container.add-new-wizard .rate-effective-date-container table.date-layout-table th {
				text-align: left;
				padding-left: 6px; }
	.system-benefit-plans-form-container.rates-tab-container.add-new-wizard legend {
		padding-top: 6px; }

.system-benefit-plans-form-container.coverage-rules-tab-container, .system-benefit-plans-form-container.cost-band-setup-container {
	padding: 0px;
	position: relative; }
	.system-benefit-plans-form-container.coverage-rules-tab-container .page-section, .system-benefit-plans-form-container.cost-band-setup-container .page-section {
		margin-bottom: 12px;
		display: flex;
		flex-direction: row; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .page-section .form-container, .system-benefit-plans-form-container.cost-band-setup-container .page-section .form-container {
			flex: 1 1 auto;
			min-width: 600px;
			display: flex;
			flex-direction: column; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .page-section .guarantee-issue-form-container, .system-benefit-plans-form-container.cost-band-setup-container .page-section .guarantee-issue-form-container {
			flex: 1 1 auto;
			min-width: 805px;
			display: flex;
			flex-direction: column; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .page-section .additional-info-container, .system-benefit-plans-form-container.cost-band-setup-container .page-section .additional-info-container {
			flex: 0 0 400px;
			margin-right: 12px;
			margin-top: 12px;
			display: flex;
			align-items: flex-start; }
			.system-benefit-plans-form-container.coverage-rules-tab-container .page-section .additional-info-container .additional-info-panel, .system-benefit-plans-form-container.cost-band-setup-container .page-section .additional-info-container .additional-info-panel {
				background-color: #f2fbfb;
				border-radius: 3px;
				padding: 12px;
				box-shadow: 0px 0px 12px #cacaca; }
				.system-benefit-plans-form-container.coverage-rules-tab-container .page-section .additional-info-container .additional-info-panel .additional-info-section:not(:last-child), .system-benefit-plans-form-container.cost-band-setup-container .page-section .additional-info-container .additional-info-panel .additional-info-section:not(:last-child) {
					margin-bottom: 12px; }
				.system-benefit-plans-form-container.coverage-rules-tab-container .page-section .additional-info-container .additional-info-panel .header-container, .system-benefit-plans-form-container.cost-band-setup-container .page-section .additional-info-container .additional-info-panel .header-container {
					font-weight: bold;
					margin-bottom: 6px; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .page-section .section-header, .system-benefit-plans-form-container.cost-band-setup-container .page-section .section-header {
			margin: 12px 0 0 12px;
			font-weight: bold;
			font-size: 14px;
			color: #01316c; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .page-section .l-col-auto:not(:last-child), .system-benefit-plans-form-container.cost-band-setup-container .page-section .l-col-auto:not(:last-child) {
			margin-right: 12px; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .page-section fieldset legend, .system-benefit-plans-form-container.cost-band-setup-container .page-section fieldset legend {
			padding: 12px 0px 6px 0px; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .page-section .fieldset-no-legend, .system-benefit-plans-form-container.cost-band-setup-container .page-section .fieldset-no-legend {
			/*use to align fieldsets without a legend
                  with those that have a legend
                */
			margin-top: 35px; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .page-section.pad-top, .system-benefit-plans-form-container.cost-band-setup-container .page-section.pad-top {
			padding-top: 15px; }
	.system-benefit-plans-form-container.coverage-rules-tab-container hr, .system-benefit-plans-form-container.cost-band-setup-container hr {
		height: 1px;
		width: calc(100% - 24px);
		background-color: #b1b1b1;
		border: none;
		margin: 0px 12px; }
	.system-benefit-plans-form-container.coverage-rules-tab-container fieldset.coverage-selection, .system-benefit-plans-form-container.cost-band-setup-container fieldset.coverage-selection {
		width: 390px; }
		.system-benefit-plans-form-container.coverage-rules-tab-container fieldset.coverage-selection input[type="text"], .system-benefit-plans-form-container.coverage-rules-tab-container fieldset.coverage-selection textarea, .system-benefit-plans-form-container.coverage-rules-tab-container fieldset.coverage-selection div.label input, .system-benefit-plans-form-container.coverage-rules-tab-container fieldset.coverage-selection div.label textarea, .system-benefit-plans-form-container.coverage-rules-tab-container fieldset.coverage-selection span.input, .system-benefit-plans-form-container.coverage-rules-tab-container fieldset.coverage-selection span.dx-textbox, .system-benefit-plans-form-container.cost-band-setup-container fieldset.coverage-selection input[type="text"], .system-benefit-plans-form-container.cost-band-setup-container fieldset.coverage-selection textarea, .system-benefit-plans-form-container.cost-band-setup-container fieldset.coverage-selection div.label input, .system-benefit-plans-form-container.cost-band-setup-container fieldset.coverage-selection div.label textarea, .system-benefit-plans-form-container.cost-band-setup-container fieldset.coverage-selection span.input, .system-benefit-plans-form-container.cost-band-setup-container fieldset.coverage-selection span.dx-textbox {
			width: 213px;
			margin: 1px 3px;
			*margin: 0px 3px;
			/* IE puts extra padding around textboxes for some reason */ }
		.system-benefit-plans-form-container.coverage-rules-tab-container fieldset.coverage-selection span.dx-textbox input[type="text"], .system-benefit-plans-form-container.cost-band-setup-container fieldset.coverage-selection span.dx-textbox input[type="text"] {
			width: 100%; }
		.system-benefit-plans-form-container.coverage-rules-tab-container fieldset.coverage-selection .supplemental-coverage-label, .system-benefit-plans-form-container.cost-band-setup-container fieldset.coverage-selection .supplemental-coverage-label {
			white-space: nowrap; }
	.system-benefit-plans-form-container.coverage-rules-tab-container .coverage-limit-container, .system-benefit-plans-form-container.cost-band-setup-container .coverage-limit-container {
		margin-left: 24px;
		margin-top: 12px;
		margin-bottom: 12px;
		white-space: nowrap; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .coverage-limit-container .coverage-limit-section, .system-benefit-plans-form-container.cost-band-setup-container .coverage-limit-container .coverage-limit-section {
			display: inline-block; }
			.system-benefit-plans-form-container.coverage-rules-tab-container .coverage-limit-container .coverage-limit-section:not(:last-child), .system-benefit-plans-form-container.cost-band-setup-container .coverage-limit-container .coverage-limit-section:not(:last-child) {
				margin-right: 3px; }
			.system-benefit-plans-form-container.coverage-rules-tab-container .coverage-limit-container .coverage-limit-section .label, .system-benefit-plans-form-container.cost-band-setup-container .coverage-limit-container .coverage-limit-section .label {
				display: inline-block;
				margin-left: 3px;
				margin-right: 3px; }
			.system-benefit-plans-form-container.coverage-rules-tab-container .coverage-limit-container .coverage-limit-section span.dx-textbox, .system-benefit-plans-form-container.cost-band-setup-container .coverage-limit-container .coverage-limit-section span.dx-textbox {
				display: inline-block; }
			.system-benefit-plans-form-container.coverage-rules-tab-container .coverage-limit-container .coverage-limit-section .minimum-coverage-input, .system-benefit-plans-form-container.cost-band-setup-container .coverage-limit-container .coverage-limit-section .minimum-coverage-input {
				width: 70px; }
	.system-benefit-plans-form-container.coverage-rules-tab-container .coverage-type-selector, .system-benefit-plans-form-container.cost-band-setup-container .coverage-type-selector {
		text-align: left;
		padding-left: 12px;
		vertical-align: middle; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .coverage-type-selector label, .system-benefit-plans-form-container.cost-band-setup-container .coverage-type-selector label {
			width: 110px;
			vertical-align: middle;
			display: inline-block; }
	.system-benefit-plans-form-container.coverage-rules-tab-container .base-coverage-type-selector, .system-benefit-plans-form-container.cost-band-setup-container .base-coverage-type-selector {
		padding-left: 110px;
		line-height: 26px;
		display: flex;
		justify-content: flex-start;
		align-items: center; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .base-coverage-type-selector .multiple-field-reference-select, .system-benefit-plans-form-container.cost-band-setup-container .base-coverage-type-selector .multiple-field-reference-select {
			width: 150px; }
	.system-benefit-plans-form-container.coverage-rules-tab-container .supplemental-coverage-container label.supplemental-coverage-label, .system-benefit-plans-form-container.cost-band-setup-container .supplemental-coverage-container label.supplemental-coverage-label {
		width: 310px;
		margin-left: 110px; }
	.system-benefit-plans-form-container.coverage-rules-tab-container .supplemental-coverage-container label.uniform-additional-amount-label input, .system-benefit-plans-form-container.cost-band-setup-container .supplemental-coverage-container label.uniform-additional-amount-label input {
		width: 150px;
		margin-right: 82px; }
	.system-benefit-plans-form-container.coverage-rules-tab-container .supplemental-coverage-container label.uniform-additional-amount-label i.toolTip, .system-benefit-plans-form-container.cost-band-setup-container .supplemental-coverage-container label.uniform-additional-amount-label i.toolTip {
		margin-left: -80px; }
	.system-benefit-plans-form-container.coverage-rules-tab-container .supplemental-coverage-container label.uniform-additional-amount-label .validationMessage, .system-benefit-plans-form-container.cost-band-setup-container .supplemental-coverage-container label.uniform-additional-amount-label .validationMessage {
		margin-left: -66px; }
	.system-benefit-plans-form-container.coverage-rules-tab-container .supplemental-coverage-container .non-uniform-additional-amounts-container, .system-benefit-plans-form-container.cost-band-setup-container .supplemental-coverage-container .non-uniform-additional-amounts-container {
		margin-left: 125px; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .supplemental-coverage-container .non-uniform-additional-amounts-container .empty-amount-message, .system-benefit-plans-form-container.cost-band-setup-container .supplemental-coverage-container .non-uniform-additional-amounts-container .empty-amount-message {
			margin-left: 5px;
			padding-left: 1px; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .supplemental-coverage-container .non-uniform-additional-amounts-container .add-amount-container, .system-benefit-plans-form-container.cost-band-setup-container .supplemental-coverage-container .non-uniform-additional-amounts-container .add-amount-container {
			margin-bottom: 3px; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .supplemental-coverage-container .non-uniform-additional-amounts-container .additional-amounts-data-container, .system-benefit-plans-form-container.cost-band-setup-container .supplemental-coverage-container .non-uniform-additional-amounts-container .additional-amounts-data-container {
			max-height: 100px;
			overflow-y: auto;
			margin-left: 0px; }
	.system-benefit-plans-form-container.coverage-rules-tab-container .premium-options-container .rate-per-unit-checkbox-label, .system-benefit-plans-form-container.cost-band-setup-container .premium-options-container .rate-per-unit-checkbox-label {
		width: 300px;
		margin-left: 60px; }
	.system-benefit-plans-form-container.coverage-rules-tab-container .table-view, .system-benefit-plans-form-container.cost-band-setup-container .table-view {
		width: auto; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .header-icon, .system-benefit-plans-form-container.cost-band-setup-container .table-view .header-icon {
			margin-left: 3px; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .isEditing td, .system-benefit-plans-form-container.cost-band-setup-container .table-view .isEditing td {
			padding-left: 0px;
			padding-right: 3px; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column strong.or-padding, .system-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column strong.or-padding {
			padding-right: 3px; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.expiration-date, .system-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.expiration-date {
			min-width: 110px; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.late-entrant-wide, .system-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.late-entrant-wide {
			min-width: 220px; }
			.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.late-entrant-wide div.label, .system-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.late-entrant-wide div.label {
				text-align: left; }
			.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.late-entrant-wide .prevent-wrap, .system-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.late-entrant-wide .prevent-wrap {
				width: 220px; }
			.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.late-entrant-wide input:not(.dx-texteditor-input),
			.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.late-entrant-wide span.dx-textbox,
			.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.late-entrant-wide select, .system-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.late-entrant-wide input:not(.dx-texteditor-input),
			.system-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.late-entrant-wide span.dx-textbox,
			.system-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.late-entrant-wide select {
				width: 150px; }
				.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.late-entrant-wide input:not(.dx-texteditor-input).calendar,
				.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.late-entrant-wide span.dx-textbox.calendar,
				.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.late-entrant-wide select.calendar, .system-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.late-entrant-wide input:not(.dx-texteditor-input).calendar,
				.system-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.late-entrant-wide span.dx-textbox.calendar,
				.system-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.late-entrant-wide select.calendar {
					width: 134px; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase, .system-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase {
			min-width: 150px; }
			.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase .prevent-wrap, .system-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase .prevent-wrap {
				width: 150px; }
			.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase input:not(.dx-texteditor-input),
			.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase span.dx-textbox,
			.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase select, .system-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase input:not(.dx-texteditor-input),
			.system-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase span.dx-textbox,
			.system-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase select {
				width: 150px; }
				.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase input:not(.dx-texteditor-input).calendar,
				.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase span.dx-textbox.calendar,
				.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase select.calendar, .system-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase input:not(.dx-texteditor-input).calendar,
				.system-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase span.dx-textbox.calendar,
				.system-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase select.calendar {
					width: 134px; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase-wide, .system-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase-wide {
			min-width: 200px; }
			.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase-wide div.label, .system-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase-wide div.label {
				text-align: left; }
			.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase-wide .prevent-wrap, .system-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase-wide .prevent-wrap {
				width: 200px; }
			.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase-wide input:not(.dx-texteditor-input),
			.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase-wide span.dx-textbox,
			.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase-wide select, .system-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase-wide input:not(.dx-texteditor-input),
			.system-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase-wide span.dx-textbox,
			.system-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase-wide select {
				width: 150px; }
				.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase-wide input:not(.dx-texteditor-input).calendar,
				.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase-wide span.dx-textbox.calendar,
				.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase-wide select.calendar, .system-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase-wide input:not(.dx-texteditor-input).calendar,
				.system-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase-wide span.dx-textbox.calendar,
				.system-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase-wide select.calendar {
					width: 134px; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column input.match-selectbox-height, .system-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column input.match-selectbox-height {
			height: 25px; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column .flyoverdiv-container, .system-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column .flyoverdiv-container {
			margin: 0px;
			display: flex; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .filter-value-column, .system-benefit-plans-form-container.cost-band-setup-container .table-view .filter-value-column {
			min-width: 215px; }
			.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .filter-value-column .prevent-wrap, .system-benefit-plans-form-container.cost-band-setup-container .table-view .filter-value-column .prevent-wrap {
				width: 215px; }
			.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .filter-value-column input:not(.dx-texteditor-input), .system-benefit-plans-form-container.cost-band-setup-container .table-view .filter-value-column input:not(.dx-texteditor-input) {
				width: 165px; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .table-view .icon-column, .system-benefit-plans-form-container.cost-band-setup-container .table-view .icon-column {
			padding-top: 6px;
			width: 15px; }
	.system-benefit-plans-form-container.coverage-rules-tab-container .multi-value-text-entry-container, .system-benefit-plans-form-container.cost-band-setup-container .multi-value-text-entry-container {
		display: flex;
		flex-direction: row;
		align-items: center;
		width: 430px; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .multi-value-text-entry-container .value-entry-container, .system-benefit-plans-form-container.cost-band-setup-container .multi-value-text-entry-container .value-entry-container {
			flex: 0 0 100px;
			margin-right: 12px;
			text-align: right; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .multi-value-text-entry-container .selected-values-container, .system-benefit-plans-form-container.cost-band-setup-container .multi-value-text-entry-container .selected-values-container {
			flex: 0 0 auto;
			line-height: normal; }
	.system-benefit-plans-form-container.coverage-rules-tab-container .reductions-container, .system-benefit-plans-form-container.cost-band-setup-container .reductions-container {
		width: 600px; }
	.system-benefit-plans-form-container.coverage-rules-tab-container .initial-enrollment-container table, .system-benefit-plans-form-container.cost-band-setup-container .initial-enrollment-container table {
		width: 450px; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .initial-enrollment-container table td, .system-benefit-plans-form-container.cost-band-setup-container .initial-enrollment-container table td {
			vertical-align: middle;
			padding-top: 6px;
			white-space: nowrap; }
	.system-benefit-plans-form-container.coverage-rules-tab-container .guarantee-issue-container, .system-benefit-plans-form-container.cost-band-setup-container .guarantee-issue-container {
		width: 600px; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .guarantee-issue-container .open-enrollment-section-title, .system-benefit-plans-form-container.coverage-rules-tab-container .guarantee-issue-container .add-new-container, .system-benefit-plans-form-container.cost-band-setup-container .guarantee-issue-container .open-enrollment-section-title, .system-benefit-plans-form-container.cost-band-setup-container .guarantee-issue-container .add-new-container {
			padding-top: 6px;
			padding-bottom: 6px; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .guarantee-issue-container .open-enrollment-or-column, .system-benefit-plans-form-container.cost-band-setup-container .guarantee-issue-container .open-enrollment-or-column {
			min-width: 0px; }
	.system-benefit-plans-form-container.coverage-rules-tab-container .add_new_container, .system-benefit-plans-form-container.cost-band-setup-container .add_new_container {
		margin-top: 12px;
		margin-left: 24px; }
	.system-benefit-plans-form-container.coverage-rules-tab-container .flex-row-container, .system-benefit-plans-form-container.cost-band-setup-container .flex-row-container {
		display: flex;
		flex-direction: row; }
	.system-benefit-plans-form-container.coverage-rules-tab-container .header-container, .system-benefit-plans-form-container.cost-band-setup-container .header-container {
		font-weight: bold;
		font-size: 16px;
		margin-bottom: 12px; }
	.system-benefit-plans-form-container.coverage-rules-tab-container .criteria-container, .system-benefit-plans-form-container.cost-band-setup-container .criteria-container {
		flex: 1 1 auto;
		padding: 12px; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .criteria-container .criteria-parameters-row .criteria-parameters-container, .system-benefit-plans-form-container.cost-band-setup-container .criteria-container .criteria-parameters-row .criteria-parameters-container {
			margin-left: 12px;
			display: inline-block;
			vertical-align: top; }
			.system-benefit-plans-form-container.coverage-rules-tab-container .criteria-container .criteria-parameters-row .criteria-parameters-container .criteria-parameters-header, .system-benefit-plans-form-container.cost-band-setup-container .criteria-container .criteria-parameters-row .criteria-parameters-container .criteria-parameters-header {
				margin-bottom: 6px; }
			.system-benefit-plans-form-container.coverage-rules-tab-container .criteria-container .criteria-parameters-row .criteria-parameters-container .criteria-parameter-values-container, .system-benefit-plans-form-container.cost-band-setup-container .criteria-container .criteria-parameters-row .criteria-parameters-container .criteria-parameter-values-container {
				font-weight: bold; }
			.system-benefit-plans-form-container.coverage-rules-tab-container .criteria-container .criteria-parameters-row .criteria-parameters-container .no-records-exist, .system-benefit-plans-form-container.cost-band-setup-container .criteria-container .criteria-parameters-row .criteria-parameters-container .no-records-exist {
				font-weight: bold;
				font-style: italic; }
	.system-benefit-plans-form-container.coverage-rules-tab-container .data-container, .system-benefit-plans-form-container.cost-band-setup-container .data-container {
		flex: 0 0 300px;
		padding: 12px; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .data-container .form-container, .system-benefit-plans-form-container.cost-band-setup-container .data-container .form-container {
			margin: 12px; }
			.system-benefit-plans-form-container.coverage-rules-tab-container .data-container .form-container .form-field-container, .system-benefit-plans-form-container.cost-band-setup-container .data-container .form-container .form-field-container {
				margin-bottom: 6px; }
				.system-benefit-plans-form-container.coverage-rules-tab-container .data-container .form-container .form-field-container .form-value .sm-contribution-input, .system-benefit-plans-form-container.cost-band-setup-container .data-container .form-container .form-field-container .form-value .sm-contribution-input {
					width: 30px;
					margin-left: 3px;
					margin-right: 3px; }
			.system-benefit-plans-form-container.coverage-rules-tab-container .data-container .form-container .dependent-rate-relationships-tag-box, .system-benefit-plans-form-container.cost-band-setup-container .data-container .form-container .dependent-rate-relationships-tag-box {
				width: 200px; }
	.system-benefit-plans-form-container.coverage-rules-tab-container .rates-container, .system-benefit-plans-form-container.cost-band-setup-container .rates-container {
		flex: 1 1 100%;
		padding: 12px;
		display: flex; }
		.system-benefit-plans-form-container.coverage-rules-tab-container .rates-container .cost-band-rate-grid-section, .system-benefit-plans-form-container.cost-band-setup-container .rates-container .cost-band-rate-grid-section {
			margin-left: 12px;
			flex: 0 0 1200px; }
			.system-benefit-plans-form-container.coverage-rules-tab-container .rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid, .system-benefit-plans-form-container.cost-band-setup-container .rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid {
				max-height: 400px; }
				.system-benefit-plans-form-container.coverage-rules-tab-container .rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .dx-datagrid-content.dx-sortable, .system-benefit-plans-form-container.cost-band-setup-container .rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .dx-datagrid-content.dx-sortable {
					min-height: 50px; }
				.system-benefit-plans-form-container.coverage-rules-tab-container .rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .monthly-premium-textbox, .system-benefit-plans-form-container.cost-band-setup-container .rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .monthly-premium-textbox {
					width: 100px; }
				.system-benefit-plans-form-container.coverage-rules-tab-container .rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .dx-scrollable-container, .system-benefit-plans-form-container.cost-band-setup-container .rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .dx-scrollable-container {
					padding-right: 6px; }
				.system-benefit-plans-form-container.coverage-rules-tab-container .rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .dx-command-drag, .system-benefit-plans-form-container.cost-band-setup-container .rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .dx-command-drag {
					border-right: 0px; }
				.system-benefit-plans-form-container.coverage-rules-tab-container .rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .fixed-width-cell, .system-benefit-plans-form-container.cost-band-setup-container .rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .fixed-width-cell {
					width: 50px;
					display: inline-block; }
				.system-benefit-plans-form-container.coverage-rules-tab-container .rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .inline-cell, .system-benefit-plans-form-container.cost-band-setup-container .rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .inline-cell {
					display: inline-block; }
			.system-benefit-plans-form-container.coverage-rules-tab-container .rates-container .cost-band-rate-grid-section.reduced-size, .system-benefit-plans-form-container.cost-band-setup-container .rates-container .cost-band-rate-grid-section.reduced-size {
				flex: 0 0 600px; }
			.system-benefit-plans-form-container.coverage-rules-tab-container .rates-container .cost-band-rate-grid-section .cost-band-cell, .system-benefit-plans-form-container.cost-band-setup-container .rates-container .cost-band-rate-grid-section .cost-band-cell {
				vertical-align: middle; }

.system-benefit-plans-form-container .system-benefit-generating-criteria-message {
	align-items: center;
	align-self: center;
	width: 100%; }
	.system-benefit-plans-form-container .system-benefit-generating-criteria-message p {
		margin: 12px 0;
		text-align: center; }
		.system-benefit-plans-form-container .system-benefit-generating-criteria-message p.loading {
			height: 30px; }

.system-benefit-plans-form-container .cost-band-acknowledgement-container {
	margin-top: 12px;
	margin-left: 24px; }

.system-benefit-plans-form-container .validation-message {
	color: #e4292a;
	font-weight: bold; }
	.system-benefit-plans-form-container .validation-message.coverage-calc {
		white-space: normal;
		margin-left: 12px; }

.system-benefit-plans-form-container .indent-default {
	margin-left: 12px; }

.system-benefit-plans-form-container.payments-tab-container .l-col-auto {
	margin-right: 12px; }

.system-benefit-plans-form-container .l-flex {
	padding: 0px; }
	.system-benefit-plans-form-container .l-flex .l-col-auto {
		padding: 0px; }

.system-benefit-plans-form-container.plan-year-coverage-and-rates-tab-container .benefit-plan-header {
	padding-top: 12px;
	padding-bottom: 12px; }

.system-benefit-plans-form-container.rate-table-header {
	display: flex;
	flex-direction: row;
	align-items: center; }
	.system-benefit-plans-form-container.rate-table-header .benefit-plan-header {
		padding: 12px 0px 12px 6px;
		display: inline-block;
		margin-right: 24px; }
	.system-benefit-plans-form-container.rate-table-header .header-info {
		display: inline-block;
		margin-right: 24px; }
		.system-benefit-plans-form-container.rate-table-header .header-info select {
			margin-left: 3px; }
		.system-benefit-plans-form-container.rate-table-header .header-info .info {
			font-weight: bold; }

.system-benefit-plans-form-container .loading-coverages-container {
	text-align: center; }

.system-benefit-plans-form-container .tag-box {
	width: 194px; }

.system-benefit-plans-cost-band-modal::part(dialogbody) {
	width: 1000px;
	max-height: unset; }

.system-benefit-plans-cost-band-modal::part(dialog) {
	max-width: unset; }

.system-benefit-plans-cost-band-modal hcm-tabset::part(tabset) {
	margin-top: 12px; }

.system-benefit-plans-cost-band-modal hcm-tabset::part(tabcontent) {
	padding: 12px; }

.system-benefit-plans-cost-band-modal .cost-band-modal-body {
	font-size: 12px !important; }

.system-benefit-plans-cost-band-modal tbody td {
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: middle; }

.system-benefit-plans-cost-band-modal table.coverage-details-container {
	width: 100%; }
	.system-benefit-plans-cost-band-modal table.coverage-details-container td {
		vertical-align: top; }
		.system-benefit-plans-cost-band-modal table.coverage-details-container td span.heading {
			font-weight: bold;
			margin-right: 3px; }

.system-benefit-plans-cost-band-modal label {
	display: block; }

.system-benefit-plans-cost-band-modal .criteria-selection-container {
	margin-left: 12px;
	margin-top: 12px; }
	.system-benefit-plans-cost-band-modal .criteria-selection-container table {
		width: 100%; }
		.system-benefit-plans-cost-band-modal .criteria-selection-container table td {
			vertical-align: top; }
	.system-benefit-plans-cost-band-modal .criteria-selection-container select {
		margin-left: 6px; }

.system-benefit-plans-cost-band-modal .cost-band-entry-container {
	max-height: 300px;
	overflow-y: auto; }
	.system-benefit-plans-cost-band-modal .cost-band-entry-container fieldset {
		width: 430px;
		margin-top: -2px; }
		.system-benefit-plans-cost-band-modal .cost-band-entry-container fieldset label {
			text-align: left; }
		.system-benefit-plans-cost-band-modal .cost-band-entry-container fieldset .editlabel-container {
			width: 170px;
			text-align: right;
			display: inline-block; }
		.system-benefit-plans-cost-band-modal .cost-band-entry-container fieldset input[type="checkbox"] {
			margin-left: 3px;
			margin-right: 182px; }
		.system-benefit-plans-cost-band-modal .cost-band-entry-container fieldset select.operator {
			width: 50px; }
	.system-benefit-plans-cost-band-modal .cost-band-entry-container table thead th {
		text-align: left; }
	.system-benefit-plans-cost-band-modal .cost-band-entry-container table tbody td {
		vertical-align: top;
		padding-top: 2px; }
	.system-benefit-plans-cost-band-modal .cost-band-entry-container table tbody tr:nth-child(even) {
		background-color: #e0e0e0; }

.system-benefit-plans-cost-band-modal .add-new-cost-band-container {
	margin-top: 12px; }

.system-benefit-plans-cost-band-modal .cost-limit-container .cost-limit-relationship-container {
	margin-top: 12px;
	margin-bottom: 12px; }

.system-benefit-plans-cost-band-modal .cost-limit-container .dependent-number-box {
	width: 30px; }

.system-benefit-plans-cost-band-modal .cost-limit-container .dependent-info-icon {
	cursor: default;
	margin-left: 4px; }

.system-benefit-plans-rate-table-cost-bands-container .no-data-message {
	margin: 12px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #636363; }

.system-benefit-plans-rate-table-cost-bands-container .top-row-container {
	display: flex;
	flex-direction: row;
	border-bottom: 1px solid #cacaca; }
	.system-benefit-plans-rate-table-cost-bands-container .top-row-container .coverage-selection-container {
		flex: 0 0 300px;
		border-right: 1px solid #cacaca;
		padding: 12px; }
		.system-benefit-plans-rate-table-cost-bands-container .top-row-container .coverage-selection-container .orange-icon {
			color: #e89138; }
		.system-benefit-plans-rate-table-cost-bands-container .top-row-container .coverage-selection-container .coverage-selection-table {
			width: 100%; }
			.system-benefit-plans-rate-table-cost-bands-container .top-row-container .coverage-selection-container .coverage-selection-table td {
				padding: 3px 6px;
				cursor: pointer; }
			.system-benefit-plans-rate-table-cost-bands-container .top-row-container .coverage-selection-container .coverage-selection-table tr.selected td {
				background-color: #cacaca;
				color: #01316c;
				font-weight: bold; }
	.system-benefit-plans-rate-table-cost-bands-container .top-row-container .criteria-container {
		flex: 1 1 auto;
		padding: 12px; }
		.system-benefit-plans-rate-table-cost-bands-container .top-row-container .criteria-container .criteria-parameters-row .criteria-parameters-container {
			margin-left: 24px;
			display: inline-block;
			vertical-align: top; }
			.system-benefit-plans-rate-table-cost-bands-container .top-row-container .criteria-container .criteria-parameters-row .criteria-parameters-container .criteria-parameters-header {
				margin-bottom: 6px; }
			.system-benefit-plans-rate-table-cost-bands-container .top-row-container .criteria-container .criteria-parameters-row .criteria-parameters-container .criteria-parameter-values-container {
				font-weight: bold; }
			.system-benefit-plans-rate-table-cost-bands-container .top-row-container .criteria-container .criteria-parameters-row .criteria-parameters-container .no-records-exist {
				font-weight: bold;
				font-style: italic; }
	.system-benefit-plans-rate-table-cost-bands-container .top-row-container .operations-container {
		flex: 0 0 100px;
		padding: 12px; }
		.system-benefit-plans-rate-table-cost-bands-container .top-row-container .operations-container .button-container {
			margin-bottom: 6px; }
			.system-benefit-plans-rate-table-cost-bands-container .top-row-container .operations-container .button-container button {
				width: 100%;
				justify-content: flex-start; }
				.system-benefit-plans-rate-table-cost-bands-container .top-row-container .operations-container .button-container button i.export-cost-bands-icon {
					display: inline-block;
					width: 12px; }
	.system-benefit-plans-rate-table-cost-bands-container .top-row-container .size-limited {
		max-height: 150px;
		overflow-y: auto; }

.system-benefit-plans-rate-table-cost-bands-container .bottom-row-container {
	display: flex;
	flex-direction: row; }
	.system-benefit-plans-rate-table-cost-bands-container .bottom-row-container .coverage-data-container {
		flex: 0 0 300px;
		padding: 12px; }
		.system-benefit-plans-rate-table-cost-bands-container .bottom-row-container .coverage-data-container .form-container {
			margin: 12px; }
			.system-benefit-plans-rate-table-cost-bands-container .bottom-row-container .coverage-data-container .form-container .form-field-container {
				margin-bottom: 6px; }
			.system-benefit-plans-rate-table-cost-bands-container .bottom-row-container .coverage-data-container .form-container .dependent-rate-relationships-tag-box {
				width: 200px; }
	.system-benefit-plans-rate-table-cost-bands-container .bottom-row-container .cost-band-rates-container {
		flex: 1 1 100%;
		padding: 12px;
		display: flex; }
		.system-benefit-plans-rate-table-cost-bands-container .bottom-row-container .cost-band-rates-container .cost-band-rate-grid-section {
			margin-left: 12px;
			flex: 0 0 1200px; }
			.system-benefit-plans-rate-table-cost-bands-container .bottom-row-container .cost-band-rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid {
				max-height: 400px; }
				.system-benefit-plans-rate-table-cost-bands-container .bottom-row-container .cost-band-rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .dx-datagrid-content.dx-sortable {
					min-height: 50px; }
				.system-benefit-plans-rate-table-cost-bands-container .bottom-row-container .cost-band-rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .monthly-premium-textbox {
					width: 100px; }
				.system-benefit-plans-rate-table-cost-bands-container .bottom-row-container .cost-band-rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .dx-command-drag {
					border-right: 0px; }
				.system-benefit-plans-rate-table-cost-bands-container .bottom-row-container .cost-band-rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .fixed-width-cell {
					width: 50px;
					display: inline-block; }
				.system-benefit-plans-rate-table-cost-bands-container .bottom-row-container .cost-band-rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .inline-cell {
					display: inline-block; }
			.system-benefit-plans-rate-table-cost-bands-container .bottom-row-container .cost-band-rates-container .cost-band-rate-grid-section.reduced-size {
				flex: 0 0 600px; }
			.system-benefit-plans-rate-table-cost-bands-container .bottom-row-container .cost-band-rates-container .cost-band-rate-grid-section .cost-band-cell {
				vertical-align: middle; }

.system-benefit-plans-rate-table-cost-bands-container .header-container {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 12px; }

div.editorLayout[id$="RateSetupTabFormHeaderEditor"],
div.editorLayout[id$="RateTableMonthlyRatesFormHeaderEditor"],
div.editorLayout[id$="RateTableCostBandContributionsFormHeaderEditor"] {
	margin: 0px 12px 0px 12px;
	border: none; }

#SystemBenefitPlansRateTableMonthlyRatesContainer tr.dx-data-row td:last-child label.reversable-validation-message,
#SystemBenefitPlansTooltipsContainer label.reversable-validation-message {
	display: flex; }
	#SystemBenefitPlansRateTableMonthlyRatesContainer tr.dx-data-row td:last-child label.reversable-validation-message .validationMessage,
	#SystemBenefitPlansTooltipsContainer label.reversable-validation-message .validationMessage {
		width: 185px;
		margin-left: -201px; }
		#SystemBenefitPlansRateTableMonthlyRatesContainer tr.dx-data-row td:last-child label.reversable-validation-message .validationMessage:after, #SystemBenefitPlansRateTableMonthlyRatesContainer tr.dx-data-row td:last-child label.reversable-validation-message .validationMessage:before,
		#SystemBenefitPlansTooltipsContainer label.reversable-validation-message .validationMessage:after,
		#SystemBenefitPlansTooltipsContainer label.reversable-validation-message .validationMessage:before {
			left: 100%;
			top: 35%;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none; }
		#SystemBenefitPlansRateTableMonthlyRatesContainer tr.dx-data-row td:last-child label.reversable-validation-message .validationMessage:after,
		#SystemBenefitPlansTooltipsContainer label.reversable-validation-message .validationMessage:after {
			border-color: rgba(255, 250, 205, 0);
			border-left-color: #FFFACD;
			border-top-color: #FFFACD;
			border-width: 7px;
			margin-top: -7px; }
		#SystemBenefitPlansRateTableMonthlyRatesContainer tr.dx-data-row td:last-child label.reversable-validation-message .validationMessage:before,
		#SystemBenefitPlansTooltipsContainer label.reversable-validation-message .validationMessage:before {
			border-color: transparent;
			border-left-color: black;
			border-top-color: black;
			border-width: 8px;
			margin-top: -8px; }

#SystemBenefitPlansTooltipsContainer div.tooltip-header {
	width: 220px;
	margin: 0 -17px;
	font-size: 16px;
	font-weight: 700;
	padding-bottom: 12px;
	border-bottom: 1px solid #cacaca; }

#SystemBenefitPlansTooltipsContainer div.radio-options {
	text-align: left;
	padding: 12px 0px; }
	#SystemBenefitPlansTooltipsContainer div.radio-options .radio-option {
		display: flex;
		align-items: center;
		font-size: 12px; }
	#SystemBenefitPlansTooltipsContainer div.radio-options label.textbox-container {
		padding-left: 18px; }

#SystemBenefitPlansTooltipsContainer .btn {
	width: 135px; }

.system-benefit-plans-display-order-container .header-container fieldset legend {
	font-size: 16px; }

.system-benefit-plans-display-order-container .benefit-type-container {
	display: flex;
	margin-left: 12px;
	padding: 12px;
	flex-direction: column;
	position: fixed; }
	.system-benefit-plans-display-order-container .benefit-type-container .benefit-type-item {
		width: 400px;
		padding: 12px;
		box-shadow: 0px 0px 6px #cacaca;
		border-radius: 3px;
		margin-top: 6px;
		max-height: 400px; }
		.system-benefit-plans-display-order-container .benefit-type-container .benefit-type-item .benefit-plans-container {
			display: flex;
			width: 100%;
			justify-content: space-between;
			margin-bottom: 6px;
			max-height: 400px;
			overflow-y: auto; }
			.system-benefit-plans-display-order-container .benefit-type-container .benefit-type-item .benefit-plans-container .benefit-plan-item-name {
				margin-left: 12px;
				color: #89898a; }
				.system-benefit-plans-display-order-container .benefit-type-container .benefit-type-item .benefit-plans-container .benefit-plan-item-name .plan-drag-icon {
					flex: 0 0 20px; }
			.system-benefit-plans-display-order-container .benefit-type-container .benefit-type-item .benefit-plans-container .benefit-plan-item-name-stopped {
				margin-left: 12px;
				color: #e4292a; }
				.system-benefit-plans-display-order-container .benefit-type-container .benefit-type-item .benefit-plans-container .benefit-plan-item-name-stopped .plan-drag-icon {
					flex: 0 0 20px; }
			.system-benefit-plans-display-order-container .benefit-type-container .benefit-type-item .benefit-plans-container .dx-list-item-after-bag.dx-list-reorder-handle-container {
				display: none; }

.system-benefit-plans-display-order-container .empty-table-view {
	margin-left: 12px; }

.system-benefit-plans-display-order-container .benefit-type-selector-box {
	display: flex;
	margin-left: 12px;
	padding: 12px;
	flex-wrap: wrap;
	flex-direction: column; }
	.system-benefit-plans-display-order-container .benefit-type-selector-box .btn-benefit-type-description {
		width: 400px;
		padding: 12px;
		box-shadow: 0px 0px 6px #cacaca;
		border-radius: 3px;
		margin: 6px;
		text-align: left;
		font-weight: bold;
		background-color: white;
		border-width: 0px; }
	.system-benefit-plans-display-order-container .benefit-type-selector-box .btn-benefit-type-description-focus {
		background-color: #f0f8ff; }

.system-benefit-plans-display-order-container .benefit-explaination-paragraph {
	margin-left: 14px;
	margin-top: 6px;
	margin-bottom: 18px; }

.system-benefit-plans-display-order-container .benefit-column-title {
	margin-left: 14px;
	margin-top: 18px;
	font-weight: 600;
	font-family: inherit;
	font-size: 14px; }

.system-benefit-plans-display-order-container .l-flex {
	padding: 0px; }
	.system-benefit-plans-display-order-container .l-flex .l-col-auto {
		padding: 0px; }
		.system-benefit-plans-display-order-container .l-flex .l-col-auto:not(:last-child) {
			margin-right: 12px; }

#SystemPlanCopyModal div.modal-fields {
	display: inline-block;
	margin: 6px; }

#SystemPlanCopyModal fieldset {
	display: contents; }

#SystemPlanCopyModal label {
	margin-left: 24px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
#ClientJobsGridContainer .grid-action-btn {
	color: #01316c; }

#ClientJobsGridContainer .grid-delete-btn {
	color: #e4292a; }

#ClientJobsGridContainer .actionCell {
	vertical-align: middle; }

#ClientJobsGridContainer .dx-datagrid-search-panel {
	margin: 0px; }

#ClientJobsFormContainer fieldset.even-wider-than-widest {
	width: 600px; }

#ClientJobsFormContainer .jobLevel-div {
	margin-bottom: 4px; }

#ClientJobsFormContainer .tall-span {
	height: 16px; }

#ClientJobsFormContainer .shift-right {
	margin-right: -12px; }

#ClientJobGroupsTabGridContainer .grid-action-btn, #ClientJobLevelsTabGridContainer .grid-action-btn {
	color: #01316c; }

#ClientJobGroupsTabGridContainer .grid-delete-btn, #ClientJobLevelsTabGridContainer .grid-delete-btn {
	color: #e4292a; }

#ClientJobGroupsTabGridContainer .dx-form .dx-texteditor, #ClientJobLevelsTabGridContainer .dx-form .dx-texteditor {
	width: 264px !important; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
#ClientBenefitPlansGridContainer .benefit-data-container * {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; }

#ClientBenefitPlansGridContainer .benefit-data-container:not(:last-child) {
	margin-bottom: 3px; }

#ClientBenefitPlansGridContainer .benefit-data-container .benefit-data-header {
	font-weight: bold; }

#ClientBenefitPlansGridContainer .actions-container .btn i.fa-x {
	color: #e4292a; }

#ClientBenefitPlansGridContainer .actions-container .btn i.fa-pen,
#ClientBenefitPlansGridContainer .actions-container .btn i.fa-magnifying-glass {
	color: #01316c; }

.client-plan-details-footnote {
	font-style: italic;
	font-size: 12px;
	margin-left: 18px; }

.client-benefit-plans-form-container.dates-tab-container fieldset.effective-dates-container .labelCheckbox,
.client-benefit-plans-form-container .add-new-system-plan-details-container fieldset.effective-dates-container .labelCheckbox {
	margin-left: 155px; }

.client-benefit-plans-form-container.dates-tab-container fieldset.wider,
.client-benefit-plans-form-container .add-new-system-plan-details-container fieldset.wider {
	width: 434px; }

.client-benefit-plans-form-container .effective-dates-container {
	width: 434px; }
	.client-benefit-plans-form-container .effective-dates-container .labelCheckbox {
		margin-left: 155px; }

.client-benefit-plans-form-container .life-events-container {
	margin-left: 0px; }

.client-benefit-plans-form-container .plan-details-container input {
	text-align: right; }

.client-benefit-plans-form-container .plan-details-container table tbody span {
	white-space: nowrap; }

.client-benefit-plans-form-container .flyover-container {
	margin-left: 12px; }

.client-benefit-plans-form-container fieldset.dependencies {
	width: 750px;
	padding-left: 12px; }
	.client-benefit-plans-form-container fieldset.dependencies .label {
		width: 225px;
		float: left;
		height: 10px;
		clear: none;
		padding-right: 6px; }
	.client-benefit-plans-form-container fieldset.dependencies .radio-margin {
		margin-left: 12px;
		margin-bottom: 0px; }

.client-benefit-plans-form-container .dependent-plan-selection-container {
	margin-top: 18px;
	margin-left: 50px; }

.client-benefit-plans-form-container.payment-tab-container fieldset.wider .switch-holder {
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	margin: 0px;
	padding: 0px; }

.client-benefit-plans-form-container.payment-tab-container fieldset.wider .switch-container {
	display: inline-block;
	width: 276px;
	text-align: left;
	margin: 2px 4px;
	padding: 0px; }
	.client-benefit-plans-form-container.payment-tab-container fieldset.wider .switch-container .dx-switch {
		margin-right: 3px; }

.client-benefit-plans-form-container.payment-tab-container .l-col-auto {
	margin-right: 36px; }

.client-benefit-plans-form-container .eligibility-tab-container {
	margin-left: 0px;
	position: relative; }

.client-benefit-plans-form-container.rates-tab-container {
	margin: 12px;
	position: relative; }
	.client-benefit-plans-form-container.rates-tab-container .loading-coverages-container {
		text-align: center; }
	.client-benefit-plans-form-container.rates-tab-container .error-loading-coverages-container {
		color: #e4292a;
		font-weight: bold; }
	.client-benefit-plans-form-container.rates-tab-container .no-coverages-message {
		color: #e4292a;
		font-weight: bold;
		font-size: medium;
		margin-top: 30px;
		margin-left: 15px; }
	.client-benefit-plans-form-container.rates-tab-container .coverage-filter-container {
		width: 100%; }
		.client-benefit-plans-form-container.rates-tab-container .coverage-filter-container label {
			margin-left: 50px;
			display: inline-block; }
	.client-benefit-plans-form-container.rates-tab-container .custom-filter-container {
		margin-bottom: 12px; }
		.client-benefit-plans-form-container.rates-tab-container .custom-filter-container .custom-filter-container-header {
			margin-top: 12px;
			margin-bottom: 6px;
			font-weight: bold;
			font-size: 14px; }
		.client-benefit-plans-form-container.rates-tab-container .custom-filter-container .custom-filter-label-container {
			display: inline-block;
			width: 185px; }
			.client-benefit-plans-form-container.rates-tab-container .custom-filter-container .custom-filter-label-container .custom-filter-label-header {
				width: 185px; }
			.client-benefit-plans-form-container.rates-tab-container .custom-filter-container .custom-filter-label-container label {
				width: 185px; }
				.client-benefit-plans-form-container.rates-tab-container .custom-filter-container .custom-filter-label-container label input.calendar {
					width: 151px; }
	.client-benefit-plans-form-container.rates-tab-container .add-new-rates-operation-container label {
		width: 310px;
		margin-left: 57px; }
	.client-benefit-plans-form-container.rates-tab-container .coverage-rates-container {
		margin-top: 12px; }
		.client-benefit-plans-form-container.rates-tab-container .coverage-rates-container th {
			padding-left: 5px; }
	.client-benefit-plans-form-container.rates-tab-container.add-new-wizard .rate-effective-date-container {
		width: 450px;
		margin-left: 0px; }
		.client-benefit-plans-form-container.rates-tab-container.add-new-wizard .rate-effective-date-container table.date-layout-table {
			width: 396px; }
			.client-benefit-plans-form-container.rates-tab-container.add-new-wizard .rate-effective-date-container table.date-layout-table th {
				text-align: left;
				padding-left: 6px; }
	.client-benefit-plans-form-container.rates-tab-container.add-new-wizard legend {
		padding-top: 6px; }

.client-benefit-plans-form-container.plan-year-coverage-and-rates-tab-container .view-coverages {
	padding: 0px;
	text-decoration: none;
	border: none; }

.client-benefit-plans-form-container.plan-year-coverage-and-rates-tab-container .coverage-code-fieldset {
	width: 600px; }
	.client-benefit-plans-form-container.plan-year-coverage-and-rates-tab-container .coverage-code-fieldset .coverage-code-container {
		margin-left: 150px; }
	.client-benefit-plans-form-container.plan-year-coverage-and-rates-tab-container .coverage-code-fieldset input {
		margin: 0px; }

.client-benefit-plans-form-container.plan-year-coverage-and-rates-tab-container .benefit-plan-header {
	display: inline-block;
	margin-right: 24px; }

.client-benefit-plans-form-container.plan-year-coverage-and-rates-tab-container .header-info {
	display: inline-block;
	margin-right: 24px; }
	.client-benefit-plans-form-container.plan-year-coverage-and-rates-tab-container .header-info .info {
		font-weight: bold; }

.client-benefit-plans-form-container.coverage-rules-tab-container, .client-benefit-plans-form-container.cost-band-setup-container {
	padding: 0px;
	position: relative; }
	.client-benefit-plans-form-container.coverage-rules-tab-container span.dx-textbox, .client-benefit-plans-form-container.cost-band-setup-container span.dx-textbox {
		display: inline-block; }
	.client-benefit-plans-form-container.coverage-rules-tab-container .multiple-field, .client-benefit-plans-form-container.cost-band-setup-container .multiple-field {
		width: 52px; }
	.client-benefit-plans-form-container.coverage-rules-tab-container .open-enrollment-or-column, .client-benefit-plans-form-container.cost-band-setup-container .open-enrollment-or-column {
		width: 20px;
		min-width: 20px; }
	.client-benefit-plans-form-container.coverage-rules-tab-container .add-new-container, .client-benefit-plans-form-container.cost-band-setup-container .add-new-container {
		padding-top: 6px;
		padding-bottom: 6px;
		margin-left: 0px; }
	.client-benefit-plans-form-container.coverage-rules-tab-container .no-wrap, .client-benefit-plans-form-container.cost-band-setup-container .no-wrap {
		white-space: nowrap; }
	.client-benefit-plans-form-container.coverage-rules-tab-container .table-view, .client-benefit-plans-form-container.cost-band-setup-container .table-view {
		width: auto; }
		.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .header-icon, .client-benefit-plans-form-container.cost-band-setup-container .table-view .header-icon {
			margin-left: 3px; }
		.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-header, .client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-header {
			font-weight: bold; }
		.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.expiration-date, .client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.expiration-date {
			min-width: 110px; }
		.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.late-entrant, .client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.late-entrant {
			min-width: 150px; }
			.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.late-entrant .prevent-wrap, .client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.late-entrant .prevent-wrap {
				width: 150px; }
			.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.late-entrant input:not(.dx-texteditor-input),
			.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.late-entrant span.dx-textbox,
			.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.late-entrant select, .client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.late-entrant input:not(.dx-texteditor-input),
			.client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.late-entrant span.dx-textbox,
			.client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.late-entrant select {
				width: 150px; }
				.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.late-entrant input:not(.dx-texteditor-input).calendar,
				.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.late-entrant span.dx-textbox.calendar,
				.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.late-entrant select.calendar, .client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.late-entrant input:not(.dx-texteditor-input).calendar,
				.client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.late-entrant span.dx-textbox.calendar,
				.client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.late-entrant select.calendar {
					width: 134px; }
		.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.late-entrant-wide, .client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.late-entrant-wide {
			min-width: 220px; }
			.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.late-entrant-wide .prevent-wrap, .client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.late-entrant-wide .prevent-wrap {
				width: 220px; }
			.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.late-entrant-wide input:not(.dx-texteditor-input),
			.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.late-entrant-wide span.dx-textbox,
			.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.late-entrant-wide select, .client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.late-entrant-wide input:not(.dx-texteditor-input),
			.client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.late-entrant-wide span.dx-textbox,
			.client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.late-entrant-wide select {
				width: 150px; }
				.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.late-entrant-wide input:not(.dx-texteditor-input).calendar,
				.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.late-entrant-wide span.dx-textbox.calendar,
				.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.late-entrant-wide select.calendar, .client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.late-entrant-wide input:not(.dx-texteditor-input).calendar,
				.client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.late-entrant-wide span.dx-textbox.calendar,
				.client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.late-entrant-wide select.calendar {
					width: 134px; }
		.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase, .client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase {
			min-width: 150px; }
			.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase .prevent-wrap, .client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase .prevent-wrap {
				width: 150px; }
			.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase input:not(.dx-texteditor-input),
			.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase span.dx-textbox,
			.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase select, .client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase input:not(.dx-texteditor-input),
			.client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase span.dx-textbox,
			.client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase select {
				width: 150px; }
				.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase input:not(.dx-texteditor-input).calendar,
				.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase span.dx-textbox.calendar,
				.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase select.calendar, .client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase input:not(.dx-texteditor-input).calendar,
				.client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase span.dx-textbox.calendar,
				.client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase select.calendar {
					width: 134px; }
		.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase-wide, .client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase-wide {
			min-width: 200px; }
			.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase-wide div.label, .client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase-wide div.label {
				text-align: left; }
			.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase-wide .prevent-wrap, .client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase-wide .prevent-wrap {
				width: 200px; }
			.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase-wide input:not(.dx-texteditor-input),
			.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase-wide span.dx-textbox,
			.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase-wide select, .client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase-wide input:not(.dx-texteditor-input),
			.client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase-wide span.dx-textbox,
			.client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase-wide select {
				width: 150px; }
				.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase-wide input:not(.dx-texteditor-input).calendar,
				.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase-wide span.dx-textbox.calendar,
				.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column.coverage-increase-wide select.calendar, .client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase-wide input:not(.dx-texteditor-input).calendar,
				.client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase-wide span.dx-textbox.calendar,
				.client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column.coverage-increase-wide select.calendar {
					width: 134px; }
		.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column input.match-selectbox-height, .client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column input.match-selectbox-height {
			height: 25px; }
		.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .table-view-column .flyoverdiv-container, .client-benefit-plans-form-container.cost-band-setup-container .table-view .table-view-column .flyoverdiv-container {
			margin: 0px;
			display: flex; }
		.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .filter-value-column, .client-benefit-plans-form-container.cost-band-setup-container .table-view .filter-value-column {
			min-width: 215px; }
			.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .filter-value-column .prevent-wrap, .client-benefit-plans-form-container.cost-band-setup-container .table-view .filter-value-column .prevent-wrap {
				width: 215px; }
			.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .filter-value-column input:not(.dx-texteditor-input), .client-benefit-plans-form-container.cost-band-setup-container .table-view .filter-value-column input:not(.dx-texteditor-input) {
				width: 165px; }
		.client-benefit-plans-form-container.coverage-rules-tab-container .table-view .icon-column, .client-benefit-plans-form-container.cost-band-setup-container .table-view .icon-column {
			padding-top: 6px;
			width: 15px; }
	.client-benefit-plans-form-container.coverage-rules-tab-container .coverage-type-card .coverage-type-selector, .client-benefit-plans-form-container.cost-band-setup-container .coverage-type-card .coverage-type-selector {
		text-align: left;
		vertical-align: middle; }
		.client-benefit-plans-form-container.coverage-rules-tab-container .coverage-type-card .coverage-type-selector label, .client-benefit-plans-form-container.cost-band-setup-container .coverage-type-card .coverage-type-selector label {
			width: 110px;
			vertical-align: middle;
			display: inline-block; }
	.client-benefit-plans-form-container.coverage-rules-tab-container .coverage-type-card .coverage-type-option, .client-benefit-plans-form-container.cost-band-setup-container .coverage-type-card .coverage-type-option {
		margin-left: 110px;
		text-align: left; }
	.client-benefit-plans-form-container.coverage-rules-tab-container .coverage-type-card .coverage-type-box, .client-benefit-plans-form-container.cost-band-setup-container .coverage-type-card .coverage-type-box {
		width: 213px; }
	.client-benefit-plans-form-container.coverage-rules-tab-container .coverage-type-card .non-uniform-additional-amounts-container, .client-benefit-plans-form-container.cost-band-setup-container .coverage-type-card .non-uniform-additional-amounts-container {
		margin-left: 69px; }
		.client-benefit-plans-form-container.coverage-rules-tab-container .coverage-type-card .non-uniform-additional-amounts-container .additional-amounts-data-container, .client-benefit-plans-form-container.cost-band-setup-container .coverage-type-card .non-uniform-additional-amounts-container .additional-amounts-data-container {
			max-height: 100px;
			overflow-y: auto;
			margin-left: 60px; }
		.client-benefit-plans-form-container.coverage-rules-tab-container .coverage-type-card .non-uniform-additional-amounts-container .empty-amount-message, .client-benefit-plans-form-container.cost-band-setup-container .coverage-type-card .non-uniform-additional-amounts-container .empty-amount-message {
			padding-left: 1px;
			margin-left: 62px; }
	.client-benefit-plans-form-container.coverage-rules-tab-container .coverage-limit-card .coverage-limit-container, .client-benefit-plans-form-container.cost-band-setup-container .coverage-limit-card .coverage-limit-container {
		margin-left: 18px;
		margin-top: 12px;
		margin-bottom: 12px;
		white-space: nowrap;
		text-align: left; }
	.client-benefit-plans-form-container.coverage-rules-tab-container .coverage-limit-card .coverage-field, .client-benefit-plans-form-container.cost-band-setup-container .coverage-limit-card .coverage-field {
		width: 70px; }
	.client-benefit-plans-form-container.coverage-rules-tab-container .coverage-limit-card .percent-field, .client-benefit-plans-form-container.cost-band-setup-container .coverage-limit-card .percent-field {
		width: 40px; }
	.client-benefit-plans-form-container.coverage-rules-tab-container .initial-enroll-card .dx-textbox, .client-benefit-plans-form-container.cost-band-setup-container .initial-enroll-card .dx-textbox {
		width: 229px; }
	.client-benefit-plans-form-container.coverage-rules-tab-container .initial-enroll-card .maximum-field, .client-benefit-plans-form-container.cost-band-setup-container .initial-enroll-card .maximum-field {
		width: 100px; }
	.client-benefit-plans-form-container.coverage-rules-tab-container .initial-enroll-card table, .client-benefit-plans-form-container.cost-band-setup-container .initial-enroll-card table {
		width: 450px; }
		.client-benefit-plans-form-container.coverage-rules-tab-container .initial-enroll-card table td, .client-benefit-plans-form-container.cost-band-setup-container .initial-enroll-card table td {
			vertical-align: middle;
			padding-top: 6px;
			white-space: nowrap; }
	.client-benefit-plans-form-container.coverage-rules-tab-container .page-section, .client-benefit-plans-form-container.cost-band-setup-container .page-section {
		margin-bottom: 12px;
		display: flex;
		flex-direction: row; }
		.client-benefit-plans-form-container.coverage-rules-tab-container .page-section .form-container, .client-benefit-plans-form-container.cost-band-setup-container .page-section .form-container {
			flex: 1 1 auto;
			min-width: 600px;
			display: flex;
			flex-direction: column; }
		.client-benefit-plans-form-container.coverage-rules-tab-container .page-section .criteria-flex-group, .client-benefit-plans-form-container.cost-band-setup-container .page-section .criteria-flex-group {
			flex: 0 1 auto;
			display: flex;
			flex-flow: row wrap; }
			.client-benefit-plans-form-container.coverage-rules-tab-container .page-section .criteria-flex-group:not(:last-child), .client-benefit-plans-form-container.cost-band-setup-container .page-section .criteria-flex-group:not(:last-child) {
				margin-right: 12px; }
		.client-benefit-plans-form-container.coverage-rules-tab-container .page-section .criteria-flex-column, .client-benefit-plans-form-container.cost-band-setup-container .page-section .criteria-flex-column {
			flex: 0 1 auto;
			width: auto;
			padding: 0px; }
			.client-benefit-plans-form-container.coverage-rules-tab-container .page-section .criteria-flex-column:not(:last-child), .client-benefit-plans-form-container.cost-band-setup-container .page-section .criteria-flex-column:not(:last-child) {
				margin-right: 12px; }
		.client-benefit-plans-form-container.coverage-rules-tab-container .page-section fieldset legend, .client-benefit-plans-form-container.cost-band-setup-container .page-section fieldset legend {
			padding: 12px 0px 6px 0px; }
		.client-benefit-plans-form-container.coverage-rules-tab-container .page-section .fieldset-no-legend, .client-benefit-plans-form-container.cost-band-setup-container .page-section .fieldset-no-legend {
			/*use to align fieldsets without a legend
                  with those that have a legend
                */
			margin-top: 35px; }
		.client-benefit-plans-form-container.coverage-rules-tab-container .page-section.pad-top, .client-benefit-plans-form-container.cost-band-setup-container .page-section.pad-top {
			padding-top: 15px; }
	.client-benefit-plans-form-container.coverage-rules-tab-container .client-benefit-generating-criteria-message, .client-benefit-plans-form-container.cost-band-setup-container .client-benefit-generating-criteria-message {
		align-items: center;
		align-self: center;
		width: 100%; }
		.client-benefit-plans-form-container.coverage-rules-tab-container .client-benefit-generating-criteria-message p, .client-benefit-plans-form-container.cost-band-setup-container .client-benefit-generating-criteria-message p {
			margin: 12px 0;
			text-align: center; }
			.client-benefit-plans-form-container.coverage-rules-tab-container .client-benefit-generating-criteria-message p.loading, .client-benefit-plans-form-container.cost-band-setup-container .client-benefit-generating-criteria-message p.loading {
				height: 30px; }
	.client-benefit-plans-form-container.coverage-rules-tab-container .flex-row-container, .client-benefit-plans-form-container.cost-band-setup-container .flex-row-container {
		display: flex;
		flex-direction: row; }
	.client-benefit-plans-form-container.coverage-rules-tab-container .header-container, .client-benefit-plans-form-container.cost-band-setup-container .header-container {
		font-weight: bold;
		font-size: 16px;
		margin-bottom: 12px; }
	.client-benefit-plans-form-container.coverage-rules-tab-container .criteria-container, .client-benefit-plans-form-container.cost-band-setup-container .criteria-container {
		flex: 1 1 auto;
		padding: 12px; }
		.client-benefit-plans-form-container.coverage-rules-tab-container .criteria-container .criteria-parameters-row .criteria-parameters-container, .client-benefit-plans-form-container.cost-band-setup-container .criteria-container .criteria-parameters-row .criteria-parameters-container {
			margin-left: 12px;
			display: inline-block;
			vertical-align: top; }
			.client-benefit-plans-form-container.coverage-rules-tab-container .criteria-container .criteria-parameters-row .criteria-parameters-container .criteria-parameters-header, .client-benefit-plans-form-container.cost-band-setup-container .criteria-container .criteria-parameters-row .criteria-parameters-container .criteria-parameters-header {
				margin-bottom: 6px; }
			.client-benefit-plans-form-container.coverage-rules-tab-container .criteria-container .criteria-parameters-row .criteria-parameters-container .criteria-parameter-values-container, .client-benefit-plans-form-container.cost-band-setup-container .criteria-container .criteria-parameters-row .criteria-parameters-container .criteria-parameter-values-container {
				font-weight: bold; }
			.client-benefit-plans-form-container.coverage-rules-tab-container .criteria-container .criteria-parameters-row .criteria-parameters-container .no-records-exist, .client-benefit-plans-form-container.cost-band-setup-container .criteria-container .criteria-parameters-row .criteria-parameters-container .no-records-exist {
				font-weight: bold;
				font-style: italic; }
	.client-benefit-plans-form-container.coverage-rules-tab-container .data-container, .client-benefit-plans-form-container.cost-band-setup-container .data-container {
		flex: 0 0 300px;
		padding: 12px; }
		.client-benefit-plans-form-container.coverage-rules-tab-container .data-container .form-container, .client-benefit-plans-form-container.cost-band-setup-container .data-container .form-container {
			margin: 12px; }
			.client-benefit-plans-form-container.coverage-rules-tab-container .data-container .form-container .form-field-container, .client-benefit-plans-form-container.cost-band-setup-container .data-container .form-container .form-field-container {
				margin-bottom: 6px; }
				.client-benefit-plans-form-container.coverage-rules-tab-container .data-container .form-container .form-field-container .form-value .sm-contribution-input, .client-benefit-plans-form-container.cost-band-setup-container .data-container .form-container .form-field-container .form-value .sm-contribution-input {
					width: 30px;
					margin-left: 3px;
					margin-right: 3px; }
			.client-benefit-plans-form-container.coverage-rules-tab-container .data-container .form-container .dependent-rate-relationships-tag-box, .client-benefit-plans-form-container.cost-band-setup-container .data-container .form-container .dependent-rate-relationships-tag-box {
				width: 200px; }
	.client-benefit-plans-form-container.coverage-rules-tab-container .rates-container, .client-benefit-plans-form-container.cost-band-setup-container .rates-container {
		flex: 1 1 100%;
		padding: 12px;
		display: flex; }
		.client-benefit-plans-form-container.coverage-rules-tab-container .rates-container .cost-band-rate-grid-section, .client-benefit-plans-form-container.cost-band-setup-container .rates-container .cost-band-rate-grid-section {
			margin-left: 12px;
			flex: 0 0 1200px; }
			.client-benefit-plans-form-container.coverage-rules-tab-container .rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid, .client-benefit-plans-form-container.cost-band-setup-container .rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid {
				max-height: 400px; }
				.client-benefit-plans-form-container.coverage-rules-tab-container .rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .dx-datagrid-content.dx-sortable, .client-benefit-plans-form-container.cost-band-setup-container .rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .dx-datagrid-content.dx-sortable {
					min-height: 50px; }
				.client-benefit-plans-form-container.coverage-rules-tab-container .rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .monthly-premium-textbox, .client-benefit-plans-form-container.cost-band-setup-container .rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .monthly-premium-textbox {
					width: 100px; }
				.client-benefit-plans-form-container.coverage-rules-tab-container .rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .dx-scrollable-container, .client-benefit-plans-form-container.cost-band-setup-container .rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .dx-scrollable-container {
					padding-right: 6px; }
				.client-benefit-plans-form-container.coverage-rules-tab-container .rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .dx-command-drag, .client-benefit-plans-form-container.cost-band-setup-container .rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .dx-command-drag {
					border-right: 0px; }
				.client-benefit-plans-form-container.coverage-rules-tab-container .rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .fixed-width-cell, .client-benefit-plans-form-container.cost-band-setup-container .rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .fixed-width-cell {
					width: 50px;
					display: inline-block; }
				.client-benefit-plans-form-container.coverage-rules-tab-container .rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .inline-cell, .client-benefit-plans-form-container.cost-band-setup-container .rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .inline-cell {
					display: inline-block; }
			.client-benefit-plans-form-container.coverage-rules-tab-container .rates-container .cost-band-rate-grid-section.reduced-size, .client-benefit-plans-form-container.cost-band-setup-container .rates-container .cost-band-rate-grid-section.reduced-size {
				flex: 0 0 600px; }
			.client-benefit-plans-form-container.coverage-rules-tab-container .rates-container .cost-band-rate-grid-section .cost-band-cell, .client-benefit-plans-form-container.cost-band-setup-container .rates-container .cost-band-rate-grid-section .cost-band-cell {
				vertical-align: middle; }

.client-benefit-plans-form-container.insurance-rates-tab-container {
	padding: 0px; }
	.client-benefit-plans-form-container.insurance-rates-tab-container .l-col-auto {
		padding: 0px; }
		.client-benefit-plans-form-container.insurance-rates-tab-container .l-col-auto:not(:last-child) {
			margin-left: 12px; }
	.client-benefit-plans-form-container.insurance-rates-tab-container .coverage-type-selector {
		text-align: left;
		padding-left: 10px;
		font-size: 120%;
		font-weight: 600;
		color: #292929; }
	.client-benefit-plans-form-container.insurance-rates-tab-container .supplemental-coverage-container label.supplemental-coverage-label {
		width: 310px;
		margin-left: 50px; }
	.client-benefit-plans-form-container.insurance-rates-tab-container .supplemental-coverage-container label.uniform-additional-amount-label input {
		width: 150px; }
	.client-benefit-plans-form-container.insurance-rates-tab-container .supplemental-coverage-container .non-uniform-additional-amounts-container {
		margin-left: 75px; }
		.client-benefit-plans-form-container.insurance-rates-tab-container .supplemental-coverage-container .non-uniform-additional-amounts-container .add-amount-container {
			margin-bottom: 3px; }
		.client-benefit-plans-form-container.insurance-rates-tab-container .supplemental-coverage-container .non-uniform-additional-amounts-container .additional-amounts-data-container {
			max-height: 100px;
			overflow-y: auto; }
	.client-benefit-plans-form-container.insurance-rates-tab-container .premium-options-container .rate-per-unit-checkbox-label {
		width: 300px;
		margin-left: 60px; }
	.client-benefit-plans-form-container.insurance-rates-tab-container .reductions-container {
		width: 382px; }
		.client-benefit-plans-form-container.insurance-rates-tab-container .reductions-container th.data-column {
			text-align: left;
			padding-left: 6px; }
		.client-benefit-plans-form-container.insurance-rates-tab-container .reductions-container .reduction-info-icon {
			vertical-align: -0.45em; }
	.client-benefit-plans-form-container.insurance-rates-tab-container .guarantee-issue-container {
		width: 362px; }
		.client-benefit-plans-form-container.insurance-rates-tab-container .guarantee-issue-container .subheader {
			margin: 6px 0 6px 24px;
			font-weight: bold; }
		.client-benefit-plans-form-container.insurance-rates-tab-container .guarantee-issue-container .guarantee-issue-form {
			margin-left: 50px; }
		.client-benefit-plans-form-container.insurance-rates-tab-container .guarantee-issue-container .open-enrollment-container tr.effective-dates-row label {
			text-align: left; }
		.client-benefit-plans-form-container.insurance-rates-tab-container .guarantee-issue-container td.button-cell {
			padding-right: 12px;
			text-align: right;
			white-space: nowrap; }
	.client-benefit-plans-form-container.insurance-rates-tab-container .add_new_container {
		margin-top: 12px;
		margin-left: 24px; }

.client-benefit-plans-form-container.add-new-wizard label.system-level-selection-container {
	text-align: left;
	padding-left: 6px;
	padding-top: 12px;
	font-weight: bold; }

.client-benefit-plans-form-container.add-new-wizard fieldset.plan-details-container {
	padding-top: 12px; }

.client-benefit-plans-form-container.add-new-wizard small.benefit-plan-selection-error {
	color: #e4292a; }

.client-benefit-plans-form-container .benefit-type-container {
	width: 650px; }

.client-benefit-plans-form-container .eligible-employees-container .btn:first-of-type {
	margin-left: 12px; }

.client-benefit-plans-form-container .eligible-employees-container .btn {
	margin-right: 3px; }

.client-benefit-plans-form-container .enclosing-row {
	margin-left: 72px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 4px; }
	.client-benefit-plans-form-container .enclosing-row .select-cell {
		text-align: left;
		width: 285px; }
	.client-benefit-plans-form-container .enclosing-row .wide-cell {
		width: 135px;
		text-align: left;
		vertical-align: middle; }
	.client-benefit-plans-form-container .enclosing-row .wider-cell {
		width: 250px;
		text-align: left;
		vertical-align: middle; }
	.client-benefit-plans-form-container .enclosing-row .margin-l-03 {
		margin-left: 3px; }
	.client-benefit-plans-form-container .enclosing-row .small-span {
		width: 43px; }

.client-benefit-plans-form-container .plan-name {
	font-weight: normal;
	margin-left: 0px;
	width: 276px; }

.client-benefit-plans-form-container .no-padding {
	padding-left: 0px; }

.client-benefit-plans-form-container .table-view .table-view-column.priority-column {
	min-width: 56px;
	max-width: 56px; }

.client-benefit-plans-form-container .table-view .table-view-column.following-column {
	padding-left: 3px;
	min-width: 140px;
	max-width: 140px; }

.client-benefit-plans-form-container .table-view .table-view-column.wider {
	min-width: 285px;
	max-width: 285px; }

.client-benefit-plans-form-container .table-view .table-view-column.drag-column {
	max-width: 18px;
	min-width: 18px; }

.client-benefit-plans-form-container .table-view .table-view-column .dx-textbox {
	width: 96%; }

.client-benefit-plans-form-container .empty-table-view {
	margin-left: 12px; }

.client-benefit-plans-form-container .add-new-container {
	margin-left: 12px; }

.client-benefit-plans-form-container .cost-band-acknowledgement-container {
	margin-top: 12px;
	margin-left: 24px; }

.client-benefit-plans-form-container .l-flex {
	padding: 0px; }
	.client-benefit-plans-form-container .l-flex .l-col-auto {
		padding: 0px; }

.client-benefit-plans-form-container .validation-message {
	color: #e4292a;
	font-weight: bold; }
	.client-benefit-plans-form-container .validation-message.coverage-calc {
		white-space: normal;
		margin-left: 12px; }

.client-benefit-plans-form-container .multi-value-text-entry-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 430px; }
	.client-benefit-plans-form-container .multi-value-text-entry-container .value-entry-container {
		flex: 0 0 100px;
		margin-right: 12px;
		text-align: right; }
	.client-benefit-plans-form-container .multi-value-text-entry-container .selected-values-container {
		flex: 0 0 auto;
		line-height: normal; }

.client-benefit-plans-form-container .error-container {
	color: #e4292a;
	margin-left: 12px; }

.client-benefit-plans-form-container #ClientBenefitPlansRateYearGridContainer {
	height: 100%; }
	.client-benefit-plans-form-container #ClientBenefitPlansRateYearGridContainer .dx-master-detail-cell {
		padding-top: 15px; }
		.client-benefit-plans-form-container #ClientBenefitPlansRateYearGridContainer .dx-master-detail-cell h3 {
			margin: 0px; }
		.client-benefit-plans-form-container #ClientBenefitPlansRateYearGridContainer .dx-master-detail-cell .dx-list-collapsible-groups {
			width: 50%;
			border-radius: 3px;
			padding: 12px;
			box-shadow: 0px 0px 12px #cacaca; }
	.client-benefit-plans-form-container #ClientBenefitPlansRateYearGridContainer .dx-list-group-collapsed .dx-list-group-header::before {
		transform: rotate(90deg); }
	.client-benefit-plans-form-container #ClientBenefitPlansRateYearGridContainer .dx-datagrid-group-opened, .client-benefit-plans-form-container #ClientBenefitPlansRateYearGridContainer .dx-datagrid-group-closed {
		min-width: 30px;
		max-width: 30px; }

.client-benefit-plans-form-container.rate-table-header .rate-year-selection-container {
	display: inline-block;
	padding-left: 50px; }

.client-benefit-plans-form-container.rate-table-header .benefit-plan-header {
	display: inline-block;
	margin-right: 24px; }

.client-benefit-plans-form-container.rate-table-header .header-info {
	display: inline-block;
	margin-right: 24px; }
	.client-benefit-plans-form-container.rate-table-header .header-info .info {
		font-weight: bold; }

.client-benefit-plans-form-container.rate-table-header .coverage-tier-container {
	display: inline-block;
	padding-left: 25px; }
	.client-benefit-plans-form-container.rate-table-header .coverage-tier-container .coverage-tier-name {
		font-weight: 700; }

.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .no-data-message {
	margin: 12px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #636363; }

.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .top-row-container {
	display: flex;
	flex-direction: row;
	border-bottom: 1px solid #cacaca; }
	.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .top-row-container .coverage-selection-container {
		flex: 0 0 300px;
		border-right: 1px solid #cacaca;
		padding: 12px; }
		.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .top-row-container .coverage-selection-container .orange-icon {
			color: #e89138; }
		.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .top-row-container .coverage-selection-container .coverage-selection-table {
			width: 100%; }
			.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .top-row-container .coverage-selection-container .coverage-selection-table td {
				padding: 3px 6px;
				cursor: pointer; }
			.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .top-row-container .coverage-selection-container .coverage-selection-table tr.selected td {
				background-color: #cacaca;
				color: #01316c;
				font-weight: bold; }
	.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .top-row-container .criteria-container {
		flex: 1 1 auto;
		padding: 12px; }
		.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .top-row-container .criteria-container .criteria-parameters-row .criteria-parameters-container {
			margin-left: 24px;
			display: inline-block;
			vertical-align: top; }
			.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .top-row-container .criteria-container .criteria-parameters-row .criteria-parameters-container .criteria-parameters-header {
				margin-bottom: 6px; }
			.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .top-row-container .criteria-container .criteria-parameters-row .criteria-parameters-container .criteria-parameter-values-container {
				font-weight: bold; }
			.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .top-row-container .criteria-container .criteria-parameters-row .criteria-parameters-container .no-records-exist {
				font-weight: bold;
				font-style: italic; }
	.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .top-row-container .operations-container {
		flex: 0 0 100px;
		padding: 12px; }
		.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .top-row-container .operations-container .button-container {
			margin-bottom: 6px; }
			.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .top-row-container .operations-container .button-container button {
				width: 100%;
				justify-content: flex-start; }
				.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .top-row-container .operations-container .button-container button i.export-cost-bands-icon {
					display: inline-block;
					width: 12px; }
	.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .top-row-container .size-limited {
		max-height: 150px;
		overflow-y: auto; }

.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .bottom-row-container {
	display: flex;
	flex-direction: row; }
	.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .bottom-row-container .coverage-data-container {
		flex: 0 0 300px;
		padding: 12px; }
		.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .bottom-row-container .coverage-data-container .form-container {
			margin: 12px; }
			.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .bottom-row-container .coverage-data-container .form-container .form-field-container {
				margin-bottom: 6px; }
			.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .bottom-row-container .coverage-data-container .form-container .dependent-rate-relationships-tag-box {
				width: 200px; }
	.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .bottom-row-container .cost-band-rates-container {
		flex: 1 1 100%;
		padding: 12px;
		display: flex;
		flex-wrap: wrap; }
		.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .bottom-row-container .cost-band-rates-container .cost-band-rate-grid-section {
			flex: 1 1; }
			.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .bottom-row-container .cost-band-rates-container .cost-band-rate-grid-section:not(:first-child) {
				margin-left: 12px; }
			.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .bottom-row-container .cost-band-rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid {
				max-height: 400px; }
				.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .bottom-row-container .cost-band-rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .dx-datagrid-content.dx-sortable {
					padding-bottom: 20px; }
				.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .bottom-row-container .cost-band-rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .monthly-premium-textbox {
					width: 100px; }
				.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .bottom-row-container .cost-band-rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .dx-command-drag {
					border-right: 0px; }
				.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .bottom-row-container .cost-band-rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .fixed-width-cell {
					width: 50px;
					display: inline-block; }
				.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .bottom-row-container .cost-band-rates-container .cost-band-rate-grid-section .rate-table-cost-band-grid .inline-cell {
					display: inline-block; }
			.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .bottom-row-container .cost-band-rates-container .cost-band-rate-grid-section .cost-band-cell {
				vertical-align: middle; }

.client-benefit-plans-form-container.cost-band-tab-container .client-benefit-plans-rate-table-cost-bands-container .header-container {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 12px; }

.client-benefit-plans-benefit-type-container div.radio-options {
	padding-left: 12px; }
	.client-benefit-plans-benefit-type-container div.radio-options .radio-option {
		display: flex;
		font-weight: bold;
		padding-top: 12px; }

.fixed-rates-tab-container .rate-year-selection-container {
	display: inline-block;
	padding-left: 50px; }

.fixed-rates-tab-container .coverage-tier-container {
	display: inline-block;
	padding-left: 25px; }
	.fixed-rates-tab-container .coverage-tier-container .coverage-tier-name {
		font-weight: 700; }

.fixed-rates-tab-container label.textbox-container {
	padding-left: 18px; }

.client-benefit-plans-display-order-container .header-container fieldset legend {
	font-size: 16px; }

.client-benefit-plans-display-order-container .benefit-type-container {
	display: flex;
	margin-left: 12px;
	padding: 12px;
	flex-direction: column; }
	.client-benefit-plans-display-order-container .benefit-type-container .benefit-type-item {
		width: 400px;
		padding: 12px;
		box-shadow: 0px 0px 6px #cacaca;
		border-radius: 3px;
		margin-top: 6px;
		max-height: 400px; }
		.client-benefit-plans-display-order-container .benefit-type-container .benefit-type-item .benefit-plans-container {
			display: flex;
			width: 100%;
			justify-content: space-between;
			margin-bottom: 6px;
			max-height: 400px;
			overflow-y: auto; }
			.client-benefit-plans-display-order-container .benefit-type-container .benefit-type-item .benefit-plans-container .benefit-plan-item-name {
				margin-left: 12px;
				color: #89898a; }
				.client-benefit-plans-display-order-container .benefit-type-container .benefit-type-item .benefit-plans-container .benefit-plan-item-name .plan-drag-icon {
					flex: 0 0 20px; }
			.client-benefit-plans-display-order-container .benefit-type-container .benefit-type-item .benefit-plans-container .benefit-plan-item-name-stopped {
				margin-left: 12px;
				color: #e4292a; }
				.client-benefit-plans-display-order-container .benefit-type-container .benefit-type-item .benefit-plans-container .benefit-plan-item-name-stopped .plan-drag-icon {
					flex: 0 0 20px; }
			.client-benefit-plans-display-order-container .benefit-type-container .benefit-type-item .benefit-plans-container .dx-list-item-after-bag.dx-list-reorder-handle-container {
				display: none; }

.client-benefit-plans-display-order-container .empty-table-view {
	margin-left: 12px; }

.client-benefit-plans-display-order-container .benefit-type-selector-box {
	display: flex;
	margin-left: 12px;
	padding: 12px;
	flex-wrap: wrap;
	flex-direction: column; }
	.client-benefit-plans-display-order-container .benefit-type-selector-box .btn-benefit-type-description {
		width: 400px;
		padding: 12px;
		box-shadow: 0px 0px 6px #cacaca;
		border-radius: 3px;
		margin: 6px;
		text-align: left;
		font-weight: bold;
		background-color: white;
		border-width: 0px; }
	.client-benefit-plans-display-order-container .benefit-type-selector-box .btn-benefit-type-description-focus {
		background-color: #f0f8ff; }

.client-benefit-plans-display-order-container .benefit-explaination-paragraph {
	margin-left: 14px;
	margin-top: 6px;
	margin-bottom: 18px; }

.client-benefit-plans-display-order-container .benefit-column-title {
	margin-top: 18px;
	font-weight: 600;
	font-family: inherit;
	font-size: 14px; }

.client-benefit-plans-display-order-container .l-flex {
	padding: 0px; }
	.client-benefit-plans-display-order-container .l-flex .l-col-auto {
		padding: 0px; }
		.client-benefit-plans-display-order-container .l-flex .l-col-auto:not(:last-child) {
			margin-right: 12px; }

#probationTable {
	margin-left: 12px; }
	#probationTable input.smallest {
		width: 43px; }

#ClientBenefitPlansTooltipContainer div.tooltip-header {
	width: 220px;
	margin: 0 -17px;
	font-size: 16px;
	font-weight: 700;
	padding-bottom: 12px;
	border-bottom: 1px solid #cacaca; }

#ClientBenefitPlansTooltipContainer div.radio-options {
	text-align: left;
	padding: 12px 0px; }
	#ClientBenefitPlansTooltipContainer div.radio-options .radio-option {
		display: flex;
		align-items: center;
		font-size: 12px; }
	#ClientBenefitPlansTooltipContainer div.radio-options label.textbox-container {
		padding-left: 18px; }

#ClientBenefitPlansTooltipContainer .btn {
	width: 135px; }

#ContributionGridContainer input {
	width: 100%;
	text-align: right; }

#ContributionGridContainer span {
	float: right; }

#ContributionGridContainer .emphasis {
	font-weight: bold; }

#ContributionGridContainer .wide-selectbox {
	width: 100%;
	float: left; }
	#ContributionGridContainer .wide-selectbox input {
		text-align: left; }

#ContributionGridContainer label.adjusted-premium {
	font-weight: bold;
	text-align: right;
	display: block;
	padding-top: 2px; }

#ClientPlanCopyModal div.modal-fields {
	display: inline-block;
	margin: 6px; }

#ClientPlanCopyModal fieldset {
	display: contents; }

#ClientPlanCopyModal label {
	margin-left: 24px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
#ClientSalaryGradeGridContainer .action-link-blue {
	color: #01316c; }

#ClientSalaryGradeGridContainer .action-link-red {
	color: #e4292a; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
#EmployeeJobsGridContainer h3.details-card-header {
	margin: 0; }

#EmployeeJobsGridContainer .grid-action-btn {
	color: #01316c; }

#EmployeeJobsGridContainer .grid-copy-btn {
	color: #489fa4; }

#EmployeeJobsGridContainer .grid-delete-btn {
	color: #e4292a; }

#EmployeeJobsGridContainer .actionCell {
	vertical-align: middle; }

#EmployeeJobsGridContainer .dx-datagrid-search-panel {
	margin: 0px; }

#EmployeeJobsGridContainer div.ellipsis-overflow {
	overflow-x: hidden;
	text-overflow: ellipsis; }

#EmployeeJobsGridContainer i.notes-icon {
	padding-right: 6px; }

#EmployeeJobsFormContainer {
	display: flex;
	flex-direction: row; }
	#EmployeeJobsFormContainer span.month-year-text-boxes {
		width: 192px;
		margin: 1px 2px; }
		#EmployeeJobsFormContainer span.month-year-text-boxes .month {
			text-align: center;
			width: 70px;
			margin-left: 0px; }
		#EmployeeJobsFormContainer span.month-year-text-boxes .year {
			text-align: center;
			width: 108px; }
	#EmployeeJobsFormContainer .form-container {
		flex: 1 1 auto; }
		#EmployeeJobsFormContainer .form-container .l-col-auto {
			padding: 0px; }
			#EmployeeJobsFormContainer .form-container .l-col-auto:not(:last-child) {
				margin-left: 12px; }
	#EmployeeJobsFormContainer .additional-info-container {
		flex: 0 0 500px;
		margin: 12px; }
		#EmployeeJobsFormContainer .additional-info-container .toggle-visibility-container {
			text-align: right;
			margin-bottom: 12px; }
		#EmployeeJobsFormContainer .additional-info-container .additional-info-details-container {
			background-color: #f2fbfb;
			border-radius: 3px;
			padding: 12px;
			box-shadow: 0px 0px 12px #cacaca; }
			#EmployeeJobsFormContainer .additional-info-container .additional-info-details-container .section-header {
				font-weight: bold;
				margin-top: 12px;
				margin-bottom: 12px; }
				#EmployeeJobsFormContainer .additional-info-container .additional-info-details-container .section-header.alternate {
					color: #347376; }
				#EmployeeJobsFormContainer .additional-info-container .additional-info-details-container .section-header.subsequent {
					margin-top: 18px; }
			#EmployeeJobsFormContainer .additional-info-container .additional-info-details-container .section-details-container {
				margin-left: 6px; }
				#EmployeeJobsFormContainer .additional-info-container .additional-info-details-container .section-details-container .detail-label {
					display: inline-block;
					width: 170px;
					vertical-align: top;
					margin-right: 3px; }
				#EmployeeJobsFormContainer .additional-info-container .additional-info-details-container .section-details-container .detail-value {
					display: inline-block;
					font-weight: bold;
					width: 297px;
					vertical-align: top; }
					#EmployeeJobsFormContainer .additional-info-container .additional-info-details-container .section-details-container .detail-value.missing-data {
						color: #e4292a; }
				#EmployeeJobsFormContainer .additional-info-container .additional-info-details-container .section-details-container .detail-value-text {
					font-weight: normal; }
				#EmployeeJobsFormContainer .additional-info-container .additional-info-details-container .section-details-container .section-details-subcontainer {
					margin-left: 6px; }
					#EmployeeJobsFormContainer .additional-info-container .additional-info-details-container .section-details-container .section-details-subcontainer .section-subheader {
						font-weight: bold;
						margin-left: -6px; }
						#EmployeeJobsFormContainer .additional-info-container .additional-info-details-container .section-details-container .section-details-subcontainer .section-subheader.alternate {
							color: #347376; }
					#EmployeeJobsFormContainer .additional-info-container .additional-info-details-container .section-details-container .section-details-subcontainer .detail-value {
						width: 291px; }
					#EmployeeJobsFormContainer .additional-info-container .additional-info-details-container .section-details-container .section-details-subcontainer:not(:first-child) {
						margin-top: 12px; }
	#EmployeeJobsFormContainer .copy-warning {
		color: #e89138;
		position: absolute;
		bottom: 8px;
		left: 343px; }
		#EmployeeJobsFormContainer .copy-warning.terminated {
			color: #e4292a; }
		#EmployeeJobsFormContainer .copy-warning.wide {
			left: 373px; }

div.employee-profile-container .details-container .detail-section .section-values .employee-info.wide {
	flex-basis: 200px;
	max-width: 200px; }

div.employee-profile-container .details-container .detail-section .section-values .employee-info.wider {
	flex-basis: 400px;
	max-width: 400px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
#SystemBenefitSetupCoverageCodesGridContainer .benefit-data-container {
	white-space: nowrap; }
	#SystemBenefitSetupCoverageCodesGridContainer .benefit-data-container:not(:last-child) {
		margin-bottom: 3px; }
	#SystemBenefitSetupCoverageCodesGridContainer .benefit-data-container .benefit-data-header {
		font-weight: bold; }

#SystemBenefitSetupCoverageCodesGridContainer .actions-container .btn i.fa-x {
	color: #e4292a; }

#SystemBenefitSetupCoverageCodesGridContainer .actions-container .btn i.fa-pen,
#SystemBenefitSetupCoverageCodesGridContainer .actions-container .btn i.fa-magnifying-glass {
	color: #01316c; }

#SystemBenefitCoverageTiersTabGridContainer .dx-state-readonly {
	border-style: none; }

#SystemBenefitCoverageTiersTabGridContainer .dx-datagrid-search-panel {
	margin: 0px; }

#SystemBenefitCoverageTiersTabGridContainer .dx-box-item {
	width: 750px; }

#SystemBenefitCoverageTiersTabGridContainer .dx-textbox {
	width: 264px; }

#SystemBenefitCoverageTiersTabGridContainer .grid-action-btn {
	color: #01316c; }

#SystemBenefitCoverageTiersTabGridContainer .grid-delete-btn {
	color: #e4292a; }

#SystemBenefitCoverageTiersTabGridContainer .actionCell {
	vertical-align: middle; }

#SystemBenefitSetupCoverageTierFormContainer .align-left {
	text-align: left; }

#SystemBenefitSetupCoverageTierFormContainer .half-width {
	width: 50%; }

#SystemBenefitSetupCoverageTierFormContainer span {
	margin-right: 3px; }

#SystemBenefitSetupNetworkGroupsGridContainer .benefit-data-container {
	white-space: nowrap; }
	#SystemBenefitSetupNetworkGroupsGridContainer .benefit-data-container:not(:last-child) {
		margin-bottom: 3px; }
	#SystemBenefitSetupNetworkGroupsGridContainer .benefit-data-container .benefit-data-header {
		font-weight: bold; }

#SystemBenefitSetupNetworkGroupsGridContainer .actions-container .btn i.fa-x {
	color: #e4292a; }

#SystemBenefitSetupNetworkGroupsGridContainer .actions-container .btn i.fa-pen,
#SystemBenefitSetupNetworkGroupsGridContainer .actions-container .btn i.fa-magnifying-glass {
	color: #01316c; }

#SystemBenefitNetworkGroupsTabGridContainer .dx-state-readonly {
	border-style: none; }

#SystemBenefitNetworkGroupsTabGridContainer .dx-datagrid-search-panel {
	margin: 0px; }

#SystemBenefitNetworkGroupsTabGridContainer .dx-box-item {
	width: 750px; }

#SystemBenefitNetworkGroupsTabGridContainer .dx-textbox {
	width: 264px; }

#SystemBenefitNetworkGroupsTabGridContainer .grid-action-btn {
	color: #01316c; }

#SystemBenefitNetworkGroupsTabGridContainer .grid-delete-btn {
	color: #e4292a; }

#SystemBenefitNetworkGroupsTabGridContainer .actionCell {
	vertical-align: middle; }

#SystemBenefitSetupNetworkGroupsFormContainer .align-left {
	text-align: left; }

#SystemBenefitSetupNetworkGroupsFormContainer .half-width {
	width: 50%; }

#SystemBenefitSetupNetworkGroupsFormContainer span {
	margin-right: 3px; }

#SystemBenefitNetworkGroupLocationsTabGridContainer .dx-state-readonly {
	border-style: none; }

#SystemBenefitNetworkGroupLocationsTabGridContainer .dx-datagrid-search-panel {
	margin: 0px; }

#SystemBenefitNetworkGroupLocationsTabGridContainer .dx-box-item {
	width: 750px; }

#SystemBenefitNetworkGroupLocationsTabGridContainer .dx-textbox {
	width: 264px; }

#SystemBenefitNetworkGroupLocationsTabGridContainer .grid-action-btn {
	color: #01316c; }

#SystemBenefitNetworkGroupLocationsTabGridContainer .grid-delete-btn {
	color: #e4292a; }

#SystemBenefitNetworkGroupLocationsTabGridContainer .actionCell {
	vertical-align: middle; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.client-compensation-event-commit-header {
	display: flex;
	justify-content: space-between;
	margin: 0 12px 12px 0; }
	.client-compensation-event-commit-header .event-name-header {
		align-self: flex-start; }
	.client-compensation-event-commit-header .btn {
		align-self: flex-end; }

.warning-icon-container {
	margin-left: 12px; }

.client-compensation-event-processed-header {
	display: flex;
	justify-content: space-between;
	margin: 0 12px 12px 0; }
	.client-compensation-event-processed-header .event-name-header {
		align-self: flex-start; }
	.client-compensation-event-processed-header .btn {
		align-self: flex-end; }

.dx-datagrid-content .dx-datagrid-table .dx-row > td.center-vertically {
	vertical-align: middle; }

#CompensationEventPendingGridContainer {
	position: relative; }
	#CompensationEventPendingGridContainer i.fa-gear {
		margin-left: 6px; }
	#CompensationEventPendingGridContainer .notes-icon {
		vertical-align: middle;
		padding-left: 6px; }
	#CompensationEventPendingGridContainer .spacer {
		vertical-align: middle;
		padding-left: 21px; }
	#CompensationEventPendingGridContainer .employee-details-container .employee-name {
		font-weight: 700; }
	#CompensationEventPendingGridContainer .employee-details-container .fa-triangle-exclamation.is-inactive {
		color: #e89138; }
	#CompensationEventPendingGridContainer .employee-details-container .fa-triangle-exclamation.is-terminated {
		color: #e4292a; }

#CompensationEventProcessedGridContainer .notes-icon {
	vertical-align: middle;
	padding-left: 6px; }

#CompensationEventProcessedGridContainer .notes-textarea {
	vertical-align: middle;
	margin-right: 10px;
	width: 175px;
	white-space: normal; }

#CompensationEventProcessedGridContainer div.ellipsis-overflow {
	overflow-x: hidden;
	text-overflow: ellipsis; }

#CompensationEventCommitGridContainer i.fa-clock-rotate-left, #CompensationEventCommitGridContainer i.fa-gear {
	margin-left: 6px; }

#CompensationEventCommitGridContainer .dx-header-row i {
	color: #636363; }

#CompensationEventCommitGridContainer .employee-details-container .employee-name {
	font-weight: 700; }

#CompensationEventCommitGridContainer .employee-details-container .fa-triangle-exclamation.is-inactive {
	color: #e89138; }

#CompensationEventCommitGridContainer .employee-details-container .fa-triangle-exclamation.is-terminated {
	color: #e4292a; }

#CompensationEventCommitGridContainer .amount-column input[type=text], #CompensationEventCommitGridContainer .percent-column input[type=text], #CompensationEventCommitGridContainer .results-column input[type=text] {
	width: 105px;
	min-height: 26px; }

#CompensationEventCommitGridContainer i.notes-icon {
	vertical-align: middle; }

#CompensationEventCommitGridContainer .notes-textarea {
	vertical-align: middle;
	margin-right: 10px;
	width: 175px; }

#CompensationEventCommitGridContainer .left-side-validation-message * {
	align-self: center; }

div.prior-step-recommendations {
	text-align: left;
	font-size: 12px; }

.history-tooltip {
	max-width: 220px;
	text-align: left;
	font-size: 12px; }
	.history-tooltip .history-tooltip-header {
		width: 220px;
		font-size: 12px;
		font-style: italic;
		border-bottom: 1px solid #cacaca;
		padding-left: 0px;
		padding-top: 0px; }
	.history-tooltip .history-tooltip-header ~ .history-tooltip-header {
		padding-top: 10px; }
	.history-tooltip .tooltip-item {
		white-space: normal;
		vertical-align: middle; }
		.history-tooltip .tooltip-item span.reviewer-name {
			font-weight: 700; }
	.history-tooltip .vertical-space {
		line-height: 1.7; }

#CompensationEventManagementClosedEventsGridContainer .employee-name {
	font-weight: 700; }

#CompensationEventManagementClosedEventsGridContainer i.notes-icon {
	vertical-align: middle;
	padding-left: 6px; }

#CompensationEventManagementClosedEventsGridContainer .no-notes-spacer {
	margin-right: 24px; }

#CompensationEventManagementClosedEventsGridContainer .focus-view-grid .dx-data-row .dx-datagrid-group-opened::before {
	margin-top: 0; }

#CompensationEventManagementClosedEventsGridContainer .focus-view-grid .dx-data-row .dx-datagrid-group-closed::before {
	margin-top: 0; }

#CompensationEventManagerClosedEventsFilterContainer .filter-container {
	align-items: center; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
#FieldColumnsGrid .dx-datagrid-content.dx-sortable {
	min-height: 14rem; }

#FieldColumnsGrid .close-button {
	margin-right: 6px;
	float: right;
	border: none;
	background: none;
	opacity: 0.5;
	cursor: pointer; }

#FiltersTabViewEditor .editorContainer, #AddNewScreen4ViewEditor .editorContainer {
	min-height: 30em; }
	#FiltersTabViewEditor .editorContainer .multi-val, #AddNewScreen4ViewEditor .editorContainer .multi-val {
		margin-left: 0.25em; }
		#FiltersTabViewEditor .editorContainer .multi-val i.fa, #AddNewScreen4ViewEditor .editorContainer .multi-val i.fa {
			margin-left: 0.25em; }

fieldset.wider input.calculation-expression {
	width: 249px;
	margin-left: 4px; }

.placeholder em {
	font-weight: bold; }

.CalculationBuilderModal fieldset {
	display: inline-block;
	vertical-align: top; }
	.CalculationBuilderModal fieldset label {
		font-weight: bold;
		text-align: left; }
	.CalculationBuilderModal fieldset select, .CalculationBuilderModal fieldset textarea {
		width: 100%;
		height: 10em; }
	.CalculationBuilderModal fieldset.modal-formula {
		width: 55%; }
	.CalculationBuilderModal fieldset.modal-columns {
		width: 35%; }

#AddNewScreen1ViewEditor i.fa-warning {
	color: #e89138; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.reports-from-template-screen1-container .report-options-container {
	margin-left: 36px; }
	.reports-from-template-screen1-container .report-options-container label.labelCheckbox {
		display: block;
		padding: 3px 0; }

.reports-from-template-screen1-container .report-column-preview-table {
	margin-left: 24px; }
	.reports-from-template-screen1-container .report-column-preview-table th, .reports-from-template-screen1-container .report-column-preview-table td {
		padding: 3px 12px;
		border: 2px solid #cacaca;
		min-width: 100px; }
	.reports-from-template-screen1-container .report-column-preview-table th {
		text-align: center;
		background-color: #e0e0e0; }

.reports-from-template-screen2-container .dx-datagrid-headers {
	position: relative;
	outline: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	background-color: #ffffff;
	font-weight: bold;
	border-bottom: 2px solid #89898a; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
#systemBenefitReconciliationUtilityMain {
	margin: 12px; }
	#systemBenefitReconciliationUtilityMain span.month-year-text-boxes {
		width: 192px;
		margin: 1px 2px; }
		#systemBenefitReconciliationUtilityMain span.month-year-text-boxes .month {
			text-align: center;
			width: 70px;
			margin-left: 0px; }
		#systemBenefitReconciliationUtilityMain span.month-year-text-boxes .year {
			text-align: center;
			width: 108px; }
	#systemBenefitReconciliationUtilityMain .benefit-reconciliation-cards {
		width: 200px; }
		#systemBenefitReconciliationUtilityMain .benefit-reconciliation-cards .card-icon .fa-calculator-simple {
			color: #e89138; }
		#systemBenefitReconciliationUtilityMain .benefit-reconciliation-cards .card-icon .fa-abacus {
			color: #6496ae; }
		#systemBenefitReconciliationUtilityMain .benefit-reconciliation-cards .card-icon .fa-file-invoice {
			color: #c2356f; }
		#systemBenefitReconciliationUtilityMain .benefit-reconciliation-cards .card-icon .fa-calculator {
			color: #fccc1b; }
		#systemBenefitReconciliationUtilityMain .benefit-reconciliation-cards .card-icon .fa-file-excel {
			color: #6b007f; }
		#systemBenefitReconciliationUtilityMain .benefit-reconciliation-cards .card-icon .fa-file-import {
			color: #c2356f; }
		#systemBenefitReconciliationUtilityMain .benefit-reconciliation-cards .spinner {
			bottom: 25px;
			height: 25px;
			position: absolute;
			padding-left: 10px; }
			#systemBenefitReconciliationUtilityMain .benefit-reconciliation-cards .spinner img {
				max-height: 25px;
				width: auto; }
			#systemBenefitReconciliationUtilityMain .benefit-reconciliation-cards .spinner span {
				padding-left: 2px; }
	#systemBenefitReconciliationUtilityMain .bold {
		font-weight: bold; }
	#systemBenefitReconciliationUtilityMain .dx-list-group-header {
		font-weight: bold; }
	#systemBenefitReconciliationUtilityMain .options-container {
		width: 710px;
		box-shadow: 0px 0px 12px #cacaca;
		padding: 12px;
		margin: 12px; }
		#systemBenefitReconciliationUtilityMain .options-container .switch-container {
			display: inline-block;
			width: 192px;
			text-align: left;
			margin: 2px 4px;
			padding: 0px; }
		#systemBenefitReconciliationUtilityMain .options-container .benefit-options-caption-container {
			display: flex;
			justify-content: flex-end;
			align-content: center;
			padding-bottom: 7px;
			font-style: italic; }
			#systemBenefitReconciliationUtilityMain .options-container .benefit-options-caption-container .benefit-options-caption {
				padding-right: 2px; }
	#systemBenefitReconciliationUtilityMain .my-reports-queue-container .fa-share-square {
		color: #01316c;
		vertical-align: middle;
		margin-right: 6px; }
	#systemBenefitReconciliationUtilityMain .my-reports-queue-container span.message-text {
		vertical-align: middle; }
	#systemBenefitReconciliationUtilityMain .get-results-button {
		margin-left: 12px; }
	#systemBenefitReconciliationUtilityMain .step-row {
		display: flex;
		align-items: center;
		position: relative; }
		#systemBenefitReconciliationUtilityMain .step-row .step {
			text-align: center;
			flex: 0 0 150px;
			flex-direction: column; }
			#systemBenefitReconciliationUtilityMain .step-row .step .circle-container {
				margin-left: -3px;
				margin-right: 3px;
				padding-top: 12px;
				padding-bottom: 12px;
				color: #cacaca;
				background-color: white;
				padding-bottom: 12px;
				z-index: 2; }
				#systemBenefitReconciliationUtilityMain .step-row .step .circle-container .step-description {
					padding-bottom: 12px;
					background-color: white;
					z-index: 2; }
			#systemBenefitReconciliationUtilityMain .step-row .step .circle-text {
				margin-top: -1px; }
			#systemBenefitReconciliationUtilityMain .step-row .step .step-number {
				display: inline; }
			#systemBenefitReconciliationUtilityMain .step-row .step .step-check {
				display: none; }
		#systemBenefitReconciliationUtilityMain .step-row.completed .circle-container {
			color: #39B54A; }
		#systemBenefitReconciliationUtilityMain .step-row.completed:after {
			content: "";
			background-color: #0a0a0a;
			position: absolute;
			width: 1px;
			bottom: 0px;
			left: 72px;
			height: calc(50% - (60px / 2) - 20px);
			display: block;
			z-index: 0; }
		#systemBenefitReconciliationUtilityMain .step-row.completed .step-number {
			display: none; }
		#systemBenefitReconciliationUtilityMain .step-row.completed .step-check {
			display: inline; }
		#systemBenefitReconciliationUtilityMain .step-row:not(.step-row-1):before {
			content: "";
			background-color: #0a0a0a;
			position: absolute;
			width: 1px;
			top: 0px;
			left: 72px;
			height: calc(50% - (60px / 2));
			display: block;
			z-index: 0; }
	#systemBenefitReconciliationUtilityMain .paragraph-container p:not(:first-child) {
		margin-top: 6px; }
	#systemBenefitReconciliationUtilityMain .paragraph-container p:not(:last-child) {
		margin-bottom: 6px; }
	#systemBenefitReconciliationUtilityMain div.migration-information-container {
		width: 734px;
		margin: 0px 12px; }
	#systemBenefitReconciliationUtilityMain div.benefit-reconciliation-card.migration-completed {
		background-color: #f2fbfb; }
		#systemBenefitReconciliationUtilityMain div.benefit-reconciliation-card.migration-completed:hover {
			background-color: #f4f6f9; }
		#systemBenefitReconciliationUtilityMain div.benefit-reconciliation-card.migration-completed.selected {
			background-color: #E7F0F9; }

.benfit-reconciliation-grid-header {
	font-size: 16px;
	padding: 12px; }
	.benfit-reconciliation-grid-header i, .benfit-reconciliation-grid-header span {
		margin-left: 6px; }

.benefit-reconciliation-grid-footer {
	font-size: 16px; }

.color-black {
	color: #0a0a0a; }

#coverageTierReconciliationTooltip div.tooltip-details .additional-info-container .additional-info-details-container .section-details-container .detail-label {
	width: 130px; }

#coverageTierReconciliationTooltip div.tooltip-details .additional-info-container .additional-info-details-container .section-details-container .detail-value {
	width: 186px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.service-bureau-data-import-history-filter-panel .flex-col {
	float: left; }

.service-bureau-data-import-history-selection-panel .batch-reports-div {
	margin: 12px 70px 0px 65px;
	padding-bottom: 12px; }

.service-bureau-data-import-history-selection-panel .notes-small {
	min-height: 90px;
	max-height: 120px;
	overflow-y: auto; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.system-production-dashboard-detail-filter-panel div.tab-date-filter-row {
	padding: 2px; }
	.system-production-dashboard-detail-filter-panel div.tab-date-filter-row div.tab-date-filter {
		padding: 2px; }
		.system-production-dashboard-detail-filter-panel div.tab-date-filter-row div.tab-date-filter > label {
			padding-right: 7px; }

.system-production-dashboard-detail-filter-panel .tab-date-filter > i.validationMessage:hover, .system-production-dashboard-detail-filter-panel .tab-date-filter > i.validationMessage:focus {
	visibility: hidden;
	opacity: 0;
	max-height: 0; }

.system-production-dashboard-detail-filter-panel div.tab-options-filter > label {
	font-weight: 700;
	font-size: 13px; }

.system-production-dashboard-detail-filter-panel i.datepicker {
	display: inline;
	width: auto;
	height: auto;
	line-height: normal;
	vertical-align: middle;
	padding-left: 5px;
	margin-top: 0;
	margin-left: 1px;
	margin-right: 5px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 14px; }
	.system-production-dashboard-detail-filter-panel i.datepicker::before {
		font-family: "Font Awesome 6 Pro";
		font-style: normal;
		content: "\f133"; }

.system-production-dashboard-detail-grid-panel div.dx-column-indicators {
	float: right !important; }

.system-production-dashboard-filter-panel .summary-date-filter > i.validationMessage:hover {
	opacity: 0; }

.system-production-dashboard-filter-panel .flex-col {
	float: left; }

.system-production-dashboard-filter-panel i.datepicker {
	display: inline;
	width: auto;
	height: auto;
	line-height: normal;
	vertical-align: middle;
	padding-left: 5px;
	margin-top: 0;
	margin-left: 1px;
	margin-right: 5px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 14px; }
	.system-production-dashboard-filter-panel i.datepicker::before {
		font-family: "Font Awesome 6 Pro";
		font-style: normal;
		content: "\f133"; }

.system-production-dashboard-summary-tab {
	display: flex;
	gap: 20px;
	flex-wrap: wrap; }
	.system-production-dashboard-summary-tab .left-panel {
		margin-left: 24px; }
	.system-production-dashboard-summary-tab div.cardrounded-white {
		margin-top: 20px;
		border-radius: 4px;
		border: solid 1px #e0e0e0;
		background-color: #ffffff; }
	.system-production-dashboard-summary-tab div.card-white {
		margin-top: 20px;
		border: solid 1px #e0e0e0;
		background-color: #ffffff; }
	.system-production-dashboard-summary-tab div.cardrounded-linen {
		margin-top: 20px;
		border-radius: 4px;
		border: solid 1px #e0e0e0;
		background-color: #fafbfc; }
	.system-production-dashboard-summary-tab div.card-linen {
		margin-top: 20px;
		border: solid 1px #e0e0e0;
		background-color: #fafbfc; }
	.system-production-dashboard-summary-tab .card-sm-center {
		width: 60px;
		height: 60px;
		vertical-align: middle;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center; }
		.system-production-dashboard-summary-tab .card-sm-center > span {
			font-size: 16px;
			font-weight: bold;
			font-stretch: normal;
			font-style: normal;
			line-height: 1;
			letter-spacing: normal;
			color: #636363; }
	.system-production-dashboard-summary-tab .card-sm {
		float: left;
		width: 60px;
		height: 60px;
		margin: 24px 24px 32px 16px;
		padding: 8px 16px;
		vertical-align: middle;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center; }
		.system-production-dashboard-summary-tab .card-sm > span {
			font-size: 16px;
			font-weight: bold;
			font-stretch: normal;
			font-style: normal;
			line-height: 1;
			letter-spacing: normal;
			color: #636363; }
	.system-production-dashboard-summary-tab .card-title {
		margin: 10px 15px 30px;
		height: 14px;
		font-size: 14px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: 1;
		letter-spacing: normal;
		color: #636363; }
		.system-production-dashboard-summary-tab .card-title button {
			margin-left: 40px;
			float: right;
			width: 100px;
			height: 28px;
			padding: 7px 28.5px;
			object-fit: contain;
			color: #292929;
			font-weight: 500;
			font-stretch: normal;
			font-style: normal;
			text-align: center;
			line-height: 1;
			border-radius: 4px;
			border: solid 1px #e0e0e0;
			background-color: #ffffff;
			cursor: pointer; }
			.system-production-dashboard-summary-tab .card-title button:hover, .system-production-dashboard-summary-tab .card-title button:focus {
				transition: 0.2s ease 0s;
				color: #01316c;
				border-color: #cacaca;
				background-color: #eff3f6;
				text-decoration: none; }
	.system-production-dashboard-summary-tab .pie-center {
		font-family: Roboto;
		color: #636363;
		font-weight: 600; }
	.system-production-dashboard-summary-tab .card-container-table {
		display: grid;
		grid-gap: 10px;
		grid-template-columns: auto;
		align-items: center;
		margin: 15px 15px;
		color: #636363;
		font-size: 12px;
		font-weight: 500;
		line-height: 1; }
		.system-production-dashboard-summary-tab .card-container-table .total {
			grid-column-start: 1;
			grid-column-end: 3;
			justify-self: center;
			margin-bottom: 10px; }
		.system-production-dashboard-summary-tab .card-container-table .card-table-row {
			grid-column-start: 1;
			grid-column-end: 3;
			display: grid;
			grid-template-columns: 15px auto 20px;
			grid-column-gap: 10px;
			align-items: center; }
			.system-production-dashboard-summary-tab .card-container-table .card-table-row > i {
				grid-column-start: 1;
				justify-self: start;
				color: #e89138; }
			.system-production-dashboard-summary-tab .card-container-table .card-table-row > div.row-no-icon {
				display: grid;
				grid-column-start: 1;
				grid-column-end: 3;
				justify-self: start; }
			.system-production-dashboard-summary-tab .card-container-table .card-table-row .row-total {
				grid-column-start: 3;
				justify-self: right; }
	.system-production-dashboard-summary-tab .card-container {
		display: flex;
		flex-wrap: wrap;
		align-content: stretch;
		margin: 5px 5px; }
		.system-production-dashboard-summary-tab .card-container.card-left-justify {
			margin: 5px 50px 10px 5px; }
		.system-production-dashboard-summary-tab .card-container > div.dx-pie-container {
			display: flex;
			justify-content: center;
			margin: 5px 20px; }
		.system-production-dashboard-summary-tab .card-container .dx-interval-container {
			flex-direction: column;
			margin-bottom: 20px; }
			.system-production-dashboard-summary-tab .card-container .dx-interval-container .interval {
				display: flex;
				align-items: center;
				justify-content: space-between; }
				.system-production-dashboard-summary-tab .card-container .dx-interval-container .interval button {
					margin: 0px 0px 0px 20px;
					border-color: transparent;
					background-color: transparent;
					color: var(--hcm-color-action-med);
					padding-top: 22px; }
					.system-production-dashboard-summary-tab .card-container .dx-interval-container .interval button:hover, .system-production-dashboard-summary-tab .card-container .dx-interval-container .interval button:focus {
						transition: 0.2s ease 0s;
						cursor: pointer;
						color: var(--hcm-color-action-med_dark);
						text-decoration: none; }
					.system-production-dashboard-summary-tab .card-container .dx-interval-container .interval button i {
						margin-right: 0; }
			.system-production-dashboard-summary-tab .card-container .dx-interval-container .interval > span {
				font-size: 12px;
				font-weight: normal;
				font-stretch: normal;
				font-style: normal;
				line-height: 1;
				letter-spacing: normal;
				color: #636363; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.legal-tax-groups-sub-account-container .warningDiv {
	width: 192px;
	text-align: center;
	background-color: #e4292a;
	color: #ffffff;
	font-weight: bold;
	padding: 3px;
	float: right; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.client-user-groups-form-container ul.assignedUsers {
	list-style-type: none;
	padding-left: 148px;
	margin: 0px 0px; }

.client-user-groups-form-container div.noUserAssignments {
	padding-left: 148px;
	font-style: italic; }

.client-user-groups-form-container div.noWorkflowAssignments {
	padding-left: 40px;
	font-style: italic; }

.client-user-groups-form-container table.workflowAssignments {
	margin-left: 40px; }

.client-user-groups-form-container table.workflowAssignments th,
.client-user-groups-form-container table.workflowAssignments td {
	text-align: left;
	padding: 1px 6px; }

.client-user-groups-form-container table.workflowAssignments td.inactiveWorkflow {
	color: red; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.client-message-categories-display-order-container .explanation-paragraph {
	margin-left: 14px;
	margin-top: 6px;
	margin-bottom: 18px; }

.client-message-categories-display-order-container .display-order-container {
	width: 400px;
	padding: 12px;
	box-shadow: 0px 0px 6px #cacaca;
	border-radius: 3px;
	margin-top: 6px;
	max-height: 400px; }
	.client-message-categories-display-order-container .display-order-container .dx-list-item-after-bag.dx-list-reorder-handle-container {
		display: none; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
div.client-summaries-container {
	display: flex;
	flex-direction: row;
	min-width: 1300px; }
	div.client-summaries-container .card-container {
		flex: 0 0 324px;
		padding: 12px;
		overflow-x: hidden; }
		div.client-summaries-container .card-container .client-card {
			border-radius: 3px;
			box-shadow: 0px 0px 12px #cacaca;
			padding: 12px;
			width: 300px; }
			div.client-summaries-container .card-container .client-card .notes-link {
				text-align: right;
				font-size: 1.3em; }
				div.client-summaries-container .card-container .client-card .notes-link i {
					cursor: pointer; }
			div.client-summaries-container .card-container .client-card .company-logo {
				width: 130px;
				height: 130px;
				object-fit: contain;
				line-height: 130px;
				text-align: center;
				vertical-align: middle;
				border-radius: 50%;
				margin: 0px auto 12px auto; }
				div.client-summaries-container .card-container .client-card .company-logo.image-container {
					display: block;
					border: 1px solid #cacaca;
					overflow: hidden; }
			div.client-summaries-container .card-container .client-card .client-header {
				text-align: center;
				margin-bottom: 24px;
				font-size: 1.2em; }
				div.client-summaries-container .card-container .client-card .client-header .client-header-section {
					margin-bottom: 6px; }
				div.client-summaries-container .card-container .client-card .client-header .client-name {
					font-size: 1.7em;
					font-weight: bold; }
			div.client-summaries-container .card-container .client-card .client-info-container .client-info-section:not(:last-child) {
				margin-bottom: 12px; }
			div.client-summaries-container .card-container .client-card .client-info-container .client-info-section .client-info {
				margin: 3px 0px 3px 0px; }
				div.client-summaries-container .card-container .client-card .client-info-container .client-info-section .client-info .info-header {
					width: 75px;
					vertical-align: top; }
				div.client-summaries-container .card-container .client-card .client-info-container .client-info-section .client-info .info-value {
					display: inline-block; }
	div.client-summaries-container .details-container {
		flex: 1 1;
		margin-top: 12px;
		max-width: -webkit-calc(95% - 300px); }
		div.client-summaries-container .details-container .detail-section {
			padding: 12px 0px 12px 12px;
			margin-right: 12px;
			margin-bottom: 15px;
			display: flex; }
			div.client-summaries-container .details-container .detail-section:not(:last-child) {
				margin-bottom: 12px; }
				div.client-summaries-container .details-container .detail-section:not(:last-child):not(.no-separator) {
					border-bottom: 1px solid #e0e0e0; }
			div.client-summaries-container .details-container .detail-section .section-header {
				flex: 0 0 200px;
				font-weight: bold;
				vertical-align: top; }
				div.client-summaries-container .details-container .detail-section .section-header.link {
					cursor: pointer; }
					div.client-summaries-container .details-container .detail-section .section-header.link:hover {
						color: var(--hcm-color-text-link);
						text-decoration: underline; }
			div.client-summaries-container .details-container .detail-section .section-values {
				flex: 1 1 auto;
				display: flex;
				flex-direction: column;
				flex-wrap: wrap;
				margin-inline-end: 15px;
				max-width: -webkit-calc(95%/3); }
				div.client-summaries-container .details-container .detail-section .section-values.scrollable {
					flex-basis: 0px;
					flex-wrap: nowrap;
					overflow: hidden; }
					div.client-summaries-container .details-container .detail-section .section-values.scrollable .scroll-container {
						flex: 1 1 0;
						width: 0px;
						display: flex;
						flex-direction: row;
						flex-wrap: nowrap;
						overflow-x: auto;
						scrollbar-width: none; }
						div.client-summaries-container .details-container .detail-section .section-values.scrollable .scroll-container::-webkit-scrollbar {
							display: none; }
			div.client-summaries-container .details-container .detail-section .section-values-staggered {
				flex: 2;
				display: flex;
				flex-direction: column;
				flex-wrap: wrap;
				margin-inline-end: 15px; }
				div.client-summaries-container .details-container .detail-section .section-values-staggered.scrollable {
					flex-basis: 0px;
					flex-wrap: nowrap;
					overflow: hidden; }
					div.client-summaries-container .details-container .detail-section .section-values-staggered.scrollable .scroll-container {
						flex: 1 1 0;
						width: 0px;
						display: flex;
						flex-direction: row;
						flex-wrap: nowrap;
						overflow-x: auto;
						scrollbar-width: none; }
						div.client-summaries-container .details-container .detail-section .section-values-staggered.scrollable .scroll-container::-webkit-scrollbar {
							display: none; }
			div.client-summaries-container .details-container .detail-section .section-values-staggered-offset {
				flex: 4;
				display: flex;
				flex-direction: column;
				flex-wrap: wrap;
				margin-inline-end: 15px; }
				div.client-summaries-container .details-container .detail-section .section-values-staggered-offset.scrollable {
					flex-basis: 0px;
					flex-wrap: nowrap;
					overflow: hidden; }
					div.client-summaries-container .details-container .detail-section .section-values-staggered-offset.scrollable .scroll-container {
						flex: 1 1 0;
						width: 0px;
						display: flex;
						flex-direction: row;
						flex-wrap: nowrap;
						overflow-x: auto;
						scrollbar-width: none; }
						div.client-summaries-container .details-container .detail-section .section-values-staggered-offset.scrollable .scroll-container::-webkit-scrollbar {
							display: none; }
	div.client-summaries-container .info-header {
		display: inline-block;
		color: var(--hcm-color-neutral_alt-med);
		margin-bottom: 5px;
		white-space: nowrap; }
		div.client-summaries-container .info-header.link {
			cursor: pointer; }
			div.client-summaries-container .info-header.link:hover {
				color: var(--hcm-color-text-link);
				text-decoration: underline; }
	div.client-summaries-container .info-value {
		display: block; }
	div.client-summaries-container .prevent-wrap {
		overflow-x: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		max-width: 100%; }
	div.client-summaries-container a.report-link {
		text-decoration: underline;
		color: var(--hcm-color-text-link);
		margin-inline-end: 10px;
		cursor: pointer; }
		div.client-summaries-container a.report-link:hover {
			color: var(--hcm-color-text-link); }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.employee-management-roles-form-container ul.bulletList li {
	margin-bottom: 8px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.client-notes-form-container label.leftCheckbox input {
	width: auto;
	margin-right: 181px;
	margin-left: 3px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.system-state-workers-comps-form-container .dx-datagrid-content {
	max-height: 718px;
	overflow-y: auto; }

.system-state-workers-comps-form-container .dx-widget.dx-datagrid-pager.dx-pager {
	position: sticky;
	bottom: 0;
	left: 0;
	background: white; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
div.employee_employment_status_history-form-container fieldset.serviceInfo {
	width: 500px; }

div.employee_employment_status_history-form-container fieldset.serviceInfo div.infoContainer {
	margin-left: 10px; }

div.employee_employment_status_history-form-container fieldset.serviceInfo div.infoContainer span {
	display: block; }

div.employee_employment_status_history-form-container fieldset.serviceInfo div.infoContainer span > span {
	width: 40%;
	display: inline-block; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.legal-reviews-form td.rightColumn label.labelCheckbox {
	margin-left: 70px; }

.legal-reviews-form .inline-select {
	display: inline-block; }

textarea.fullWidth {
	width: 100%; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.client-contacts-grid-container div.section-header {
	width: 200px;
	padding: 2px;
	vertical-align: top;
	display: inline-block;
	font-weight: bold; }

.client-contacts-grid-container div.section-options {
	width: 12%;
	vertical-align: top;
	display: inline-block; }

.client-contacts-grid-container table.table-options {
	border-spacing: 0px;
	table-layout: fixed;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	display: inline-block;
	vertical-align: top; }

.client-contacts-grid-container table.table-options th,
.client-contacts-grid-container table.table-options td {
	width: auto;
	text-align: left !important;
	vertical-align: top;
	white-space: pre-wrap;
	word-wrap: break-word; }

.client-contacts-grid-container div.selected-other-types {
	display: inline-block;
	width: 75%;
	white-space: pre-wrap; }

.dx-object-type-id-filters {
	width: 285px; }

.dx-legal-filters {
	width: 500px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
#AcaExecutiveDashboardPageContainer .filter-container {
	display: flex;
	flex-direction: row;
	background-color: #EBECEE; }
	#AcaExecutiveDashboardPageContainer .filter-container .filter-column-container {
		flex: 1 1 auto; }
		#AcaExecutiveDashboardPageContainer .filter-container .filter-column-container label {
			margin: 6px 12px;
			text-align: right;
			display: block; }
			#AcaExecutiveDashboardPageContainer .filter-container .filter-column-container label select {
				width: 110px; }
			#AcaExecutiveDashboardPageContainer .filter-container .filter-column-container label input {
				width: 150px; }
	#AcaExecutiveDashboardPageContainer .filter-container .left-side-validation-message .validationMessage {
		margin-left: -351px; }

#AcaExecutiveDashboardPageContainer .dashboard-container {
	margin-top: 12px;
	display: flex;
	flex-direction: row; }
	#AcaExecutiveDashboardPageContainer .dashboard-container .menu-container {
		flex: 0 0 225px; }
		#AcaExecutiveDashboardPageContainer .dashboard-container .menu-container .menu-section .menu-header {
			font-weight: bold;
			border-bottom: 1px solid #cacaca;
			padding: 12px 12px 3px 12px;
			color: #717171; }
		#AcaExecutiveDashboardPageContainer .dashboard-container .menu-container .menu-section .menu-item {
			padding: 3px 12px;
			color: #717171;
			cursor: pointer;
			margin: 3px 0px; }
			#AcaExecutiveDashboardPageContainer .dashboard-container .menu-container .menu-section .menu-item.selected {
				border-top: 2px solid #EBA400;
				border-bottom: 2px solid #EBA400; }
	#AcaExecutiveDashboardPageContainer .dashboard-container .dashboard-view-container {
		flex: 1 1 auto;
		margin-left: 12px; }
		#AcaExecutiveDashboardPageContainer .dashboard-container .dashboard-view-container .dashboard-header {
			font-weight: bold;
			margin: 12px;
			font-size: 22px;
			color: #0a0a0a; }
		#AcaExecutiveDashboardPageContainer .dashboard-container .dashboard-view-container .chart-header, #AcaExecutiveDashboardPageContainer .dashboard-container .dashboard-view-container .report-header {
			font-weight: bold;
			font-size: 14px;
			color: #222222;
			margin: 18px 12px 6px 12px; }
		#AcaExecutiveDashboardPageContainer .dashboard-container .dashboard-view-container .chart-container {
			height: 240px;
			width: 940px;
			margin-left: 12px; }
			#AcaExecutiveDashboardPageContainer .dashboard-container .dashboard-view-container .chart-container .loading {
				height: 100%; }
		#AcaExecutiveDashboardPageContainer .dashboard-container .dashboard-view-container .report-container {
			margin-left: 12px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
#LegalEstablishmentGridView
.flex-row {
	display: flex;
	flex-direction: row; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.report-export-container {
	text-align: right;
	margin: 6px 12px 0 0; }

.benefit-rounding-rule {
	width: 105px !important; }

.benefit-coverage-divisor {
	width: 100px !important; }

.helpTextTable tr.label td {
	padding-left: 2px; }

.helpTextTable {
	margin-left: 12px; }

.eligibility-rules-section {
	width: 440px; }

.enrollment-help-section {
	margin-left: 0px; }

.client-benefits-display-order-container .explanation-paragraph {
	margin-left: 14px;
	margin-top: 6px;
	margin-bottom: 18px;
	width: 100%; }

.client-benefits-display-order-container .benefit-column-title {
	font-weight: 600;
	font-family: inherit;
	font-size: 14px; }

.client-benefits-display-order-container .display-order-container {
	width: 400px;
	padding: 12px;
	box-shadow: 0px 0px 6px #cacaca;
	border-radius: 3px;
	margin-top: 6px;
	max-height: 400px;
	overflow-y: auto; }
	.client-benefits-display-order-container .display-order-container .benefit-type-item-name {
		margin-left: 12px;
		color: #89898a; }
		.client-benefits-display-order-container .display-order-container .benefit-type-item-name .drag-icon {
			flex: 0 0 20px; }
	.client-benefits-display-order-container .display-order-container .dx-list-item-after-bag.dx-list-reorder-handle-container {
		display: none; }

#pay-item-schedule-options .card-section {
	width: 400px; }
	#pay-item-schedule-options .card-section .header-item {
		text-align: right; }

.clientEmploymentStatusesTooltip {
	position: relative;
	top: 1px;
	margin-right: 6px;
	margin-left: 6px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
#SystemGtlRateTablesGridContainer .table-view th {
	font-weight: normal;
	color: #89898a;
	padding-bottom: 12px; }

#SystemGtlRateTablesGridContainer .table-view .table-view-column {
	line-height: 15px; }

.filterContainer .dx-filters {
	width: 330px; }

.filterContainer div.filter {
	display: inline-block;
	position: relative; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.client-onboarding-form-container .legals-flyover-container {
	width: 600px; }

.client-onboarding-form-container .labelCheckbox {
	margin-left: 147px; }

.client-onboarding-form-container .workflow-step-container {
	width: 800px;
	margin-left: 12px; }
	.client-onboarding-form-container .workflow-step-container .workflow-step {
		margin-bottom: 6px;
		margin-left: 12px; }
	.client-onboarding-form-container .workflow-step-container .workflow-step.collapsed section {
		display: none; }

.client-onboarding-form-container .workflow-step {
	margin-bottom: 6px;
	margin-left: 12px;
	width: 800px; }

.client-onboarding-form-container .workflow-step button, .client-onboarding-form-container .workflow-step button:hover {
	border: none;
	background: none; }

.client-onboarding-form-container .workflow-step select.user-group {
	width: 150px; }

.client-onboarding-form-container .workflow-step select.next-workflow-step {
	width: 225px; }

.client-onboarding-form-container .workflow-step.collapsed section {
	display: none; }

.client-onboarding-form-container section.workflow-actions {
	display: table;
	width: 90%;
	margin-left: 10%; }

.client-onboarding-form-container section.workflow-actions header .col {
	vertical-align: bottom; }

.client-onboarding-form-container section.workflow-actions .row {
	display: table-row; }

.client-onboarding-form-container section.workflow-actions .col {
	display: table-cell;
	padding: 6px;
	vertical-align: middle; }

.client-onboarding-form-container section.workflow-actions .tiny {
	min-width: 20px; }

.client-onboarding-form-container section.workflow-action-emails {
	display: table;
	margin: 6px auto;
	width: 350px; }

.client-onboarding-form-container section.workflow-action-emails select {
	width: 150px; }

.client-onboarding-form-container section.workflow-action-emails header .col {
	vertical-align: bottom; }

.client-onboarding-form-container section.workflow-action-emails .row {
	display: table-row; }

.client-onboarding-form-container section.workflow-action-emails .col {
	display: table-cell;
	padding: 6px; }

.client-onboarding-form-container .preserve-delete-button-space {
	margin-left: 21px; }

.client-onboarding-form-container .preserve-add-delete-button-space {
	margin-left: 42px; }

.client-onboarding-form-container .preserve-add-delete-edit-button-space {
	margin-left: 63px; }

.client-onboarding-form-container .action-name {
	width: 157px; }

.client-onboarding-form-container .action-name-wide {
	width: 200px; }

.client-onboarding-form-container hcm-modal.client-onboarding-add-new-wizard-add-email-modal::part(dialog) {
	min-width: unset;
	width: 400px; }

.client-onboarding-form-container .workflow-header {
	margin-bottom: 12px; }
	.client-onboarding-form-container .workflow-header .workflow-route {
		margin-left: 12px;
		text-align: left; }
		.client-onboarding-form-container .workflow-header .workflow-route .workflow-route-title {
			font-weight: bold; }

.client-onboarding-form-container .onboarding-client-wizard-buttons {
	margin: 12px 0 0;
	text-align: right;
	float: right; }

.client-onboarding-form-container .onboarding-client-wizard-buttons .btn {
	margin-right: 6px; }

.client-onboarding-form-container a.onboarding-category-client-wizard-tree-view-item {
	color: inherit;
	font-weight: bold; }

.client-onboarding-form-container a.onboarding-category-client-wizard-tree-view-item:before {
	content: "\f054";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	margin-right: 8px;
	color: var(--hcm-color-action-med);
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	transition-duration: 0.25s;
	transition-property: transform; }

.client-onboarding-form-container .tree-view-expanded a.onboarding-category-client-wizard-tree-view-item:before {
	transform: rotate(90deg); }

.client-onboarding-form-container .onboarding-category-client-wizard-field {
	margin: 6px 0 6px 20px; }

.client-onboarding-form-container .onboarding-category-client-wizard-field input[type=checkbox] {
	display: inline;
	margin: 0; }

.client-onboarding-form-container .onboarding-category-client-wizard-field span {
	margin-left: 8px;
	text-align: left; }

.client-onboarding-form-container .onboarding-client-wizard-description {
	clear: both;
	padding: 0 12px 6px 12px;
	margin-right: 12px; }

.client-onboarding-form-container .onboarding-client-wizard-header-section {
	width: 100%;
	clear: both; }

.client-onboarding-form-container .workflow-step-assigned-pages {
	display: flex;
	flex-flow: row wrap; }

.client-onboarding-form-container .workflow-step-checkboxes {
	width: 25%; }

.client-workflow-process-email-modal section.workflow-action-emails {
	display: table;
	margin: 6px auto;
	width: 350px; }

.client-workflow-process-email-modal section.workflow-action-emails select {
	width: 150px; }

.client-workflow-process-email-modal section.workflow-action-emails header .col {
	vertical-align: bottom; }

.client-workflow-process-email-modal section.workflow-action-emails .row {
	display: table-row; }

.client-workflow-process-email-modal section.workflow-action-emails .col {
	display: table-cell;
	padding: 6px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
#ProdDataImportsScreen1Template input.faux-disabled, #ProdDataImportsScreen1Template select.faux-disabled, #ProdDataImportsScreen1Template textarea.faux-disabled {
	background-color: #eee; }

#ProdDataImportsScreen2ValidationGridContainer table.dx-datagrid-table.dx-datagrid-table-fixed.dx-pointer-events-none {
	width: 0px; }

#ProdDataImportsScreen2ValidationGridContainer .dx-data-row > td.empHeader {
	background-color: #F0F0F0; }

#ProdDataImportsScreen2ValidationGridContainer .dx-header-row > td {
	padding-top: 2px;
	padding-bottom: 2px;
	height: 42px;
	background-color: #919195;
	vertical-align: bottom;
	text-align: center !important; }

#ProdDataImportsScreen2ValidationGridContainer td:has( > .invalidDataCell) {
	background-color: lemonchiffon; }

#ProdDataImportsScreen2ValidationGridContainer .dx-datagrid .dx-row > td {
	padding: 0px; }

#ProdDataImportsScreen2ValidationGridContainer div.invalidDataCell {
	position: absolute; }
	#ProdDataImportsScreen2ValidationGridContainer div.invalidDataCell:hover > :first-child {
		display: none; }
	#ProdDataImportsScreen2ValidationGridContainer div.invalidDataCell:hover > .invalidDataHover, #ProdDataImportsScreen2ValidationGridContainer div.invalidDataCell:hover > .validationMessageHoverPanel {
		display: inline; }
	#ProdDataImportsScreen2ValidationGridContainer div.invalidDataCell > .invalidDataHover {
		position: absolute;
		display: none; }
	#ProdDataImportsScreen2ValidationGridContainer div.invalidDataCell > .validationMessageHoverPanel {
		position: absolute;
		margin-top: 16px;
		display: none;
		z-index: 1000;
		font-size: 10px;
		font-size: 12px;
		white-space: normal; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.system-output-company-export-container .dummy-icon {
	visibility: hidden; }

.system-output-company-export-container .output-data-icon {
	width: 30px;
	display: inline; }

.system-output-company-export-container .detail-card {
	box-shadow: 0px 3px 10px #aaaaaa;
	border-radius: 6px;
	padding: 6px 12px 6px 12px; }
	.system-output-company-export-container .detail-card small {
		word-wrap: break-word;
		width: 100%;
		display: block;
		white-space: normal; }
	.system-output-company-export-container .detail-card .card-title {
		font-weight: bold; }
	.system-output-company-export-container .detail-card .l-flex.separator {
		border-bottom: 1px solid gainsboro; }
	.system-output-company-export-container .detail-card .ellipsis-overflow {
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		display: -webkit-box;
		-webkit-line-clamp: 7;
		-webkit-box-orient: vertical; }
	.system-output-company-export-container .detail-card .notes-box {
		max-height: 100px; }

.system-output-company-export-container .loader {
	background-color: white;
	border-radius: inherit;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9999;
	cursor: wait; }

.system-output-company-export-container .tooltip-batch {
	position: relative;
	top: 1px;
	margin-right: 6px;
	margin-left: 6px;
	color: red; }

.system-output-company-export-container .dx-datagrid-group-opened:before {
	color: #e50082 !important; }

.system-output-company-export-container .dx-datagrid-group-closed:before {
	color: #e50082 !important; }

.system-output-company-export-container .notes-section {
	width: inherit; }
	.system-output-company-export-container .notes-section textarea {
		max-width: 350px; }
	.system-output-company-export-container .notes-section label {
		margin: 0; }
	.system-output-company-export-container .notes-section small {
		margin: 0;
		padding: 0; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
#SystemTaxFormDataTransmissionSettingsContainer .cert-col {
	width: 150px; }

#SystemTaxFormDataTransmissionSettingsContainer .cert-col-text {
	height: 100%;
	margin-top: 8px; }

#SystemTaxFormDataTransmissionSettingsContainer .cert-col-status-text {
	font-weight: bold; }

#SystemTaxFormDataTransmissionSettingsContainer .passwordPopup-content {
	width: 400px; }

#SystemTaxFormDataTransmissionSettingsContainer .passwordPopup-content > .labelCheckbox {
	margin-left: 25px;
	display: block;
	line-height: 25px; }

#SystemTaxFormDataTransmissionSettingsContainer .passwordPopup-content .agencyErrors {
	color: red;
	font-size: smaller; }

#SystemTaxFormDataTransmissionSettingsContainer .passwordPopup-buttons button {
	margin-right: 5px; }

#SystemTaxFormDataTransmissionSettingsContainer .passwordPopup-buttons button > i {
	margin-right: 3px; }

#SystemTaxFormDataTransmissionSettingsContainer #DataTransmissionSettingsEditForm .newOverrideMessage {
	margin-left: 20px;
	margin-top: 10px; }
	#SystemTaxFormDataTransmissionSettingsContainer #DataTransmissionSettingsEditForm .newOverrideMessage i {
		color: cornflowerblue;
		font-size: x-large; }

#SystemTaxFormDataTransmissionSettingsContainer #taxFormDetailModal thead {
	text-align: left;
	border-bottom: 1px solid #ccc; }

#SystemTaxFormDataTransmissionSettingsContainer #taxFormDetailModal tr {
	line-height: 25px; }

#SystemTaxFormDataTransmissionSettingsContainer #taxFormDetailModal tbody td {
	padding-left: 1px; }

#SystemTaxFormDataTransmissionSettingsContainer #taxFormDetailModal .formCode {
	font-weight: bold; }

.legalTaxAdjustmentsGridView .adj-filters {
	margin: 3px 12px; }

.legalTaxAdjustmentsGridView .adj-filters > div {
	display: inline-block;
	width: 375px;
	text-align: right;
	margin-right: 20px; }

.legalTaxAdjustmentsGridView input.calendar {
	width: 80px;
	margin: 1px 3px; }

.legalTaxAdjustmentsFormView .error-message {
	background-color: Red;
	color: white;
	font-size: small; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
#CompanyPaymentTable tr.liabilityWarning .fa-triangle-exclamation, #TaxGroupPaymentTable tr.liabilityWarning .fa-triangle-exclamation, #PeoPaymentTable tr.liabilityWarning .fa-triangle-exclamation {
	color: #BC4B3B; }

#CompanyPaymentTable tr div.icon-container, #TaxGroupPaymentTable tr div.icon-container, #PeoPaymentTable tr div.icon-container {
	position: relative;
	/* Possibly not necessary if migrated to dxgrid */ }

#CompanyPaymentTable tr:nth-child(odd).liabilityWarning td, #TaxGroupPaymentTable tr:nth-child(odd).liabilityWarning td, #PeoPaymentTable tr:nth-child(odd).liabilityWarning td {
	background-color: #fef4d2;
	/* DELETE if grid striping is removed */ }

#CompanyPaymentTable tr:nth-child(even).liabilityWarning td, #TaxGroupPaymentTable tr:nth-child(even).liabilityWarning td, #PeoPaymentTable tr:nth-child(even).liabilityWarning td {
	background-color: #FEF8E7;
	/* KEEP if grid striping is removed */ }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.client-messages-container-grid .dx-data-row .dx-datagrid-group-closed:before, .client-messages-container-grid .dx-data-row .dx-datagrid-group-opened:before {
	color: #e50082; }

.client-messages-container-grid .client-data-container * {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; }

.client-messages-container-grid .client-data-container:not(:last-child) {
	margin-bottom: 3px; }

.client-messages-container-grid .client-data-container .client-data-header {
	font-weight: bold; }

.client-messages-container-grid .v-align-middle {
	vertical-align: middle !important; }

.client-messages-container-form legend {
	padding-left: 0px; }

.client-messages-container-form .client-message-alert div.label {
	font-weight: bold;
	text-align: left; }

.client-messages-container-form .checkbox-container {
	justify-content: center; }

.client-messages-container-form .drag-column {
	max-width: 18px;
	min-width: 18px; }

.client-messages-container-form .table-view {
	border-collapse: separate;
	border-spacing: 0px 5px; }

.client-messages-container-form .table-view-header {
	white-space: nowrap; }

.client-messages-container-form .inline {
	white-space: nowrap; }

.client-messages-container-form .table-view-add-new-container {
	padding-left: 18px; }

.client-messages-container-form .empty-table-view {
	padding-left: 25px; }

.client-messages-container-form .left-align {
	text-align: left; }

.client-messages-container-form .warning {
	color: #e89138; }

.client-messages-container-form .upload-icon {
	cursor: pointer;
	vertical-align: middle; }

.client-messages-container-form .datepicker {
	cursor: pointer; }

.client-messages-container-form .clear-btn {
	background-color: transparent;
	border: none; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.client-open-enrollments-main-tab-container fieldset.widest small.left {
	text-align: left; }

.client-open-enrollments-main-tab-container fieldset label.left {
	margin-left: 20px;
	width: 300px; }

.client-open-enrollments-main-tab-container .flyoverdiv-container {
	margin-top: 6px; }
	.client-open-enrollments-main-tab-container .flyoverdiv-container .list-container {
		margin-right: 0;
		margin-left: 20px; }

.client-open-enrollments-page-settings-tab-container div.defaultBenefitTypeHelpText {
	width: 300px;
	margin-left: 175px;
	margin-top: 6px;
	font-style: italic;
	text-align: justify; }

.client-open-enrollments-page-settings-tab-container div.defaultBenefitTypeHelpText.missing {
	color: red;
	font-weight: bold;
	font-style: normal; }

.client-open-enrollments-page-settings-tab-container .flyoverdiv-container {
	margin-top: 6px; }
	.client-open-enrollments-page-settings-tab-container .flyoverdiv-container .list-container {
		margin-right: 0;
		margin-left: 20px; }

.legal-life-events-setup-container .auto-width-tag-box {
	width: auto;
	display: inline-block;
	margin-right: 10px; }

.legal-life-events-setup-container span.event-title {
	font-weight: bold; }

.legal-life-events-setup-container td.event-title-box {
	max-width: 200px;
	text-overflow: ellipsis;
	overflow-x: hidden;
	white-space: nowrap; }

.legal-life-events-setup-container th.life-event-cell-titles {
	font-weight: normal; }

.legal-life-events-setup-container .dx-legal-life-tag-box {
	width: auto; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.process-payroll-page .processPayrollDetailTable td {
	padding: 2px 20px 2px 20px; }

.process-payroll-page .processPayrollDetailTable th {
	text-align: left;
	color: GrayText; }

.process-payroll-page .processPayrollAccordianHeader {
	height: 50px; }

.process-payroll-page .processPayrollAccordianDetails {
	background-color: #EBECEE; }

.process-payroll-page .payrollValidationMessage {
	font-size: 13px; }

.process-payroll-page .validationTextSizeOverride {
	font-size: 12px; }

.process-payroll-page .payrollValidationMessageLink {
	margin-left: 6px;
	cursor: pointer; }

.process-payroll-page .dx-widget {
	font-family: 'Roboto', sans-serif; }

.process-payroll-page .dx-accordion-item-opened.dx-state-hover > .dx-accordion-item-title, .process-payroll-page .dx-accordion-item-opened > .dx-accordion-item-title {
	background-color: #EBECEE; }

.process-payroll-page .dx-state-focused.dx-accordion-item {
	border-color: #ddd; }

.process-payroll-page .processPayrollFieldSet {
	width: 550px;
	margin-bottom: 10px; }

.process-payroll-page .lastProcessedPayrollTable td {
	padding: 2px 20px 2px 20px; }

.process-payroll-page .lastProcessedPayrollTable th {
	text-align: left;
	color: GrayText; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
#SystemBenefitTypesContainer .link-blue {
	color: #0f23b6;
	cursor: pointer; }

#SystemBenefitTypesContainer .age-element {
	padding-right: 0px;
	text-align: right; }

#SystemBenefitTypesContainer .limit-element {
	padding-left: 0px;
	text-align: left; }

#SystemBenefitTypesContainer .medium-width {
	width: 120px; }

#SystemBenefitTypesContainer .small-width {
	width: 35px;
	min-width: 25px; }

#SystemBenefitTypesEditModal .benefit-type-header {
	color: #01316c;
	font-size: 16px; }
	#SystemBenefitTypesEditModal .benefit-type-header .benefit-title {
		font-weight: 700;
		vertical-align: baseline; }

#SystemBenefitTypesEditModal .modal-legend {
	padding-top: 0px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.group-term-life-form-container fieldset.employeeInfo div.infoContainer {
	margin-left: 10px; }

.group-term-life-form-container fieldset.employeeInfo div.infoContainer > span > span {
	vertical-align: top;
	width: 50%;
	display: inline-block;
	margin-left: 3px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.deferred-comp-form-container .equivalencyPeriodContainer {
	margin-left: 155px; }

.deferred-comp-form-container .equivalencyPeriodShootoverContainer {
	margin-left: 190px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
#mfa-options {
	display: flex;
	max-width: 1118px;
	flex-direction: column;
	gap: 40px; }
	#mfa-options p {
		font-size: var(--hcm-font-size-body, 14px);
		margin: 0;
		padding: 0; }
	#mfa-options div {
		font-size: var(--hcm-font-size-body-s, 12px);
		line-height: var(--hcm-font-line-height-18, 18px); }
	#mfa-options h5 {
		font-size: var(--hcm-font-size-heading-s, 20px);
		font-weight: 600;
		margin: 0;
		padding: 0; }
		#mfa-options h5 > i {
			font-size: 18px;
			font-weight: 900; }
	#mfa-options .mfa-low-warning {
		display: flex;
		align-items: flex-start;
		gap: 4px; }
		#mfa-options .mfa-low-warning > i {
			height: 24px;
			display: flex;
			align-items: center; }
	#mfa-options .mfa-warning {
		color: var(--hcm-color-warning-50); }
	#mfa-options .mfa-recommended {
		color: var(--hcm-color-info-50);
		font-weight: 600; }
	#mfa-options > .mfa-options-header {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 16px; }
		#mfa-options > .mfa-options-header > :first-child {
			display: flex;
			max-width: 623px;
			flex-direction: column;
			gap: 16px; }
			#mfa-options > .mfa-options-header > :first-child h4 {
				font-size: var(--hcm-font-size-heading-m, 24px);
				font-weight: 600;
				margin: 0;
				padding: 0; }
		#mfa-options > .mfa-options-header > :last-child {
			display: flex;
			width: 267px;
			flex-direction: column;
			gap: 16px; }
	#mfa-options > .mfa-options-content {
		display: flex;
		gap: 32px;
		flex-wrap: wrap; }
		#mfa-options > .mfa-options-content > div {
			box-sizing: border-box;
			display: flex;
			max-width: 346px;
			height: 376px;
			padding: 24px;
			flex-direction: column;
			gap: 12px;
			border-radius: 9px;
			border: 1px solid var(--hcm-color-neutral-10, #E0E0E0); }
			#mfa-options > .mfa-options-content > div:hover {
				background-color: var(--hcm-color-action-5, #EDF5FC); }
			#mfa-options > .mfa-options-content > div:has(input[type="radio"]:checked) {
				border-color: var(--hcm-color-action-40, #008EB9); }
			#mfa-options > .mfa-options-content > div > i {
				font-size: 20px;
				font-weight: 900; }
			#mfa-options > .mfa-options-content > div > .mfa-option i {
				margin-right: 8px; }
			#mfa-options > .mfa-options-content > div > .mfa-option .fa-circle-check {
				color: var(--hcm-color-action-40); }
			#mfa-options > .mfa-options-content > div > .mfa-option .fa-circle-xmark {
				color: var(--hcm-color-neutral-50); }
	#mfa-options .mfa-low-confirmation {
		padding: 12px;
		display: flex;
		gap: 24px;
		flex-direction: column;
		width: 376px;
		box-sizing: border-box; }
		#mfa-options .mfa-low-confirmation > div {
			display: flex;
			justify-content: center;
			gap: 12px; }