/*-------------------*/
/*  GENERAL RESET    */
/*-------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;

}

.clear-float {
	clear: both;
	float: none !important;
}

.row { 
	margin-top: 20px; 
	margin-bottom: 10px; 
}



.flex-2-columns div.selections {
	line-height: 20px;
}



.notification-link {
	font-size: 14px;
	margin-top: 4px !important;
	left: 25px;
	position: relative;
	width: auto !important;
}


div.push-up-label.bottom-70 label { bottom: 70px !important; }

.forms_stacked select {
	/*width: 97% !important;*/
} 
ol, ul {
	list-style: none;
}
h1, h2, h3, h4, h5, h6, li {
	line-height: 100%;
}
blockquote, q {
	quotes: none;
}
q:before, q:after {
	content: '';
}
.forms_data .top-row input[type="text"]:focus,
 
select:focus,
input:focus,
input#ac_CaseIcd_IcdID:focus{border: #F8CD49 solid 1px !important; }
.clear {
	clear:both;
	padding-top:30px;

}
.clear-it {
	height:75px;
}
.nowrap 
{
	white-space: nowrap;
}



input, textarea, select {
	font: 16px'Telus Normal', Verdana, Helvetica, sans-serif;
	vertical-align: middle;
	padding: 0;
	margin: 0;
}
hr.thin {
	clear:both;
	padding-top:40px;
	border-bottom: 1px solid #cfcfcf;
	width: 100%;
}
hr.divider {
	clear: both;
	border-top: 1px solid #cfcfcf;
	width: fit-content;
	margin-bottom: 20px;
	padding-top: 20px;
	margin-top: 25px;
}
hr.divider2 {
	clear:both;
	border-top: 1px solid #cfcfcf;
	width: 400px;
	margin-bottom:5px;
	padding-top:5px;
}
 form {
 border-style: none;
}
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

.data-table_filter label { text-indent: 9999px;}

.confirmation {
	font-size: 16px;
	line-height: 140%;
	color: #353535;
	margin-bottom: 24px;
	font-family: 'Telus Normal', Verdana, Helvetica, sans-serif;
}

@font-face {
	font-family: 'Telus Normal';
	src: url('fonts/hnfortelus_normal_normal_500.woff2') format('woff2');
}
	/*-------------------*/
	/* GENERAL SETTINGS  */
	/*-------------------*/
body {
	height: 100%;
	font: 11px/14px 'Telus Normal','Telus Normal', Verdana, Helvetica, sans-serif !Important;
	color: #000;
}
.nobg {
	background: #F1F1F1 url("");
}
a {
	text-decoration:none;
	color: #666
}
	a:hover {
		color: #3D35C7;
	}
h4 {
	font-weight:bold;
	color:#353535;
	font-size:18px;
	clear: both; 
}
h5 {
	font-weight: bold;
	color: #353535;
	font-size: 12px;
	margin-top: 15px;
	clear: both;
}


.tooltipster-sidetip.tooltipster-light .tooltipster-content {
	color: #666;
	font-size: 14px;
}



pre {
	font: 16px/11px'Telus Normal', Verdana, Helvetica, sans-serif white-space: pre-wrap;
	white-space: -moz-pre-wrap !important;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}


.bold 
{
	font-weight: bold;
}



/*-------------------*/
/* WRAPPER STYLES    */
/*-------------------*/
#wrapper {
	/* Moved, but put this somewhere else*/
	/* border-bottom: 1px solid #E1E1E1; */
	/* padding: 24px; */
	width: 100%;
}



.wrapper_in {
	margin: 0 auto;
	position: relative;
	width: 92% !Important;
}

	.wrapper_in > #save_btn {
		float: right;
	}

	.wrapper_in > #back_btn {
		float: left;
	}



	.left-shadow {
		display: block;
		height: 300px;
		left: -19px;
		position: absolute;
		top: 128px;
		width: 19px;
	}
.right-shadow {
	display: block;
	height: 296px;
	position: absolute;
	right: -11px;
	top: 122px;
	width: 11px;
}

html {
	background: linear-gradient(180deg, #3D35C7 0%, #2C2E92 100%);
	height: 100%;
}
/*-------------------*/
/* HEADER STYLES    */
/*-------------------*/
.logo {
	position: absolute;
	display: flex;
	margin-left: 30px;
	margin-top: 12px;
}
.forgot-password {	font-size: 14px; }

.forgot-password a { text-decoration: underline; }

.lifeworks-logo {
	padding-right: 15px;
	height: 27px;
	padding-top: 4px;
	margin-top: 20px !important;
}

header, #footer {	background-color: #FFFFFF;}

.login .lifeworks-logo {
	height: 50px;
}

[for="RememberMe"] {
	font-size: 14px;
}

.msh-logo {
	margin-left: 15px;
	display: block;
	padding-top: 15px;
}

.lifeworks-logo img { width: 158px; height: 24px;  }
.msh-logo img {
	width: 89px;
	height: 38px;
}

.logo a {
	margin-top: 5px;
	display: block;
}



.logo h3.status {
	color:#353535;
	position:relative;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin-top: 2px;
}
.header {
	height: 105px;
	position: relative;
	
}
.header-right {
	clear: right;
	float: right;
	width:500px;
}
.user-name {
	float: left;
	height: 40px;
	line-height: 28px;
	color: #3D35C7;
	display: block;
	font-family: 'Telus Normal', Verdana, Helvetica, sans-serif;
	padding-right: 13px;
}
.user-nav {
	float: left;
	width:16px;
	height:28px;
}



.user-name:first-child { padding-right: 18px; }
.top_nav {
	position: absolute;
	right: 0px;
	margin-top: 20px;
}
.top_nav h2 {
	color: #4B7A2B;
	float: left;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 11px;
	padding: 9px 15px 0 0;
	height: 28px;
	font-weight:normal;
}
.top_nav ul {
	display: block;
	float: left;
	height: 28px;
	
 
}

	.top_nav ul li:first-child {
		border-right: 1px solid #E1E1E1;
	}

.top_nav ul li {
	float: left;
}
.top_nav ul li a {
	color: #333333;
	display: block;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	height: 28px;
	line-height: 28px;
	padding: 0 13px;
}
.top_nav ul li.active a {
	background-color: #FFD65D;
	background: url("../images/top_nav-active.gif") repeat-x;
}
	.top_nav ul li a:hover {
		text-decoration: underline;
		color: #3D35C7;
	}

	.top_nav ul li a, .top_nav ul li h3, .user-name {
		margin: 9px 18px;
	}
	.top_nav ul li { font-size: 16px; }
	
	.top_nav .dvdr {
		height: 28px;
		width: 2px;
		padding-top: 8px;
		font-weight: normal;
		font-family: Helvetica, sans-serif;
		font-size: 13px;
		color: #919191;
	}
.first {

	float: left;
	width:16px;
	height: 28px;
}
.last {

	float: left;
	display: block;
	width:8px;
	height: 28px;
}
.search {
	clear: right;
	float: right;
	width: 260px;
}
	.search .text {
		background: #F5F5F5;
		border-radius: 20px;
		border: 0 none;
		color: #353535;
		float: left;
		font-family: 'Telus Normal', Verdana, Helvetica, sans-serif;
		font-size: 16px;
		height: 40px;
		padding: 2px 0 0 10px;
		width: 192px;
		line-height: 25px;
		text-indent: 30px;
	}
	.search .send {
		background: url("../images/magifying-glass.svg") no-repeat scroll 0 0 transparent;
		border: 0 none;
		float: left;
		height: 29px;
		margin: 0;
		width: 25px;
		cursor: pointer;
	}
/*-------------------*/
/* NAV AREA STYLES    */
/*-------------------*/


.nav_area {
	display: block;
	float: left;
	width: 100%;
	z-index: 80px;
	background-color: #FBFBFB;
	padding-top: 41px;
	border-top: 1px solid #E1E1E1;
	border-bottom: 1px solid #e1e1e1;
	min-height: 64px;
}
.nav_right {

	display: block;
	height: 33px;
}
.nav ul {
	float: left;
}
.nav ul li {
	float: left;
	margin: -3px 5px 0 0;
}
.nav ul li a {
	color: #353535;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	line-height: 44px;
	color: #353535;
	font-size: 11px;
	display: block;
	height: 38px;
	padding-right: 20px;
	padding-bottom: 24px;
}
	.nav ul li.active a {

		text-decoration: none;
		line-height: 40px;
		margin-left: 5px;
	}

.subnav-background {
	float: left;
	width: 100%;
	background-color: #F5F5F5;
	font-size: 18px;
}

.title_nav li a {
	font-size: 18px !important;
}

	.nav ul li.active:after {
		border-bottom: 4px solid #3D35C7;
		content: " ";
		display: block;
		width: 40px;
		margin: 0 auto;
		border-radius: 4px;
	}


.nav ul li a:hover {
	text-decoration: underline;
	color: #3D35C7;
}
.nav ul li.active a span {

	margin-left: -5px;
}
.nav ul li a span {
	display: block;
	height: 38px;
	padding-left: 20px;
	font-size: 18px; 
}
/*-------------------*/
/* TITLE NAV STYLES    */
/*-------------------*/
.title_nav {
	float: left;
	width: 100%;
	clear: both;
	background-color: #F5F5F5;
	min-height: 59px;
}
	.title_nav h4 {
		color: #353535;
		float: left;
		font-weight: 100 !important;
		margin-top: 24px;
		margin-right: 15px;
		padding: 0px 15px 0 95px;
		border-right: 1px solid #B4B4B4;
	}

.subnav-background .title_nav h4 { padding-left: 100px; }


.notification-link {
	font-size: 14px;
}

.clear-flow-form form, .no-float {
	float: none !important;
}



label[for="SearchModel_ClientCompanyID"] {
	top: 25px;
	left: 20px;
	position: relative;
	font-size: 14px !important;
	font-weight: normal !important;
}

select#SearchModel_ClientCompanyID {
    width: 304px;
    margin-right: 0px;
}

.col {
	float: left;
	min-width: 303px;
	margin-right: 69px;
}

	.col.fullwidth {
		width: 70em;
		height: 40em;
	}

.title_nav ul li {
	float: left;
	margin: 0 5px 0 0;
	padding: 24px 0px;
}
.title_nav ul li a {
	color: #353535;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #353535;
	display: block;
	padding-right: 20px;
}
	.title_nav ul li.active a, .title_nav ul li a:hover { color: #3D35C7; }

.title_nav a:hover {
	color: #1C1C1C;
}
/*-------------------*/
/* CONTENT STYLES    */
/*-------------------*/
#content {
	background: white;
	display: flex;
	width: 100%;
	min-height: 36rem;
}
.main_form {
	float: left;
	width: 70%;
	margin-right: 40px;
}

.full_form {
	float: left;
	overflow: hidden;
	width: 100%;
}
/*---------------------*/
/* DATA STYLES    */
/*----------------------*/

.content_data {
	float: left;
	padding-top: 20px;
	width: 99%;
	min-width: 610px;
	margin-bottom: 30px;
	padding-left: 5px;
}


	.content_data  .section_header { padding-left: 0px; }

	.content_data .full_width_entries { width: 100%; float: none; }

    .padding_left_5 { padding-left: 5px; }

	.padding_left_25 { padding-left: 25px !Important; }

	.padding_left_10 { padding-left: 10px; }

	.std_plans div.view-plan {
		padding: 32px 0px 32px 22px;
		border-bottom: 1px solid #E1E1E1;
	}

fieldset {	width: 100%; }

.margin_bottom_40 { padding-bottom: 40px !important; }

.content_data .entitlement-tab-content {
	padding: 0px 1% 2px 1%;
	line-height: 34px;
	display: flex;
}

.error-claims {
	background-color: #EAE9FF !important;
	background-image: url(/Content/images/blue-notice.svg) !important;
	background-position: 18px 24px !important;
}

.error-claims .error-text {
	padding: 16px 16px 16px 43px;
	color: #2C2E92;
}

.white-background-override {
	background-color: white !Important;
	background-image: none;
}

.content_data .entitlement-tab-content p {
	font-size: 14px;
	margin-top: 25px;
	padding-left: 0;
	line-height: 19.6px;
}

.first-row .table-condensed, .bottom-gray-line {
	border-bottom: 1px solid #E1E1E1;
}


.content_data h3 {
	color: #4E7A19;
	float:right;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding-right:50px;
	padding-left:18px;
	padding-top:2px;
}
	.content_data h3 a {
		color: #3D35C7;
		font-size: 16px;
	}

.content_data h4 a {
	color: #4E7A19;
}
.content_data h3 a:hover {
	color: #3D35C7;
	text-decoration: underline;
}

table#employee-list tbody tr td:last-of-type {
	text-align: right;
}


table#employee-list employee-col { width: 176px; }
table#employee-list shift-col { width: 1em; }
table#employee-list location-col { width: 98px; }
/*
		<th class="employee-col" valign="top">Employee Name</th>
						<th class="employee-name-col">Employee ID</th>
						<th class="shift-col">Shift</th>
						<th class="location-col">Location</th>
						<th class="dept-col">Department</th>
						<th class="active-col">Active</th>
						<%if (Html.IsFmlaEnabled()){ %>
						<th class="fmla-col">FMLA Eligibility<br/>(self/family)</th>
					    <th class="leave-col">Other Leave<br/> Eligibility</th>
					<!--	<th>Available FMLA Hours</th>-->
						<th class="12-mo-col">12 mo. Hours Worked</th>
						<%} 
						if(Html.IsStdEnabled()) { %>
						<th class="std-col">STD Plan</th>
*/
.right_links {
	float: right;
	font-size: 16px;
	font-weight: normal;
	padding-right: 30px;
	padding-top: 2px;
	color: #3D35C7;
}

	.right_links ul li a {
		padding: 8px !important;
		color: #4E7A19;
	}

		.absence-menu ul li a.active, .right_links ul li a.active {
			background-color: #EAE9FF;
			border-radius: 25px;
			padding: 8px;
		}




.right_links ul li:first-of-type {
	padding-left: 0px;
}


.left-override { float: left !important; }

.right_links#right_link_long {
    float:right;
    font-size: 12px;
    font-weight: normal;
    padding-right:30px;
    padding-top:2px;
    width: 530px;
}

.right_links ul li, .absence-menu ul li {
	float:left;
	color:#4E7A19;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	display: block;
	padding-left:15px;
}
	.right_links ul li a:hover, .absence-menu ul li a:hover {
		text-decoration: underline;
		color: #3D34C7;
	}
	.right_links ul li a, .absence-menu ul li a {
		text-decoration: underline;
		color: #3D34C7;
		font-size: 14px;
	}
.active {
	text-decoration: none;
	color:#4E7A19;
}
.right_links ul li h2, .absence-menul ul li h2 {
	color: #353535;
	font-family: 'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.edit {
	color: #4E7A19;
	background: url(../images/pencil.svg) no-repeat;
	height: 20px;
	text-indent: 15px;
}
.add {
	color: #4E7A19;
	background: url(../images/plus.svg) no-repeat;
	height: 20px;
	text-indent: 10px;
	background-size: 15px 15px;
	background-position: 5px; 
}

h3.add a { color: #3D35C7;  text-decoration: underline; }

.all {
	color: #4E7A19;
	height:14px;
	margin-left:-30px;
}
.content_data h2 {
	font-family: 'Telus Normal', Verdana, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 24px;
	margin-bottom: 24px;
	float: left;
	margin-right: 77px;

	font-weight: bold;
}

	

.content_data > a {
	top: 5px;
	position: relative;
	color: #3D35C7;
	font-size: 14px;
	text-decoration: underline;
}



.content_data h2.small {
	font-size: 12px;
}
.content_data h2 a {
	color: #3D35C7;
}
.content_data p {
	margin-top: 10px;
	padding-left: 16px;
	font-size: 14px;
}
.view {
	display:block;
}
.content_data span {

	display: block;
	height: 25px;
	margin-top: -5px;
	width: 352px;
}
.content_data form, fieldset, table {
	float: left;
	 margin-top:5px;
}
.content_data p {
	 line-height: 13px;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 14px;
	padding-left: 0px;
}
.content_data .row {
	clear: both;
	flex: 3 0 auto;
	align-self: stretch;
	width: 330px;
	margin-bottom: 24px;
	font-size: 16px;
	padding-left: 0px;
	line-height: 140%;
	padding-right: 40px;
}


.content_data .row label {
	font-size: 12px;
	width: 100%;
	display: block;
	color: #595959;
}

a.toggler.title {
	width: 82% !important;
}

.fm-container {
	display: flex;
	flex-wrap: wrap;
	margin-top: 50px;
}

.content_data .plan-row {
	clear: both;
	flex: 3 0 auto;
	align-items: stretch;
	width: 380px !important;
	line-height: 140%;
	margin-bottom: 24px;
}

.content_data .plan-row div {
	display: block; 
	height: 30px;
}


	.content_data .plan-row p {
		float: left;
		/* 	 new */ line-height: 13px;
		font-family: 'Telus Normal', Verdana, Helvetica, sans-serif;
		font-size: 16px;
		padding-left: 0px;
		margin-top: 0px;
		color: #141414;
		line-height: 20px;
	}

.content_data p.section {
	line-height: 13px;
	font-family: 'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 16px;
	padding-left: 0px;
	margin-top: 16px;
	border-top: 1px solid #E1E1E1;
	padding-top: 16px;
	width: 100%;
	text-decoration: none;
}



.content_data .row label {
	color: #595959;
	float: left;
	clear: both;
	font-family: 'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	/* 	 new */ line-height: 13px;
	width: 100%;
	height: auto;
	margin-bottom: 8px;
}
.content_data .row.vertically-centered label {
	line-height: 34px;
}
.content_data .notes {
	width:96%;
	/* 	 new */line-height: 13px;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom:20px;
}
.section {
	text-decoration: underline;
	color: #353535;
	float: left;
	clear:both;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	/* 	 new */line-height: 35px;
	height: 35px;
	width: 174px;
}
.content_data .plan-row label {
	color: #595959;
	float: left;
	clear: both;
	font-family: 'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 13px;
	height: 20px;
	width: 100%;
}
.content_data label.tall, .forms_data .tall {
	height: 51px;
	line-height: 13px;
}
.info-drop{
   padding-left:10px;
   margin-top:-20px;

}
.expand {
	clear: both;
	padding-top: 20px;
	padding-bottom: 50px;
	border-bottom: 1px solid #E1E1E1;
}
.data .expand h1 {
	cursor: pointer;
	float: left;
	font-family: 'Telus Normal', Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none !important;
	width: 100% !important;
	margin-left: 10px;
	text-decoration: underline;
}
.expand .arr{
	margin-bottom:3px;
	margin-left:-10px;
	margin-right:4px;
	background-color:#B53A39;
}
 
.expand .clear {
    clear:both;
	height: 10px;
}
.expand .clear_small {
    clear:both;
	height: 30px;
}
.expand .desc {
    width:60%;
    font-size: 12px;
    clear:both; 
    padding:10px 20px;
}
.expand  a#links {
	line-height: 14px;
	float:left;
	color:#4e7a19;
	list-style: none;
	text-decoration:underline;
	text-tranform:uppercase;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 11px;
}
.expand  table#summary{
	margin-left:  0px;
	padding-left:10px;
	margin-top:0px; 
	margin-bottom:10px;
}
.expand  table#summary .heading {
	cursor: pointer;  
	background-color:#F7F7F7;
}
.expand  table#summary .heading th{
	 padding:10px 10px 0 10px;
	 
}
.expand table#summary tbody tr td {
	padding: 10px 30px 5px 10px;
	font-size: 12px;
	border-top:1px #e7e7e7 solid;
}
.claim{
      margin-top:5px;
     margin-bottom:-20px;
     *margin-bottom:20px;
    clear:both;
}
#linked{
   text-decoration:underline;
   color: #517623;
   cursor:pointer;
}
table#claims tbody tr td {
	font-size: 11.5px; 
	border:none; 
}
 
.view-plan {
	clear:both;
	width: 100%;

	font-size: 16px; 
}

.view-plan a { float: right; }


textarea.message, textarea.spmessage {
	border-radius: 8px;
	width: 265px;
	margin: 6px;
	height: 70px;
	font-size: 13px;
	padding: 4px;
}



.view-plan .links {
	line-height: 14px;
	float: right;
	margin-top: 0px;
	margin-right: 5px;
	color: #999999;
	text-tranform: uppercase;
	font-family: 'Telus Normal', Verdana, Helvetica, sans-serif;
}
	.view-plan .links a {
		color: #3D35C7;
		text-decoration: underline;
	}
.content_data .links p {
	color:#999999;
	font-size: 11px;
	float:right;
	padding-top:1px;
}
.view-plan a#links {
	line-height: 14px;
	color: #4e7a19;
	list-style: none;
	text-decoration: underline;
	text-tranform: uppercase;
	font-family: 'Telus Normal', Verdana, Helvetica, sans-serif;
	position: relative;
	left: 3rem;
}
.view-details {
	display:none;
}

.view-plan > a {
	position: relative;
}

a.nyroModal.editButton { margin-right: 98px; }


.view-plan div.options {
	width: auto !important;
	float: right;
}

div.options, .title {
	font-size: 16px;
}

form#basicInfoForm LABEL {
	display: none;
}


.content_data .title {
	color: #2C2E92;
	float: left;
	font-family: 'Telus Normal', Verdana, Helvetica, sans-serif;
	margin-right: 50px;
	font-weight: bold;
	margin-bottom: 36px;
	width: 300px;
}

.plan_doc {
	float: left !important;
}

.content_data .plan {
	color: #353535;
	float: left;
	font-family: 'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 13px;
	height: 35px;
	width: 400px;
}
.content_data .row input[type="text"] {
	background: url("../images/input.png") repeat-x scroll 0 0 transparent;
	border: 0 none;
	color: #353535;
	display: block;
	float: left;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 11px;
	height: 20px;
	margin-top: 6px;
	line-height: 20px;
	padding: 0 0 0 10px; 
}

table#client-companies thead th:nth-child(1) {
	width: 263px !important;
}

.content_data .row select {
	float: left;
	width: 148px;
}
.kansas {
	width: 295px;
	display: block;
	float: left;
	background: none !important;
}
.content_data .row input.check_b {
	float: left;
	width: auto;
	background: none;
}
.content_data .row input.radio_b {
	float: left;
	width: auto;
	background: none;
	margin-right:10px;
}
.content_data .row select {
	float: left;
	width: 148px;
	margin-top: 10px;
}
.option {
	float: left;
	padding-top: 20px;
	padding-bottom: 18px;
	padding-top: 12px;
	width: 97%;
}

.cancel_btn {
	font-size: 16px;
	color: #3D35C7;
}


.option a {
	color: #3D35C7;
	float: right;
	line-height: 22px;
	padding: 0 16px 0 23px;
	text-decoration: underline;
	font-weight: bold;
}

#query-cancel {
	font-size: 16px;
	width: 80px;
	height: 32px;
	border: none;
	margin-top: 10px;
    margin-left: 20px;
}

/*
.right_links.left-override .active {
	background: #EAE9FF;
	border-radius: 16px;
	width: 61px;
	height: 32px;
}
*/

.right_links ul li, .absence-menu ul li {
	height: 30px;
}

.checkbox-list {
	display: block;
	height: 81px;
}

	.checkbox-list > label { font-size: 16px !important; }


	#EmployeeSearchForm .option a, #ClaimSearchForm .option a {
		float: left !important;
	}	
	.upload a {
	line-height: 22px;
	padding: 0 16px 0 23px;
	float: left;
	font-size: 18px; 
}

.rightcol_area ul li a:hover {
	color: black;
}


.upload a:hover { color: black; }
.option a:hover, .submit a:hover {
	color: #756EFF;
	text-decoration: underline;
}
.check_option {
	background: none repeat scroll 0 0 transparent !important;
	display: block;
	float: left;
	width: 295px;
}
/*
.save {
	background: url("../images/save_btn.png") no-repeat scroll 0 0 transparent;
	color: #1C1C1C;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 11px;
	height: 24px;
	line-height: 23px;
	width: 60px;
}
	*/

.flag-disable {
	filter: grayscale(100%);
	opacity: 0.2;
    
}

div.maintenance {
	width: 100%;
	text-align: center;
	display: inline-block;
	margin-bottom: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family:'Telus Normal', Verdana,sans-serif;
    font-size: 16px;
    line-height: 1.618;
	color: #D8000C;
	background-color: #FFD2D2;
}

div.warning {
	color: #9F6000;
    background-color: #FEEFB3;
}

div.not-live-notice {
    width: 100%;
    text-align: center;
    display: inline-block;
    margin-bottom: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Telus Normal', Verdana,sans-serif;
    font-size: 18px;
    line-height: 1.618;
    color: #D8000C;
    background-color: #FFD2D2;
}

.flag-edit {
    cursor: pointer;
}

.chzn-select,  .chosen-container {
	width: 340px !important;
	border: 2px solid; 
}

.save#submit {
	background-size: 70px 24px;
	color: #1C1C1C;
	font-family: 'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 23px;
}
.option a.save, .submit a.save {
	color: white !important;
	text-decoration: none;
}
/* tables */

table.atp {
	margin-top: 10px;
	font-size: 11.5px;
	width: 100%;
	text-align: left;
}
table.tablesorter {
	margin: 30px 0 0 0px;
	font-size: 14px;
	width: 91%;
	text-align: left;
	border-collapse: collapse;
}


	table.tablesorter tbody tr { background-color: white; }

.view-details table.tablesorter {
	margin: 0px !important; 
}

table.notes {
	table-layout: fixed;
}

table.notes th { background-color: #EBEBEB; }

.full_form#note_form .note-text {
	color: white;
}

tr.note {	line-height: 19.6px; }

tr.note.employee-note td {
	padding: 27px 0 26px 14px !important;
	text-indent: 0 !important; 
}

.note-text pre { 
	line-height: 19.6px; 
	font-size: 14px;
	white-space:pre-wrap;
	word-wrap:break-word;
}

.notes td { vertical-align: top; }
.notes th {
	text-decoration: none !important;
	padding: 21px 11px 15px 0px !important
}


table.tablesorter thead tr.employee-heading {
	font-size: 10.5px;
	height: 20px;
	line-height: 11px;
}


	.idtag {
		float: left;
		background: transparent url('../images/arrows.gif') no-repeat right top;
		padding-right: 10px;
		text-decoration: underline;
	}

table#absence-list tbody tr td, table#shifts tbody tr td:nth-child(3) {
	width: 75px;
}

table#absence-list {
	margin-left: 0px;
}



table#absence-list th {
	width: 0%;
}


table#shifts thead tr th.heading:nth-child(4) {
	width: 86px;
}



.nosort {
	float: left;
	background: none;
	padding-right: 10px;
	padding-bottom: 10px;
}
table.tablesorter thead tr .heading {
	cursor: pointer;
	padding-bottom:10px;
}

table#employee-list tbody tr td {
	font-size: 14px;
	border-top: 1px #e7e7e7 solid;
}

table#employee-list tbody tr td a { margin-left: 0px !important; }

table#employee-list tbody tr td:last-of-type {
	text-align: right;
	padding-right: 4rem;
}

table#employee-list thead .employee-heading th {
	padding: 26px 16px 5px;
	text-decoration: none !important;
}

.arrw {
	float: right;
}
table.tablesorter tbody tr td.employee-heading {
	font-size: 10px;
}
table#uploads tbody tr td {
	padding: 10px 0 5px 0;
	font-size: 10.5px;
	border:none;
}
table#uploads {
	padding-bottom:20px;
	border-bottom: 1px solid #cfcfcf;
}
table#absence-list tbody tr td, table#shifts tbody tr td {
	padding-right: 14px;
	padding-top: 36px; 
	padding-bottom: 36px; 
	padding-left: 14px;

}
table#absence-list .nosort {
	float: none;
}
.content_data table.tablesorter tbody tr td {
	padding: 27px 14px 26px 14px;
	font-size: 14px;
	border-top: 1px #e1e1e1 solid;
	text-align: left;
}

.fml-certifications + .nav_number {
	margin-right: 1em;
}

.header-with-line a {
	border-right: 1px solid #E1E1E1; 
	margin-right: 10px; 
	padding-right: 16px;
}


.content_data table.tablesorter tbody tr td:first-of-type a { 
	margin-left: 0px !important; 
	line-height: 140%;
}

.content_data table.tablesorter tbody tr:nth-child(even) { border-top: 1px solid #E1E1E1; }

.dataTables_wrapper .dataTables_filter [type="search"] {
	width: 304px;
	border-radius: 24px;
	height: 40px;
	margin-top: 24px;
	border: 1px solid #B4B4B4;
	text-indent: 14px;
	background-color: #E5E5E5;
	background-position-x: 15px !important;
	background-position-y: 8px !important;
	background: url(../images/magifying-glass.svg) no-repeat scroll 0 0 transparent;
	padding-left: 30px;
}

.dataTables_wrapper .dataTables_filter label {
	text-indent: -9999px;
}


#locations td, #departments td {
	padding: 26px 0px 26px 15px;
}
#locations td .actions a, .nyroModal { margin-right: 24px;  }
a.js_delete_loc_link { color: #CC1D33 !important; }

table.tablesorter tbody tr td a {
	text-decoration: underline;
	color: #3D35C7;
}

table.tablesorter tbody tr td a.js_delete_link { 
	color: #CC1D33; 
	padding-left: 24px; 
}


table.tablesorter tbody tr td a.no-padding {
	padding-right:0px;
}

table.tablesorter thead tr 
#actions {
	float: right;
}
table.tablesorter thead tr .headerSortUp {
	color:#517623;
	background-image: url(../images/asc.gif) no-repeat;
}
table.tablesorter thead tr .headerSortDown {
	color: #3D35C7;
	background-image: url(../images/desc.gif) no-repeat;
}
.tooltipster-content .tooltip-table {
    padding-left: 0;
    padding-right: 0;
}
.tooltipster-content .tooltip-table tbody td strong {
    margin-right: 15px;
}

	.tooltipster-content .tooltip-table tbody td { font-size: 14px; }


.tooltipster-fade.tooltipster-show {
	width: fit-content !important;
}

.tooltipster-sidetip .tooltipster-content { }


#absence-list tbody a.tooltip.tooltipstered {
	cursor: pointer;
}


#locations.tablesorter, #departments.tablesorter { width: 94%; }



table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
}
/*---------------------------*/
/* Right Column AREA STYLES    */
/*-------------------------*/
.rightcol_area {
	display: block;
	float: left;
	height: 100%;
	background-color: #FFFFFF;
	width: 30%;
}

.wrapper-background .wrapper_in {
	display:flex; 
}


.full_width_entries {
	display: block; 
}
	.full_width_entries .plan {
	font-size: 16px;
	margin-bottom: 24px; 
}

.rightcol_area h2 {
	color: #333333;
	font-family: 'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	padding-left: 31px;
	margin-top: 24px;
}
.rightcol-container {
	padding: 10px 30px 30px 30px;
}
.rightcol_area a {
	color: #4e7a19;
	text-decoration: underline;
}
.rightcol_area a:hover {
	color: #4e7a19;
	text-decoration: underline;
}
.rightcol_area p {
	color: #888888;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
}
.rightcol_area ul {
}
.rightcol_area ul li {
	margin-bottom:10px;
}
	.rightcol_area ul li a {
		font-family: 'Telus Normal', Verdana, Helvetica, sans-serif;
		font-size: 16px;
		color: #3D35C7;
		text-decoration: underline;
		line-height: 18px;
	}
	.rightcol_area ul li .active {
		color: #3D35C7;
		text-decoration: underline;
	}
.rightcol_area .requests ul{
     margin-top:25px;
}
.rightcol_area .requests ul li a{
    background-image:none;
    color:#B53A39; 
    text-decoration:underline;
    list-style-type: none;
    margin-left:20px;
}
.rightcol_area .requests ul li.done a,  li.done a {
    background: url(../images/check.gif) no-repeat;
    width:250px;
    height:13px;
    color:#4F7420;
    padding-left:20px;
    margin-left:0px;
    text-decoration:underline;
} 

.rightcol_area .requests h1{
   padding:10px 30px 10px 25px; 
   width:100%; 
   margin-top:40px;
   margin-left:-25px;
   background: #F2F2F2 url(../images/lt-shade.png) repeat-y;
   color: #333333;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase; 
}

/*---------------------------*/
/* LOGIN STYLES             */
/*-------------------------*/


.popup-container.forms_stacked .row {
	margin-bottom: -10px;
}


.form-container {
    border: 1px solid #ffffff;
    background: #FFFFFF;
	
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
    -moz-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
    box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
    font-family: 'Helvetica Neue',Helvetica,sans-serif;
    text-decoration: none;
    vertical-align: middle;
    min-width: 300px;
    padding: 20px;
    width: 376px;
}

.form-field {
    border: 1px solid #c2c2c2;
    background: #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #000000;
    -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
    -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
    box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
    padding: 8px;
    margin-bottom: 20px;
    width: 356px !Important;
}

    .form-field:focus {
        background: #fff;
        color: #000000;
    }

.login-logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.form-field[type="text"], .form-field[type="password"] {
	padding: 17px 8px;
	font-size: 16px;
	height: 30px !important;
	max-height: 30px; 
}

.form-field[type="password"]:focus, .form-field[type="text"]:focus {
	padding-bottom: 24px;
}

	.form-container h2 {
		text-shadow: #ffffff 0 1px 0;
		font-size: 24px;
		margin: 0 0 34px 0;
		font-weight: bold;
		text-align: left;
	}

.form-title {
	margin-bottom: 10px;
	color: #000000;
	text-shadow: #ffffff 0 1px 0;
	margin-top: 25px;
}

.login_info .logo {
	position: static;
}

.login_info a.lifeworks-logo img {
	width: 253px;
	min-height: 20px;
	height: 38px;
}

.login_info div.logo {
	margin-left: 0px;
	margin-top: 0px;
}

.login_info a.msh-logo {
	padding-top: 5px; 
}

.submit-container {
	margin: 24px 0;
	text-align: right;
}

[type="checkbox"] {	
	accent-color: #3D35C7; 
	height: 16px; 
	width: 16px;
}

.submit-button, .save, .press {
	border: none;
	background: #3D35C7;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	color: white;
	font-family: 'Telus Normal', helvetica, serif;
	padding: 8.5px 18px;
	font-size: 14px !important;
	text-decoration: none;
	vertical-align: middle;
	width: 80px;
	height: 40px;
}

	.press:hover {
		background: #2C2E92 !important; 
		color: white;
	}
	.no-background { background-color: white !important; }

.save:hover, .submit-button:hover {
	background: #756EFF; 
	color: #fff;
}

div#data-table_filter > label {
	color: transparent;
}

.save:hover { color: white !important; }

.save, #cancel_btn, .preview_btn {
	font-size: 16px;
	width: 80px;
	height: 32px;
	text-align: center;
	padding-top: 10px !Important;
}

#cancel_btn {
	color: #3D35C7 !Important;
	border: none;
} 

.submit-button:active {
	background: #2C2E92;
	color: #fff;
}
#wrapper_login {

	height: 100%;
	margin: 0 auto;
	position: relative;
}
.box_login {

/*	background: transparent url("../images/loginbox.png") no-repeat; */
}
#wrapper_login h1 {
	color: #669900;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 26px;
	left: 40%;
	position: absolute;
	top: 245px;
}
.denied {
	margin:175px 0 0 155px;
	width: 350px;
}
.denied h3 {
	color:#B53A39;
	font-size:16px;
	padding:50px 0px 15px 0px;
	width: 350px;
	text-align:center;
}
.denied p {
	padding: 25px;
	color:#B53A39;
	text-align:center;
	background-color:#FAFAFA;
}


.login_info .lifeworks-logo {
	margin-top: 0px !important; 
}

.login_info {
	padding: 10px 0 0 0;
}
.login_info h2 {
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	line-height: 9px;
	padding: 0 0 0 0px;
	color: #353535;
}
.login_info p {
	padding-left: 11px;
	padding-top: 9px;
}
.login_info p.row label {
	float: left;
	width: 77px;
	color: #3b5605;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 11px;
}
.login_info p.row input {
	background: url("../images/input_2.png") repeat-x scroll 0 0 transparent;
	border: 1px #C8C8C8 solid;
	display: block;
	height: 20px;
	width: 185px;
}
.login_info small a {
	color: #626262;
	float: left;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 6px;
	margin-left:87px;
	float:left;
}
.login_info small a:hover {
	text-decoration:underline;
}
.login-btn a {
	margin-left:87px;
	background: url("../images/login.png") no-repeat scroll 0 0 transparent;
	color: #FFFFFF;
	display: block;
	float: right;
	font-size: 11px;
	font-weight: bold;
	height: 22px;
	line-height: 20px;
	margin-top: 12px;
	padding: 1px 0 0 13px;
	width: 254px;
}
.login-btn a:hover {
	margin-left:87px;
	background: url("../images/login-over.gif") no-repeat scroll 0 0 transparent;
	color:#FFFFFF;
}
.remember {
	color: #626262;
	float: left;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 11px;
	padding: 11px 0 0 65px;
	width: 210px;
}
.login_info form {
 margin-top: 10px;
}


/*-------------------*/
/* Employee List STYLES    */
/*-------------------*/
.employees_section {
	float: left;
	padding-top: 8px;
	width: 100%;
	margin-top: 16px; 
}
.employees_section span {
	background: url("../images/shadow_1.gif") no-repeat scroll 0 0 transparent;
	display: block;
	height: 15px;
	margin-top: 25px;
	width: 352px;
}
	.employees_section h3 {
		color: #4E7A19;
		float: right;
		font-family: 'Telus Normal', Verdana, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		padding-right: 50px;
		padding-left: 18px;
		padding-top: 2px;
		margin-top: 2px;
		height: 20px;
	}
.nav_number {
	float: right;
	padding-left: 20px;
	position: relative;
	width: 223px;
	padding-right: 12em;
}


.top-paging-control > .nav_number {
	float: left !Important;
	right: 25px;
}

#atp-reports .dataTables_paginate div.first {
	width: 100%;
}


#atp-reports #data-table_previous, #atp-reports #data-table_next, #atp-reports #data-table_first, #atp-reports #data-table_last {
	text-indent: -9999px;
}

#atp-reports .paginate_button.current { color: white!important; }


.wrapper_in > .nav_number {
	position: relative;
	left: 84%;
}

	.wrapper_in > .nav_number .next img {
		top: 2px;
	}

.prev {
	color: #727272;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 9px;
	left: 20px;
	position: absolute;
	top: 4px;
	margin-top: 0px !important;
}
.next :not([aria-controls="data-table"]) {
	color: #727272;
	font-family: 'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 9px;
	position: relative;
	bottom: 6px;
	left: 5px;
}

.prev :not([aria-controls="data-table"]) {
	color: #727272;
	font-family: 'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 9px;
	position: relative;
	bottom: 3px;
	left: 0px;
}



.pagerprev a {
	color: #727272;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 10px;
	left: 20px;
	position: absolute;
	text-decoration: underline;
    margin-top:3px;
}
.pagernext a {
	color: #727272;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 9px;
	position: absolute;
	right: 9px;
	text-decoration: underline;
	margin-top:3px;
}
.prev a:hover {
	color:#727272;
}
.next a:hover {
	color:#727272;
}
.nav_number ul {
	float: left;
	padding: 0 0 0 30px;
}
.nav_number ul li {
	float: left;
	padding: 0 0 0 13px;
}
	.nav_number ul li .active, .nav_number ul li a:hover {
		color: #fff;
		background-color: #3D35C7;
		border-radius: 28px;
	}




.nav_number ul li a {
	color: #727272;
	display: block;
	font-family: 'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 14px;
	height: 22px;
	line-height: 19px;
	text-align: center;
	width: 22px;
}

.point {
	background:none!important;
	color:#000000;
}
.point:hover {
	color:#000;
}
.employees {
	float: left;
	margin-top: 15px;
	padding-bottom: 13px;
	padding-left: 20px;
	width: 246px;
}
.employees ul li a {
	font-family:Verdana, Helvetica, sans-serif;
	color:#4e7a19;
	font-size:14px;
	text-decoration:underline;
	line-height:21px;
}
.employees ul li span {
	background: none repeat scroll 0 0 transparent;
	display: block;
	float: left;
	margin-top: 0;
	padding-bottom: 15px;
}
.employee_data {
	float: left;
	padding-top: 20px;
	width: 100%;
}
.data {
	margin-top:-55px;
	padding-top:30px;
	background: url("../images/shadow_1.gif") no-repeat scroll transparent;
	display: block;
	min-width:640px;
	 
	
}

.display.dataTable {margin-bottom: 16px; }

	.display.dataTable thead {
		height: 52px;
		background: #EBEBEB;
		font-size: 14px;
		border-top-right-radius: 8px;
		border-top-left-radius: 8px;
	}

.display.dataTable thead th {
	border-bottom: none;
}


	table.dataTable.display tbody td {
	padding: 16px;
	font-size: 14px;
}



/*
table.dataTable.display tbody tr td { background-color: #FFFFFF !Important; }
table.dataTable.display tbody tr:hover td { background-color: #FFFFFF !Important; }
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color: #FFFFFF !Important; }
table.dataTable.stripe tbody tr.odd > td, table.dataTable.display tbody tr.odd > td { background-color: #FFFFFF !important; }
*/

table.dataTable.display tbody tr td a { color: #3D35C7; text-decoration: underline; }
table.dataTable.display tfoot tr { display: none;   }
table.dataTable.display tbody tr:last-of-type td { border-bottom: 1px solid black; }

.display.dataTable tr th {
	text-align: left;
	text-decoration: underline;
	color: #2C2E92;
}


.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background: none;
}

table.dataTable thead th {
	min-width: 128px;
}

.dataTables_wrapper .dataTables_info {
	position: relative;
	left: 43rem;
	padding: 0px 10px;
}


.CaseManagerForm { }



table#client-companies.display.dataTable thead tr td {
	min-width: 125px;
}
table#client-companies.display.dataTable tbody tr td:nth-child(2) { text-align: right; }
table#client-companies.display.dataTable tbody tr td:nth-child(5) { text-align: left; }

table.dataTable.display tbody tr { background-color: #E5e5e5 !important; }

	table.tablesorter tbody tr td, table.dataTable.display tbody tr td {
		background-color: white !important;
	}


table.dataTable tbody td {
	border-top: 1px solid #ddd;
}

.data .table {
	margin-left: 0px;
}
.data-table {
	padding-bottom:20px;
}
.data .col {
	float:left;
	width:310px;
	padding-right:20px;
	margin-bottom:20px;
}
.data h4 {
	float:left;
	font-weight:bold;
	color:#353535;
	font-size: 18px;
}
.data form, fieldset, table {
	float: left;
	clear: both;

}

fieldset, .fml-container {
	display: flex;
	flex-wrap: wrap;
}

	.data span {
		clear: both;
		display: block;
		height: 20px;
		width: 352px;
		background: none;
	}
.data h3 {
	color: #4E7A19;
	float:right;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding-right:50px;
	padding-left:18px;
	margin-top:-2px;
}
.data h1 {
	color: #353535;
	float: left;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	height: 25px;
	width: 145px;
}
.data p {
	color: #353535;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 11px;
	width: 174px;
}
/*-------------------*/
/* Form pop-up STYLES    */
/*-------------------*/
 
#forms_divider {
	padding-left:20px;
	height:100%;
	width:1px;
	float: left;
}

.inline-label {
	display: inline-block !important;
	width: fit-content !important;
	margin-left: 15px !important;
	margin-bottom: 20px !important;
}

.forms_data.popups{
	padding-top: 0px;
}

.margin-top--10 {
	margin-top: -10px;
}

.forms_data {
	padding-top: 8px;
	margin-bottom: 20px;
}
.forms_data.clear {
	margin-bottom:-15px;
	clear:both;
}
.forms_data .top-row, .rows { 
	float:left;  
	margin-top:15px;
	margin-right:30px;
	margin-bottom:30px;
	width:auto;
}
.add-links{
    color: #4E7A19;
    cursor:pointer;
    float:left; margin-right:20px;
}
.answer{
   color:#808080;
   clear:both;
   margin-top:30px;
   margin-bottom:30px;
}
.forms_data .top-row input[type="text"] {
	background: url("../images/input.png") repeat-x scroll 0 0 transparent;
	border: 1px #C8C8C8 solid;
	color: #353535;
	display: block;
	float: left;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 11px;
	height: 20px;
	margin-top: 0px;
	line-height: 12px;
	padding: 0 0 0 5px; 
}
 
 .forms_data .top-row .drop{ 
	float:left;  
	margin-top:5px;
	margin-right:50px;
	margin-bottom:30px;
	width:350px;
}
.forms_data .top-row .vline{ 
	width:1px;
	height:100%;
	background-color:red;
}
.forms_data .top-row h1  {
    color: #353535;
	float: left;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height:12px;
	font-weight:bold;
	margin-top:0px; 
	width:180px;
}
.forms_data .top-row label  {
    color: #353535;
	float: left;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height:12px; 
	clear:both;
	margin-top:0px; 
	width:180px;
}

.forms_data .top-row  select {
	display: block;
	clear:both;
	height:20px; 
	margin-top:0px;
}
.forms_data .top-row  p {
	display: block;
	clear:both;  
	margin-top:0px;
}
.forms_data ul li.checks{
   width:210px; 
}
 
.forms_data ul li.fields p{
   font-size:10px; 
   margin-top: -10px;
   margin-bottom:12px;
   float:left;
}
.forms_data ul li.fields2 p{
   font-size:10px;  
   margin-bottom:12px;
   float:left;
   margin-left:20px; 
} 
  
.forms_data ul li.checks input[type="checkbox"]{
   margin-right:3px;
   margin-top:-3px; 
} 
.marked{
   float:right;
   font-size:11px;
}
.marked input[type="checkbox"]{
   margin-right:3px;
   margin-top:-3px;
}
.forms_data .top-row  li{
   list-style-type: none;
   list-style-position: outside;
   font-size:12px;
   float:left;
   margin-right:15px;
}


.forms_data li.label_field_pair {
    list-style-type: none;
   list-style-position: outside;
   font-size:12px;
   float:left; 
}
 

.forms_data li.label_field_pair label {
clear: left;
display: block;
float: left;
 width:auto; 
padding-left: 20px; 
 margin-top:-12px;
margin-left:3px;
}
.forms_data li.label_field_pair input {
clear: left;
float: left; 

}

 
.forms_data .top-row  label{
   list-style-type: none;
   list-style-position: outside;
   font-size:12px;
   float:left;
   margin-right:15px;
}
.forms_data .split-col1 {
	float:left;
	margin-bottom:25px;
}
input.float{
   margin:0 5px; 
}
  
.forms_data .split-col1 a {
	color: #517623;
	text-decoration:underline;
}
 
 

.forms_data .split-col2 {
	float:left;
	margin-left:40px;
	margin-top:0px;
	margin-bottom:35px;
}
.forms_data .split-col2 .section2 {
	text-decoration: underline;
	color: #353535;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	/* 	 new */line-height: 35px;
	height: 35px;
	margin-top:30px;
}
.forms_data h2 {
	color: #141414;
	font-family: 'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}


.forms_stacked h2 {
	font-family: 'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 20px; 
	margin-top:20px; 
}


.forms_data span {

	display: block;
	height: 25px;
	margin-top: 5px;
	width: 352px;
}
.search-choice span {
    background: none;
	display: inline;
	height: auto;
	margin-top: auto;
	width: auto;
}

.margin-top-24px { margin-top: 24px; }

.forms_data .col span {
	background: url("../images/shadow_1.gif") no-repeat scroll 0 15px transparent;
	display: block;
	height: 25px;
	margin-top: 5px;
	width: 252px;
}
.forms_data form {
	margin-left:0;
}
.forms_data p {
	line-height: 34px;
	overflow: hidden;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 14px;
}
.forms_data .row label {
	color: #141414;
	font-family: 'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	height: 25px;
	width: 94%;
	margin-bottom: 0px; 
	display: block; 

}



.no-header { background: linear-gradient(180deg, #3D35C7 0%, #2C2E92 100%) }


.forms_data .col label {
	color: #353535;
	float: left;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height:12px;
	font-weight:bold;
	margin-top:5px;
	height: 38px;
	width: 125px;
}

.forms_data .col label.short { height:15px;line-height:8px;}
.forms_data .col {
	color: #353535;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height:20px;
}
.forms_data .row input[type="text"], input[type="Password"], .forms_data input[type="number"] {
	border: 1px solid #595959;
	color: #353535;
	display: block;
	float: left;
	font-family: 'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 16px;
	border-radius: 8px;
	height: 58px;
	margin-top: 6px;
	line-height: 12px;
	padding: 0 0 0 10px;
	width: 96%;
	background-color: transparent;	
}

.forms_data .col input[type="text"] {
	background: url("../images/input.png") repeat-x scroll 0 0 transparent;
	border: 1px #C8C8C8 solid;
	color: #353535;
	display: block;
	float: left;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 11px;
	height: 20px;
	line-height:12px;
	padding: 0 0 0 10px; 
}
 
.number{
  
	width: 50px;
	margin-right:5px;
}
.decimal{
  
	width: 20px;
	margin-right:5px;
}
.small {
	width: 111%;
}

.large {
	width: 226px;
}

.type{
    width: 120px;
	margin-right:5px;
}
.forms_data .col select {
	float: left;
}
.forms_data .row select {
	float: left;
}
.forms_data .row input .check_b .forms_data .col input .check_b {
 float: left;
 margin-top: 0px;
 background: none;
}
.forms_data input .radio_b {
	float: left;
	margin-top: 0px;
}
.forms_data .row select, .forms_data .col select {
	float: left;
	margin-top: 5px;
}

#leave-type-groups-for-location div {
    font-weight: bold;
    padding: 0.5em 0 0 0;
    line-height: 2;
}

#leave-type-groups-for-location ul li ul li {
    padding: 0 0 0.5em 1em;
}

/*-------------------*/
/* Stacked Forms    */
/*-------------------*/

 	
	
.forms_stacked {
	padding-top: 8px;
	margin-bottom:20px;
	margin-top: -25px;
}
.forms_stacked p {
	color: #353535;
	float: left;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height:15px;
	font-weight:normal;
	margin-top:3px;
}
	.forms_stacked label {
		color: #353535;
		float: left;
		font-family: 'Telus Normal', Verdana, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
		margin: 0;
	}

.new-row .forms_stacked label { float: none; }

.checkbox-label label {
	margin-left: 16px !important;
	display: inline-block !important;
}

.forms_stacked label.checkbox-label {
	float: none;
	font-weight: normal;
}
.forms_stacked .applicableToDiv label {
    clear: left;
    margin-top: 4em;
}
.forms_stacked .fmlaDurationDiv input {
    margin-bottom: 0.75em;
}
.new-row {
	background: none;
	float: left;
	clear: both;
	padding-top: 10px;
	width: 28rem;
}

.underline-hyperlink { text-decoration: underline; }

.new-row label {
	min-width: 30px;
}

	.new-row table {
		border: none;
		border-collapse: collapse;
		width: 100%;
	}
.new-row table thead tr {
	border:none;
	font-weight:bold;
	height:40px;
	width:800px;
	padding-right: 50px;
}
.new-row table thead td {
	padding-left: 10px;
}
.new-row table tbody td {
	color: #3D3D3D;
	padding:10px 50px 10px 10px;
	vertical-align: top;
	border:none;
	background-color:#E5E5E5;
}
.new-row .links {
	font-weight:normal;
}
.new-row .links a {
	padding-right:10px;
	text-decoration:underline;
	color: #517623;
}
a#links {
	text-decoration:underline;
	color: #517623;
}
.links a {
	font-weight:normal;
	padding-right:10px;
	text-decoration:underline;
	color: #517623;
}
.links_small a {
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
	color: #3D35C7 !Important;
	text-align: center;
}

.chosen-with-drop .chosen-single { border: 2px solid;}

.forms_stacked input[type="text"], .forms_stacked input[type="password"], #AbsenceReasonID, .forms_stacked select, .forms_stacked select[multiple="multiple"] {
	width: 97%;
	border: 2px #595959 solid;
	color: #353535;
	display: block;
	float: none !important;
	clear: both;
	height: 59px;
	font-family: 'Telus Normal', Verdana, Helvetica, sans-serif !important;
	font-size: 16px;
	margin-right: 18px;
	line-height: 20px;
	padding: 0 0 0 5px;
	border-radius: 8px;
	background: none !important;
	text-indent: 10px;
}

td .ui-datepicker-trigger {margin-right: 2em; }

.forms_stacked .row { margin-bottom: 30px; }

div#SelectedLocations_chosen input, .chosen-container-multi .chosen-choices {
	width: 100% !important;
	background: none !important;
	font-size: 16px;
	font-family: 'Telus Normal', Verdana, Helvetica, sans-serif !important;
	text-indent: 16px;
	border-radius: 8px !important;
}

#EditForm .chosen-container { width: 96% !Important; }

.chosen-container .forms_data span { background: none; }

.chosen-container {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	border-radius: 8px;
	width: 100% !important;
	margin-bottom: 24px;
}

.chosen-container-single .chosen-single div b {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/ic_chevron_up.png) no-repeat 0 0px !important;
	right: 10px;
}

.chosen-container-single .chosen-single div b {
	margin-top: 20px; 
}

#dataTable .chosen-container-single .chosen-single div b {
	background: url(../images/ic_chevron_up.png) no-repeat -2px 0px !important;
	background-size: 110% !important;
	margin-left: 8px;
	margin-top: 4px !important;
}

#dataTable .chosen-container-active.chosen-container-active .chosen-single div b {
	background: url(../images/ic_down_chevron.png) no-repeat -2px 0px !important;
	background-size: 110% !important;
	margin-top: 0px; 
}

#dataTable .chosen-container-active .chosen-single, #dataTable .chosen-single #dataTable .chosen-container-multi, #dataTable .chosen-container-single .chosen-single, #dataTable .chosen-container-active .chosen-choices, #dataTable chosen-container-multi {
	border: 0px solid;
}



.chosen-container-single a.chosen-single {
	padding-top: 20px;
}

.chosen-container-active.chosen-container-active .chosen-single div b {
	background: url(../images/ic_down_chevron.png) no-repeat -2px 1px !important;
	background-size: 110% !important;
}

.chosen-container-single .chosen-single div {
	width: 40px;
	height: 100%;
	margin-top: 24px;
	right: 10px !important; 
}



.add_employee a {
	position: relative;
	top: 4px;
	text-decoration: underline;
}


#CaseManagerForm .chosen-container-single .chosen-single span {
	margin-top: 0px;
}

#CaseManagerForm .chosen-container-single .chosen-single div {
	margin-right: 24px;
	width: 20px;
}




div#SelectedLocations_chosen input, .chosen-container-multi .chosen-choices {
	width: 100% !important;
	min-height: 40px !important;
	background: none !important;
	font-size: 16px;
	font-family: 'Telus Normal', Verdana, Helvetica, sans-serif;
	text-indent: 16px;
	border-radius: 8px !important;
}

.chosen-container {
	width: 30em !important;
}




.email-toggle {
	float: left;
}

.forms_stacked input[type="text"]:disabled {
	border-color: #ddd;
	background: #f1f1f1;
	color: #999999;
}

.input-validation-error {
	border: 2px solid #C22900 !important; }

.forms_stacked input[type="radio"],
.forms_stacked input[type="checkbox"] {
	float: left !important;
	border: none;
	margin-top: 5px;
	margin-right: 18px !important;
	height: 20px;
	width: 20px;
	accent-color: #3D34C7;
}

input[type="radio"] {
	accent-color: #3D34C7;
}
.radios {
	clear: both;
	margin-top: -3px;
}
.forms_stacked span {
	float: left;
	margin-top: 0px;
	margin-right:15px;
}
.forms_stacked input[type="checkbox"] {
	display: inline;
	float: none;
	clear: none;
	margin-top: 0px;
	height: 16px !important;
	width: 16px !important;

}
.forms_stacked .checkbox_row {
    clear: left;
}
.forms_stacked select {
	display: block;
	float: left;
	clear: both;
	height: 20px;
	margin-top: 5px;
	width: 136px;
	height: 56px;
	font-size: 16px;
	border-radius: 8px;
	border: 1px solid #353535;
}

.absences .dates {
	margin-top: 10px;
	font-size: 16px;
}


#StartTimeDiv .selections select, #ArrivalTimeDiv .selections select, #EndTimeDiv .selections select {
	float: left !important;
}

.forms_stacked select.selections {
	display: block;
	float: left;
	clear: both;
	height: 90px;
	width: 180px !important;
}
.float-row {
	float: left;
	line-height: 34px;
	overflow: hidden;
	margin-right:30px;
	margin-bottom:30px;
}
.float-row-lg {
	float: left;
	line-height: 34px;
	overflow: hidden;
	margin-right:25px;
	margin-top:-10px;
	margin-bottom:30px;
	width: 380px;
}

.view-leave-group {
	margin-bottom: 5em; 
}

.view-leave-group h2 {
	margin: 1em 0 0.25em 0;
}

.width-140px { width: 185%; }

.view-leave-group p.row {
    line-height: 20px;
	margin-bottom: 35px !important;
}

.view-leave-group p.row label {
    height: 20px;
}
.view-leave-group p.row select {
    float: none;
}

/*-------------------*/
/* Query STYLES    */
/*-------------------*/
#query {
	/* background: #efefef url('../images/query-bg.gif') repeat-x; */
	height:325px;
}
/*-------------------*/
/* fmla usage STYLES    */
/*-------------------*/
#fmla-usage {
	min-width: 640px;
	margin-top: 10px;
	width: 98%;
	clear: both;
	box-shadow: 8px 8px 40px rgba(20, 20, 20, 0.1);
}

	#fmla-usage #tabs {
		width: 100% !important;
	}

    #fmla-hours-usage { width: 97% !important; }


section.full-width-section {
	flex: 0 0 100%;
}

.flex-box { display: flex; }
.flex-box div.panel { }

.fmla-usage > #tabs {
	padding: 24px !important;
}

.ui-tabs-tab { margin-right: 35px !important; }


.ui-autocomplete div.ui-menu-item-wrapper {
	background-color: #FFFFFF;
	font-size: 14px;
	padding: 8px;
}

#fmla-usage .hours {
	font-size: 18px;
	color: #353535;
	width: 26.5rem;
	height: 169px;
	border-radius: 8px;
	padding-top: 16px;
	float: none;
}

.entitlement-tab-content + p {
	font-size: 14px;
	padding-left: 10px !important;
	line-height: 140%;
	margin-top: 24px;
}

#LoginForm {
	margin: 0 auto;
	margin-top: 10%;
}


a.nyroModal { font-size: 14px; text-decoration: underline; }

.hours:nth-child(1) { background-color: #EBEBEB;}
.hours:nth-child(2) { background-color: #FFF7BF; }
.hours:nth-child(3) { background-color: #DFF6D7; color: #007D0B !Important; }
.hours:nth-child(3) h1 { color: #007D0B !Important; } 

#fmla-usage h1 {
	font-size:48px;
	font-weight:bold;
	color:#353535;
	float:left;
	width:100%;
	text-align:center;
}
#fmla-usage .hours p {
	font-size:18px;
	font-weight:bold;
	padding-left:10px;
	float:left;
	margin-top:3px;
}
#fmla-usage .red {
	color:#ce2f2f;
}
#fmla-usage .green {
	color:#4e7a19;
}
#fmla-usage .desc {
	font-size: 12px;
	float:left;
	clear:both;
	line-height: 10px;
	font-weight:normal;
	text-align: center;
    width: 100%;
}
#fmla-usage .hoursDesc {
	float: none;
	font-weight: bold; 
	text-align: center;
	width: 100%;
}
#fmla-usage span {
	background: url("../images/shadow_1.gif") no-repeat scroll transparent;
	display: block;
	height: 25px;
	margin-top:-3px;
	margin-left:-20px;
	width: 352px;
}
/*-------------------*/
/* Upload STYLES    */
/*-------------------*/

.upload {
	padding-left:20px;
	margin-bottom:20px;
}
.upload .col {
	float:left;
	margin-right:25px;
}
.upload input, .upload select {
	margin-top:-5px;
}
.upload .txt {
	clear:both;
	font-size:10px;
	color:#a3a3a3;
	padding-top:20px;
	padding-left:20px;
}
.upload .txt a {
	float:none;
	color:#a3a3a3;
	text-decoration:underline;
	padding:0;
	margin:0;
	line-height: 11px;
}
.upload .sumbit {
	margin-top:25px;
	float:left;
}
.recent-upload {
	clear:both;
}
.recent-upload .clear {
	clear:both;
	padding-top:10px;
	margin-left:20px;
}
/*-------------------*/
/* Absence STYLES    */
/*-------------------*/

.absence .entry { margin-bottom: 0px; }

.absences {
	padding-top: 8px;
	float: left;
	clear: both;
	width: 100%;
}
.absence-col {
	width:175px;
	float:left;
}
.absence-col label {
	padding-bottom:10px;
}
.absence-col .entry {
	clear:both;
	float:left;
}
.selections {
	clear: both;
	font-size: 16px;
	line-height: 35px;
}

.absence-col input[type="radio"] {
	clear:both;
	float:left;
	background: none;
	margin-right:10px;
}
.absence-col input[type="checkbox"] {
	clear:both;
	margin-left:0px;
	background: url('' ) no-repeat transparent;
}
.absence-col hr {
	clear:both;
	padding-top:20px;
	margin-bottom:20px;
	border-bottom: 1px solid #cfcfcf;
	width: 100%;
}
.absences .date-col {
	float:left;
	width: 100%;
}

.flex-2-columns {
	display: flex; 
	
}

.flex-2-columns > div{
	flex: 2 2 auto; 
	flex-grow: 1;
}

.flex-3-columns > div {
	flex: 3 3 auto;
	flex-grow: 1;
}


	.flex-2-columns div.selections select {
		width: 47% !important;
		float: left !important;
		margin-right: 9px !Important; 
	}

	.absences .date-col .col {
		float: left;
		width: 175px;
		margin-right: 20px;
	}
.absences hr.divider {
	clear:both;
	border-top: 1px solid #cfcfcf;
	width: 100%;
	margin-bottom:10px;
	padding-top:20px;
}
.absences p {
	float:left;
}
.absences.notes textarea,
.associate_certification textarea.absence_note {
	width: 97%;
	margin-top: 5px;
	border: 1px solid #cccccc;
	padding: 5px;
}
.absences .dates {
	margin-top:10px;
}
/*-------------------*/
/* shift STYLES    */
/*-------------------*/


table.shift-list {
	margin-top:20px;
	font-size:12px;
}
table.shift-list tr.shift {
	height:30px;
}
/*-------------------*/
/* Denial COdes STYLES    */
/*-------------------*/


.denial-codes {
	font-size:12px;
}
table.denial-codes tbody tr td {
	padding: 10px 20px 10px 0;
	border-bottom:1px #e7e7e7 solid;
}



/*-------------------*/
/* Search STYLES    */
/*-------------------*/

.results-category{
    clear:both;
    width:100%;
    margin: 10px 0 0 30px;
}
.results-view{
    clear:both;
    float:left;
    padding-bottom:40px;
    margin-top:20px; 
}
.results-category span{
    clear:both;
    margin-left:-30px;
}
.search-divider{
float:left;
clear:both;
margin: 20px 0 20px 0;
  height:1px;
  background-color:#DEDEDE;
  width:100%;
}

p.results {
	float:left;
	color: #517623;
	margin-left:10px;
	margin-top:-10px;
}
h2.results {
	float:left;
	margin-top:-10px;
}
h4.results {
	position:absolute;
    left:0;
	margin:  0px 0 30px 30px;
}
.right_paging {
    position:absolute;
    right:0; 
	font-size: 12px;
	font-weight: normal;
	padding-right:10px; 
	width: 270px;
	
}
 
 
/*-------------------*/
/* Footer STYLES    */
/*-------------------*/
#footer {
	float: right;
	padding: 10px 0px 0 0;
	margin-bottom: 30px;
	height: 100px;
	border-top: 1px solid #E1E1E1;
	width: 100%;
	clear: both;
	text-align: right;
}
#footer p {
	color: #353535;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin-right:60px;
	margin-top: 36px;
}

#warning-msg {
	padding: 10px;
	background-color: #FFDBD1;
	width: 100%;
	height: auto;
	margin: 10px 0px;
	color: white;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #C22900;
	font-size: 14px;
	font-family: 'Telus Normal', Verdana, Helvetica, sans-serif;
	/*

    color: #C22900;
    border-radius: 8px;
    background-color: #FFDBD1;
    padding: 16px;
    margin-bottom: 40px; 

   */
}
#warning-req{
   padding:10px;
   background-color:#6BAE3D;
   width:100%;
   height:auto;
   margin:10px 0px;
   color:white;
   -moz-border-radius:  5px;
   border-radius:  5px;
}
#warning-msg ul , warning-req ul  {
   margin-top:5px;
}
#warning-msg ul li, warning-req ul li{
   list-style: disc;
   list-style-position: inside;
}
 /*-------------------*/
/* Dashboard STYLES    */
/*-------------------*/

.dbArea {
	margin: 20px 0 0 20px;
	font-size: 11.5px;
	width: 96%;
	text-align: left;
	clear: both;
}
.dbArea a{
   color:#B53A39; 
    text-decoration:underline;
}

	.dbArea h4 {
		font-size: 16px;
		color: #141414;
		font-weight: normal;
	}

.dbArea h6{
    float:left;
    clear:both;
    color: #4E7A19; 
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold; 
	
	padding-top:10px;

}

.notification{
    float:left;
    clear:both;
    padding:10px 0;
    margin-bottom:10px;
    width: 98%;
	
}

div.notification:last-of-type {
	border-bottom: none;
	margin-bottom: 48px;
}


 .notification h4{
    float:left;
    font-weight:bold;
	color:#353535;
	font-size:13px;

}

.wrapper-background {
	display: block; 
}

	.wrapper-background, .wrapper-background > #content {
		background-color: white;
		min-height: 55em;
	}

.notification_text {
	color: #000000;
	font-size: 14px;
	float: left;
	margin-left: 16px;
	padding-bottom: 5px;
	width: 82%;
	border-bottom: 1px #E1E3E0 solid;
}
	.notification_text a {
		text-decoration: underline;
		color: #3D35C7;
		font-weight: bold;
	}

.notification .dismiss{
   float:left;
    margin-top:5px;
   
}

.dbArea .notification {
	min-height: 24px;
	border-bottom: 1px solid #E1E1E1;
	padding-top: 25px;
	padding-bottom: 25px;
}

 div.notification-status {
	min-width: 158px;
	display: block;
	float: left;
}


.notification .recover{
   float:right;
    clear:none;
    margin-top:3px;
}

table#absence-list tbody tr td:last-child { text-align: center; }

table.tablesorter.transparent tbody tr td, table.tablesorter.transparent tbody tr {
	background: transparent !important;
}


 div.forms_stacked.flex-1 {
	flex: 1 1 auto;
}

.dbArea .notification h4, h4.complete {
	color: #007D0B;
	border-radius: 14px;
	background-color: #DFF6D7;
	padding: 4px 12px;
	width: fit-content;
}

.notification .release {
	float: right;
	clear: none;
	margin-right: 5px;
	background-color: #b53a39;
	color: whitesmoke;
	text-align: center;
	padding: 3px;
	text-decoration: none;
	border-radius: 2px;
}
.notification .take {

	float: right;
	clear: none;
	margin-right: 5px;
	background-color: #CAC8FF;
	color: #2C2E92;
	text-align: center;
	padding: 3px;
	text-decoration: none;
	border-radius: 16px;
	width: fit-content;
	font-size: 14px;
	padding-top: 8px;
	padding: 4px 12px;
	min-width: 43px;
}

.notification .taken {
     float: right;clear: none;margin-right: 5px; background-color:#ffd65d; color:#1c1c1c; text-align: center; padding: 3px; text-decoration: none; border-radius: 2px;
    background-image: none;
    display: inline;
    height: auto;
    width: auto;
    margin-top: 0;
}

.noteCell{ border-top: 0 none !important; padding: 0 0 5px !important; }
#CaseIcd\.StdCaseIcdNote{width:100%;}

.toggler { cursor: pointer; }

/*EditFmlaContractAbsenceReasons Styles*/
#fmlaContractAR th.move, #fmlaContractAR td.move { padding: 0 5px; }
#fmlaContractAR th.move a { color: #4E7A19; text-decoration: underline; }
#fmlaContractAR th.delete, #fmlaContractAR td.delete { width: 75px; }
#fmlaContractAR th.absencereason, #fmlaContractAR td.absencereason { width: 158px; }
#fmlaContractAR th.webonly, #fmlaContractAR td.webonly { width: 75px; }
#fmlaContractAR th.webonly, #fmlaContractAR td.usestd { width: 75px; }
#fmlaContractAR th.requiremessage, #fmlaContractAR td.requiremessage { width: 75px; }
#fmlaContractAR th.linkedonly, #fmlaContractAR td.linkedonly{ width: 75px; }
#fmlaContractAR th.isactive, #fmlaContractAR td.isactive { width: 75px; }
#fmlaContractAR input[type=text] {
	color: #353535;
	display: block;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 11px;
	height: 20px;
	line-height:12px;
	padding: 0 0 0 10px; 
	margin: 10px;
}
#fmlaContractAR select {
	color: #353535;
	font-size: 11px;
	height: 25px;
	line-height:12px;
	padding: 3px 0 0 10px; 
	margin: 0 10px;
}
#fmlaContractAR input.RemoveRow { width: 75px; }
#fmlaContractAR input.webonly { width: 75px; }
#fmlaContractAR input.usestd { width: 75px; }
#fmlaContractAR input.requiremessage { width: 75px; }
#fmlaContractAR input.linkedonly { width: 75px; }
#fmlaContractAR input.isactive { width: 75px; }
#fmlaContractAR div.movableArrow { width:7px; height:9px; display: none; background: url("../images/arrows.gif") no-repeat right bottom; margin:auto; }

#titleDisabledTextBox { background: #F1F1F1; border: 1px solid #C8C8C8; color: #353535; display: inline-block; line-height: 12px; padding: 0 0 0 10px; font-size: 14px; width: 96%; }
#titleTextBoxLabel { color: #4E7A19; font-size: 14px; font-weight: bold; }


.alter-calendar img.ui-datepicker-trigger {
	right: 30px;
}

/*Add and Edit Absence Styles*/
div#DepartTimeDiv, div#ArriveTimeDiv {
	display: none;
}
div#AbsenceDayOverridesPartial { max-height:500px; overflow:auto; }
table#AbsenceDayOverridesTable th { text-align:left; padding-left:10px; height: 50px; }
table#AbsenceDayOverridesTable tr td { padding: 0 0 5px 5px; }
table#AbsenceDayOverridesTable tr input[type="checkbox"] { margin-left:0; }
table#AbsenceDayOverridesTable tr p { padding-left: 5px; }
input#IsStdOrWc { clear:none; float:left; }
div.fmlaDurationDiv { display:none; }
#AbsenceDuration { height:25px; min-width:15px; }
#PertainsToTypeDiv { display:none; }
div#PertainsToTypeDiv #PertainsToTypeID { clear:none; margin-left:5px; }
#illnessOrInjuryOptions { clear:both; padding-top: 10px; display:none; }
#illnessOrInjuryOptions label { font-weight:normal; }
div.certification { display:none; }


.data { background: none; width: 100%; }
/* Fmla Certification View Styles */
div.data.width-1 h1 {
	width: 200px;
}
div.data.width-1 .col { width: 380px; }
div.data.width-1 div.text-block { float: left; line-height: 18px; min-width: 175px; padding-bottom: 10px; }
.popup-container-form .chosen-container {
	width: 100% !important;
}

.partial-form { width: 100%; }

.popup-container-form .row { width: 100% }

.popup-container-form .row label { height: 24px;  }

	.popup-container-form .row input[type="number"] {
		float: none !important;
	}

	div.data.width-2 h1 {
		width: 250px;
		margin-bottom: 25px;
	}
div.data.width-2 .col { width: 100%; }

.ArsSettingsBlock {
	clear: both;
	padding: 82px 0 28px 1.4em;
	line-height: 18px;
	font-size: 16px;
	width: 640px;
	line-height: 140%;
}
.header-section { clear: both; }

div.absences-buttons-container {
	float: left;
	content: "if this don't work, shit's broken";
}

	div.absences-buttons-container a {
		font-weight: 600;
		padding: 11px 8px 11px 8px;
		font-size: 16px;
		color: #3D35C7;
	}

.pagination-container {
	padding-top: 27px;
	border-top: 1px solid #595959;
}

	.pagination-container .nav_number { margin-right: 0px; }

	.delete-absence-multiple, .associate-absence-multiple, .check-all {
		margin-right: 5px;
	}

.scrollX{
	overflow-x: auto;
}


.DatePickerHideYear .ui-datepicker-year
{
 display:none;   
}

.checkbox-list .checkbox-item { margin-top: 7px; clear: both; }			
.checkbox-list .checkbox-item label, .checkbox-list .checkbox-item input { 
	float: left; 
	font-size: 14px; 
}			
.checkbox-list .checkbox-item label { width: 800px; }
	.checkbox-list .checkbox-item input {
		margin-right: 5px;
		appearance: none;
		border: 1px solid #3D35C7;
		border-radius: 2px; 
}


.checkbox-list.sm { float : left; }
.checkbox-list.sm .checkbox-item label { width: 150px; }

.forms_stacked input[type="checkbox"]:checked {
	background-color: #3D34C7;
}


.forms_stacked input[type="checkbox"]:focus {
	border: 1px solid #3D35C7 !important;
}


	#shift_day_rows select {
		float: none;
		display: inline;
	}

#shift_day_rows td {
    white-space: nowrap;
    padding: 10px;
}


#basicInfoForm, #certificationInfoForm, #existing_certifications, #existing_absences {
	margin-top: 10px;
	float: none;
}

#basicInfoForm {
	overflow: hidden;
}

#basicInfoForm .col {
	padding: 0;
	min-width: 0px; 
}

#existing_certifications {
	padding-left: 0px;
}

#FmlaCertificationStatuses div.checkbox-item {
	display: block;
	width: 333px;
	padding: 16px 16px 16px 0px;
}

.checkbox-container {
	height: 416px;
	flex-direction: row;
	display: flex;
	flex-wrap: wrap;
}


#FmlaCertificationStatuses div.checkbox-item label {
	width: auto;
}

#EntitlementOverrideForm .col {
	float: left;
	min-width: 300px;
}

#EntitlementOverrideForm .input {
	margin-top: 10px;
}

#EntitlementOverrideForm .input label {
	color: #353535;
	font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
}



#EntitlementOverrideForm .notes-input label {
	display: block;
}

#EntitlementOverrideForm .notes-input textarea {
	width: 100%;
	height: 175px;
	font-size: 16px; 
}

/*-------------------*/
/* Note Edit STYLES  */
/*-------------------*/
.note textarea {
	width: 90%;
	height: 120px;
	margin-top:5px;
	border: 1px solid #cccccc;
	padding: 5px;
}

.data .msg {
	margin-left: 20px;
}

.msg-success {
	color: green;
}

.msg-error {
	color: red;
}

/*-----------------------*/
/* View STD Case STYLES  */
/*-----------------------*/
.row-wide{
   width:auto;
}


/*-----------------------*/
/* button error STYLES   */
/*-----------------------*/
.has-error.input-validation-error{
  outline: 1px solid red;
}

td.buff-left, th.buff-left{
    padding-left:80px;
}

td.bordered-top{
    border-top: 1px #e7e7e7 solid;
    padding-top: 10px;
    padding-bottom: 5px;
}

th.bordered {
    border-left: 1px dashed blue;
    border-top: 1px dashed blue;
    border-collapse: collapse;
    padding-left: 50px;
    padding-right: 50px;
    border-style: dashed;
}
th.bordered-right{
    border-right: 1px dashed blue;
    border-left: 1px dashed blue;
    border-top: 1px dashed blue;
    border-collapse: collapse;
    padding-left: 50px;
    padding-right: 50px;
    border-style: dashed;
}

td.bordered {
    border-left: 1px dashed blue;
    border-top: 1px dashed blue;
    border-collapse: collapse;
    padding-left: 50px;
    padding-right: 50px;
    border-style: dashed;
}

td.bordered-right{
    border-left: 1px dashed blue;
    border-top: 1px dashed blue;
    border-right: 1px dashed blue;
    border-collapse: collapse;
    padding-left: 50px;
    padding-right: 50px;
    border-style: dashed;
}

td.bordered-bottom{
    border-left: 1px dashed blue;
    border-top: 1px dashed blue;
    border-bottom: 1px dashed blue;
    border-collapse: collapse;
    padding-left: 50px;
    padding-right: 50px;
    border-style: dashed;
}

td.bordered-bottom-right{
    border-left: 1px dashed blue;
    border-top: 1px dashed blue;
    border-bottom: 1px dashed blue;
    border-right: 1px dashed blue;
    border-collapse: collapse;
    padding-left: 50px;
    padding-right: 50px;
    border-style: dashed;
}

tr.collapsed{
    border-collapse: collapse;
}

/* modified from http://www.c-sharpcorner.com/UploadFile/f82e9a/data-displaying-in-table-format-in-diffrent-ways-in-mvc/*/
table.sofT{
    text-align: center;
    font-family: Verdana;
    font-weight: normal;
    font-size: 11px;
    color: #404040;
    width: 580px;
    background-color: #fafafa;
    border: 1px #6699CC solid;
    border-collapse: collapse;
    border-spacing: 0px; 
    width: inherit;
}

th.helpHed{
    border-bottom: 2px solid #6699CC;
    border-left: 1px solid #6699CC;
    background-color: #BEC8D1;
    text-align: left;
    font-family: Verdana;
    font-weight: bold;
    font-size: 11px;
    color: #404040;
    padding-left: 10px;
    padding-right: 10px;
}


td.helpBod{ 
    border-bottom: 1px solid #9CF;
    border-top: 0px;
    border-left: 1px solid #9CF;
    border-right: 0px;
    text-align: left;
    font-family:'Telus Normal', Verdana, sans-serif, Arial;
    font-weight: normal;
    font-size: 11px;
    color: #404040;
    background-color: #fafafa; 
}

hr.hr-divider {
	border: 1px solid #E1E1E1;
	margin: 40px 0px;
	width: 97%;
}

/*-----------------------*/
/* Chosen select list    */
/*-----------------------*/

div.chosen-container a.chosen-single {
	text-decoration: none;
	box-shadow: none;
	height: 59px !important;
	background: none !important;
}

a.chosen-single span {
	width: 90%;
	margin-top: 0px;
	text-decoration: none;
	font-size: 16px;
	text-indent: 8px;
}

.chosen-results{
    clear: both;
}



/*-----------------------*/
/* button error STYLES   */
/*-----------------------*/
.has-error.input-validation-error{
  outline: 1px solid red;
}

/* Audio Controls*/
audio {
    width:300px;
    height:30px;
}

/*-----------------------*/
/* optional tooltipster  */
/*-----------------------*/

.tip-link {
    color: #517623;
    width: fit-content;
}

.tip-link:hover {
    color: blue;
    cursor: pointer;
}

.link-in-tip {
    color: blue;
}

.link-in-tip:hover {
    cursor: pointer;
}

.blue-link-underlined {
    border-bottom: blue solid 1px;
    color: blue;
    cursor: pointer;
    width: fit-content;
}

/*-----------------------*/
/* Auto Claims Styles    */
/*-----------------------*/
fieldset.bordered {
    border-width: 2px;
    border-style: groove;
    border-color: threedface;
    border-image: initial;
    margin-left: 40px;
    clear: both;
    float: left;
    padding-left: 100px;
    padding-right: 100px;
}

.float-clear-left {
    float: left;
    clear: left;
}

.link-by-h1 {
    float: left;
    margin-top: 8px;
    margin-left: 20px;
}


legend.bordered {
    padding: 5px;
    border-width: 1px;
    border-color: black;
    border-style: solid;
    border-radius: 40%;
}

.col-tiny {
	float: left;
	width: 480px;
	padding-right: 20px;
	margin-bottom: 0px;
    margin-left: 0px;
    margin-top: 20px;
}

/* This is the same as notification_text, but less specific naming to be used anywhere'*/
.link-text {
	color: #3D35C7;
}

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

.link-text-no-underline {
	color: #2C2E92;
	font-size: 12px;
	font-family: 'Telus Normal', Verdana, Helvetica, sans-serif;
}
.link-text-no-underline:hover {
    cursor: pointer;
    text-decoration: underline;
}

hr.hr-line {
    float: right;
    clear: both;
    border-width: 1px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    border-style: inset;
}

.content_data h2.clear-left-padding {
    padding-left: 0 !important;
}

/*-----------------------*/
/* Data Table Specific   */
/*-----------------------*/

.dataTables_wrapper {
    padding-top: 30px;
}

#dataTable .chosen-container-single .chosen-search input[type=text] {
	background: url(../images/search_icon.png) no-repeat 95% !important;
	background-size: 15% !important;
}

table#data-table {
	padding-left: 0;
}

.dataTables_length label, .dataTable label {
	font-weight: 200;
	color: white;
}

.dataTables_length {
	width: 304px;
	height: 58px;
	border-radius: 8px;
	border: 1px #595959 solid;
	margin-bottom: 24px;
}

	.dataTables_length select {
		font-size: 16px;
		width: 282px;
		background-color: white;
		border: none;
		position: relative;
		top: 12px;
		left: 10px;
	}

#data-table thead tr th  {
	padding-left: 16px;
	padding-top: 25px;
	padding-bottom: 25px;
}

#data-table tbody td  {
	padding: 25px 16px;
}
/* fixes some css issues created by our other styles */
.dataTables_paginate span {
	display: inline;
}
.paginate_button.first, .paginate_button.last, .paginate_button.next, .paginate_button.previous {
    width: unset;
    height: unset;
    float: unset;
    background: unset;
}

a#client-companies_next, a#client-companies_previous {
	text-indent: -9999px !important;
}



.content_data .tablesorter th:first-child {
	min-width: 8px;
	text-decoration: none;
}


.data-table_paginate .first:hover:not(.disabled), .data-table_paginate .last:hover:not(.disabled) {
	width: unset;
	height: unset;
	float: unset;
	background-color: #333; /* this color was stolen from the datatables.min.js file, it's possible it will change in the future */
}

table.dataTable.compact tbody th, table.dataTable.compact tbody td {
	padding: 30px !Important;
}

.border-box {
    box-sizing: border-box;
}

.paging_simple_numbers span{
    display:inline;
}
/*Fixes nyromodal scrolling for the new version*/
.nyroModalCont {
    overflow: scroll;
}



button.regular {
	padding: 1px 6px;
	align-items: flex-start;
	text-align: center;
	cursor: default;
	color: white;
	box-sizing: border-box;
	padding: 2px 6px 3px;
	border-width: 2px;
	border-image: initial;
	padding: 0 16px 0 23px;
	width: 200px;
	background-color: #3D35C7;
	font-family: "Telus Normal", "Telus Normal", Verdana, Helvetica, sans-serif !important;
	border-radius: 100px;
	height: 35px;
}

span.default {
    font-family:'Telus Normal', Verdana, Helvetica, sans-serif;
    background: none;
    font-size: 16px;
    display: inline;
    color: black;
    margin: 0;
    height: auto;
    width: auto;
}

.ui-widget-header {
	background: none !important;
	padding: 0.2em 0.2em 0 !important;
	border-bottom: 1px solid #E1e1e1 !Important;
	border-radius: 0px !important;
	border-left: 0px !important;
	border-top: 0px !important;
	border-right: 0px !important;
}

.ui-widget.ui-widget-content {
	border: 0px solid #fff !important;
	padding: 0px;
	box-shadow: 8px 8px 40px rgb(20 20 20 / 10%);
}


	.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover , .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
		color: none !important;
		background: none !Important;
		border: none !important;
	}


		.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
			color: none !important;
		}



.ui-tabs .ui-tabs-nav li a {
	height: 42px;
	min-width: 42px;
}

.ui-tabs .ui-tabs-nav li:hover:after, .ui-tabs .ui-tabs-nav li.ui-state-active:after {
	border-bottom: 4px solid #3D35C7;
	content: " ";
	display: block;
	width: 40px;
	margin: 0 auto;
	border-radius: 2px;
	padding-top: 42px;
}

.ui-tabs-panel.ui-corner-bottom.ui-widget-content { width: 97% !important; }



.new-row table tbody td.no-left-right-padding {
	padding-left: 0;
	padding-right: 0;
}

ul.overflow-nav {
    white-space: nowrap;
    overflow-y: hidden;
    width: 100%;
}

ul.overflow-nav li {

    display: inline-block;
}

ul.overflow-nav::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

ul.overflow-nav::-webkit-scrollbar-thumb {
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background-color: #4E7A19;
}

ul.overflow-nav::-webkit-scrollbar-track {
    border-radius: 2px;

}

.float-left { float: left !important; }
.h3-font-size-16 { font-size: 16px !important; }
h3.h3-font-size-16 { padding-left: 0px; color: #141414; }

.font-size-14 { font-size: 14px !important; }
.need-assessment {
	padding-left: 0px;
	font-size: 14px;
}

.need-assessment td { 
	padding: 25px 16px 25px 0px; 
	font-size: 14px; 
}

	.need-assessment tr:nth-child(odd) { border-bottom: 1px solid #E1E1E1; }

.forms_stacked fieldset { display: block; }


#ui-datepicker-div {
	border-radius: 8;
	font-family: 'Telus Normal';
	width: 268px;
	min-height: 300px;
	padding: 12px;
	font-weight: normal !important;
}

.ui-datepicker table {
	height: 274px;
	width: 264px !important
}

.ui-widget-header {
	border-bottom: 0px !important;
} 

.ui-datepicker td span, .ui-datepicker td a {
	text-align: center !Important;
}

.ui-datepicker td span, .ui-datepicker td a {
	text-align: right;
}

.ui-datepicker-title {
	height: 30px !important;
	text-align: left !important;
	color: #595959 !important;
	font-size: 14px !important;
	margin: 0em 2.3em 0em 8px !important;
}

img.ui-datepicker-trigger {
	position: relative;
	bottom: 40px;
	float: right;
	margin-right: 4em;
}

.dates img.ui-datepicker-trigger { margin-right: 32px; }

.absences p {
	float: left;
	margin: 16px 0px !IMPORTANT;
	font-size: 16px;
	line-height: 140%;
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 14px !important;
	margin: 0px 0px 4px !important;
	width: 28%;
	color: #595959 !important;
}


.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	width: 30%!Important;
}


.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	position: static !important;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
	margin-left: 0px !important;
	margin-top: 0px !important;
}


.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	background: #3D35C7 !important;
	border-radius: 28px;
	margin: 0px auto;
	color: white !important;
	width: 14px;
	height: 14px;
	padding: 14px;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus {
	color: #3D35C7 !important;
}



.ui-datepicker td {
	border: 0;
	width: 33px;
	height: 47px;
	text-align: center;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	color: white;
	background-color: #3D35C7;
}


.ui-datepicker .ui-datepicker-prev span { left: 80% !important; }
.ui-datepicker .ui-datepicker-next span { left: 90% !important; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
	position: static;
	float: right;
	top: 19%;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	width: 49%;
	border: 0px;
}

 h2 { font-size: 24px; }


.phonecalls-recorddetail thead th {
	text-decoration: none !important;
	min-width: 15em;
}
.phonecalls-recorddetail tbody td {
	padding: 16px;
	border-bottom: 1px solid #E1E1E1;
	font-size: 14px;
}

.view-details.toggle-contents {
	float: none !important;
}

.full-clear{
	clear: both;
	float: none !important;
	margin-bottom: 24px;
}





.subtitle { font-size: 16px; }
#fmla-hours-usage { float: none !important;}

.no-flex { display: block !important; }

textarea { border-radius: 8px; }

[name="NoteText"] {
	width: 592px;
	height: 22px;
	border-radius: 8px; 
	font-size: 16px; 
	padding: 16px 17px;
}

section.flex-box {
	display: flex;
	flex-wrap: wrap;
}

	section.flex-box div.panel {
		align-self: stretch;
		width: 304px;
		margin-left: 32px;
		box-shadow: 8px 8px 40px rgb(20 20 20 / 10%);
		padding-left: 24px;
	}

div.config div.panel h2 {
	padding-top: 20px;
}

section.flex-box div.panel:first-of-type {
	margin-left: 0px;
}

.form-field[type="password"] {
	height: 18px;
	width: 280px;
	border: 1px solid #c2c2c2;
}

.full-width {
	width: 100% !important;
}

.full-width #EditForm { width: 100%; }

.margin-top-24 {
	margin-top: 24px;
}

form#CertSearchForm {
	width: 90%;
}

.margin-left-24 { margin-left: 24px; }

.line-height-140 { line-height: 140% !important; }

.config .panel {
	width: 325px !important;
	border-radius: 8px; 
	background-color: white;
}

.config ul li {
	font-size: 16px;
	margin-bottom: 24px;
}

#ClaimSearchForm .float-row-lg { width: 24em; }

#ClaimSearchForm input#StartDate, #ClaimSearchForm input#EndDate {
	width: 96% !important;
	margin-bottom: 0px;
}
#ClaimSearchForm select#ClientCompanyID {
	width: 102%;
	padding-right: 0px;
	float: none;
}

.companyUpcomingAbsences + #SearchForm  {
	float: none; 
}


	.companyUpcomingAbsences + #SearchForm .float-row-lg {
		float: left;
		line-height: unset;
		overflow: unset;
		margin-right: 40px;
		margin-top: unset;
		margin-bottom: 30px;
		width: auto;
	}

		.companyUpcomingAbsences + #SearchForm .float-row-lg label {
			line-height: 34px; 
		}

		.companyUpcomingAbsences + #SearchForm .float-row-lg .full-clear { margin-bottom: 0px; }


	.companyUpcomingAbsences + #SearchForm select.selections {
		display: block;
		float: left;
		clear: both;
		height: 8.3em;
		width: 20em !important;
	}




	.width-40 {
		width: 76em;
	}

.config .panel h2, .panel p { padding: 0px; }

.config .panel p {	font-size: 16px; }

#note_form #NoteText { width: 93%; }

.forms_data .col {
	margin-bottom: 16px;
	margin-right: 20px;
	font-size: 16px;
	line-height: 140%;
}


.full_form .content_data .right_links h2 {
	margin-right: 0px;
	margin-top: 2px;
}

#StartDateDiv, #DepartTimeDiv {
	font-size: 16px;
}

	#StartDateDiv label, #EndDateDiv label {
		font-size: 16px;
	} 


	#StartDateDiv {
		margin-top: 25px;
	}

.forms_stacked #StartDateDiv p,
.forms_stacked #EndDateDiv p {
	float: none;
}

.ui-widget-header {
	font-weight: normal !important;
}



.entry { margin-bottom: 24px; font-size: 16px; width: 100%; }

.DifferentHoursApply { margin-left: 17px;  }

div#absenceFmlaDurationDiv label {
	font-size: 16px;
}

#fmlaDurationDiv label {
	margin-bottom: 20px;
}

.flex-2-columns > div {
	float: left;
	width: 50.3%;
}

.flex-3-columns > div {
	float: left;
	width: 31.3%;
}

.flex-3-columns div select {
	width: 47% !important;
	margin-right: 8px !important;
}




div#StartTimeDiv {
	margin-right: 4px;
}



.right-margin-remove {
	margin-right: 0px;
	margin-left: 5%;
	width: 95% !important;
}

.nyroModalCloseButton {
	top: 204.5px !important;
	left: 1637.12px !important;
	width: 25px;
	height: 25px;
}


.absence-menu {
	float: right !important;
	font-size: 12px;
	font-weight: normal;
	padding-right: 30px;
	padding-top: 2px;
}

	.absence-menu ul li h2 {
		color: #353535;
		font-family: 'Telus Normal', Verdana, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		margin-right: 0px;
	}

.absence-menu ul li { float: left; }

table.data-table-with-margin { width: 94% !important; }

table.dataTable thead th, table.dataTable tbody td {
	border-bottom: 0px !important;
	font-size: 14px;
	padding-left: 18px !important;
}

table.dataTable.no-footer { border-bottom: 0px !important; }

.full_form .dbArea { 
	margin-left: 0px; 
	width: 91%;
}

.search .send {
	position: relative;
	right: 188px;
	top: 10px;
}

.dataTables_info { font-size: 14px;  }



.dataTables_paginate paging_simple_numbers {
	color: #fff;
	background: #3D35C7;
	border-radius: 28px;
}

.paginate_button current {
	color: #fff;
	background: #3D35C7 !important;
	border-radius: 28px;
}

/*
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
	color: #fff;
	background: #3D35C7 !important;
	border-radius: 28px;
} */

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	color: white !Important;
	background: #3D35C7 !important;
	border-radius: 28px;
	border: 0px !important;
}

.fmla-hours-usage .entitlement-tab-content {
	padding: 0px !important;
}

.ui-tabs .ui-tabs-nav {
	border-bottom: 1px solid #E1E1E1 !important;
	padding-top: 24px !Important;
}

	.ui-tabs .ui-tabs-nav a {
		text-align: center;
		font-size: 16px;
		color: #3D35C7 !important;
	}

	.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
		padding: 0px !important;
	}

	.ui-tabs .ui-tabs-nav li:first-child {
		margin-left: 24px;
		height: 44px;
	}

#fmla-usage .hours:nth-child(2) { margin: 0px 24px; }


#client-companies_filter label {
	color: white;
}

.recent-upload h5 { font-size: 18px; text-indent: 0px; padding-left: 0px;  }

table.recent-uploads-table thead { height: 36px !important; }
table.recent-uploads-table th { padding-top: 20px !Important; }


.employees_section h3.add {
	padding-right: 0px;
}

	.employees_section h3.add a {
		font-size: 16px;
		text-decoration: underline;
		margin-right: 0px;
	}

label { font-size: 14px; }

.col-3-fieldset {
	width: 93% !important;
}

.content-table {
	width: 72px;
}


label#number-entries {
	position: relative;
	top: 114px;
	left: 12px;
}


table.dataTable.display tbody tr:last-child td {
	border-bottom: 1px solid !important;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr, table.tablesorter tbody tr td { background-color: #FFFFFF !Important; line-height: 140%; }

.ui-state-default.ui-state-highlight.ui-state-hover { color: white !Important; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { color: #3D35C7; }

.ui-icon-circle-triangle-w {	background-image: url(../images/ic_back_chevron.png) !important; }
.ui-icon-circle-triangle-e {  	background-image: url(../images/ic_next_chevron.png) !important; }
.ui-icon-circle-triangle-e, .ui-icon-circle-triangle-w {
	background-position: 0px !Important;
}

a.nyroModalClose.nyroModalCloseButton.nmReposition {
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
}

#EmployeeSearchForm { width: 91%; }

.add_employee {
	position: relative;
	right: 105px;
}

.template-table {
	width: 100%;
}


#EmployeeSearchForm .container section {
	flex: 4 0 auto;
	width: 36.5em;
}

#dataTable .permissions-row .chosen-container {
	width: 10em !Important;
	margin-right: 12px;
}


table#dataTable .chosen-container, table#dataTable .chosen-single {
	height: 30px !important;
	padding-top: 0px;
}

table#dataTable .permissions-row .chosen-container .chosen-container-multi {
	height: 63px !important;
}

table#dataTable .chosen-container-multi .chosen-choices li.search-field {
	padding-top: 0em !important;
	margin: 0px;
	padding-left: 0px;
}

table#dataTable .chosen-container-multi .chosen-choices li.search-field input {
	font-size: 14px; 
}

table#dataTable .chosen-container.chosen-container-multi {
	height: 64px !important;
	width: 13em !important;
}


table#dataTable .popup-container input[type="text"]:focus {
	height: 30px !important;
}

table#dataTable a.chosen-single span {
	font-size: 14px; 
}


.permissions-row label {
	font-size: 12px !important;
	margin-bottom: 20px;
}

.permissions-row td { vertical-align: top; }

.chosen-container-single .chosen-single div {
	margin-top: 0px;
}

#EmployeeSearchForm section div.radios, #ClaimSearchForm .checkbox-item label {
	margin-bottom: 16px;
	display: block;
	height: 20px;
	width: auto;
	margin-top: 0px;
}

#history-list.tablesorter thead th:last-child {
	text-align: left;
}

#EmployeeSearchForm section div.radios label {
	font-size: 14px;
}

div.radios label {	margin-top: 5px;  }


#EmployeeSearchForm label, .checkbox-item p, #ClaimSearchForm label {
	font-size: 16px;
}

#EmployeeSearchForm select { width: 93%; }

.chosen-container-multi .chosen-choices li.search-choice {
	border-radius: 25px !important;
	background-color: #EAE9FF !Important;
	border: 0px !important;
	background-image: none !important;
	padding-top: 8px !important;
}

	.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
		background: url(../images/circle-x.png) no-repeat !important;
		height: 14px !important;
		width: 14px !important;
		right: -8px;
		top: 8px !important;
	}

	.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-image: url(../images/circle-x.png) !important; }


.chosen-container-multi .chosen-choices li.search-choice span {
 color: #3D35C7 !important;
 font-size: 12px;
}

li.search-choice span {	color: #3D35C7 !important; }

li.search-choice {
	height: 32px;
}

.chosen-container-multi .chosen-choices {
	min-height: 63px !Important;
	font-family: 'Telus Normal', Verdana, Helvetica, sans-serif !important;
}

.search-field {
	padding-top: 16px;
	padding-left: 16px;
}

li.search-field {
	padding-top: 10px !important;
	padding-left: 20px; 
}

.chosen-choices .search-field { padding-top: 16px !important; }

.search-field input {
	text-indent: 16px;
}

a.chosen-single.chosen-default {
	height: 63px;
	padding-top: 20px;
	background-image: none !important; 
}

.absence-menu ul li:first-child {
	padding-left: 0px;
}

#SearchForm input#StartDate, #SearchForm input#EndDate {
	width: 97% !important; 
	margin-bottom: 16px;
}

#SearchForm .option a,
#CreateForm .option a {
	float: left;
}

#CreateForm .forms_stacked  {
	flex: 1 1 0;
}

.margins-32-40 {
	margin: 40px 0px 32px;
	font-size: 16px;
}

form#SearchForm label {	margin-right: 16px; }


#SearchForm img.ui-datepicker-trigger {
	bottom: 59px;
}
	

#basicInfoForm input.dateTextBox { width: 96% !important; } 



.content_data .row input[type="text"] {
	background: none!important;
}

.flex-container {}


a.tooltip { margin-left: 0px !important; }

.main_form p.next a.js_paginglink img {
	bottom: -3px;
}

.col-3-fieldset {
	display: flex !important;
}

.col-3-fieldset .row, .col-3-fieldset .column {
	
	width: 320px;
}

.form-fields-3 div:not(:first-child) { margin-right: 30px }

div.form-field-3 div.columns div { margin-right: 0px !important; }

a.paginate_button.next {
	background: url("/Content/images/ic_next_chevron.png") !important;
}

a.paginate_button.previous, a.previous.disabled {
	background: url("/Content/images/ic_back_chevron.png") !important;
}

div.dataTables_paginate a#client-companies_next:hover, div.dataTables_paginate a#client-companies_previous:hover {
	border: none;
}


.paginate_button {
	font-size: 14px;
	padding: 0.5em .8em !important;
}


div.dataTables_paginate a.paginate_button.previous:hover, a.paginate_button.previous.disabled {
	background: url("/Content/images/ic_back_chevron.png") !important;
}

div.dataTables_paginate a.paginate_button.next:hover, div.dataTables_paginate a.paginate_button.next.disabled {
	background: url("/Content/images/ic_next_chevron.png") !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	margin-left: 2px;
	margin-right: 2px;
	background-repeat: no-repeat;
}

.paginate_button.current {  width: 1.7rem; border: 0px;  }
.paginate_button {	width: 1.7rem !important; }


.forms_data div.push-up-label [type="password"]:focus, div.push-up-label [type="text"]:focus {

	padding-left: 10px;
}

.forms_data div.push-up-label label { bottom: 55px; }

td div.push-up-label input:focus {
	padding-top: 10px !important;
	padding-bottom: 0px !important;
}

	td div.push-up-label input:focus + label {
		bottom: 59px;
		padding-left: 10px;
	}


form div.push-up-label label, form div.push-up-label input:placeholder-shown label, div.push-up-label label {
		position: relative;
		bottom: 75px;
		left: 19px;
		width: 100%;
		/*    transition: 0.2s; */
		font-size: 16px;
		visibility: hidden;
	}

div.push-up-label input {
	padding-top: 0px; 
	text-indent: 10px; 
}

.split-col1 .row {
	margin: 0px; 
}

.validation-summary-errors {
	width: 91%;
}

.validation-summary-errors {
	font-family: 'Telus Normal', Verdana, Helvetica, sans-serif;
	color: #C22900;
	border-radius: 8px;
	background-color: #FFDBD1;
	padding: 16px;
	margin-bottom: 40px;
	line-height: 140%;
	font-size: 14px;
	width: 92%;
}


div.push-up-label [type="password"]:focus, div.push-up-label [type="text"]:focus {
	padding-top: 20px !important;
	padding-bottom: 10px !important;
	text-indent: 0px;
}

div.push-up-label input:focus:not(placeholder-shown) + label {
	top: 100%;
	margin-top: 0px;
	font-size: 12px;
	left: 11px;
	visibility: visible;
}


div.push-up-label input:focus::placeholder {
	color: transparent;
}

.push-up-label {
	min-height: 80px;
	max-height: 80px;
}


p.info-text + .small {
	margin-left: 25px;
	width: 97%;
	color: #595959;
}

div.push-up-label input[type="text"].error:focus + label {
	color: #C22900 !important;
}


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


/* */

#SearchLoginAs {
	height: 32px !important;
	width: 288px;
	border-radius: 24px;
	padding: 6px 8px 6px 8px;
	position: relative;
	border: 0px solid !important;
	text-indent: 36px;
	font-size: 14px;
	background: url("../images/magifying-glass.svg") no-repeat scroll 0 0 #F5F5F5;
	background-position: 15px 12px;
}

table.dataTable thead .sorting {

}


.white-background {
	background: white;
}
.margin-bottom-zero { margin-bottom: 0px; }

div.login-as {
	position: absolute;
	right: 297px;
	top: 38px;
	width: 304px;
	height: 48px;
	padding: 8px;
	border-radius: 8px 8px 0px 0px;
	background-color: #FFFFFF;
}


form#login-form [type="reset"] {
	position: relative;
	float: right;
	bottom: 30px;
	background-color: transparent;
	border: 0px;
	font-size: 16px;
	font-family: 'Telus Normal', Helvetica;
	text-decoration: underline;
	color: #3D35C7;
	font-weight: bold;
	margin-right: 15px;
}

.main_form div.nav_number p.next {
	margin-top: 0px !important;
}


.ui-autocomplete div.ui-menu-item-wrapper {
	background-color: #FFFFFF;
	font-size: 14px;
	padding: 8px 16px;
	height: 53px;
	line-height: 19.6px;
}

.ui-autocomplete div.ui-menu-item-wrapper:hover { color: #3D35C7; }

	.ui-widget-content {
		width: 253px !important;
	}

#ui-id-1 {
	height: 500px !important;
	overflow: hidden;
	overflow-y: auto;
	overflow-x: hidden;
	left: 1209.88px !important;
	top: 115px !important;
}


.ui-menu .ui-menu-item {
	width: 225px;
}

#activeCerts { padding-top: 0px; }

#CreateCertification {
	margin-top: 10px;
}


.editHistoryTable div {
	float: left; 
	padding-right: 20px; 
}

.editHistoryTable .row {
	width: 15em;
}


.fml-container.popup-form div.plan-row { width: 300px !important; }

.dateContainer {
	width: 37%;
	line-height: 34px;
}


.popup div.push-up-label [type="text"]:focus {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}



/*
@media screen and (min-width: 768px) and (max-width: 1024px) {
	header, #footer, .title_nav, .right-margin-remove {
		width: 140.8em !important;
	}
	.nav ul li a span {
		font-size: 1.4em;
	}
	html { overflow-x: hidden; }
}

*/

@media screen and (min-width: 768px) and (max-width: 1620px) {


	


	#calendar .fc-event-container .fc-day-grid-event {
		border-radius: 50px;
		height: 3.2em;
		width: 3.2em;
		margin-top: -70px;
		border-width: 3px;
	}


	
	.content_data .row label {
		font-size: .8em;
	}

		.main-new-master {
		width: 148em;
	}

	#footer {
		height: 151px;
	}

	/*
header, #footer, .title_nav {
	width: 106%;
}

	*/

}

@media (min-width: 992px) {
	.box_login.col-md-offset-3 {
		margin-left: 30% !important;
	}

	.col-3-fieldset .row, .col-3-fieldset .column, .content_data .plan {
		font-size: 1.2em;
		width: 18rem;
		padding-right: 10px;
	}

	

}


@media screen and (max-width: 450px) {
	#wrapper_login {
		bottom: 140px;
	}
		#wrapper_login h1 {
			margin-top: 30px;
		}
}
@media screen and (max-width: 998px) {

	.col-3-fieldset .row, .col-3-fieldset .column {
		width: 13em;
	}

	#fmla-usage .desc {
		font-size: .8em;
	}

	#fmla-usage .hours {
		font-size: 1em;
	}
		#fmla-usage .desc {
		font-size: 9px;
	}

	.entitlement-tab-content + p {
		font-size: 12px;
	}
		.search .send {
	background-size: 15px 19px;
}



	#fmla-usage h1 {
		font-size: 2.0rem;
	}
		.lifeworks-logo img {
		width: 128px;
		height: 19px;
	}

	.top_nav ul {
		width: 370px;
	}

	.user-name-bp {
		display: block;
		color: #3D35C7;
		font-size: .8rem;
	}

}


	@media screen and (max-width: 768px) {
		#fmla-usage .hoursDesc {
			font-size: 14px;
		}

		#fmla-usage .desc {
			font-size: 11px;
			line-height: 15px;
		}

		#fmla-usage .hours {
			height: 106px;
		}

		#fmla-usage h1 {
			font-size: 1.8rem;
		}

		#fmla-usage {
			width: 90%;
		}

		.content_data table.tablesorter tbody tr td {
			padding: 27px 14px 26px 14px;
			font-size: 12px;
		}

		.data {
			min-width: 100% !important;
		}

		.content_data h3 a {
			color: #3D35C7;
			font-size: 12px;
		}

		#fmla-usage h1 {
			font-size: 28px;
		}

		.top_nav ul {
			width: 370px;
		}

		.search .text {
			font-size: 12px;
		}

		.rightcol_area ul li a {
			font-size: .8rem;
		}

		a.nyroModalLarge {
			display: block;
		}

		.col-3-fieldset .row, .col-3-fieldset .column, .content_data .plan {
			width: 13rem;
		}



		#fmla-usage h1 {
			font-size: 1.5rem;
		}


		.main-new-master {
			width: 148em;
		}

		.col-3-fieldset .row, .col-3-fieldset .column {
			width: 230px;
		}
	}


	.user-name-bp {
		display: none;
	}


.fml-page-control .nav_number .next img {
	bottom: -5px;
}

@media screen and (max-width: 1620px) {
	.entitlement-tab-content + p {
			font-size: 12px;
		}

		h3.edit {
			z-index: 99;
			position: relative;
			margin-top: 40px !Important;
		}
			

		.rightcol_area h2 {
			font-size: .8em;
		}

		.data h3 {
			display: block;
			float: none;
			clear: both;
			margin-left: -18px;
			margin-top: 24px;
		}
			.async-action {
			width: 85%;
			overflow-y: hidden
		}

		table.tablesorter th {
			font-size: 12px !important;
		}
			table .tablesorter thead {
			height: 56px;
			font-size: 10px;
		}
			table #absence-list th, table.tablesorter th {
			font-size: 1.4em;
		}

		.all a, add a {
			display: block;
			float: none; 
		}

		.content_data table.tablesorter tbody tr td {
			font-size: 12px;
		}

	.note-text pre {
		line-height: 19.6px;
		font-size: 14px;
		white-space: pre-wrap;
		word-wrap: break-word;
	}

	
		.subnav-background .title_nav h4 {
			padding-left: 0px;
			font-size: 13px;
			padding-top: 4px;
		}

		#fmla-usage {
			min-width: 0 !important; 
		}

		.content_data h3 a {
			color: #3D35C7;
			font-size: 14px;
		}


		.nav ul li {
			float: none;
			margin: -3px 5px 0 0;
		}


		.header {
			min-height: 142px;
		}

		.logo {
			display: block;
		}

		.user-name {
			display: none;
		}

		.user-name-bp {
			display: block;
			color: #3D35C7;
			font-size: 14px;
		}
	}

	@media screen and (min-width: 1105px) and (max-width: 1210px) {
		.config .panel {
			font-size: 14px;
			margin-bottom: 16px;
		}

			.config .panel:nth-child(4) {
				margin-left: 0px;
			}
	}

	@media screen and (max-width: 1073px) {
		.config .panel {
			font-size: 14px;
			margin-bottom: 16px;
		}

			.config .panel:nth-child(3) {
				margin-left: 0px;
			}
	}






	@media screen and (max-width: 1620px) {

		.data h4 {
			font-size: 15px;
		}


		.config .panel {
			width: 20.2em !important;
			margin-bottom: 20px;
		}

		.content_data h2 {
			font-size: 1.2rem;
		}

		.config ul li {
			font-size: 0.9rem;
		}

		.nav_number {
			padding-right: 6em;
		}

		.top_nav ul li:first-child {
			display: none;
		}


		.nav_area {
			height: auto;
		}

		.top_nav ul li {
			font-size: 14px;
		}

		.subnav-background {
			width: 100%;
			padding: 0px;
		}

		.main-master .title_nav {
			width: 93.3%;
		}

		.title_nav h4 {
			padding: 0px 20px 1px 0px;
			padding-left: 20px;
			font-size: 14px;
		}



		.title_nav {
			padding: 0px 3em;
			width: -webkit-fill-available;
			position: relative;
			bottom: 6px;
			border-top: 1px solid #E1E1E1;
		}

			.title_nav ul li a {
				font-size: 14px !Important;
			}

		.subnav-background .title_nav h4 {
			padding-left: 0px;
			font-size: 16px;
		}

		.search, #SearchLoginAs {
			width: 222px;
		}

		form#login-form [type="reset"] {
			float: none;
			bottom: 0px;
			right: -6px;
			font-size: 14px;
		}

		.config .panel p {
			font-size: 14px;
		}

		#SearchLoginAs {
			height: 22px !important;
			background-position: 13px 9px;
		}

		div.login-as {
			position: absolute;
			right: 170px;
		}

		.search .text {
			width: 180px;
			height: 25px;
		}

		.search .send {
			position: relative;
			right: 180px;
			top: 5px;
		}

		.nav ul li a span {
			font-size: 14px;
		}


		.nav_area {
			padding-top: 18px;
			height: 110px;
			padding-top: 10px;
		}

		.top_nav ul li:last-child {
			float: right;
		}

		.top_nav ul li a {
			padding: 0px 0px;
		}
		/*
		.top_nav ul li:first-child {
			position: relative;
			top: 40px;
			border: 0px;
		}*/


		.nav_area {
			height: auto;
		}


		.width-140px .chzn-select, .width-140px .chosen-container {
			width: 225px !important;
		}

		.main_form {
			width: 75%;
		}

		.rightcol_area {
			display: block;
			float: right;
			height: 100%;
			background-color: #FFFFFF;
			width: 30%;
			margin-left: -38px;
			font-size: 12px;
		}

		.rightcol-container {
			font-size: 14px !Important;
		}

		#fmla-usage .hours:nth-child(3) {
			margin-right: 24px;
		}


		.rightcol_area ul li a {
			font-size: 14px;
		}
	}



	@media screen and (max-width: 769px) {
		section.flex-box div.panel:nth-child(4) {
			margin-left: 0px;
		}

		.config ul li {
			font-size: 14px;
		}
	}