/* Minification failed. Returning unminified contents.
(522,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-med_dark'
(526,21): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-lighter'
(588,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-med_dark'
(592,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-white'
(595,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-white'
(604,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-black'
(606,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-paper'
(614,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-white'
(615,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-magenta-50'
(618,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-white'
(622,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-white'
(623,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-black'
(626,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-white'
(636,30): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-lighter'
(751,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-black'
(903,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-black'
(910,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-black'
(930,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-white'
(939,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-text-link'
(970,33): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-theme'
(1024,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-white'
(1039,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-med_dark'
(1065,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-white'
(1079,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-white'
(1083,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-med'
(1084,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-white'
(1085,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-white'
(1093,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-white'
(1111,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-white'
(1139,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-text-link'
(1152,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white'
(1153,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-black'
(1156,15): run-time error CSS1039: Token not allowed after unary operator: '-hcm-headerheight'
(1171,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white'
(1172,32): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-lighter'
(1177,26): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white'
(1181,15): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-med'
(1183,15): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-med_dark'
(1185,26): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-med_light'
(1193,15): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-dark'
(1214,20): run-time error CSS1039: Token not allowed after unary operator: '-hcm-headerheight'
(1217,15): run-time error CSS1039: Token not allowed after unary operator: '-hcm-headerheight'
(1221,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white'
(1237,20): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-black'
(1265,30): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-lighter'
(1287,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white'
(1288,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-black'
(1297,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-black'
(1307,17): run-time error CSS1039: Token not allowed after unary operator: '-hcm-headerheight'
(1310,17): run-time error CSS1039: Token not allowed after unary operator: '-hcm-headerheight'
(1349,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-dark'
(1367,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-light'
(1384,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-dark'
(1720,15): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-dark'
(1724,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-lighter'
(1754,30): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-lighter'
(1755,33): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-lighter'
(1759,26): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-lightest'
(1769,27): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-lighter'
(1792,26): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-lightest'
(1793,15): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-dark'
(1802,16): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-dark'
(1809,27): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-lightest'
(1811,32): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-theme'
(1814,17): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-theme'
(1825,27): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-lightest'
(1829,17): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-theme'
(1831,26): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-lighter'
(1832,15): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-dark'
(1852,33): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-theme'
(1871,17): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-med'
(1882,27): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white'
(1883,31): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-lightest'
(1884,34): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-lightest'
(1886,17): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-darkest'
(1889,33): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-theme'
(2181,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-med'
(2248,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white'
(2421,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white'
(2462,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-black'
(2468,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-black'
(2479,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white'
(2484,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-black'
(2522,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-black'
(2523,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white'
(2530,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-black'
(2531,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white'
(2540,21): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white'
(2675,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white'
(2720,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-black'
(2721,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white'
(2725,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white'
(2733,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-black'
(2737,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-black'
(2959,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-black'
(4418,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-text-link'
(4594,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral_alt-med_dark'
(4606,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-med_dark'
(4704,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-dark'
(4707,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-black'
(4708,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-5'
(4711,15): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-black'
(4712,26): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-5'
(4718,27): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-basic-white'
(4731,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-darkest'
(4735,14): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-med'
(4738,28): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-lighter'
(4741,28): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-theme'
(4750,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral_alt-lightest'
(4753,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral_alt-lightest'
(4759,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-lightest'
(4765,21): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-lighter'
(4767,51): run-time error CSS1030: Expected identifier, found '.'
(4767,84): run-time error CSS1031: Expected selector, found ')'
(4767,84): run-time error CSS1025: Expected comma or open brace, found ')'
(4773,42): run-time error CSS1030: Expected identifier, found '>'
(4773,44): run-time error CSS1030: Expected identifier, found '.'
(4773,64): run-time error CSS1031: Expected selector, found ')'
(4773,64): run-time error CSS1025: Expected comma or open brace, found ')'
(4793,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-neutral-lightest'
(4797,25): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-action-lightest'
(4805,26): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-teal-10'
(4806,15): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-teal-60'
(4808,26): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-blue-10'
(4809,15): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-blue-60'
(4811,26): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-orange-10'
(4812,15): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-orange-60'
(4814,26): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-violet-10'
(4815,15): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-violet-60'
(4817,26): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-gray-10'
(4818,15): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-gray-60'
(4820,26): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-red-10'
(4821,15): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-red-60'
(4835,27): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-red-10'
(4836,16): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-red-60'
(4838,27): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-orange-10'
(4839,16): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-orange-60'
(4841,27): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-orange-10'
(4842,16): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-orange-60'
(4844,27): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-blue-10'
(4845,16): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-blue-60'
(4847,27): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-teal-10'
(4848,16): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-teal-60'
(4850,27): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-violet-10'
(4851,16): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-violet-60'
(4853,27): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-gray-10'
(4854,16): run-time error CSS1039: Token not allowed after unary operator: '-hcm-color-gray-60'
 */
/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
/***** Generic Spreadsheet styles *****/
.ss-workspace {
	height: 100%;
	table-layout: fixed;
	position: relative; }

.ss-workspace .ss-pane {
	display: table; }

.ss-pane .ss-pane-columns {
	position: absolute;
	z-index: 5; }

.ss-pane .ss-pane-rows {
	margin-top: 25px; }

.ss-cell.ss-contextMenuHeader {
	min-width: 10px; }

.ss-cell {
	min-width: 150px;
	display: table-cell;
	position: relative;
	height: 25px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: white;
	/* IE does not allow this to be on .tc-ss-row */ }

.ss-cell input, .ss-cell select {
	position: absolute;
	height: 100%;
	width: 100%;
	border: 0;
	border-radius: 0; }

.ss-row .ss-cell.ss-cell-disabled {
	background-color: #dddddd; }

.ss-row .ss-cell.tc-ss-cell-invalid {
	background-color: lemonchiffon; }

.ss-cell input,
.ss-cell select {
	background-color: transparent; }

.ss-colHeader {
	background-color: #EBECEE;
	color: black;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid white;
	text-align: center;
	vertical-align: middle; }

.ss-colHeader-textContainer {
	display: inline; }

.ss-sortableHeader {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none; }

.ss-cell.ss-cell-l {
	min-width: 200px; }

.ss-cell.ss-cell-m {
	min-width: 100px; }

.ss-cell.ss-cell-s {
	min-width: 85px; }

.ss-cell.ss-cell-xs {
	min-width: 75px; }

.ss-cell.ss-cell-xxs {
	min-width: 50px; }

.ss-cell.ss-expandoCell {
	width: 100%; }

.ss-cell.mergeRight {
	border-right: none; }

.ss-cell.mergeBottom {
	border-bottom: none; }

.ss-cell .ss-cellInputContainer,
.ss-cell .ss-cellLabelContainer {
	height: 100%;
	width: 100%;
	position: relative; }

.ss-cell input, .ss-cell select {
	position: absolute;
	height: 100%;
	width: 100%;
	border: 0;
	border-radius: 0; }

.ss-contextMenuColumn {
	min-width: 10px;
	vertical-align: middle; }

.ss-contextMenuColumn a {
	font-size: 14px; }

.ss-cell.ss-iconCell {
	min-width: 35px;
	font-size: 14px; }

.ss-iconCell,
.ss-contextMenuHeader {
	/* Firefox compatibility */
	height: 0; }

.ss-cellLabel, .ss-iconSpan {
	position: absolute;
	padding-left: 5px;
	top: 50%;
	height: 14px;
	margin-top: -7px; }

/* Spreadsheet IE 10+ corrections */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.ss-cell.ss-iconCell {
		vertical-align: middle; }
	.ss-iconSpan {
		top: auto;
		position: relative; } }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
div.gridContainer {
	margin: 0px 12px 12px 12px;
	overflow: auto;
	overflow-x: hidden;
	padding: 0px;
	border: 1px solid #EEF0EF;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; }

div.editorContainer div.gridContainer {
	margin: 0px;
	border-style: solid none none none; }

table.fixed {
	table-layout: fixed; }

table.grid {
	width: 100%;
	border-spacing: 0;
	padding: 0px; }

table.grid caption {
	text-align: left;
	border-top: 0px;
	border-bottom: 1px solid #C3C3C5;
	padding: 3px 5px;
	font-weight: bold; }

table.grid tbody {
	cursor: pointer;
	overflow: auto;
	overflow-x: hidden; }

table.grid tr {
	/* Needed for IE */
	height: 0px\9; }

table.grid thead {
	position: fixed;
	background-color: #FFFFFF; }

table.grid .datepicker-container thead {
	position: static;
	background-color: unset; }

table.grid thead tr {
	display: inline-block; }

table.grid .datepicker-container thead tr {
	display: table-row; }

table.grid thead th {
	padding: 6px 8px 6px 2px;
	border-bottom: solid 1px #EEF0EF;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; }

table.grid .datepicker-container thead th {
	padding: 1px 0 2px;
	border-bottom: unset;
	display: table-cell;
	-webkit-box-sizing: unset;
	-moz-box-sizing: unset; }

table.grid thead th.header span,
table.grid thead th.header a {
	padding-left: 11px;
	background-image: url(images/TableSorter/bg.png);
	background-repeat: no-repeat;
	background-position: center left;
	cursor: pointer; }

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

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

table.grid thead th.header a {
	color: #222222; }

table.grid thead th, table.grid thead th a {
	text-align: left; }

table.grid thead input[type="checkbox"] {
	margin-top: 0;
	margin-bottom: 0; }

table.grid tfoot td {
	padding: 6px 5px;
	text-align: right;
	font-weight: bold;
	border-top: 1px solid #C3C3C5;
	background-color: #7d83b9; }

table.grid tbody td {
	padding: 5px 8px 5px 2px;
	background-color: #F7F8FC;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-bottom: solid 1px #EEF0EF; }

table.grid .datepicker-container tbody td {
	padding: 1px 3px 2px;
	background-color: unset;
	overflow: unset;
	text-overflow: unset;
	white-space: unset;
	border-bottom: unset; }

table.grid a {
	color: #0F23B6; }

table.grid tbody tr td.warning, table.grid tbody tr.odd td.warning {
	background-color: Red;
	color: White;
	border-top: 2px solid White;
	border-bottom: 2px solid White; }

table.grid tbody tr.selected td.warning, table.grid tbody tr.warning {
	color: Red;
	font-weight: bold; }

table.grid tbody tr td.notification,
table.grid tbody tr.odd td.notification,
table.grid tbody tr.selected td.notification {
	text-align: center; }

table.grid tbody tr td.notification table tr td,
table.grid tbody tr.odd td.notification table tr td,
table.grid tbody tr.selected td.notification table tr td {
	color: #F3F3F3;
	background-color: Red;
	font-weight: bold;
	text-align: center;
	padding: 0;
	margin: 0; }

table.grid col.hidden {
	display: none; }

table.grid td.hidden, table.grid th.hidden {
	display: none; }

table.grid td.numeric, table.grid th.numeric, td.numeric, th.numeric {
	text-align: right; }

table.grid td.centered, table.grid th.centered {
	text-align: center; }

/* 'odd' class is added by javascript table sorter */
table.grid tbody tr.odd td, tr.odd td {
	background-color: #FFFFFF; }

table.grid td div.checked:before {
	content: "\2713"; }

table.grid tbody td.delete {
	background-image: url(images/delete.png);
	background-repeat: no-repeat;
	background-position: center left;
	cursor: pointer;
	padding: 0px;
	margin: 0px;
	width: 13px; }

table.grid tbody tr.deleteHover td {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	opacity: 0.4;
	cursor: pointer; }

table.grid tr.pager {
	margin: 10px 10px 0 4px;
	padding: 5px 1px; }

table.grid tr.pager td {
	border: none;
	background-color: #EBECEE;
	text-align: right;
	font-weight: normal; }

table.grid tr.pager td a {
	color: #222222; }

table.grid tr.pager td span {
	opacity: 0.65;
	filter: alpha(opacity=65);
	vertical-align: top; }

table.grid tbody td .ajax__calendar table {
	position: static;
	width: 170px; }

table.grid tbody td .ajax__calendar thead {
	position: static;
	width: 170px; }

table.grid tbody td .ajax__calendar tbody {
	width: 170px; }

table.grid tbody td .ajax__calendar tr {
	display: table-row;
	width: 18px; }

table.grid tbody td .ajax__calendar tr td {
	width: 18px;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	background-color: #fff !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-top: none;
	border-bottom: none; }

div.employeeList {
	margin-top: 0px; }

.clientHeader {
	font-size: 14px;
	padding: 0 0 0 7px;
	background-color: #EBECEE;
	overflow: hidden; }

.clientHeader a {
	color: #222222; }

.clientIdentifierBar > div {
	float: left;
	display: inline-block;
	margin: 2px 18px 3px 5px;
	line-height: 43px; }

.clientIdentifierBar > div select {
	font-size: 11px;
	font-weight: bold; }

table.dashboardGrid td, table.dashboardGrid th {
	font-size: 11px; }

table.dashboardGrid .idColumn {
	display: none; }

tbody.evenStripedWhite tr:nth-child(even) td {
	background-color: white; }

table.grid thead th.currencyCell,
table.grid tbody td.currencyCell {
	text-align: right;
	padding-right: 20px; }

/* Add Hoc Reports */
table.ColumnsTable tbody td,
table.AddedColumnsTable tbody td {
	background-color: white; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.invalidDataHighlight-Error {
	color: Red;
	font-weight: bold; }

.invalidDataHighlight-Warning {
	color: Blue;
	font-weight: bold; }

.invalidDataHighlight-Info {
	color: Black;
	font-weight: bold; }

.invalidDataCell {
	background-color: lemonchiffon; }

.nullData, .unknownData {
	color: #999;
	font-style: italic; }

.unknownColumn {
	color: #ccc;
	font-style: italic; }

.invalidDataHover {
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	font-weight: bold; }

.invalidDataHover-Error {
	background-color: Red;
	color: White; }

.invalidDataHover-Warning {
	background-color: Yellow;
	color: Black; }

.invalidDataHover-Info {
	background-color: White;
	color: Black; }

.validationMessageHoverPanel {
	border: 1px solid black;
	width: 200px;
	padding: 15px;
	font-weight: bold;
	display: none;
	/* Initially invisible */ }

.validationMessageHoverPanel-Error {
	background-color: Red;
	color: White; }

.validationMessageHoverPanel-Warning {
	background-color: Yellow;
	color: Black; }

.validationMessageHoverPanel-Info {
	background-color: White;
	color: Black; }

.validationSummary {
	margin: 10px 0px 0px 10px; }

.validationSummary div {
	padding: 3px; }

.validationDetailsPanel {
	width: 600px;
	height: 480px;
	border: 1px solid black;
	background-color: #fbf9f4; }

.validationDetailsPanel .validationContent {
	padding: 10px;
	clear: both; }

.validationDetailsPanel div.header input {
	float: right;
	position: relative;
	top: -15.5px; }

.validationDetailsPanelBackground {
	background-color: #000000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7; }

.validationDetailsPanel table {
	width: 100%; }

.validationDetailsPanel th {
	text-align: left; }

.validationDetailsPanel th.errorCol {
	width: 25%; }

.validationDetailsPanel th.detailCol {
	width: 50%; }

.validationDetailsPanel th.dataCol {
	width: 25%; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.landingPageContainer {
	margin: 0px 12px 12px 0px; }

table.landingPage {
	padding-left: 5px;
	width: 100%;
	color: var(--hcm-color-neutral-med_dark);
	table-layout: fixed; }

table.landingPage > tbody > tr > td {
	border-color: var(--hcm-color-neutral-lighter); }

table.landingPage ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px; }

table.landingPage td.left {
	padding: 3px 3px 10px 2px; }

table.landingPage td.right {
	padding: 3px 3px 10px 2px; }

table.landingPage td.middle {
	padding: 3px 8px 10px 8px; }

table.landingPage td.profile {
	padding-left: 6px;
	padding-bottom: 6px;
	line-height: 16px; }

table.landingPage td.profile li {
	padding-bottom: 0px; }

div.AccountProfileInfo ul {
	padding-left: 0px; }

table.benefits td, table.benefits th {
	border: none; }

div.announcements li.newNote {
	padding-left: 20px;
	background-image: url("Images/announcement_icon_16x16_new.png"); }

div.announcements li.note {
	padding-left: 20px;
	background-image: url("Images/announcement_icon_16x16.png"); }

.quickLinks ul {
	margin: 10px 0px 10px 0px;
	padding: 0px 10px 10px 0px; }

.quickLinks li {
	background-repeat: no-repeat;
	list-style: none;
	padding-left: 20px;
	padding-top: 1px;
	padding-bottom: 3px; }

.quickLinks li.newLink {
	background-image: url("Images/alt_link_16x16_new.png"); }

.quickLinks li.link {
	background-image: url("Images/alt_link_16x16.png"); }

.quickLinks li.newDocument {
	background-image: url("Images/link_icon_16x16_new.png"); }

.quickLinks li.document {
	background-image: url("Images/link_icon_16x16.png"); }

.quickLinks a {
	color: var(--hcm-color-neutral-med_dark);
	font-weight: 700; }

.cal {
	background-color: var(--hcm-color-white); }

.cal td, .cal th {
	border: 1px solid var(--hcm-color-white);
	padding: 2px;
	font-size: 11px;
	font-weight: normal; }

.calMonthHeader td {
	font-weight: normal;
	font-size: 12px;
	padding: 3px;
	color: var(--hcm-color-black);
	text-transform: uppercase;
	background-color: var(--hcm-color-paper); }

.calMonthHeader a {
	display: block;
	text-align: center;
	font-weight: 700; }

.calPayDate {
	color: var(--hcm-color-white);
	background-color: var(--hcm-color-magenta-50); }

.calRunDate {
	color: var(--hcm-color-white);
	background-color: #00A6DA; }

.calOffCycle {
	color: var(--hcm-color-white);
	background-color: var(--hcm-color-black); }

.calOtherMonth {
	color: var(--hcm-color-white); }

.PayGroupDropdown {
	margin: 0px 0px 0px 10px; }

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

table.myPay td {
	border-left: 1px solid var(--hcm-color-neutral-lighter);
	padding-left: 5px; }

table.myPay td, table.myPay th {
	line-height: 20px;
	text-align: left;
	font-weight: normal; }

.schedule {
	padding-left: 55px;
	background-image: url(images/calendar_large.png);
	background-position: left top;
	background-repeat: no-repeat;
	min-height: 50px;
	text-align: left;
	display: inline-block;
	margin-left: 10px;
	margin-top: 10px; }

.wizardInfoBox {
	margin-bottom: 10px;
	display: block; }

/* Introduced for the Employee Benefit Enrollment Wizard */
.wizardLeftTitle {
	width: 49%;
	display: inline-block;
	height: 100%;
	vertical-align: bottom;
	font-size: 18px; }

/* Introduced for the Employee Benefit Enrollment Wizard */
.wizardRightTitle {
	width: 50%;
	display: inline-block;
	text-align: right; }

/* Introduced for the Employee Benefit Enrollment Wizard */
.wizardStatusMessage {
	height: 100%;
	display: inline-block;
	vertical-align: bottom; }

.documents {
	text-align: left;
	display: inline-block; }

.documents > .document + .document {
	padding-top: 20px; }

.document > p {
	margin-bottom: 6px; }

.links {
	text-align: left;
	display: inline-block; }

.download {
	background-image: url(images/download.png);
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 28px; }

.clientForms {
	text-align: left;
	display: inline-block; }

.clientForms > .clientForm + .clientForm {
	padding-top: 20px; }

.document > p {
	margin-bottom: 6px; }

.ben-enroll-summary {
	padding-left: 10px; }

.ben-enroll-confirmation-header {
	margin-bottom: 15px; }

.ben-enroll-confirmation {
	background-color: #fae68d;
	padding: 15px 0;
	margin: 15px 0;
	width: 99%; }

.ben-enroll-confirmation tr > td {
	vertical-align: middle;
	padding: 0 15px; }

.ben-enroll-confirmation tr > td:first-child {
	text-align: center;
	text-transform: capitalize;
	font-size: 16px;
	padding-left: 60px;
	background-image: url(images/warning_lg.png);
	background-repeat: no-repeat;
	background-position: center left 10px;
	min-height: 50px;
	width: 120px;
	box-sizing: border-box; }

.ben-enroll-confirmation tr > td:first-child > b {
	font-size: 20px; }

.ben-enroll-confirmation tr > td:first-child + td {
	border-left: solid 1px #C3C3C5; }

.ben-enroll-confirmation tr td div {
	height: 32px; }

.ben-enroll-confirmation tr td div input {
	float: left;
	margin: 5px 5px 5px 5px; }

.ben-enroll-confirmation tr td div.button-with-text {
	border: 1px solid var(--hcm-color-black);
	margin-top: 20px; }

.ben-enroll-confirmation tr td div.button-with-text input {
	margin: 5px 15px 5px 5px; }

.ben-enroll-confirmation tr td div.button-with-text span {
	font-weight: bold;
	height: 30px;
	vertical-align: middle;
	display: block;
	padding: 2px; }

.ben-plan {
	margin: 0 20px 0 8px; }

.ben-plan > table {
	table-layout: auto; }

.ben-plan > table td {
	padding: 3px; }

.ben-plan > table tr:nth-child(even) td {
	border-bottom-style: solid;
	line-height: 22px; }

.onboarding-wizard-confirmation {
	background-color: #fae68d;
	padding: 15px 0;
	margin: 15px 0;
	width: 99%; }

.onboarding-wizard-confirmation tr > td {
	vertical-align: middle;
	padding: 0 15px; }

.onboarding-wizard-confirmation tr > td.warning {
	text-align: center;
	text-transform: capitalize;
	font-size: 16px;
	padding-left: 60px;
	background-image: url(images/warning_lg.png);
	background-repeat: no-repeat;
	background-position: center left 10px;
	min-height: 50px;
	width: 120px;
	box-sizing: border-box; }

.onboarding-wizard-confirmation tr > td.warning > b {
	font-size: 20px; }

.onboarding-wizard-confirmation tr > td.warning + td {
	border-left: solid 1px #C3C3C5; }

.onboarding-wizard-confirmation tr td div {
	border: none;
	height: 32px;
	margin-top: 20px; }

.onboarding-wizard-confirmation tr td div input {
	float: left;
	margin: 5px 5px 5px 5px; }

.onboarding-wizard-confirmation tr td div span {
	font-weight: bold;
	height: 30px;
	vertical-align: middle;
	display: block;
	padding: 2px; }

@media (max-width: 767px) {
	table.landingPage > tbody > tr > td {
		width: 100%;
		display: block;
		margin-bottom: 5px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		overflow: hidden; } }

th[class|="ben-type"] {
	color: #808285;
	border-right-color: #808285;
	border-right-width: 5px;
	border-right-style: solid;
	vertical-align: middle;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: contain; }

th[class|="ben-type"]:before {
	display: block; }

th[class|="ben-type-401k"], th[class|="ben-type-hsa"] {
	color: #bcbdc0;
	border-right-color: #bcbdc0; }

th[class|="ben-type-dental"] {
	color: #609dd4;
	border-right-color: #609dd4; }

th[class|="ben-type-medical"], th[class|="ben-type-fsa"] {
	color: #808285;
	border-right-color: #808285; }

th[class|="ben-type-std"], th[class|="ben-type-vision"] {
	color: #f7931e;
	border-right-color: #f7931e; }

th.ben-type-401k:before {
	content: url(images/benefits/ben_type_401k.png); }

th.ben-type-dental:before {
	content: url(images/benefits/ben_type_dental.png); }

th.ben-type-fsa:before {
	content: url(images/benefits/ben_type_fsa.png); }

th.ben-type-hsa:before {
	content: url(images/benefits/ben_type_hsa.png); }

th.ben-type-medical:before {
	content: url(images/benefits/ben_type_medical.png); }

th.ben-type-std:before {
	content: url(images/benefits/ben_type_std.png); }

th.ben-type-vision:before {
	content: url(images/benefits/ben_type_vision.png); }

th.ben-type-401k-sm {
	background-image: url(images/benefits/ben_type_401k.png); }

th.ben-type-dental-sm {
	background-image: url(images/benefits/ben_type_dental.png); }

th.ben-type-fsa-sm {
	background-image: url(images/benefits/ben_type_fsa.png); }

th.ben-type-hsa-sm {
	background-image: url(images/benefits/ben_type_hsa.png); }

th.ben-type-medical-sm {
	background-image: url(images/benefits/ben_type_medical.png); }

th.ben-type-std-sm {
	background-image: url(images/benefits/ben_type_std.png); }

th.ben-type-vision-sm {
	background-image: url(images/benefits/ben_type_vision.png); }

div.acknowledgments.window div.header {
	color: var(--hcm-color-black); }

.acknowledgments h3 a {
	margin: 0px;
	text-decoration: underline; }

.acknowledgments h3 {
	color: var(--hcm-color-black);
	margin: 0px; }

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

.acknowledgments table div {
	margin: 8px 0px 5px 0px; }

.acknowledgments tr {
	border-bottom: thin dashed grey; }

.acknowledgments td {
	padding: 10px 0px 15px 12px; }

.data-panel {
	padding: 6px 12px 12px 12px;
	border: 1px solid #dadada;
	margin: 0px 0px 12px 12px;
	background-color: var(--hcm-color-white);
	box-shadow: 0px 2px 2px #ccc; }

.data-panel a {
	color: #222222; }

.data-panel em, .data-panel em a {
	font-weight: normal;
	font-style: normal;
	color: var(--hcm-color-text-link); }

.data-panel em a.landing-docs-required {
	color: #ff7500;
	font-weight: 600; }

.data-panel em span.landing-bell-icon {
	color: #ff7500;
	margin-right: 10px; }

.data-panel li {
	padding-bottom: 12px;
	background-repeat: no-repeat; }

.data-panel h1 {
	font-size: 14px;
	color: black;
	text-transform: uppercase; }

.data-panel h4 {
	line-height: 1.5em; }

.data-panel-content {
	overflow-y: auto;
	overflow-x: hidden; }

.data-panel-side-panel {
	padding-top: 12px;
	background-color: transparent;
	overflow: hidden; }
	.data-panel-side-panel h1 {
		border-bottom: 1px solid var(--hcm-color-theme); }
	.data-panel-side-panel h4 {
		margin: 0; }
	.data-panel-side-panel li {
		padding-top: 3px;
		padding-bottom: 0px; }

.marketing-panel-button-overlay-image {
	background-image: url(Images/MarketingPanel/ExploreIsolvedPeopleCloudButton_Rocket.png);
	float: left;
	height: 30px;
	width: 31px;
	position: relative;
	z-index: 1;
	background-position: center;
	background-repeat: no-repeat; }

.marketing-panel-button-image {
	background-image: url(Images/MarketingPanel/ExploreIsolvedPeopleCloudButton.png);
	display: block;
	height: 34px;
	width: 192px;
	background-position: left;
	background-repeat: no-repeat; }

.marketing-panel-button button {
	display: inline-block;
	background: transparent;
	border: none;
	cursor: pointer; }

.marketing-panel-button .marketing-panel-button-span {
	display: inline-block;
	margin-left: -18px; }

@media screen and (max-width: 900px) {
	.marketing-panel-button-image {
		display: none; }
	.marketing-panel-button .marketing-panel-button-overlay-span {
		position: unset; } }

#MarketingPanelModal::part(dialog) {
	min-width: unset;
	max-width: 100%;
	width: 1150px; }

#MarketingPanelModal::part(dialogbody) {
	height: 650px;
	padding: 0px 0px 6px 0px; }

.marketing-panel-popup {
	display: flex;
	background-image: url("Images/UserLogin/brand-bgd-pattern.png");
	margin: auto;
	background-color: var(--hcm-color-white);
	background-repeat: repeat-y;
	width: 1150px;
	height: 650px;
	flex-direction: column;
	border-radius: 6px; }

@media (max-width: 1150px) {
	.marketing-panel-popup, #MarketingPanelPopupPanel {
		width: 100%; } }

.marketing-panel-popup h2 {
	text-align: center; }

.marketing-panel-popup h3 {
	color: var(--hcm-color-neutral-med_dark);
	text-align: center; }

.marketing-panel-wrapper {
	flex-grow: 1;
	overflow-y: scroll;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	grid-gap: 10px;
	text-align: center; }

.marketing-panel {
	display: flex;
	flex-direction: column;
	justify-content: flex-end; }

.marketing-panel-tile {
	display: inline-block;
	width: 150px;
	height: 150px;
	position: relative;
	margin: 0 auto;
	text-align: center; }

.marketing-panel-tile-overlay {
	display: none;
	color: var(--hcm-color-white);
	font-size: 14pt;
	vertical-align: center; }

.marketing-panel-tile-in-use .marketing-panel-tile-overlay {
	display: block;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.75); }

.marketing-panel-tile-in-use p {
	color: var(--hcm-color-white); }

.marketing-panel-tile-learn-more {
	display: inline-block;
	background-color: var(--hcm-color-action-med);
	color: var(--hcm-color-white);
	border: 1px solid var(--hcm-color-white);
	border-radius: 2em;
	padding: .25em .5em;
	line-height: 2em;
	margin-top: -7.5em; }

.marketing-panel-tile-in-use-text {
	margin-top: 50px;
	color: var(--hcm-color-white);
	font-size: 14pt; }

.marketing-panel-tile a:active, .marketing-panel-tile a:focus {
	outline: 0;
	border: none; }

.marketing-panel-tile i {
	margin-top: 1.5em; }

.marketing-panel-tile img {
	height: 150px;
	width: 150px; }

.ewa-panel {
	padding: 6px 12px 12px 12px;
	border: 1px solid #dadada;
	margin: 0px 0px 12px 12px;
	background-color: var(--hcm-color-white);
	box-shadow: 0px 2px 2px #ccc; }
	.ewa-panel .ewa-panel-header {
		overflow-x: hidden;
		margin-top: 6px;
		margin-bottom: 10px; }
	.ewa-panel .ewa-panel-content {
		height: 72px;
		overflow-y: auto;
		overflow-x: hidden; }
	.ewa-panel .ewa-panel-footer {
		overflow-x: hidden;
		text-align: center; }
		.ewa-panel .ewa-panel-footer .btn {
			margin-top: 3px; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
html {
	height: 100%; }

body {
	padding: 0px;
	margin: 0px;
	height: 100%; }

a:not(.btn) {
	color: var(--hcm-color-text-link); }

#masterPageLoadingIndicator {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10001;
	cursor: wait; }

#headerTop {
	color: var(--hcm-color-basic-white);
	background-color: var(--hcm-color-basic-black);
	display: flex;
	align-items: center;
	height: var(--hcm-headerheight, 38px); }

#legacyHeader {
	display: flex;
	align-items: center;
	width: 100%; }

#globalHeader {
	width: 100%; }
	#globalHeader hcm-globalheader {
		opacity: 0; }
	#globalHeader hcm-globalheader:defined {
		opacity: 1; }

#header .user-bar {
	background-color: var(--hcm-color-basic-white);
	border-bottom: 1px solid var(--hcm-color-neutral-lighter); }
	#header .user-bar .btn-group > .btn,
	#header .user-bar .btn-group .hcm-dropdown-trigger {
		font-size: 14px;
		letter-spacing: 0.5px;
		background-color: var(--hcm-color-basic-white);
		height: 48px;
		padding-left: 12px; }
	#header .user-bar .btn {
		color: var(--hcm-color-action-med); }
	#header .user-bar .btn:hover, #header .user-bar .btn:focus, #header .user-bar .btn:active {
		color: var(--hcm-color-action-med_dark); }
	#header .user-bar .btn-primary .caret, #header .user-bar .btn-secondary .caret {
		border-top-color: var(--hcm-color-neutral-med_light); }
	#header .user-bar .master-page-dropdown::part(dropdown) {
		padding: 5px 0px;
		font-size: 14px; }
	#header .user-bar .master-page-dropdown li > a.disabled {
		pointer-events: none;
		cursor: default; }
	#header .user-bar .master-page-dropdown .usermenu-label {
		color: var(--hcm-color-neutral-dark); }

#header.global-header-enabled .user-bar {
	position: relative;
	box-sizing: border-box; }

#header.global-header-enabled #LegalCompanyLogoContainer {
	display: flex;
	width: 100%;
	justify-content: start; }
	#header.global-header-enabled #LegalCompanyLogoContainer img {
		max-height: 40px;
		max-width: 211px;
		padding: 12px; }

#header .legal-name-container {
	display: none; }

.header-logo {
	margin: 0 12px; }
	.header-logo img {
		max-height: var(--hcm-headerheight, 38px); }

.header-company-logo {
	height: var(--hcm-headerheight, 38px);
	margin-left: 12px; }

.header-progress {
	color: var(--hcm-color-basic-white);
	font-size: 12px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999;
	box-sizing: border-box; }
	.header-progress .fa-spinner {
		font-size: 24px;
		margin-right: 6px; }
	.header-progress div.progress-message {
		display: inline-block;
		vertical-align: top;
		padding-top: 6px; }
	.header-progress > div {
		text-align: center;
		background: var(--hcm-color-basic-black);
		width: 10em;
		padding: 6px;
		margin: 0 auto;
		white-space: nowrap;
		border-radius: 0 0 6px 6px; }

.delivered-by-wrapper {
	display: inline-block; }

.delivered-by {
	display: block;
	font-size: 1rem;
	color: #b1b1b1;
	text-transform: uppercase; }

.delivered-by-brand {
	display: block;
	font-size: 1.4rem; }

#content {
	padding: 0px 0px 0px 0px;
	position: absolute;
	top: -48px;
	bottom: 0px;
	left: 235px;
	right: 0px;
	font-size: 12px;
	border-left: 1px solid var(--hcm-color-neutral-lighter); }

#content.authpage {
	position: static;
	margin: 0 auto; }

#menu {
	float: left;
	width: 235px;
	height: 100%;
	font-size: 0.75em; }

#SessionTimeoutModal::part(dialogbody) {
	padding: 0px; }

#SessionTimeoutModal::part(dialog) {
	min-width: unset; }

#sessionNotification {
	min-width: 200px;
	min-height: 50px;
	background: red;
	color: var(--hcm-color-basic-white);
	border: 1px solid var(--hcm-color-basic-black);
	padding: 10px;
	text-align: center; }

#sessionNotification p {
	font-size: 14px;
	padding-bottom: .5em; }

.modalPopupBG {
	background-color: var(--hcm-color-basic-black);
	opacity: 0.7; }

#container {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 30px;
	/* height of footer*/
	/* Can't use $legacy_header_height variable here as it doesn't compile correctly in this scenario */
	top: calc(var(--hcm-headerheight, 38px) + 48px); }

#container.menu-collapsed {
	top: calc(var(--hcm-headerheight, 38px) + 35px); }

#container.menu-collapsed #menu {
	width: 45px; }
	#container.menu-collapsed #menu.global-header-enabled {
		top: unset; }

#container.menu-collapsed.menu-hidden #menu {
	width: 0px; }

#container.menu-collapsed #content {
	top: 0px; }

#container.menu-collapsed .systemHeader {
	display: none; }

#header.menu-collapsed > .btn-toolbar > .btn-group > .btn,
#header.menu-collapsed > .btn-toolbar > .btn-group .hcm-dropdown-trigger {
	height: 34px; }

#header.menu-collapsed {
	margin-bottom: 7px; }

#header.menu-collapsed .user-bar {
	position: static;
	width: 100%; }

#header.menu-collapsed #LegalCompanyLogoContainer {
	display: none; }

#header.menu-collapsed .header-company-logo {
	margin-top: 0px;
	margin-bottom: 0px; }

#header.menu-collapsed .header-progress {
	margin: 0 4px; }

#header.menu-collapsed .legal-name-container {
	display: inline-flex;
	color: var(--hcm-color-neutral-dark);
	font-size: 14px;
	padding: 8px 8px;
	margin-left: 12px; }
	#header.menu-collapsed .legal-name-container .legal-name {
		font-weight: 500; }

@media print {
	#container {
		position: static; } }

#container.menu-collapsed #content {
	left: 45px !important; }

#container.menu-collapsed.menu-hidden #content {
	left: 0px !important; }

#footer {
	background-color: var(--hcm-color-neutral-light);
	line-height: 30px;
	height: 30px;
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	font-weight: 500;
	font-size: 11px;
	z-index: 999;
	padding: 0px 12px; }
	#footer img {
		display: inline-block;
		padding-bottom: 2px; }

.copyright {
	color: var(--hcm-color-neutral-dark);
	display: inline; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
/***********************************************************************
    Flexbox-based framework for page layout 
************************************************************************/
/*** FLEXBOX PARENT ***/
.l-flex {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	padding: 6px; }
	.l-flex > * {
		box-sizing: border-box;
		flex-shrink: 0;
		max-width: 100%; }

/* Parent MODIFIERS */
.l-flex--j-center {
	justify-content: center; }

.l-flex--j-right {
	justify-content: flex-end; }

.l-flex--j-evenly {
	justify-content: space-evenly; }

.l-flex--j-full {
	justify-content: space-between; }

.l-flex--nowrap {
	flex-wrap: nowrap; }
	.l-flex--nowrap > [class*="l-col"] {
		flex-shrink: 1; }

.l-flex--vertical {
	flex-direction: column; }

.l-flex--pad-0 {
	padding: 0; }
	.l-flex--pad-0 > [class*="l-col"] {
		padding: 0; }

.l-flex--pad-sm {
	padding: 3px; }
	.l-flex--pad-sm > [class*="l-col"] {
		padding: 3px; }

.l-flex--pad-lg {
	padding: 9px; }
	.l-flex--pad-lg > [class*="l-col"] {
		padding: 9px; }

.l-flex--gap {
	gap: 12px; }

.l-flex--gap-sm {
	gap: 6px; }

.l-flex--gap-lg {
	gap: 18px; }

/*** COLUMNS ***/
[class*="l-col"] {
	padding: 6px; }

.l-col {
	flex: 1 0 auto; }

.l-col-auto {
	flex: 0 0 auto;
	width: auto; }

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

.l-col-2 {
	width: 16.66667%; }

.l-col-3 {
	width: 25%; }

.l-col-4 {
	width: 33.33333%; }

.l-col-5 {
	width: 41.66667%; }

.l-col-6 {
	width: 50%; }

.l-col-7 {
	width: 58.33333%; }

.l-col-8 {
	width: 66.66667%; }

.l-col-9 {
	width: 75%; }

.l-col-10 {
	width: 83.33333%; }

.l-col-11 {
	width: 91.66667%; }

.l-col-12 {
	width: 100%; }

.l-col-1, .l-col-2, .l-col-3, .l-col-4, .l-col-5, .l-col-6, .l-col-7, .l-col-8, .l-col-9, .l-col-10, .l-col-11, .l-col-12 {
	flex: 0 0 auto; }

.l-col-fill {
	flex-grow: 1;
	flex-shrink: 1;
	width: auto; }

/* Column modifiers */
.l-col--snapright {
	margin-left: auto !important; }

/* FIXED WIDTH COLUMNS */
.l-col-fw-xxs {
	width: 3rem; }

.l-col-fw-xs {
	width: 6rem; }

.l-col-fw-sm {
	width: 12rem; }

.l-col-fw-md {
	width: 20rem; }

.l-col-fw-lg {
	width: 32rem; }

.l-col-fw-xl {
	width: 44rem; }

.l-col-fw-xxl {
	width: 56rem; }

/******************************************************************************
	Main Side Navigation, Nav Search, and Popup Menus
******************************************************************************/
/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
/******************************************************************************
	Menu Items
******************************************************************************/
a.menuItem:link, a.menuItem:visited, a.menuItem:active {
	margin: 1px 0 1px 0;
	display: block;
	color: #6d6d6d;
	text-decoration: none;
	cursor: pointer;
	padding: 4px 9px 4px 10px;
	white-space: nowrap;
	border: none;
	outline: none;
	text-align: left; }

/******************************************************************************
	Popup Menu
******************************************************************************/
.popup {
	border: 1px solid #C3C3C5;
	background-color: white; }

/******************************************************************************
	UL List Menu
    NOTE: 7/11/23 - Only used on ACAExecutiveDashboardView
******************************************************************************/
ul.listMenu {
	list-style: none;
	padding: 1px 0px 1px 0px;
	margin: 0px 0px 0px 0px;
	color: #6D6D6D; }

ul.listMenu > li {
	margin: 3px 0px;
	display: block;
	cursor: default;
	padding: 3px 0px 3px 0px;
	background-color: Transparent;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis; }

ul.listMenu > li.heading {
	font-weight: bold;
	border-bottom: 1px solid #C3C3C5;
	padding-top: 10px; }

ul.listMenu > li.success {
	padding-right: 16px;
	background-repeat: no-repeat;
	background-position: right 4px center;
	background-image: url(images/success.png); }

ul.listMenu > li.warning {
	padding-right: 16px;
	background-repeat: no-repeat;
	background-position: right 4px center;
	background-image: url(images/warning.png); }

ul.listMenu > li.error {
	padding-right: 16px;
	background-repeat: no-repeat;
	background-position: right 4px center;
	background-image: url(images/error.png); }

ul.listMenu > li > :first-child {
	padding-left: 10px; }

ul.listMenu > li a,
ul.listMenu > li a:link,
ul.listMenu > li a:visited,
ul.listMenu > li a:active,
ul.listMenu > li a:focus,
ul.listMenu > li a:hover {
	color: #6D6D6D; }

ul.listMenu > li.iconLeft {
	background-position: left 4px center;
	padding-left: 16px;
	padding-right: 0px;
	margin-left: 10px;
	margin-top: 10px; }

/******************************************************************************
	TABLE List Menu
    NOTE: 7/11/23 - Doesn't appear to be used.
******************************************************************************/
table.listMenu {
	padding: 1px 0px 1px 0px;
	margin: 0px 0px 0px 10px;
	color: #6D6D6D; }

table.listMenu tr.selected {
	background-color: LightGray; }

table.listMenu td {
	margin: 3px 0px;
	cursor: default;
	padding: 3px 5px 3px 5px;
	background-color: Transparent;
	white-space: normal; }

table.listMenu tr.heading td {
	font-weight: bold;
	border-bottom: 1px solid #C3C3C5;
	padding-top: 10px;
	border-bottom: 1px solid black; }

table.listMenu > tbody > tr:nth-child(odd) {
	background-color: #F2F2F2; }

table.listMenu td.statusCell {
	background-repeat: no-repeat;
	background-position: right 4px center;
	width: 18px; }

table.listMenu tr.success td.statusCell {
	background-image: url(images/success.png); }

table.listMenu tr.warning td.statusCell {
	background-image: url(images/warning.png); }

table.listMenu tr.error td.statusCell {
	background-image: url(images/error.png); }

table.listMenu td a,
table.listMenu a:link,
table.listMenu a:visited,
table.listMenu a:active,
table.listMenu a:focus,
table.listMenu a:hover {
	color: #6D6D6D; }

/******************************************************************************
	UL Popup Menu
******************************************************************************/
ul.menu {
	list-style: none;
	padding: 1px;
	margin: 0px;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
	font-size: 0.81em; }

ul.menu a {
	color: #222222; }

ul.menu li {
	margin: 0px;
	display: block;
	padding: 3px;
	background-color: Transparent;
	cursor: pointer;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden; }

ul.menu li:hover {
	padding: 2px;
	border: solid 1px #0a246a;
	background-color: #B8BFD3; }

/******************************************************************************
	Left Side Menu Panel
******************************************************************************/
#container #menu {
	box-sizing: border-box; }

#container #menu.legal-company .menu-component-container.expanded {
	top: 64px;
	position: relative;
	height: calc(100% - 64px); }

#container #menu.global-header-enabled .menu-search-container {
	position: relative; }
	#container #menu.global-header-enabled .menu-search-container .far.fa-search {
		display: block;
		position: absolute;
		font-size: 16px;
		top: 14px;
		right: 12px;
		color: var(--hcm-color-neutral-dark); }

#container .menu-search-container {
	flex: 0 0 auto;
	border: 1px solid var(--hcm-color-neutral-lighter);
	border-right: 0;
	border-top: 0; }
	#container .menu-search-container .menu-search-textbox {
		font-size: 14px;
		border-style: none;
		padding: 0px 12px;
		margin: 12px 0px;
		width: 100%;
		-webkit-box-shadow: none;
		box-shadow: none;
		border-radius: 0px;
		outline: none; }
		#container .menu-search-container .menu-search-textbox::placeholder {
			font-size: 12px; }
		#container .menu-search-container .menu-search-textbox.condensed {
			margin: 5px 0; }
	#container .menu-search-container .far.fa-search {
		display: none; }

#container .menu-component-container {
	height: 100%;
	display: flex;
	flex-direction: column; }
	#container .menu-component-container.expanded .menu-icon {
		display: none; }
	#container .menu-component-container.expanded .child-menu-item-group-container.initial-group {
		flex: 1 1 0;
		overflow: auto;
		min-height: 40px;
		border-top: 1px solid var(--hcm-color-neutral-lighter);
		border-bottom: 1px solid var(--hcm-color-neutral-lighter); }
		#container .menu-component-container.expanded .child-menu-item-group-container.initial-group .child-menu-item-panel {
			padding-left: 6px; }
	#container .menu-component-container.collapsed {
		background-color: var(--hcm-color-neutral-lightest); }
		#container .menu-component-container.collapsed .menu-icon {
			display: block;
			width: 45px; }
		#container .menu-component-container.collapsed .child-menu-item-group-container.initial-group {
			position: fixed;
			top: 73px;
			bottom: 30px;
			left: 45px;
			width: 300px;
			background-color: var(--hcm-color-neutral-lighter);
			z-index: 999;
			overflow: auto;
			box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1); }
		@media (max-width: 767px) {
			#container .menu-component-container.collapsed .child-menu-item-group-container.initial-group {
				width: 100%; } }

#container .menu-container {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column; }
	#container .menu-container .top-level-menu-item {
		display: flex;
		flex: 0 0 auto;
		font-size: 14px;
		letter-spacing: 0.1px;
		text-transform: none;
		cursor: pointer;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		text-rendering: optimizeLegibility;
		background-color: var(--hcm-color-neutral-lightest);
		color: var(--hcm-color-neutral-dark); }
		#container .menu-container .top-level-menu-item .menu-icon {
			display: block;
			width: 30px;
			margin: 0px;
			padding: 6px 0 6px 10px;
			text-align: center;
			background-repeat: no-repeat;
			background-position: center;
			color: var(--hcm-color-neutral-dark);
			font-size: 18px; }
		#container .menu-container .top-level-menu-item .menu-text {
			margin: 0;
			padding: 6px 0px;
			display: block; }
		#container .menu-container .top-level-menu-item.expanded {
			background-color: var(--hcm-color-neutral-lightest);
			font-weight: 500;
			border-left: 4px solid var(--hcm-color-theme);
			transition-duration: 0s; }
			#container .menu-container .top-level-menu-item.expanded .menu-icon {
				color: var(--hcm-color-theme);
				padding-left: 6px; }
			#container .menu-container .top-level-menu-item.expanded .menu-text {
				margin: 7px 0;
				padding: 0 6px 0 0; }
		#container .menu-container .top-level-menu-item.condensed {
			font-size: 12px; }
			#container .menu-container .top-level-menu-item.condensed .menu-text {
				margin-top: 2px;
				margin-bottom: 1px; }
		#container .menu-container .top-level-menu-item:hover {
			background-color: var(--hcm-color-neutral-lightest);
			transition-duration: 0.25s;
			font-weight: 500; }
			#container .menu-container .top-level-menu-item:hover .menu-icon {
				color: var(--hcm-color-theme); }
	#container .menu-container .child-menu-item-group-container {
		background-color: var(--hcm-color-neutral-lighter);
		color: var(--hcm-color-neutral-dark);
		font-weight: normal;
		cursor: default; }
	#container .menu-container .child-menu-item-panel {
		display: flex;
		flex-direction: row;
		white-space: nowrap;
		padding: 0px;
		overflow: hidden;
		margin: 0px; }
		#container .menu-container .child-menu-item-panel .menu-item-indent {
			flex: 0 0 12px; }
		#container .menu-container .child-menu-item-panel .child-menu-item-container {
			flex: 1 1 auto;
			cursor: pointer;
			min-width: 0px;
			margin-right: 3px;
			padding: 4px 0; }
			#container .menu-container .child-menu-item-panel .child-menu-item-container:hover .child-menu-item-text {
				text-decoration: underline;
				text-decoration-color: var(--hcm-color-theme);
				text-decoration-thickness: 2px; }
			#container .menu-container .child-menu-item-panel .child-menu-item-container .child-menu-item-text {
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				vertical-align: middle;
				font-size: 1em;
				display: inline-block;
				color: #0a0a0a;
				text-rendering: optimizeLegibility;
				max-width: 100%;
				height: 100%; }
				#container .menu-container .child-menu-item-panel .child-menu-item-container .child-menu-item-text.has-children {
					max-width: calc(100% - 23px); }
			#container .menu-container .child-menu-item-panel .child-menu-item-container .child-menu-expand-icon-container {
				margin-left: 8px;
				vertical-align: middle;
				font-size: 1.2em;
				color: var(--hcm-color-neutral-med);
				display: inline-block;
				font-style: normal;
				font-variant: normal;
				text-rendering: auto;
				-webkit-font-smoothing: antialiased;
				transition-duration: 0.25s;
				transition-property: transform; }
		#container .menu-container .child-menu-item-panel.expanded > .child-menu-item-container > .child-menu-expand-icon-container {
			transform: rotate(90deg); }
		#container .menu-container .child-menu-item-panel.selected {
			background-color: var(--hcm-color-basic-white);
			border-top: 1px solid var(--hcm-color-neutral-lightest);
			border-bottom: 1px solid var(--hcm-color-neutral-lightest); }
			#container .menu-container .child-menu-item-panel.selected .child-menu-item-container .child-menu-item-text {
				color: var(--hcm-color-neutral-darkest);
				font-weight: 700;
				text-decoration: underline;
				text-decoration-color: var(--hcm-color-theme);
				text-decoration-thickness: 2px;
				text-underline-offset: 2px; }

#container #MenuSearchResults.dropdown-menu {
	opacity: 0;
	display: none;
	top: 42px;
	bottom: 0px;
	overflow: auto;
	z-index: 10000; }
	#container #MenuSearchResults.dropdown-menu a {
		cursor: pointer; }
		#container #MenuSearchResults.dropdown-menu a.selected {
			background-color: #0f23b6;
			color: #ffffff; }
	#container #MenuSearchResults.dropdown-menu.visible {
		opacity: 1;
		display: block; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.circle {
	height: 10px;
	border-radius: 50%;
	width: 10px;
	margin: auto; }

.gray {
	background-color: gray; }

.green {
	background-color: green; }

.red {
	background-color: red; }

.orange {
	background-color: orange; }

.blue {
	background-color: blue; }

.royalblue {
	background-color: #0F23B6; }

.black {
	background-color: black; }

.pink {
	background-color: #c2356f; }

.lowAlert {
	background-color: #0F23B6; }

.mediumAlert {
	background-color: #EBA400; }

.highAlert {
	background-color: red; }

.defaultFilter .standardFilter .payGroupPlaceHolder .payGroup {
	text-align: right; }

.defaultFilter .standardFilter .payGroupPlaceHolder .payGroup input,
.defaultFilter .standardFilter .payGroupPlaceHolder .payGroup select {
	width: 150px; }

.defaultFilter .standardFilter .employeeGroupPlaceHolder .employeeGroup {
	text-align: right; }

.defaultFilter .standardFilter .employeeGroupPlaceHolder .employeeGroup input,
.defaultFilter .standardFilter .employeeGroupPlaceHolder .employeeGroup select {
	width: 150px; }

.defaultFilter .earningsSummaryFilter .laborVerificationFilter .employeeGroupPlaceHolder .employeeGroup {
	text-align: right; }

.defaultFilter .earningsSummaryFilter .laborVerificationFilter .employeeGroupPlaceHolder .employeeGroup input,
.defaultFilter .earningsSummaryFilter .laborVerificationFilter .employeeGroupPlaceHolder .employeeGroup select {
	width: 150px; }

.defaultFilter .filter {
	text-align: right; }

.defaultFilter .filter input,
.defaultFilter .filter select {
	width: 150px; }

.defaultFilter .filter input.calendar {
	width: 128px; }

.defaultFilter .filter button {
	width: 75px; }

.inline {
	display: inline; }

.myDashboard col.hidden {
	display: none; }

.myDashboard td.hidden, .myDashboard th.hidden {
	border-right-width: 0px !important;
	display: none;
	*display: block; }

.dynamicHeader thead tr {
	vertical-align: bottom; }

.dynamicHeader thead {
	display: table-header-group; }

.myDashboard li.smallText {
	font-size: 7pt; }

.myDashboard input.small {
	width: 120px; }

.btn-roundedCorner {
	border-radius: 7px; }

.btn-darkGray {
	background-color: #B1B1B1;
	color: #FFFFFF; }

.btn-lightBlue {
	background-color: #0F23B6;
	color: #FFFFFF; }

.blackWindow {
	background-color: #0a0a0a !important;
	color: #ffffff !important;
	font-weight: bold;
	height: 100%; }

.menuLink {
	color: #ffffff !important;
	font-weight: bold; }

.menuItemSelected {
	color: #c2356f !important; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
/*  
    Paginated Grid styles 
*/
.pgPageLabelContainer {
	right: 0; }

.pgResultCountContainer {
	margin-left: 15px; }

.pgGridControls {
	position: relative;
	height: 25px;
	font-size: 1.3em; }

.pgGridControls > div {
	position: absolute;
	top: 0;
	height: 100%; }

.pgPageBtn {
	display: inline-block;
	height: 100%;
	width: 35px;
	text-align: center;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; }

.pgPageBtn.pgNextPrevBtn {
	width: auto;
	padding-left: 5px;
	padding-right: 5px; }

.pgPageBtn.disabled span {
	color: #cccccc; }

.pgPageBtn.pgSelectedPage {
	font-weight: bold;
	background-color: #EBECEE; }

.pgPageBtn:not(.disabled):not(.pgSelectedPage):hover {
	background-color: #EDFAFF;
	cursor: pointer; }

.paginatedGrid tbody tr:nth-child(even) td {
	background-color: white; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
/*
    Scheduler 
*/
.sch-no-data {
	color: #e4292a;
	font-weight: bold;
	padding-top: 10px;
	margin: 12px; }

.sch-filter-required {
	margin-left: 15px; }

/* Employee Filter */
.filterIcon {
	float: right;
	margin-top: 5px;
	margin-right: 5px;
	cursor: pointer; }

.filterHeader {
	background-color: #F0F0F0;
	height: 20px;
	cursor: pointer; }

.sch-employee-filters {
	text-align: right;
	padding-right: 25px;
	border-bottom: 1px solid darkgray; }

.sch-employee-filters table {
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 0 5px; }

.sch-employee-filters select,
.sch-employee-filters input[type=text] {
	width: 50%; }

.sch-employee-filters button {
	margin: 0 0 0 10px; }

.sch-scheduler div {
	box-sizing: border-box; }

.sch-workspace {
	position: relative;
	white-space: nowrap;
	overflow: scroll; }

.sch-timespans {
	margin-bottom: 46px; }

/* Main Header */
.sch-header {
	position: relative;
	font-size: 1.2em;
	width: 100%;
	height: 30px;
	text-align: center; }

.sch-header2 {
	font-size: 1.2em;
	height: 30px;
	text-align: center; }

/*.sch-header a {
    outline: none;
}*/
/* main title */
.sch-header > span {
	margin: 15px; }

.sch-container {
	position: relative;
	margin: 12px;
	border: 1px solid #EEF0EF; }

.sch-container .left {
	position: absolute;
	left: 1px;
	top: 0; }

.sch-container .right {
	position: absolute;
	right: 1px;
	top: 0; }

.sch-container .sch-header .right i {
	font-size: x-small; }

.sch-date-header a:hover {
	text-decoration: underline;
	color: var(--hcm-color-action-med);
	cursor: pointer; }

.sch-timeHeader,
.sch-timeHeader-shift {
	z-index: 15; }

.sch-view-menu {
	z-index: 25;
	position: absolute;
	list-style: none;
	background-color: #EBECEE;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #a9a9a9;
	min-width: 60px;
	padding: 0;
	margin: 0; }

.sch-view-menu li:hover {
	background-color: #a9a9a9; }

.sch-interval.sch-interval-emp-header.sch-header-highlight {
	/*background-color: #fffda9;*/
	border: 2px solid #EBA400; }

.sch-schedule-cell.sch-today {
	opacity: .6;
	filter: Alpha(Opacity=60);
	border-left: 2px solid #EBA400;
	border-right: 2px solid #EBA400; }

.sch-schedule-cell.sch-holiday:not(.ui-selecting):not(.sch-interval-invalid) {
	background-color: #00A6DA;
	opacity: .4;
	border-color: darkgray; }

.sch-time-columns {
	margin-left: 150px; }

.sch-dst-warning {
	color: red; }

div.sch-interval {
	height: 46px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	display: table-cell; }

div.sch-interval.sch-interval-invalid {
	cursor: default;
	background: repeating-linear-gradient(45deg, #ececec, #ececec 5px, #999 5px, #999 10px);
	opacity: .4; }

div.sch-interval.sch-interval-invalid.sch-interval-locked {
	background: #e4e4e4;
	opacity: 1;
	color: #ddd; }

.sch-interval.sch-schedule-cell.ui-selected,
.sch-interval.sch-schedule-cell.ui-selecting {
	background-color: darkgray;
	opacity: 1; }

.sch-interval.sch-interval-emp-header,
.sch-interval.sch-interval-header,
.sch-total-header {
	background-color: var(--hcm-color-basic-white); }

.sch-total-row-header,
.sch-interval-emp-header {
	min-width: 150px;
	width: 150px;
	padding-left: 5px;
	vertical-align: top;
	text-align: left; }

.sch-interval-emp-header {
	z-index: 10;
	border-bottom: 1px solid #ddd;
	border-top: 0;
	position: absolute; }

.sch-employee-options {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 1.25em; }

.sch-employee-options a {
	width: 20px;
	display: block;
	text-align: center; }

.sch-shift-options {
	position: absolute;
	top: 0;
	right: 5px;
	font-size: 12pt !important; }

sch-shift-options a {
	width: 20px; }

.sch-shift-options-scheduled {
	position: absolute;
	left: 35%;
	bottom: 0;
	cursor: pointer; }

.sch-other-reference-item {
	opacity: .5 !important;
	background-color: gray !important; }

.sch-total-row-header {
	height: 100%;
	display: inline-block;
	border-right: 1px solid darkgray;
	position: absolute; }

.sch-grand-total, .sch-page-total {
	display: inline-block;
	width: 100px;
	height: 22px;
	right: 0;
	position: absolute; }

.sch-interval-dynamic {
	min-width: 110px; }

.sch-schedule-cell {
	text-align: center;
	vertical-align: middle; }

.sch-interval span,
.sch-interval a {
	cursor: default; }

div.employee-row {
	position: relative;
	display: table; }

div.shift-row {
	position: relative;
	display: table;
	z-index: 5; }

.sch-total {
	height: 46px; }

.sch-total-border {
	border-bottom: 1px solid #ddd; }

.sch-total-column {
	z-index: 15;
	width: 100px;
	background-color: lightgray;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0; }

.sch-total-column > div,
.sch-grand-total,
.sch-page-total {
	padding-left: 5px;
	border-left: 1px solid darkgray; }

.sch-total-header {
	height: 23px;
	position: relative; }

div.sch-rangeNav {
	display: inline; }

.sch-rowGroup {
	height: 100%;
	margin-left: 150px; }

.sch-rowGroup-row,
.sch-timeHeader,
.sch-timeHeader-shift {
	height: 46px;
	position: relative;
	margin-right: 100px; }

.sch-timespans.ui-state-disabled,
.sch-rowGroup-row.ui-state-disabled {
	/* jQueryUI override*/
	opacity: 1;
	filter: Alpha(Opacity=100); }

.sch-rowGroup-row:not(.ui-state-disabled) {
	cursor: cell; }

.ui-draggable-disabled,
.sch-event.sch-absence,
.sch-tooltip {
	cursor: default; }

.sch-total-row, .sch-grandTotal-row {
	height: 23px;
	position: absolute;
	background-color: lightgray;
	border-top: 1px solid darkgray;
	z-index: 20; }

.sch-timeHeader div {
	height: 23px;
	text-align: center;
	font-size: .95em; }

.sch-timeHeader-shift div {
	text-align: center;
	font-size: .95em; }

.sch-day {
	position: relative; }

.sch-event {
	cursor: default;
	position: absolute;
	width: 110px;
	height: 46px;
	border: 1px solid lightblue;
	line-height: 21px;
	top: 0;
	background-color: #b7dee8;
	opacity: .75;
	text-align: center;
	overflow: hidden; }

.sch-event:hover {
	opacity: 1;
	box-shadow: 0px 1px 8px black;
	border: none;
	z-index: 5; }

.sch-event.sch-absence {
	background-color: #666666 !important;
	border-color: #555555;
	color: var(--hcm-color-basic-white) !important; }

.sch-event.sch-selected {
	background-color: gold; }

.sch-event.sch-selected.sch-cut {
	background-color: lightgray;
	opacity: .75; }

.sch-event div.sch-event-icon {
	top: 3px; }

.sch-event div.sch-event-reorder,
.sch-event div.sch-event-locked {
	left: 12px; }

.sch-event div.sch-event-reorder {
	cursor: move; }

.sch-event i {
	font-size: large; }

.sch-event-text-custom {
	font-style: italic; }

/* Popup styles */
.tc-popup-wide {
	min-width: 425px !important; }

.sch-popup {
	overflow: auto; }

.sch-popup.tc-popup {
	height: 75%; }

.sch-popup.tc-popup.small {
	height: 40%; }

.sch-popup h1 {
	font-size: 110%;
	padding-left: 38px;
	color: var(--hcm-color-basic-black);
	font-weight: bold; }

.sch-popup h2 {
	font-size: 100%;
	padding-left: 48px;
	color: var(--hcm-color-basic-black); }

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

/* Tooltip styles */
.sch-tooltip {
	z-index: 25;
	position: absolute;
	background-color: var(--hcm-color-basic-white);
	border: 1px solid #999;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }

.sch-tooltip h1 {
	color: var(--hcm-color-basic-black);
	font-weight: bold;
	font-size: 1em;
	margin: 2px 0 2px 0; }

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

.sch-tooltip td.sch-tooltip-data {
	width: 50%;
	white-space: nowrap;
	overflow: hidden; }

.sch-tooltip-overflow {
	overflow: auto;
	width: 50%;
	/*word-wrap: break-word;*/
	white-space: normal;
	text-align: right; }

.sch-tooltip-data-container {
	padding-left: 2px;
	padding-right: 2px; }

.sch-tooltip-data-container tr {
	line-height: 13px; }

.sch-tooltip-data {
	text-align: right; }

.sch-tooltip-toolbar {
	position: absolute;
	padding-top: 1px;
	bottom: 0;
	width: 100%;
	height: 25px;
	text-align: center;
	background-color: var(--hcm-color-basic-black);
	color: var(--hcm-color-basic-white); }

.sch-tooltip-toolbar button {
	padding: 2px 3px;
	font-size: 1em;
	margin: auto 10px;
	border: none;
	background-color: var(--hcm-color-basic-black);
	color: var(--hcm-color-basic-white); }

.sch-tooltip::after {
	content: '';
	position: absolute;
	width: 0; }

.sch-tooltip.sch-tooltip-fromTop::after {
	top: 0;
	border-color: var(--hcm-color-basic-white);
	border-top: 10px solid white; }

.sch-tooltip.sch-tooltip-fromBottom::after {
	bottom: 0;
	border-color: #4f91cd;
	border-bottom: 10px solid #4f91cd; }

.sch-tooltip.sch-tooltip-l::after {
	right: -10px;
	border-left-style: solid;
	border-right: 10px solid transparent; }

.sch-tooltip.sch-tooltip-r::after {
	left: -10px;
	border-right-style: solid;
	border-left: 10px solid transparent; }

.sch-tooltip-b::after {
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 5px solid #fff;
	top: -5px;
	left: 62px; }

.sch-tooltip-t::after {
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-top: 5px solid #4f91cd;
	bottom: -5px;
	left: 62px; }

/* Context Menu Styles */
.sch-contextMenu {
	text-align: left;
	top: 0;
	background-color: #00A6DA;
	/*#CCCCCC;*/
	color: #ffffff;
	border: 1px solid #666666;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	position: absolute;
	min-width: 110px;
	height: auto;
	z-index: 25;
	border-radius: 5px; }

.sch-contextMenu h1 {
	width: 100%;
	margin: 0px;
	padding: 0px 5px;
	/*font-size: .9em;*/
	font-size: 1.1em; }

.sch-contextMenu ul {
	list-style: none;
	/*font-size: .8em;*/
	font-size: 1em;
	margin: 0px;
	padding: 4px; }

.sch-contextMenu li {
	cursor: pointer; }

.sch-contextMenu ul li i {
	padding: 5px;
	line-height: 1; }

.sch-contextMenu li:hover {
	color: #CCCCCC; }

.left90 {
	width: 90%; }

.column {
	float: left; }

/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both; }

.posContextMenu {
	position: relative;
	margin-top: 7px; }

/* Dueling Listbox styles */
.sch-dueling-arrow {
	font-size: x-large;
	border: none;
	background-color: transparent; }

.sch-tableControls {
	position: relative;
	height: 25px;
	font-size: 1.3em; }

.sch-tableControls > div {
	position: absolute;
	top: 0;
	height: 100%; }

.sch-pageLabelContainer {
	right: 0; }

.sch-pageBtn {
	display: inline-block;
	height: 100%;
	width: 20px;
	text-align: center; }

.sch-pageBtn.nextPrevBtn {
	width: auto;
	padding-left: 5px;
	padding-right: 5px; }

.sch-pageBtn.disabled span {
	color: #cccccc; }

.sch-pageBtn.selectedPage {
	font-weight: bold;
	background-color: #EBECEE; }

.sch-pageBtn:not(.disabled):not(.selectedPage):hover {
	background-color: #EDFAFF;
	cursor: pointer; }

.sch-resultCountContainer {
	left: 0; }

.sch-date-popup {
	min-width: 250px;
	min-height: 250px;
	height: auto;
	background-color: var(--hcm-color-basic-white);
	padding-bottom: 6px;
	margin-bottom: 3px;
	border-radius: 8px; }

.sch-date-popup .ajax__calendar {
	padding-top: 5px;
	margin-left: -45px; }

.sch-date-popup div.datepicker-container {
	left: 0px !important; }

.marginTop {
	margin-top: 5px; }

.sch-date-popup-div {
	clear: both;
	padding: 1px 0;
	position: relative;
	text-align: center; }

.sch-date-popup-div .validationMessage {
	z-index: 1001; }

.sch-date-popup-div input.small {
	margin: 1px 3px;
	width: 93px; }

.sch-date-popup-div select.small {
	margin: 1px 3px;
	width: 93px; }

.viewContainer {
	padding-top: 215px; }

.approvalControl a.btn {
	text-align: left; }

.tc-alert-med {
	background-color: #EBA400; }

.tc-alert-high {
	background-color: #e4292a; }

.staffingSectionHeader {
	background-color: var(--hcm-color-basic-black);
	color: var(--hcm-color-basic-white); }

.staffingSectionSubHeader {
	background-color: #666666;
	color: var(--hcm-color-basic-white); }

.staffingSectionTitle {
	font-size: 12px;
	font-weight: bold; }

table.staffingSection {
	border-collapse: collapse;
	border: 1px solid var(--hcm-color-basic-black);
	width: 100%; }

table.staffingSection td, table.staffingSection th {
	border: 1px solid var(--hcm-color-basic-black); }

table.staffingSection input {
	width: 95%; }

table.staffingSection tr td:first-child {
	padding-left: 5px; }

.staffingChildRowCell {
	padding-left: 15px; }

.staffingRatioWarning {
	color: #e4292a; }

table.staffingSection tr td:not(:first-child) {
	text-align: center; }

@media print {
	.nonprintable * {
		visibility: hidden;
		margin: 0;
		padding: 0; }
	.printable * {
		visibility: visible; }
	#content {
		left: 10px;
		right: 10px; } }

/* dxgrid styles */
.tax-maint-grid .active-cell {
	cursor: pointer; }

.tax-maint-grid .active-cell:not(.empty-cell) {
	text-decoration: underline; }

.tax-maint-grid .dx-datagrid-content .dx-datagrid-table .dx-row.dx-data-row .disabled-cell {
	background-color: #ddd !important; }

/* Popup styles */
.tax-maint-modal-popup div.pull-right {
	margin-right: 10px; }

.tax-maint-modal-popup .modal-popup-content .listActions {
	margin-left: 10px; }

.tax-maint-modal-popup .pull-right button {
	margin-left: 5px; }

.tax-maint-modal-popup .pull-right button i {
	margin-right: 5px; }

.tax-maint-modal-popup .listview td {
	text-align: left; }

.tax-maint-modal-popup .listview .datepicker-container td {
	text-align: center; }

.tax-maint-modal-popup .listview.listview-header {
	margin-bottom: 0; }

.tax-maint-modal-popup .tax-listview-container {
	max-height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
	margin-bottom: 10px; }

.tax-maint-modal-popup .listview input[type="text"],
.tax-maint-modal-popup .listview input[type="number"],
.tax-maint-modal-popup .listview select {
	width: 100%; }

.tax-maint-modal-popup .listview-cell {
	width: 100px; }

.tax-maint-modal-popup .listview-cell-l {
	width: 150px; }

.tax-maint-modal-popup .listview-cell-xl {
	width: 200px; }

.tax-maint-modal-popup .listview-cell-xl-350 {
	width: 350px; }

.tax-maint-modal-popup .listview-cell-s {
	width: 70px; }

.tax-maint-modal-popup .listview-cell-xs {
	width: 35px; }

.tax-maint-modal-popup .warningDiv {
	width: 192px;
	text-align: center;
	background-color: Red;
	color: White;
	font-weight: bold;
	padding: 3px; }

.tax-maint-modal-popup .table-block {
	display: inline-block; }

.tax-maint-modal-popup .popup-warning {
	margin: 10px;
	width: 650px; }

.tax-maint-modal-popup .popup-warning img {
	float: left;
	width: 25px; }

.tax-maint-modal-popup .popup-warning span {
	margin-left: 30px;
	display: block; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
/******************************************************************************
	Timecard related styling
******************************************************************************/
#InvalidDateModal::part(dialogbackdrop) {
	z-index: 10002; }

.tc-container {
	position: relative;
	margin: 12px;
	border: 1px solid #EEF0EF; }

.tc-timecard {
	background-color: #FFFFFF;
	font-size: 100%;
	width: 100%;
	position: relative; }

.tc-timecard, .tc-timecard div {
	box-sizing: border-box; }

.tc-results {
	border-top: 1px solid #AAAAAA; }

.tc-results-border {
	position: absolute;
	background-color: #AAAAAA;
	z-index: 3;
	height: 1px;
	width: 100%; }

.tc-weekly, .tc-results {
	overflow-y: scroll;
	overflow-x: hidden;
	white-space: nowrap;
	z-index: 4; }

.tc-weekly > .tc-header, .tc-weekly > .tc-week, .tc-results {
	position: static; }

.tc-header-text {
	color: #999999;
	text-align: center;
	border-right: 1px solid #DDDDDD;
	margin: 5px 0px;
	line-height: 14px; }

.tc-horizontal {
	white-space: nowrap;
	position: relative;
	overflow: hidden; }

.tc-horizontal > div:last-child {
	overflow-x: scroll; }

.scrollX {
	overflow-x: scroll; }

/*-------------- Main Header --------------*/
.tc-view > .tc-header {
	position: relative;
	background-color: #ebecee;
	border: none;
	font-size: 12px;
	height: 35px;
	margin: 0;
	text-align: center;
	color: #333333; }

.tc-view > .tc-header > div {
	display: inline-block; }

/* main title */
.tc-view > .tc-header > .dateRangeHeader {
	margin-left: 15px;
	margin-right: 15px; }

/* tabs */
.tc-view > .tc-header > .tabContainer {
	height: 100%; }

.tc-view > .tc-header > .tabContainer .btn-tab {
	border: none;
	border-radius: 0;
	padding-top: 7px;
	padding-bottom: 7px; }

.tc-view > .tc-header > .tabContainer .btn-tab.active {
	border-top: 5px solid #00a6da;
	font-weight: bold; }

.tc-view > .tc-header > .tabContainer .btn-tab:not(.active):hover {
	box-shadow: 0 0 5px #00a6da;
	/*color: white;*/ }

/* left controls */
.tc-view > .tc-header > div.left {
	position: absolute;
	left: 0px;
	top: 0px; }

/* right controls */
.tc-view > .tc-header > div.right {
	position: absolute;
	right: 0px;
	top: 0px; }

.tc-view > .mainLabelHeader {
	color: var(--hcm-color-black);
	padding: 3px 12px; }

/*-------------- Weekday headers --------------*/
.tc-weekly > .tc-header > .tc-day {
	z-index: 3;
	background-color: white; }

.tc-weekly > .tc-header div:not(:first-child):not(.tc-total):not(.filler) {
	min-width: 110px; }

.tc-header > .tc-header, .tc-header > .tc-intervalHeader {
	display: inline-block;
	font-size: 0.9em;
	border: none; }

.tc-header > .tc-header {
	border-bottom: 1px solid #AAAAAA; }

/*-------------- daily headers --------------*/
.tc-day > .tc-header {
	height: 17px;
	width: 15px;
	margin: 1px;
	padding: 1px;
	position: absolute;
	right: 0px;
	top: 0px;
	font-size: .8em;
	z-index: 3;
	background-color: #DDDDDD;
	color: #333333;
	text-align: center; }

.tc-day {
	display: inline-block;
	z-index: 1;
	box-sizing: border-box; }

.tc-day:not(.tc-total):not(.filler) {
	min-width: 110px;
	position: relative; }

.tc-day:not(.tc-total) {
	left: 100px; }

/*-------------- interval headers --------------*/
.tc-header > .tc-intervalHeader {
	z-index: 4;
	/*border-bottom: 1px solid white;*/
	border-bottom: 1px solid #AAAAAA;
	border-right: 1px solid #aaa;
	top: 0px; }

.tc-week > .tc-intervalHeader {
	bottom: 17px;
	z-index: 3; }

.tc-results > .tc-intervalHeader {
	bottom: 17px;
	z-index: 2; }

.tc-intervalHeader {
	background-color: white;
	width: 100px;
	position: absolute;
	left: 0px;
	overflow: hidden; }

/*-------------- intervals --------------*/
.tc-interval {
	height: 21px;
	line-height: 16px;
	padding: 0px 2px 5px 2px;
	font-size: .9em;
	color: #999999;
	z-index: 2; }

.tc-invalid-interval {
	height: 21px;
	line-height: 16px;
	padding: 0px 2px 5px 2px;
	font-size: .9em;
	color: #000000;
	z-index: 2;
	background-color: #d0d1d3;
	background: repeating-linear-gradient(45deg, #ECECEC, #ECECEC 5px, #999999 5px, #999999 10px); }

/*-------------- days --------------*/
.tc-monthly .tc-day {
	height: 100%; }

/*-------------- events --------------*/
.tc-event {
	background-color: rgba(100, 155, 100, 0.5);
	position: absolute;
	width: 100%;
	font-size: .9em;
	/*min-height: 21px;*/
	border-bottom: 1px #ececec solid;
	border-right: 1px solid #ececec;
	word-wrap: normal; }

.tc-time-header {
	display: none; }

.tc-event.tc-shift {
	background-color: rgba(100, 155, 100, 0.5); }

.tc-event-hover {
	box-shadow: 0px 1px 8px black;
	border: none; }

.tc-event.tc-hour {
	background-color: #0F23B6;
	width: 86%;
	margin: 0px 7%;
	z-index: 2;
	min-height: 2px;
	color: white; }

.tc-event.tc-hour.tc-schedule {
	background-color: #B7DEE8;
	z-index: 1;
	margin: 0 0;
	width: 100%;
	opacity: 0.5; }

.tc-event.tc-hour.tc-lunch {
	/*background-color: rgba(222, 165, 104, 1);*/
	/*background-color: #083A81;*/
	background-color: #000000; }

.tc-event.tc-hour.tc-absence {
	/*background-color: rgba(108,222,104,1);*/
	background-color: #666666; }

.tc-event.tc-punch.tc-pending.tc-hour {
	background-color: #666666 !important; }

.tc-event.tc-hour.tc-holiday {
	/*background-color: rgba(169,104,222,1);*/
	/* background-color: #84C970;*/
	background-color: #00A6DA; }

.tc-event.tc-hour.tc-break {
	/*background-color: rgba(104,132,222,1);*/
	/*background-color: #8FB0DD;
            color: #083A81;*/
	background-color: #000000;
	color: #FFFFFF; }

.tc-event.tc-hour.tc-alert-med:not(.tc-schedule) {
	/*background-color: #EB6724;*/
	background-color: #EBA400; }

.tc-event.tc-hour.tc-alert-high:not(.tc-schedule) {
	/* background-color: #E31E26;*/
	background-color: #E50082; }

/* Specificity tiebreaker - unprocessed should always have priority */
.tc-event.tc-hour.tc-unprocessed {
	background-color: #999999;
	/* Fallback */
	background-color: rgba(153, 153, 153, 0.5);
	color: black; }

.tc-event.tc-hour > .tc-head {
	/*background-color: rgba(255,255,255,.8);*/
	/*background-color: rgba(100, 100, 100, 1);*/
	/*background-color: #DDDDDD;*/
	/*color: #333333;*/
	padding-left: 2px;
	padding-right: 1px;
	text-align: left;
	top: 2px;
	overflow: hidden; }

/*.tc-event.tc-hour > .tc-body {
        background-color: rgba(255,255,255,1);
    }*/
.tc-event.tc-hour > .tc-dst {
	background-color: #f27c82; }

.tc-event.tc-hour > .tc-foot {
	background-color: rgba(255, 255, 255, 0.8); }

.tc-event.tc-highlighted {
	box-shadow: 0px 1px 8px black; }

.tc-event.tc-hour .tc-inline-icon {
	width: 12px;
	letter-spacing: 3px; }

.tc-event > .tc-head, .tc-event > .tc-body, .tc-event > .tc-icons {
	display: none; }

.tc-event.tc-hour > .tc-icons {
	display: block;
	position: absolute;
	left: 2px;
	right: 2px; }

.tc-event.tc-hour > .tc-head, .tc-event.tc-hour > .tc-body {
	display: block;
	left: 2px;
	right: 2px;
	text-align: center; }

.tc-event.tc-hour > .tc-body {
	margin-top: 3px;
	overflow: hidden; }

.tc-event.tc-hour > .tc-icons {
	text-align: center;
	bottom: 2px; }

.tc-event.tc-hour > .tc-icons-description {
	position: absolute;
	left: 2px;
	right: 2px;
	text-align: center;
	bottom: 15px; }

/*.tc-alert-med.tc-schedule > .tc-icons-description {
        background-color: #EB6724;
    }

    .tc-alert-high.tc-schedule > .tc-icons-description {
        background-color: #E31E26;
    }*/
/*.tc-alert-med.tc-schedule > .tc-icons {
        background-color: #EB6724;
    }

    .tc-alert-high.tc-schedule > .tc-icons {
        background-color: #E31E26;
    }*/
.tc-alert-med.tc-schedule > .tc-icons i {
	background-color: #EB6724; }

.tc-alert-high.tc-schedule > .tc-icons i {
	background-color: #E31E26; }

.tc-alert-med.tc-schedule > .tc-icons-description {
	color: #EB6724; }

.tc-alert-high.tc-schedule > .tc-icons-description {
	color: #E31E26; }

.tc-alert:not(.tc-alert-high):not(.tc-alert-med).tc-schedule > .tc-icons i {
	background-color: #606060; }

.tc-alert:not(.tc-alert-high):not(.tc-alert-med).tc-schedule > .tc-icons-description {
	color: #606060; }

.tc-event.tc-hour > .tc-icons i {
	padding: 2px; }

.tc-event.tc-hour > .tc-icons i.tc-alert:before {
	content: '\f071'; }

.tc-event.tc-hour > .tc-icons i.tc-break:before {
	content: '\f0f4'; }

.tc-event.tc-hour > .tc-icons i.tc-lunch:before {
	content: '\f0f5'; }

.tc-event.tc-hour > .tc-icons i.tc-transfer:before {
	content: '\f149'; }

/*-------------- intervals --------------*/
.tc-interval.ui-mouseover {
	border-top: 2px solid #eba400;
	border-bottom: 2px solid #eba400; }

.tc-interval.ui-selecting {
	background: #eba400;
	color: #FFFFFF; }

.tc-interval.ui-selected {
	background-color: #4F91CD; }

/*-------------- days --------------*/
.tc-day {
	border-right: 1px solid #DDDDDD; }

.tc-work:not(:first-child):after {
	content: ' ';
	position: absolute;
	left: 49%;
	right: 49%;
	border-bottom: 1px solid #AAAAAA; }

.tc-intervalHeader {
	border-right: 1px solid #AAAAAA; }

.tc-day.tc-today {
	/*background-color: #fffda9;*/
	border: 2px solid #eba400; }

/*----------timecard verification----------*/
.verificationUserTimeStamp, .employeeObjectionUserTimestamp {
	font-size: 12px; }

.disbaledText {
	color: #D3D3D3; }

/*-------------- contextMenu --------------*/
.tc-contextMenu {
	background-color: #00A6DA;
	/*#CCCCCC;*/
	color: #ffffff;
	border: 1px solid #666666;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	display: none;
	position: absolute;
	width: 110px;
	height: auto;
	z-index: 20;
	border-radius: 5px; }

.tc-contextMenu h3 {
	width: 100%;
	margin: 0px;
	padding: 0px 5px;
	/*font-size: .9em;*/
	font-size: 1.1em; }

.tc-contextMenu ul {
	list-style: none;
	/*font-size: .8em;*/
	font-size: 1em;
	margin: 0px;
	padding: 4px; }

.tc-contextMenu li {
	cursor: pointer; }

.tc-contextMenu ul li i {
	padding: 5px;
	line-height: 1; }

.tc-contextMenu.visible {
	display: block; }

.tc-contextMenu li:hover {
	/*color: #4F91CD;*/
	color: #CCCCCC; }

.tc-contextMenu-wide {
	width: 172px; }

.tc-contextMenu-wider {
	width: 202px; }

/*-------------- tooltip --------------*/
.tc-tooltip {
	border: 1px solid #999999;
	/*background-color: #DDDDDD;*/
	background-color: #ffffff;
	color: #999999;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	font-size: 1em;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	padding: 0px 4px;
	/*overflow: hidden;*/
	width: auto;
	min-width: 145px;
	max-width: 400px;
	margin-right: -4px; }

.tc-tooltip-wide {
	min-width: 165px; }

.tc-tooltip-extrawide {
	min-width: 400px;
	max-width: 500px; }

.tc-additionalNotesTable tr {
	border-bottom: 1px dotted black; }

.tc-additionalNotesTable > tr > td {
	text-align: left;
	width: 50%; }

.tc-additionalNotesTable > tr > td:first-child {
	width: 30px; }

.tc-attestationText {
	font-style: italic; }

.tc-tooltip > .tc-sideBar:hover {
	background-color: #ffffff;
	color: #DDDDDD; }

.tc-tooltip > .tc-toolbar {
	border-top: 1px solid #999999; }

.tc-tooltip table {
	width: 100%; }

.tc-tooltip td {
	text-align: right;
	line-height: 1.5em; }

.tc-tooltip td:first-child {
	text-align: left; }

.tc-tooltip > .tc-toolbar {
	display: block;
	width: 95%;
	height: 21px;
	text-align: center;
	/*background-color: #4f91cd;*/
	background-color: #E50082;
	color: #ffffff;
	position: absolute;
	bottom: 0; }

.tc-tooltip > .tc-toolbar a {
	padding: 2px 4px;
	font-size: 1em; }

.tc-tooltip > .tc-toolbar .fa-undo {
	display: none; }

.tc-edited .tc-tooltip > .tc-toolbar .fa-undo {
	display: inline-block; }

.tc-tooltip.visible,
.tc-daily-menu.visible {
	visibility: visible;
	/*margin-left: -100%;*/
	z-index: 99; }

.tc-tooltip-header {
	color: black; }

.tc-tooltip table tr:first-child {
	border-top: 1px dotted black; }

.tc-tooltip::after {
	content: '';
	position: absolute;
	border-style: solid;
	display: block;
	width: 0;
	border-color: transparent #ffffff;
	border-width: 0 0 10px 10px; }

.tc-tooltip-left::after {
	top: 0px;
	right: -7px; }

.tc-tooltip-right::after {
	top: 0px;
	left: -7px;
	border-width: 0 10px 10px 0; }

.tc-tooltip-bottom10.tc-tooltip-left::after {
	top: 10px; }

.tc-tooltip-bottom10.tc-tooltip-right::after {
	top: 10px; }

.tc-tooltip-bottom20.tc-tooltip-left::after {
	top: 20px; }

.tc-tooltip-bottom20.tc-tooltip-right::after {
	top: 20px; }

.tc-tooltip-bottom30.tc-tooltip-left::after {
	top: 30px; }

.tc-tooltip-bottom30.tc-tooltip-right::after {
	top: 30px; }

.tc-tooltip-bottom40.tc-tooltip-left::after {
	top: 40px; }

.tc-tooltip-bottom40.tc-tooltip-right::after {
	top: 40px; }

.tc-tooltip-bottom50.tc-tooltip-left::after {
	top: 50px; }

.tc-tooltip-bottom50.tc-tooltip-right::after {
	top: 50px; }

.tc-tooltip-bottom60.tc-tooltip-left::after {
	top: 60px; }

.tc-tooltip-bottom60.tc-tooltip-right::after {
	top: 60px; }

.tc-tooltip-bottom70.tc-tooltip-left::after {
	top: 70px; }

.tc-tooltip-bottom70.tc-tooltip-right::after {
	top: 70px; }

.tc-tooltip-bottom80.tc-tooltip-left::after {
	top: 80px; }

.tc-tooltip-bottom80.tc-tooltip-right::after {
	top: 80px; }

.tc-tooltip-bottom90.tc-tooltip-left::after {
	top: 90px; }

.tc-tooltip-bottom90.tc-tooltip-right::after {
	top: 90px; }

.tc-tooltip-bottom100.tc-tooltip-left::after {
	top: 100px; }

.tc-tooltip-bottom100.tc-tooltip-right::after {
	top: 100px; }

.tc-tooltip-bottom110.tc-tooltip-left::after {
	top: 110px; }

.tc-tooltip-bottom110.tc-tooltip-right::after {
	top: 110px; }

.tc-tooltip-bottom120.tc-tooltip-left::after {
	top: 120px; }

.tc-tooltip-bottom120.tc-tooltip-right::after {
	top: 120px; }

.tc-tooltip-bottom130.tc-tooltip-left::after {
	top: 130px; }

.tc-tooltip-bottom130.tc-tooltip-right::after {
	top: 130px; }

.tc-tooltip-bottom140.tc-tooltip-left::after {
	top: 140px; }

.tc-tooltip-bottom140.tc-tooltip-right::after {
	top: 140px; }

.tc-tooltip-bottom150.tc-tooltip-left::after {
	top: 150px; }

.tc-tooltip-bottom150.tc-tooltip-right::after {
	top: 150px; }

.tc-tooltip-bottom160.tc-tooltip-left::after {
	top: 160px; }

.tc-tooltip-bottom160.tc-tooltip-right::after {
	top: 160px; }

.tc-tooltip-bottom170.tc-tooltip-left::after {
	top: 170px; }

.tc-tooltip-bottom170.tc-tooltip-right::after {
	top: 170px; }

.tc-tooltip-bottom180.tc-tooltip-left::after {
	top: 180px; }

.tc-tooltip-bottom180.tc-tooltip-right::after {
	top: 180px; }

.tc-tooltip-bottom190.tc-tooltip-left::after {
	top: 190px; }

.tc-tooltip-bottom190.tc-tooltip-right::after {
	top: 190px; }

.tc-tooltip-bottom200.tc-tooltip-left::after {
	top: 200px; }

.tc-tooltip-bottom200.tc-tooltip-right::after {
	top: 200px; }

.tc-tooltip > .tc-tooltip-nonNoteContainer {
	padding-right: 4px;
	width: 50%;
	min-width: 180px;
	box-sizing: border-box;
	float: left; }

.tc-tooltip > .tc-tooltip-notesContainer, .tc-tooltip > .tc-tooltip-additionalNotesContainer {
	min-width: 180px;
	width: 50%;
	max-height: 250px;
	float: right;
	padding-left: 4px;
	padding-bottom: 4px;
	box-sizing: border-box;
	overflow-y: scroll; }

.tc-tooltip table tr td {
	padding-right: 3px; }

.tc-tooltip table tr {
	border-bottom: 1px dotted black; }

.tc-tooltip thead tr td {
	color: black;
	font-weight: bold; }

.tc-tooltipText {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: break-spaces;
	max-width: 80px; }

/*---------------general popup styles -----*/
.tc-popup-fieldset {
	clear: none;
	/* Object is moved below any floating object. */
	border: none;
	margin-left: 6px;
	padding: 0 0 0 0;
	width: auto; }

.tc-popup-fieldset-labelSeparator {
	margin-top: 10px; }

.tc-popup-fieldset-span {
	display: inline-block;
	overflow: hidden; }

/*-------------- punch Popup --------------*/
.tc-popup {
	min-width: 320px;
	height: auto;
	background-color: white;
	padding-bottom: 6px;
	margin-bottom: 3px;
	border-radius: 8px; }

.tc-popup-noteAttestation {
	max-width: 650px; }

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

.tc-popup .content {
	padding: 4px; }

.textarea_no_resize {
	resize: none; }

/*------------allocate popup------------*/
.tc-allocation-table-container {
	max-width: 1000px;
	max-height: 400px;
	overflow: auto;
	padding-right: 15px;
	padding-left: 10px; }

.tc-popup table.tc-allocation-table {
	margin-left: 6px; }

.tc-popup table.tc-allocation-table td {
	padding: 1px; }

.tc-popup table.tc-allocation-table tbody td {
	border: 1px solid #000; }

.tc-popup table.tc-allocation-table tbody td input,
.tc-popup table.tc-allocation-table tbody td select {
	background: #ffffff;
	box-shadow: none;
	border-radius: 1px;
	border-color: #ffffff; }

.tc-popup table.tc-allocation-table tbody td input {
	width: 75px; }

.tc-popup table.tc-allocation-table tbody td span {
	margin-left: 2px;
	margin-right: 2px; }

.tc-popup table.tc-allocation-table tbody td span:not(.normal-allocate-span) {
	color: #d3d3d3; }

input.allocateInputDisabled {
	color: #a9a9a9; }

.tc-popup table.tc-allocation-table i.pointer {
	cursor: pointer; }

/*------------alert detail popup------------*/
.tc-alertDetail-table-container {
	max-width: 1000px;
	max-height: 400px;
	overflow: auto;
	padding-right: 15px;
	padding-left: 10px; }

.tc-popup table.tc-alertDetail-table {
	margin-left: 6px; }

.tc-popup table.tc-alertDetail-table td {
	padding: 1px; }

.tc-popup table.tc-alertDetail-table tbody td {
	border: 1px solid #000; }

.tc-popup table.tc-alertDetail-table tbody td input,
.tc-popup table.tc-alertDetail-table tbody td select {
	background: #ffffff;
	box-shadow: none;
	border-radius: 1px;
	border-color: #ffffff; }

.tc-popup table.tc-alertDetail-table tbody td input {
	width: 75px; }

.tc-popup table.tc-alertDetail-table tbody td span {
	margin-left: 2px;
	margin-right: 2px; }

.tc-popup table.tc-alertDetail-table tbody td span:not(.normal-alertDetail-span) {
	color: #d3d3d3; }

input.alertDetailInputDisabled {
	color: #a9a9a9; }

.tc-popup table.tc-alertDetail-table i.pointer {
	cursor: pointer; }

/*--------Self Service Punch Menu------*/
.ssp_presentation {
	display: block;
	padding: 3px 20px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.428571429;
	white-space: nowrap; }

/*-------------- results --------------*/
.tc-resultsHeader {
	padding-right: 2px;
	padding-left: 1px;
	padding-top: 1px;
	background-color: white; }

.tc-interval > table {
	width: 100%; }

.sectionTitle {
	font-weight: bold;
	background-color: #DDDDDD; }

.sectionTitle:nth-of-type(1) {
	border-bottom: 1px solid #ECECEC; }

.tc-resultsAmount, .sectionDetail, .sectionTitle {
	padding-top: 2px;
	padding-bottom: 3px; }

.tc-resultsAmount {
	text-align: right; }

a.datePopup:hover {
	text-decoration: underline;
	cursor: pointer;
	color: blue; }

.calendar {
	cursor: pointer; }

.btn.smallpad {
	padding: 0px 15px 0px 15px; }

.btn.tc-fake-disabled {
	color: #D3D3D3;
	cursor: not-allowed; }

.filler {
	width: 50px;
	position: relative;
	display: inline-block;
	left: 100px; }

.filler.tc-header {
	border-bottom: 1px solid #AAAAAA; }

.tc-intervalHeader {
	border-right: 1px solid #AAAAAA; }

.tc-total {
	position: absolute;
	right: 17px;
	text-align: right;
	width: 50px;
	padding-right: 2px;
	background-color: #DDDDDD;
	border-left: 1px solid #aaa;
	z-index: 10; }

.tc-week > .tc-total {
	height: 100%; }

.tc-total-text {
	color: #999999;
	text-align: right;
	margin: 4px 0px;
	line-height: 13px; }

.tc-total-grid {
	z-index: 11; }

.tc-day.tc-header.tc-total {
	z-index: 12; }

.tc-results .tc-total {
	overflow: hidden;
	bottom: 17px; }

#tempHourContainer {
	position: absolute;
	width: 100%;
	z-index: 0; }

#tempHourContainer > div {
	text-align: center; }

.tc-event.tc-hour.tc-unprocessed .tc-head,
.tc-event.tc-hour.tc-unprocessed .tc-body,
.tc-event.tc-hour.tc-unprocessed .tc-icons {
	opacity: 0.5;
	filter: alpha(opacity=50);
	/* For IE8 and earlier */ }

.tc-daily-menu {
	visibility: hidden;
	position: absolute;
	z-index: 1001;
	border: 1px solid; }

.tc-daily-menu ul {
	list-style-type: none;
	padding-left: 0px;
	text-align: left;
	margin: 0; }

.tc-daily-menu ul li {
	padding-left: 2px; }

.tc-pull-down {
	color: #000;
	margin-left: 3px;
	cursor: pointer; }

.tc-daily-item {
	cursor: pointer; }

.tc-li-adjustment-item {
	background-color: #FFF;
	color: #999; }

.tc-daily-menu .tc-li-item {
	background-color: #002E6D;
	color: #FFF; }

.tc-adjustment-item {
	cursor: pointer; }

.tc-daily-item:hover, .tc-adjustment-add-button:hover {
	color: #E50082; }

.tc-adjustment-item:not(.tc-adjustment-add-button):hover {
	background-color: #FECA40; }

.tc-adjustment-item.unassignedTips,
.tc-deduction {
	color: red; }

.tc-adjustment-item.unassignedTips {
	font-style: italic; }

.tc-adjustment-icon {
	letter-spacing: 5px;
	color: orange; }

button.tc-fake-disabled {
	color: #D3D3D3; }

#CheckPreview .disclaimer {
	font-size: larger;
	font-weight: bold;
	padding-left: 10px; }

/* Spreadsheet-related styling */
.tc-ss-workspace {
	overflow: auto; }

.tcss-rightStatic, .tcss-leftStatic {
	z-index: 10; }

/* left pane styles - static 150px */
.ss-pane.tcss-leftStatic {
	width: 150px;
	position: absolute; }

.ss-pane.tcss-leftStatic .ss-pane-columns {
	width: 100%; }

/* middle pane styles - 100% of width minus left & right static space */
.ss-pane.tcss-midDynamic {
	margin-left: 150px;
	position: relative; }

.tcss-midDynamic .ss-pane-columns,
.tcss-midDynamic .tc-ss-row {
	margin-right: 100px; }

.tcss-midDynamic .tc-ss-row .tc-ss-cell:last-child,
.tcss-midDynamic .ss-pane-columns .tc-ss-cell:last-child {
	border-right: none; }

/* right pane styles - static 100px */
.ss-pane.tcss-rightStatic {
	width: 100px;
	position: absolute;
	top: 0;
	right: 0; }

.tc-ss-cell.tc-ss-totalHoursCell {
	width: 75px;
	min-width: 0;
	border-left: 1px solid #ccc; }

.tc-ss-row.highlight .tc-ss-cell {
	background-color: #EDFAFF; }

.tc-ss-row .tc-ss-cell.tc-ss-cell-disabled {
	background-color: #dddddd; }

.tc-ss-row .tc-ss-cell.tc-ss-cell-invalid {
	background-color: lemonchiffon; }

.tc-ss-iconCell .tc-ss-iconSpan {
	margin-top: -8px; }

.tc-ss-smallIconCell {
	height: 0;
	/* Firefox compatibility */
	min-width: 20px;
	font-size: 14px; }

.tc-ss-smallIconSpan {
	position: absolute;
	padding-left: 4px;
	top: 50%;
	margin-top: -10px; }

.tc-ss-hiddenLabel span {
	visibility: hidden; }

.tc-ss-row-adjustment-list {
	display: none;
	width: 250px;
	z-index: 5;
	background-color: white;
	position: absolute;
	border: 1px solid black;
	font-size: 12px;
	-webkit-box-shadow: 0 5px 5px #888888;
	-moz-box-shadow: 0 5px 5px #888888;
	box-shadow: 0 5px 5px #888888; }

.tc-ss-row-adjustment-list-ul {
	list-style: none;
	padding-left: 10px; }

.tc-ss-row-adjustment-list-li {
	cursor: pointer; }

.tc-ss-row-adjustment-icon {
	cursor: pointer; }

.tc-ss-row-notes-list {
	display: none;
	width: 250px;
	z-index: 5;
	background-color: white;
	position: absolute;
	border: 1px solid black;
	font-size: 12px;
	-webkit-box-shadow: 0 5px 5px #888888;
	-moz-box-shadow: 0 5px 5px #888888;
	box-shadow: 0 5px 5px #888888; }

.tc-ss-row-notes-list-ul {
	list-style: none;
	padding-left: 10px; }

.tc-ss-row-notes-list-li {
	cursor: pointer; }

.tc-ss-row-notes-icon {
	cursor: pointer; }

/* Spreadsheet IE 10+ corrections */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.tc-ss-smallIconCell {
		vertical-align: middle; }
	.tc-ss-smallIconSpan {
		top: auto;
		position: relative; } }

a .fa-ellipsis-v {
	cursor: pointer; }

span .fa-chevron-down {
	cursor: pointer; }

span .fa-plus {
	cursor: pointer; }

.tc-dateBarIcons {
	vertical-align: top; }

.tc-date-popup {
	min-width: 300px;
	min-height: 220px;
	height: auto;
	background-color: white;
	padding-bottom: 6px;
	margin-bottom: 3px;
	border-radius: 8px; }

.tc-date-popup .ajax__calendar {
	padding-top: 5px;
	margin-left: 15px; }

#schedule_fs_new .ajax__calendar {
	left: 120px !important; }

#request_schedule_fs .ajax__calendar {
	left: 120px !important; }

.verified {
	color: #00FF40; }

.unverified {
	color: red; }

.partiallyVerified {
	color: orange; }

.treeViewLink {
	width: 192px;
	margin: 1px 3px;
	display: inline-block;
	text-align: left; }

.alertTable {
	border-spacing: 1px;
	border-collapse: separate; }

#AlertDetail thead {
	border-bottom: 1px solid black; }

#AlertDetail th {
	text-align: left; }

#AlertDetail table {
	width: 100%;
	background-color: #ebecee; }

#AlertDetail table tr.odd {
	background-color: #FFFFFF; }

#AlertDetail select, #AlertDetail input[type="text"] {
	width: 75%; }

.floatRight {
	float: right; }

.smallHeader {
	font-weight: normal;
	vertical-align: middle;
	text-align: center;
	font-size: 15px;
	padding-top: 10px; }

.splashMessageArea {
	text-align: center;
	font-size: 15px;
	color: red; }

.btn-toolbar-darkGray {
	background-color: #B1B1B1 !important; }

.btn-toolbar-darkGray .btn {
	background-color: #B1B1B1 !important; }

.btn-toolbar-royalBlue, .modal-header-royalBlue {
	background-color: #0F23B6 !important; }

.btn-toolbar-royalBlue .btn {
	background-color: #0F23B6 !important; }

.tabHeader-lightGray {
	background-color: #EBECEE !important; }

.tabHeader-lightGray .ajax__tab_active .ajax__tab_outer {
	background-color: #00A6DA !important; }

.modal-header-black {
	background-color: black !important; }

#TimecardVersionSection {
	display: inline-block;
	color: #ffffff;
	margin-top: 5px;
	margin-right: 5px;
	float: right;
	font-weight: bold; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
/*
    Time Entry Grid
*/
.timeEntryGridContainer {
	overflow: hidden; }

.timeEntryGridContainer table {
	background-color: White; }

.timeEntryGridContainer caption {
	font-size: 110%;
	font-weight: bold;
	color: #6d6d6d;
	margin: 0px;
	padding: 3px 5px 1px 5px;
	text-align: left; }

.timeEntryGridContainer thead {
	background-color: #919195; }

table.scrollHeader th, table.fixedHeader th {
	font-size: 10px;
	line-height: 12px; }

.timeEntryGridContainer thead div.subColumnHeader {
	font-size: 9px; }

.timeEntryGridContainer tfoot {
	font-weight: bold; }

.timeEntryGridContainer td, .timeEntryGridContainer th {
	padding: 1px;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	line-height: 16px; }

.timeEntryGridContainer td.activeCell {
	box-sizing: border-box;
	border-bottom: 1px solid #EBA400;
	background-color: #f7e9c8;
	padding: 0px; }

.timeEntryGridContainer td.layout {
	padding: 0px;
	border-right: none;
	border-bottom: none; }

.timeEntryGridContainer td a.name {
	width: 130px; }

.timeEntryGridContainer td a.nameWide {
	width: 210px; }

.timeEntryGridContainer td span.sort {
	width: 110px; }

.timeEntryGridContainer th {
	padding-top: 2px;
	padding-bottom: 2px;
	height: 42px; }

.timeEntryGridContainer td.topLeft {
	border-top: solid 1px #CCCCCC; }

.timeEntryGridContainer div.topLeft {
	border-left: solid 1px #CCCCCC; }

.timeEntryGridContainer td.topRight {
	background-color: #F0F0F0;
	border-top: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC; }

.timeEntryGridContainer div.topRight {
	width: 100%;
	overflow: hidden; }

.timeEntryGridContainer div.bottomLeft {
	overflow-x: scroll;
	overflow-y: hidden;
	border-left: solid 1px #CCCCCC; }

.timeEntryGridContainer div.bottomLeft table {
	background-color: #F0F0F0; }

.timeEntryGridContainer div.bottomRight {
	overflow: scroll; }

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

.timeEntryGridContainer table.fixed th,
.timeEntryGridContainer table.fixed td {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden; }

.timeEntryGridContainer div.orRateComboButton {
	float: right;
	background-image: url(images/windows-arrow.png);
	background-repeat: no-repeat;
	background-position: center right;
	border: solid 1px white;
	cursor: pointer; }

.timeEntryGridContainer div.orRateComboButton + div {
	overflow: hidden; }

.timeEntryGridContainer div.orRateButton {
	width: 26px;
	height: 16px;
	margin: 0px;
	padding: 1px;
	float: right;
	background-color: #EDEBE8;
	background-image: url(images/OverrideRate.png);
	background-repeat: no-repeat;
	background-position: center left;
	cursor: pointer; }

.timeEntryGridContainer div.orRateButton:hover {
	padding: 0px;
	background-color: #B8BFD3;
	border: solid 1px #0A246A; }

.timeEntryGridContainer div.orRateButton + div {
	overflow: hidden; }

.timeEntryGridContainer table.scrollData td.orRateExists, .timeEntryGridContainer table.scrollData td.orRateExists div.orRateButton {
	background-color: lemonchiffon; }

.timeEntryGridContainer table.scrollData td.orRateExists div.orRateButton:hover {
	background-color: #ffff99; }

.timeEntryGridContainer table.fixedData tr.activeEmp td {
	background-color: #B8BFD3; }

select#__editColumn {
	padding: 0px;
	margin: -2px 0px;
	height: 22px;
	width: 100%;
	outline: none; }

input#__editColumn {
	border: none;
	padding: 0px;
	margin: 0px;
	height: 100%;
	width: 100%;
	outline: none; }

.timeEntryGridContainer td.readOnly {
	background-color: #F0F0F0; }

.timeEntryGridContainer tr.empHeader {
	background-color: #F0F0F0; }

.timeEntryGridContainer table.scrollData td.empHeader {
	padding-left: 0px;
	padding-right: 0px;
	border: none; }

.timeEntryGridContainer col.hidden {
	display: none; }

.timeEntryGridContainer td.hidden, .timeEntryGridContainer th.hidden {
	border-right-width: 0px !important;
	display: none;
	*display: block; }

.timeEntryGridContainer td.hrs, .timeEntryGridContainer td.units, .timeEntryGridContainer td.dol, .timeEntryGridContainer td.ded, .timeEntryGridContainer td.tax, .timeEntryGridContainer td.rate, .timeEntryGridContainer td.grn, .timeEntryGridContainer td.altRate, .timeEntryGridContainer td.orRate, .timeEntryGridContainer input {
	text-align: right; }

.timeEntryGridContainer td.homeLabor {
	font-weight: bold; }

.timeEntryGridContainer td.blk {
	text-decoration: line-through; }

.timeEntryGridContainer td.total {
	text-align: right; }

.timeEntryGridContainer input.blk {
	margin-top: 0px;
	margin-bottom: 0px;
	vertical-align: middle;
	height: 14px;
	padding: 0px; }

.timeEntryGridContainer td.delete {
	background-image: url(images/delete.png);
	background-repeat: no-repeat;
	background-position: center left;
	cursor: pointer; }

.timeEntryGridContainer td.expanded {
	background-image: url(images/expanded.png);
	background-repeat: no-repeat;
	background-position: center left;
	cursor: pointer; }

.timeEntryGridContainer td.collapsed {
	background-image: url(images/collapsed.png);
	background-repeat: no-repeat;
	background-position: center left;
	cursor: pointer; }

.timeEntryGridContainer td.flagged {
	background-image: url(images/Flag_redHS.png);
	background-repeat: no-repeat;
	background-position: center left;
	cursor: help; }

.timeEntryGridContainer td.flaggedRight {
	background-image: url(images/Flag_redHS.png);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: help; }

.timeEntryGridContainer td.filters {
	padding: 5px;
	border-top: 1px solid #C3C3C5; }

.timeEntryGridContainer td.filters label {
	padding: 5px;
	clear: none;
	width: auto; }

.timeEntryGridContainer td.filters input {
	width: auto; }

.taxContainer, .earningContainer, .deductionContainer, .memoContainer {
	float: left;
	padding-top: 5px;
	padding-left: 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	overflow: auto; }

.earningContainer {
	width: 100%; }

.taxContainer, .deductionContainer, .memoContainer {
	width: 50%; }

.taxGrid, .earningGrid, .deductionGrid, .memoGrid {
	border-left: solid 1px #CCCCCC;
	table-layout: fixed;
	width: 100%; }

.taxGrid td,
.taxGrid th,
.earningGrid td,
.earningGrid th,
.deductionGrid td,
.deductionGrid th,
.memoGrid td,
.memoGrid th {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis; }

.blockOption input {
	margin: 0px;
	padding: 0px; }

td.blockOption {
	text-align: center; }

/* This special style is to reset the table header styles on the covnersion grid because we have controls in the header, such as the calendar and validation callouts */
.timeEntryGridContainer th fieldset div.ajax__calendar_container * {
	border: 0px;
	background-color: Transparent;
	line-height: normal; }

/* This special style is to reset the table header styles on the covnersion grid because we have controls in the header, such as the calendar and validation callouts */
.timeEntryGridContainer th fieldset table.ajax__validatorcallout {
	background-color: Transparent !important;
	border-left: 0px !important; }

.timeEntryGridContainer td.grandTotal {
	font-weight: bold; }

.timeEntryGridContainer td span {
	vertical-align: top; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
/*
    div.window
*/
div.window {
	background-color: #ffffff;
	position: relative; }

div.window-panel {
	overflow: auto;
	padding: 6px 10px; }

/* Main Page Heading */
div.window div.header {
	font-weight: 500;
	padding: 11px 12px;
	vertical-align: middle;
	font-size: 22px;
	color: #0a0a0a; }

/* Subheading within page heading */
div.window div.header > span.subHeader {
	font-weight: normal;
	font-size: 14px;
	color: #0a0a0a;
	display: inline-block;
	margin-left: 12px;
	padding-left: 12px;
	border-left: 1px solid #89898a; }

div.window div.header > .window-header-note {
	font-size: 12px;
	padding-top: 10px;
	float: right; }

div.window div.header > .two-line-window-header-note {
	font-size: 12px;
	float: right; }

div.window div.header > .two-line-window-header-note a {
	color: var(--hcm-color-text-link); }

div.window div.header input {
	font-size: 84%;
	background-color: #cccccc;
	color: #000000;
	width: auto;
	margin: 0px 0px 0px 5px;
	border-width: 1px;
	border-style: solid;
	border-top-color: #7d83b9;
	border-left-color: #7d83b9;
	border-right-color: #7d83b9;
	border-bottom-color: #7d83b9; }

div.window div.reboardingWarning {
	color: red;
	font-size: 12px;
	font-weight: bold;
	margin-left: 12px;
	margin-top: -12px; }

div.window div.content {
	clear: both;
	overflow: hidden;
	padding: 0px;
	border-left: 1px solid #C3C3C5;
	border-right: 1px solid #C3C3C5;
	border-bottom: 1px solid #C3C3C5;
	background-color: #F3F3F3; }

div.window div.window-content-note {
	padding-left: 12px;
	font-weight: bold; }

#V2 > .window {
	position: absolute;
	top: 49px;
	/* client bar / employee bar */
	bottom: 0px;
	left: 0px;
	right: 0px;
	display: grid;
	grid-template-areas: "area-window-pageheader" "area-window-content";
	grid-template-rows: auto 1fr; }
	#V2 > .window > .windowarea-header {
		grid-area: area-window-pageheader; }
	#V2 > .window > .windowarea-content {
		grid-area: area-window-content;
		overflow: hidden;
		margin: 0px 12px 12px 12px; }
		#V2 > .window > .windowarea-content > .content-container {
			height: 100%;
			overflow: auto; }
		.menu-collapsed #V2 > .window > .windowarea-content {
			top: 0px;
			bottom: 0px; }

#V2 .form-action-container {
	display: flex;
	flex-direction: row;
	justify-content: space-between; }
	#V2 .form-action-container .btn {
		border-radius: 0px;
		padding: 8px; }
		#V2 .form-action-container .btn:focus {
			outline: none; }
	#V2 .form-action-container .left-actions {
		flex: 1 1 auto; }
	#V2 .form-action-container .right-actions {
		flex: 1 1 auto;
		text-align: right; }

#V2 .form-panel {
	border: 1px solid #EEF0EF; }
	#V2 .form-panel .form-contents-container {
		padding: 12px; }
		#V2 .form-panel .form-contents-container fieldset {
			margin-left: 0px; }
	#V2 .form-panel.form-with-subgrid {
		border: 0px; }
		#V2 .form-panel.form-with-subgrid .subgrid-container {
			border: 1px solid #EEF0EF; }

#V2 .detail-panel-container {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(1px);
	z-index: 1000;
	display: none; }
	#V2 .detail-panel-container .detail-panel {
		position: fixed;
		top: 0px;
		right: 0px;
		min-width: 50%; }
		#V2 .detail-panel-container .detail-panel .detail-panel-header-row {
			background-color: #f5f5f5;
			padding: 12px;
			display: flex;
			justify-content: space-between; }
			#V2 .detail-panel-container .detail-panel .detail-panel-header-row .detail-panel-header-title {
				flex: 1 1 auto;
				font-weight: 500;
				font-size: 22px;
				color: #0a0a0a; }
			#V2 .detail-panel-container .detail-panel .detail-panel-header-row .detail-panel-header-button-container {
				flex: 1 1 auto;
				text-align: right; }
		#V2 .detail-panel-container .detail-panel .detail-panel-contents {
			background-color: #ffffff;
			padding: 12px; }
			#V2 .detail-panel-container .detail-panel .detail-panel-contents .detail-panel-group .heading {
				background-color: #f5f5f5;
				font-weight: 500;
				padding: 3px 6px; }
			#V2 .detail-panel-container .detail-panel .detail-panel-contents .detail-panel-group .detail-items-container .detail-item .detail-item-label {
				display: inline-block;
				width: 150px;
				color: #89898a;
				text-align: right;
				padding: 3px 6px; }
			#V2 .detail-panel-container .detail-panel .detail-panel-contents .detail-panel-group .detail-items-container .detail-item .detail-item-value {
				display: inline-block;
				padding: 3px 6px; }
			#V2 .detail-panel-container .detail-panel .detail-panel-contents .detail-panel-group .detail-items-container .detail-item:not(:last-child) {
				border-bottom: 1px dashed #cacaca; }

.auto-fill-container {
	display: flex;
	flex-direction: column;
	height: calc( 100% - 2px); }
	.auto-fill-container > .auto-fill {
		flex: 1;
		overflow: auto; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
div.formHeader {
	background-color: #5E594E; }

.check-layout-panel-tl {
	background-color: #EBECEE; }

.check-layout-panel-tr {
	background-color: #EBECEE; }

.check-layout-panel-tc {
	background-color: #D1D2D4; }

table.grid caption,
table.listview caption,
table.listview tr.shaded th {
	background-color: #EBECEE; }

.toast-info {
	background-color: #0B54BB; }

ul.listMenu > li.selected,
table.listMenu > tbody > tr.selected,
#__editColumn,
.popup a.menuItem:hover,
.popup a.menuItem:focus,
table.grid tbody tr.selected td {
	border-top: 2px solid #EBA400;
	border-bottom: 2px solid #EBA400; }

.employeeHeader h1,
fieldset label em,
fieldset div.label em,
span.required em,
.required:before {
	color: var(--hcm-color-neutral_alt-med_dark); }

.employeeHeader h1 {
	font-weight: 500; }

table.check caption,
section em, section em > *,
.employeeHeader ul em {
	color: #0a0a0a; }

.clientIdentifierBar b,
.clientIdentifierBar select {
	color: var(--hcm-color-neutral-med_dark); }

.calDayHeader {
	border-color: #e2e2e2; }

table.summary,
table.summary th,
table.summary td,
table.summaryGrid,
table.summaryGrid td,
table.summaryGrid th,
table.listview,
table.listview th,
table.listview td,
table.listviewgrid,
table.listviewgrid th,
table.listviewgrid td,
.miscBorder,
.miscBorderRight,
.miscBorderBottom {
	border-color: #dadada; }

table.listview .datepicker-container td {
	border-color: transparent; }

/* jQuery UI overrides */
.ui-icon {
	display: inline-block;
	border: none;
	background-color: transparent;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	padding: 0px;
	float: inherit;
	margin: 5px 2px; }

#slogan {
	float: right;
	margin-right: 2.5%; }

/* Dropdown menu triggered by Help button */
#HelpHcmDropdown::part(dropdown) {
	padding: 5px 0px;
	font-size: 14px; }

#HelpHcmDropdown span[slot="trigger"] {
	vertical-align: top; }

#helpMenu {
	background-image: url(images/isolved_help_logo.png);
	background-repeat: no-repeat;
	background-position: 18px 6px;
	padding-top: 40px;
	min-width: 250px;
	top: 27px; }

#helpMenu:after, #helpMenu:before {
	bottom: 100%;
	left: 90%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none; }

#helpMenu:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 7px;
	margin-left: -7px; }

#helpMenu:before {
	border-color: transparent;
	border-bottom-color: rgba(0, 0, 0, 0.15);
	border-width: 8px;
	margin-left: -8px; }

#helpMenu.dropdown-menu > li > a, #helpMenu.dropdown-menu > li > a:hover {
	color: #0a0a0a; }

/***** 
Custom overrides for the DevExpress theme styles 
*****/
/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
.dx-widget {
	font-family: 'Roboto', Arial, Helvetica, sans-serif; }

.dx-checkbox .dx-checkbox-icon {
	border: 1px solid #89898a; }

.dx-checkbox.dx-state-hover .dx-checkbox-icon {
	border: 1px solid #1870c9; }

.dx-datagrid {
	color: var(--hcm-color-neutral-dark); }

.dx-datagrid-header-panel {
	color: var(--hcm-color-basic-black);
	background-color: var(--hcm-color-neutral-5); }
	.dx-datagrid-header-panel .dx-toolbar {
		margin: 4px 0px;
		color: var(--hcm-color-basic-black);
		background-color: var(--hcm-color-neutral-5); }
		.dx-datagrid-header-panel .dx-toolbar .dx-toolbar-before {
			left: 6px; }
		.dx-datagrid-header-panel .dx-toolbar .dx-toolbar-after {
			right: 6px; }
		.dx-datagrid-header-panel .dx-toolbar .dx-group-panel-item {
			background-color: var(--hcm-color-basic-white); }

.dx-toolbar .dx-toolbar-items-container {
	height: 28px; }

.dx-toolbar-label .dx-toolbar-item-content > div.dx-datagrid-group-panel {
	display: block; }

.dx-datagrid a:not(.btn) {
	text-decoration: underline;
	font-weight: 600; }

.dx-datagrid-headers {
	color: var(--hcm-color-neutral-darkest);
	font-weight: 600; }

.dx-datagrid .dx-column-indicators {
	color: var(--hcm-color-neutral-med); }

.dx-datagrid .dx-row-lines > td {
	border-bottom-color: var(--hcm-color-neutral-lighter); }

.dx-datagrid-headers .dx-datagrid-table .dx-header-row > td:not(.column-group-header) {
	border-bottom-color: var(--hcm-color-theme); }

.dx-datagrid-borders .dx-datagrid-rowsview,
.dx-datagrid-headers + .dx-datagrid-rowsview,
.dx-datagrid-rowsview.dx-datagrid-after-headers {
	border-top-color: transparent; }

.dx-datagrid-headers .dx-datagrid-table .dx-row > td[aria-sort="ascending"],
.dx-datagrid-headers .dx-datagrid-table .dx-row > td[aria-sort="descending"] {
	background-color: var(--hcm-color-neutral_alt-lightest); }

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused) {
	background-color: var(--hcm-color-neutral_alt-lightest); }

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
	background-color: var(--hcm-color-action-lightest); }

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > tr > td {
	border-color: var(--hcm-color-action-lighter); }

.dx-datagrid-rowsview .dx-row.dx-row-lines:has( + .dx-selection.dx-row.dx-row-lines) > td,
.dx-datagrid-rowsview .dx-row:hover.dx-row-lines:has( + .dx-selection.dx-row.dx-row-lines) > td {
	border-bottom-color: var(--hcm-color-action-lighter); }

.dx-datagrid .dx-header-row > td,
.dx-datagrid .dx-group-row > td,
.dx-datagrid .dx-data-row > td:not(:has( > .dx-template-wrapper)) {
	padding: 8px; }

.dx-datagrid-table .dx-data-row .dx-texteditor-input {
	padding: 7px;
	min-height: 32px; }

.dx-datagrid .dx-column-indicators {
	display: inline-flex; }

.dx-datagrid .dx-column-indicators .dx-header-filter {
	order: 0; }

.dx-datagrid .dx-column-indicators .dx-sort {
	order: 1; }

.dx-datagrid .dx-column-indicators > * {
	margin-left: 3px; }

.dx-datagrid-rowsview .dx-row.dx-group-row {
	background-color: var(--hcm-color-neutral-lightest); }

.dx-datagrid-rowsview .dx-row.dx-group-row.dx-row-focused[aria-expanded="true"],
.dx-datagrid-rowsview .dx-row.dx-group-row.dx-cell-focus-disabled[aria-expanded="true"] {
	background-color: var(--hcm-color-action-lightest); }

.dx-group-row .group-value-tag {
	margin-left: 10px;
	padding: 2px 9px;
	border-radius: 1000px;
	display: inline-block; }
	.dx-group-row .group-value-tag.group-tag-green {
		background-color: var(--hcm-color-teal-10);
		color: var(--hcm-color-teal-60); }
	.dx-group-row .group-value-tag.group-tag-blue {
		background-color: var(--hcm-color-blue-10);
		color: var(--hcm-color-blue-60); }
	.dx-group-row .group-value-tag.group-tag-light-orange {
		background-color: var(--hcm-color-orange-10);
		color: var(--hcm-color-orange-60); }
	.dx-group-row .group-value-tag.group-tag-purple {
		background-color: var(--hcm-color-violet-10);
		color: var(--hcm-color-violet-60); }
	.dx-group-row .group-value-tag.group-tag-grey {
		background-color: var(--hcm-color-gray-10);
		color: var(--hcm-color-gray-60); }
	.dx-group-row .group-value-tag.group-tag-red {
		background-color: var(--hcm-color-red-10);
		color: var(--hcm-color-red-60); }

.grid-status-container {
	text-align: center; }
	.grid-status-container .status-tag {
		border-radius: 1000px;
		font-weight: 500;
		padding: 2px 9px;
		width: 100%;
		max-width: 140px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis; }
		.grid-status-container .status-tag.red {
			background-color: var(--hcm-color-red-10);
			color: var(--hcm-color-red-60); }
		.grid-status-container .status-tag.orange {
			background-color: var(--hcm-color-orange-10);
			color: var(--hcm-color-orange-60); }
		.grid-status-container .status-tag.light-orange, .grid-status-container .status-tag.pending {
			background-color: var(--hcm-color-orange-10);
			color: var(--hcm-color-orange-60); }
		.grid-status-container .status-tag.blue, .grid-status-container .status-tag.historical, .grid-status-container .status-tag.inactive, .grid-status-container .status-tag.excluded {
			background-color: var(--hcm-color-blue-10);
			color: var(--hcm-color-blue-60); }
		.grid-status-container .status-tag.green, .grid-status-container .status-tag.active, .grid-status-container .status-tag.included {
			background-color: var(--hcm-color-teal-10);
			color: var(--hcm-color-teal-60); }
		.grid-status-container .status-tag.purple {
			background-color: var(--hcm-color-violet-10);
			color: var(--hcm-color-violet-60); }
		.grid-status-container .status-tag.grey {
			background-color: var(--hcm-color-gray-10);
			color: var(--hcm-color-gray-60); }

.dx-data-row .datagrid-cell-primary {
	font-weight: 700; }

.dx-data-row .datagrid-cell-secondary {
	font-weight: 500; }

.dx-data-row .datagrid-cell-minor {
	color: #cacaca; }

.dx-data-row .datagrid-cell-stacked-data:not(:last-child) {
	margin-bottom: 3px; }

.dx-data-row .datagrid-cell-stacked-data .data-header {
	font-weight: bold; }

.dx-data-row .datagrid-cell-stacked-data * {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; }

.datagrid-align-right {
	text-align: right !important; }

.dx-datagrid-nodata {
	background-color: #fafafa;
	background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f0f0f0' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
	color: #636363;
	height: 100%;
	font-weight: 700;
	padding: 1em; }

.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-placeholder::before, .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input {
	padding-left: 24px; }

.dx-datagrid-search-panel {
	margin: 0px; }

.dx-pivotgrid-fields-container .dx-sort {
	color: #0a0a0a; }

.dx-pivotgrid .dx-area-description-cell.dx-pivotgrid-background,
.dx-pivotgrid .dx-column-header,
.dx-pivotgrid .dx-data-header {
	background-color: #f5f5f5; }

.dx-pivotgrid .dx-pivotgrid-area td {
	color: #0a0a0a; }

.dx-pivotgrid .dx-pivotgrid-fields-area-head .dx-empty-area-text {
	color: #000; }

.dx-pivotgrid .dx-area-tree-view td.dx-white-space-column {
	background-color: #f5f5f5; }

.dx-pivotgrid .dx-area-description-cell,
.dx-pivotgrid .dx-column-header,
.dx-pivotgrid .dx-data-header,
.dx-pivotgrid .dx-grandtotal,
.dx-pivotgrid .dx-total {
	background-color: #f5f5f5; }

.dx-pivotgridfieldchooser .dx-area-fields[group] {
	background-color: #f5f5f5; }

/*
    IMPORTANT: Refer to our Style Guide for guidance on colors
*/
/***********************************************************************
    General utility styles   
***********************************************************************/
.loading {
	background: url(Images/ajax-loader.gif) no-repeat center; }

.medLoading {
	background: url(Images/ajax-loader-med.gif) no-repeat center; }

.smallLoading {
	background: url(Images/ajax-loader-small.gif) no-repeat center; }

.loadingIndicator {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9999;
	cursor: wait; }

.loadingOverlay {
	background-color: white;
	border-radius: inherit;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9999;
	cursor: wait; }

/*** Positioning ***/
.center-block {
	margin: auto !important;
	display: block !important; }

.auto-width {
	width: auto !important; }

.pull-left {
	float: left !important; }

.pull-right {
	float: right !important; }

.clear {
	clear: both; }

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

.clearfix:after {
	clear: both; }

/*** Borders ***/
.no-border {
	border: 0px !important; }

.border-right {
	border-right-style: solid; }

.border-left {
	border-left-style: solid; }

.border-top {
	border-top-style: solid; }

.border-bottom {
	border-bottom-style: solid; }

.row-outline > td {
	border-top-style: solid;
	border-bottom-style: solid; }

.row-outline > td:first-child {
	border-left-style: solid; }

.row-outline > td:last-child {
	border-right-style: solid; }

/*** Base transition animation for CSS transforms ***/
.animate {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease; }

/*** Text ***/
.align-center {
	text-align: center !important; }

.align-right {
	text-align: right !important; }

.align-left {
	text-align: left !important; }

.text-nowrap {
	white-space: nowrap !important; }

.text-monospace {
	font-family: 'Roboto Mono', Consolas, 'Courier New', monospace; }

/*** Padding Utilities ***/
.no-padding {
	padding: 0px !important; }

/* Padding on all sides */
.u-pad_xs {
	padding: 3px; }

.u-pad_sm {
	padding: 6px; }

.u-pad_m {
	padding: 12px; }

.u-pad_lg {
	padding: 18px; }

.u-pad_xl {
	padding: 24px; }

/* Top padding */
.u-pad-t_xs {
	padding-top: 3px; }

.u-pad-t_sm {
	padding-top: 6px; }

.u-pad-t_m {
	padding-top: 12px; }

.u-pad-t_lg {
	padding-top: 18px; }

.u-pad-t_xl {
	padding-top: 24px; }

/* Bottom padding */
.u-pad-b_xs {
	padding-bottom: 3px; }

.u-pad-b_sm {
	padding-bottom: 6px; }

.u-pad-b_m {
	padding-bottom: 12px; }

.u-pad-b_lg {
	padding-bottom: 18px; }

.u-pad-b_xl {
	padding-bottom: 24px; }

/* Left padding */
.u-pad-l_xs {
	padding-left: 3px; }

.u-pad-l_sm {
	padding-left: 6px; }

.u-pad-l_m {
	padding-left: 12px; }

.u-pad-l_lg {
	padding-left: 18px; }

.u-pad-l_xl {
	padding-left: 24px; }

/* Right padding */
.u-pad-r_xs {
	padding-right: 3px; }

.u-pad-r_sm {
	padding-right: 6px; }

.u-pad-r_m {
	padding-right: 12px; }

.u-pad-r_lg {
	padding-right: 18px; }

.u-pad-r_xl {
	padding-right: 24px; }

/* Top & bottom padding */
.u-pad-tb_xs {
	padding-top: 3px;
	padding-bottom: 3px; }

.u-pad-tb_sm {
	padding-top: 6px;
	padding-bottom: 6px; }

.u-pad-tb_m {
	padding-top: 12px;
	padding-bottom: 12px; }

.u-pad-tb_lg {
	padding-top: 18px;
	padding-bottom: 18px; }

.u-pad-tb_xl {
	padding-top: 24px;
	padding-bottom: 24px; }

/* Left & right padding */
.u-pad-lr_xs {
	padding-left: 3px;
	padding-right: 3px; }

.u-pad-lr_sm {
	padding-left: 6px;
	padding-right: 6px; }

.u-pad-lr_m {
	padding-left: 12px;
	padding-right: 12px; }

.u-pad-lr_lg {
	padding-left: 18px;
	padding-right: 18px; }

.u-pad-lr_xl {
	padding-left: 24px;
	padding-right: 24px; }

/*** Margin Utilities ***/
.no-margin {
	margin: 0px !important; }

.indent {
	margin-left: 12px; }

/* Margin on all sides */
.u-mar_xs {
	margin: 3px; }

.u-mar_sm {
	margin: 6px; }

.u-mar_m {
	margin: 12px; }

.u-mar_lg {
	margin: 18px; }

.u-mar_xl {
	margin: 24px; }

/* Top margin */
.u-mar-t_xs {
	margin-top: 3px; }

.u-mar-t_sm {
	margin-top: 6px; }

.u-mar-t_m {
	margin-top: 12px; }

.u-mar-t_lg {
	margin-top: 18px; }

.u-mar-t_xl {
	margin-top: 24px; }

/* Bottom margin */
.u-mar-b_xs {
	margin-bottom: 3px; }

.u-mar-b_sm {
	margin-bottom: 6px; }

.u-mar-b_m {
	margin-bottom: 12px; }

.u-mar-b_lg {
	margin-bottom: 18px; }

.u-mar-b_xl {
	margin-bottom: 24px; }

/* Left margin */
.u-mar-l_xs {
	margin-left: 3px; }

.u-mar-l_sm {
	margin-left: 6px; }

.u-mar-l_m {
	margin-left: 12px; }

.u-mar-l_lg {
	margin-left: 18px; }

.u-mar-l_xl {
	margin-left: 24px; }

/* Right margin */
.u-mar-r_xs {
	margin-right: 3px; }

.u-mar-r_sm {
	margin-right: 6px; }

.u-mar-r_m {
	margin-right: 12px; }

.u-mar-r_lg {
	margin-right: 18px; }

.u-mar-r_xl {
	margin-right: 24px; }

/* Top & bottom margin */
.u-mar-tb_xs {
	margin-top: 3px;
	margin-bottom: 3px; }

.u-mar-tb_sm {
	margin-top: 6px;
	margin-bottom: 6px; }

.u-mar-tb_m {
	margin-top: 12px;
	margin-bottom: 12px; }

.u-mar-tb_lg {
	margin-top: 18px;
	margin-bottom: 18px; }

.u-mar-tb_xl {
	margin-top: 24px;
	margin-bottom: 24px; }

/* Left & right margin */
.u-mar-lr_xs {
	margin-left: 3px;
	margin-right: 3px; }

.u-mar-lr_sm {
	margin-left: 6px;
	margin-right: 6px; }

.u-mar-lr_m {
	margin-left: 12px;
	margin-right: 12px; }

.u-mar-lr_lg {
	margin-left: 18px;
	margin-right: 18px; }

.u-mar-lr_xl {
	margin-left: 24px;
	margin-right: 24px; }

/* Fix for labels with long text and a textbox field as a child element */
.longlabelsfix label:not(.labelCheckbox) {
	display: flex;
	justify-content: flex-end;
	width: 100%; }

.longlabelsfix input[type="text"], .longlabelsfix textarea {
	float: right; }

/*** MISC ***/
div.hidden {
	visibility: hidden;
	display: none; }

.fill {
	overflow: hidden;
	padding-right: 6px; }

.fill > *:first-child {
	width: 100%; }

ul.ul-2-col {
	column-count: 2;
	-moz-column-count: 2;
	-webkit-column-count: 2; }

ul.ul-3-col {
	column-count: 3;
	-moz-column-count: 3;
	-webkit-column-count: 3; }

ul.ul-4-col {
	column-count: 4;
	-moz-column-count: 4;
	-webkit-column-count: 4; }

ul.ul-5-col {
	column-count: 5;
	-moz-column-count: 5;
	-webkit-column-count: 5; }

.flex-any-cols-2-rows {
	height: 50px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap; }

div.column-wrapper {
	overflow: hidden; }

.term {
	color: #636363;
	text-align: right; }