:root {
	--main-tab-bg-color: #00668f;
	--main-bg-color: #f8f8f8;
	--main-alt-color: #008AC2; /*#329cd3;*/
	--frame-border-radius: 5px;
	--button-border-radius: 5px;
}

Body /* take control of label and link buttons */ {
	font-size: 1.0em;
	font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; /*"Open Sans", Verdana, Tahoma, Arial, Helvetica, Sans-Serif;*/
	font-style: normal;
}

.logon {
    background: #f8f8f8 url('images/watermark.png') no-repeat 0px top;
	background: var(--main-bg-color,#f8f8f8) url('images/watermark.png') no-repeat 0px top;
}
.LogonTable
{
	display: inline-block !important;
	margin-left: 60px;
}

.LogonTable img {
	height: 250px;
}

.logonlogo
{
	position: absolute;
	top: 55px;
	left: 30px;
}
.AppCaption {
	font-size: 2.75em;
	font-weight: 900;
	position: absolute;
	color: #00668f;
	color: var(--main-tab-bg-color,#00668f);
	top: 190px;
	left: 110px;
}
/*Version label*/
.AppCaption .LabelCaptionLight {
	font-size: 0.25em;
}

TABLE.PageHeaderTable {
	background-color: #008AC2;
	background-color: var(--main-alt-color,#008AC2);
	border-top: #8898a8 solid 2px;
}

.Logon .Label, .LabelCaptionLight
{
	font-size: 0.9em;
	color: #2D374D;
	font-weight: bolder;
}
#LabelInfo.Label
{
	font-size: 0.8em;
}

.Label
{
	font-size: 0.8em;
	font-weight: bold;
	padding-left: 10px;
}

.LabelNotRequired 
{
    font-weight: normal    
}

.LabelIFrameError 
{
    font-weight: bold;
    font-size: 1.1em;
    color: Red
}

.LabelOverride
{
	font-weight: bold;
	color: white;
}

.InhertVerticalAlign
{
	vertical-align:inherit;
}
.version
{
	position: relative;
	top: -21px;
	left: 250px;
	font-size: 0.9em;
	color: buttontext;
}
a.simplelink {
    font-size: .7em !important;
    font-weight: bold !important;
    padding: 1px;
    display: inline-block;
    text-decoration: none;
    width: 10px;
    color: rgb(0, 102, 143);
}
a:hover.simplelink {
    color: #2D374D;
}

a.arrowlink {
    font-size: .7em !important;
    font-weight: bold !important;
    padding: 1px;
    display: inline-block;
    text-decoration: none;
    width: 10px;
    color: rgb(255, 255, 255);
}

.SideBar A, .SideBar A:hover.MiniButtonDropdown
{
	display: block;
}

.SideBar UL, .SideBar UL LI A
{
	margin-top: 0px;
	font-size: xx-small;
}
.bodybackground {
	/*background: #f5f7fa no-repeat fixed 8px bottom;
	background-image: none !important;*/
}

input.LinkButton, .MiniButtonDropdown, .MiniButtonDroppeddown, A:visited.LinkButton, A:visited.linkbutton
{
	color: #2D374D;
	background: #E7EBF1;
	border-top: solid 2px #F5F8FA;
	border-left: solid 2px #F5F8FA;
	border-bottom: solid 2px #8898a8;
	border-right: solid 2px #8898a8;
	font-size: 0.8em;
	font-weight: bolder;
	text-decoration: none;
	top: +2px;
	padding: 5px 10px 5px 10px;
	cursor: default;
}
span.LinkButton {
	color: #2D374D;
	background: #E7EBF1;
	border-top: solid 2px #F5F8FA;
	border-left: solid 2px #F5F8FA;
	border-bottom: solid 2px #8898a8;
	border-right: solid 2px #8898a8;
	font-size: 0.8em;
	font-weight: bolder;
	text-decoration: none;
	top: +2px;
	padding: 5px 10px 5px 10px;
	display: inline-block;
    border-radius: 5px;
	border-radius: var(--button-border-radius)
}

A.SideBarLink {
	color: #2D374D;
	background: #E7EBF1;
	border-top: solid 2px #F5F8FA;
	border-left: solid 2px #F5F8FA;
	border-bottom: solid 2px #8898a8;
	border-right: solid 2px #8898a8;
	font-size: 0.7em;
	font-weight: bold;
	text-decoration: none;
	top: +2px;
	padding: 3px;
	cursor: hand;
    border-radius: 5px;
	border-radius: var(--button-border-radius);
}
.miniButton {
	color: #2D374D;
	background: #90b5d6;
	font-size: 0.9em;
	text-decoration: none;
	top: +2px;
	padding: 3px;
	cursor: hand;
}
.minibutton A.SideBarLink
{
	font-size: .8em;
	text-decoration: none;
	font-weight: normal;
}

A:visited.SidebarLink, A:hover.SideBarLink, A:active.SidebarLink, .SideBarLink, .SideBar A, .SideBar A:hover.MiniButtonDropdown
{
	display: block;
}

A:hover.MiniButtonDropdown
{
	padding-right: 20px;
	background: #417AbE url('images/DropDownExpandHover.png') no-repeat right 4px;
}
.MiniButtonDropdown {
	padding-right: 20px;
	background: #E7EBF1 url('images/DropDownExpand.png') no-repeat right 4px;
	display: inline-block;
    border-radius: 5px;
	border-radius: var(--button-border-radius);
}
.MiniButtonDroppeddown
{
	color: #E7EBF1;
	padding-right: 20px;
	background: #417AbE url('images/DropDownExpandHover.png') no-repeat right 4px;
}
.miniButton .miniButton {
	padding-left: 3px;
	background-color: #417AbE;
    border-radius: 5px;
	border-radius: var(--button-border-radius);
}
input:active.LinkButton, A:active.SidebarLink
{
	color: #E7EBF1;
	background: #417AbE;
	border-top: solid 2px #8898a8;
	border-left: solid 2px #8898a8;
	border-bottom: solid 2px #F5F8FA;
	border-right: solid 2px #F5F8FA;
	text-decoration: none;
	cursor: hand;
}

input:hover.LinkButton, A:hover.SideBarLink,  span:hover.LinkButton {
	color: #E7EBF1;
	background: #417AbE;
	border-top: solid 2px #F5F8FA;
	border-left: solid 2px #F5F8FA;
	border-bottom: solid 2px #8898a8;
	border-right: solid 2px #8898a8;
	text-decoration: none;
	cursor: hand;
}
.PageTitle
{
	padding-left: 20px;
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 2px;
	padding-top: 1px;
	color:white;
}

.PageSubTitle
{
	padding-left: 20px;
	font-weight: bold;
	color: whitesmoke;
	font-size: 0.8em;
	border-bottom: #8898a8 solid 2px;
}

.TabHeader {
	color: #FFF !important;
	background-color: #00668f;
	background: var(--main-tab-bg-color, #00668f); /*#00668f;*/ /* #E7EBF1;*/
	/*font-family: Verdana, Arial;*/
	font-size: 0.8em !important;
	text-decoration: none;
	display: inline-block;
	/*margin-right: 3px;
	border: 2px solid #417ABE;*/
	vertical-align: middle;
	font-weight: bold;
	box-shadow: 0 0.5rem 0.8rem #00000080;
	padding: 10px 20px;
	margin: 0px 2px;
	border-radius: 3px 3px 0px 0px;
}

A:hover.TabHeader {
	background: #90b5d6; /*#E7EBF1;*/
	/*border-bottom: #E3EDF8 2px solid;*/
	display: inline-block;
	transition: .5s;
}

#ChangePasswordPanel, #ChangeQuestionPanel {
	background: #fff;
	box-shadow: 0 2rem 2rem #00000080;
	min-height: 180px;
	width: 99% !important;
    border-radius: 5px;
	border-radius: var(--frame-border-radius);
	overflow: hidden;
	z-index: 5;
	padding: 10px;
	position: relative;
}

.Enclosure {
	padding: 20px;
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 37%, rgba(219,219,219,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(37%, rgba(246,246,246,1)), color-stop(100%, rgba(219,219,219,1)));
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 37%, rgba(219,219,219,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 37%, rgba(219,219,219,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 37%, rgba(219,219,219,1) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 37%, rgba(219,219,219,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb', GradientType=1 );
	height: 100%;
}

	.Enclosure tbody:nth-child(1) td {
		height: 0px;
	}

	/*.Enclosure table:nth-child(1) tbody:nth-child(1) tr:nth-child(1) td:nth-child(1) {
		background-color: #dbdbdb !important;
	}*/

.Enclosure > table {
	position: relative;
	
	
}
#ChangePasswordCtrl td {
	background-color: #FFF !important;
}

.TabHeaderSelected {
	color: #000; /*#E7EBF1;*/
	background: #FFF; /*#417AbE;*/
	font-size: 0.9em !important;
	text-decoration: none;
	display: inline-block;
	vertical-align: middle;
	border-right: #8898A8 2px solid;
	/*border-top: #F5F8FA 2px solid;*/
	border-left: #8898A8 2px solid;
	border-bottom: #00668f;
	font-weight: bold;
	box-shadow: 0 0.5rem 0.8rem #00000080;
	padding: 10px 20px;
	margin: 0px 2px;
	border-radius: 5px 5px 0px 0px;
	border-top: 3px solid #000;
}

.TabHeaderSelectedDisplay .Label, .TabHeaderSelectedDisplay SELECT
{
	font-size: 0.9em !important;
}

.TabHeaderSelectedDisplay {
	color: #E7EBF1;
	background-color: #00668f;
	background: var(--main-tab-bg-color, #00668f); /*#00668f;*/
	padding-right: 3px;
	padding-top: 2px;
	padding-left: 3px;
	/*font-family: Verdana, Arial;*/
	font-size: 0.8em !important;
	text-decoration: none;
	display: inline-block;
	border-right: #8898A8 2px solid;
	border-top: #F5F8FA 2px solid;
	border-left: #F5F8FA 2px solid;
	border-bottom: #417AbE 2px solid;
	border-radius: 5px 5px 0 0;
}

.LabelSmallLight {
	color: white; /*#E7EBF1;*/
    background-color: #00668f;
    background: var(--main-tab-bg-color, #00668f); /*#00668f*/
	font-family: Verdana, Arial;
	font-size: 0.8em !important;
	text-decoration: none;
	font-weight: bold;
}

#ButtonStatement, #LinkButtonAudit, #ButtonAudit, #ButtonEmployerReport, #ButtonUnapprovedForms, #ButtonYearEndData, #ButtonYearEndEmptyForms {
	box-shadow: none;
}

fieldset {
    border-radius: 5px;
	border-radius: var(--frame-border-radius);
	border: 2px solid black;
}

#t4APanel, #t4Panel, #contactPanel, #t5panel, #r1Panel, #r2Panel, #r3Panel {
	/*box-shadow: 0 2rem 2rem #00000080;*/
	border: 1px solid black;
    border-radius: 5px;
	border-radius: var(--frame-border-radius);
	padding: 10px;
	background-color: #FFF;
	width: fit-content; /*95%*/
	position: relative;
	margin: 5px;
}

	#t4APanel div, #t4Panel div, #r1Panel div, #r2Panel div, #r3Panel div {
		padding: 10px;
		border: 1px solid black;
		margin: 10px;
		/*box-shadow: 0 0.3rem 0.5rem #00000080;*/
        border-radius: 5px;
		border-radius: var(--frame-border-radius);
		width: fit-content;
	}

.t4frame {
	border: 3px solid #00668f;
	box-shadow: 0 0.3rem 0.5rem #00000080;
    border-radius: 5px;
	border-radius: var(--frame-border-radius);
	width: fit-content;
	margin: 10px 0px 10px 0px;
	padding: 10px;
	position: relative;
	background-color: #FFF;
}

.t4Frame:empty {
	/*display:none;
	border:none;*/
	background-color: green;
}

#T4PanelStretch {
	width:auto !important;
}

#R1PanelStretch {
    width: auto !important;
}

#R2PanelStretch {
    width: auto !important;
}

#R3PanelStretch {
    width: auto !important;
}

.DataGridHeader, TranslatedColumn, tr.datagridheader td, tr.datagridheader th, .DataGridHeader-Employee th, .DataGridHeader-Attribute th, .DataGridHeader-ListValue th, .DataGridHeader-ReviewTimesheet th, .DataGridHeader-SelectAttribute th, .DataGridHeader-Association th, .DataGridHeader-AssociationValue th, .DataGridHeader-ConfigureReport th, .DataGridHeader-EnterTime th, .DataGridHeader-Premiums th, .DataGridHeader-Assignments th, .DataGridHeader-GridView th, .DataGridHeader-AccessRights th, .DataGridHeader-UserManagement th, .DataGridHeader-Period th, .DataGridHeader-JobOffers th, .DataGridHeader-DataGridReviewItem th, .DataGridHeader-DataGridSummary th, .DataGridHeader-Registre th, .DataGridHeader-Nominations th, .DataGridHeader-JobAudit th, .DataGridHeader-JobAuditNoScroll th {
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	background: #4a7bab !important; /*#F5F7FA*/
	text-align: left;
	padding-bottom: 2px;
	white-space: nowrap;
	border: none !important;
	border-top: solid #8898A8 1px;
	border-bottom: solid #A9B5CE 2px;
	border-left: solid #F5F7FA 1px;
	border-collapse: collapse;
	margin-bottom: 5px;
	padding-left: 3px;
	z-index: 10;
}
tr.datagridheader
{
	border-right: solid #8898A8 1px;
}
.DataGrid
{
	margin: 10px;
	width: inherit;
}

.DataGridItem
{
	font-size: 0.75em;
	font-style: normal;
	line-height: normal;
	background-color: white;
}
tr.DataGridItem A:visited, tr.DataGridItem A:hover, tr.DataGridItem A :not(.linkbutton), tr.DataGridAlternateItem A:visited, tr.DataGridAlternateItem A:hover, tr.DataGridAlternateItem A :not(.linkbutton), tr.DataGridHeader-DataGridReviewItem TD.EditHyperLink A, tr.DataGridHeader-DataGridReviewItem TD.EditHyperLink A:visited, tr.DataGridHeader-DataGridReviewItem TD.EditHyperLink A:hover, tr.DataGridHeader-EnterTime TD.EditHyperLink A, tr.DataGridHeader-EnterTime TD.EditHyperLink A:visited, tr.DataGridHeader-EnterTime TD.EditHyperLink A:hover, .SortColumn, .SortColumn A {
	color: #2D374D !important;
}

.TimeColumn A, .DurationColumn A .breakcolumn A
{
	white-space: nowrap;
}

.DataGridAlternateItem {
	background-color: #dde7f5;
	font-size: 0.75em;
	font-style: normal;
	line-height: normal;
}

.DataGridHeader th
{
	position: relative;
}

.MidPageHeader
{
	display: block;
	background-color: transparent;
	font-weight: normal;
	font-size: 1em;
	margin-left: 0px;
	/*margin-top: 7px;*/
	border-bottom: solid 2px #8898a8;
}

.detailheader 
{
    border-bottom: solid 1px #8898a8;
    padding: 3px 3px 3px 3px;
    margin-top: 10px;
    font-weight: bold;
    font-size: 0.9em;
}
.TitleBar
{
	color: #2D374D;
	background: #F5F7FA;
	font-weight: normal;
}

.DataGridSelectedItem, .DataGridSelectedItem TD A
{
	background-color: #90b5d6;
	font-size: 0.9em;
	font-style: normal;
	line-height: normal;
	color: white;
}

.DataGridSelectedItem .highlight, .DataGridSelectedItem TD A .highlight
{
    font-size: 0.85em
}

.DataGridSelectedItem TD.ExceptionText
{
	background-color: #417ABE;
}
.DataGridSelectedItem TD.MailText
{
	background-color: #417ABE;
}
.DataGridSelectedItem TD.PartApprovalText
{
	background-color: #417ABE;
}
.DataGridSelectedItem TD.TerminatedText
{
	background-color: #417ABE;
}
.DataGridSelectedItem TD.OvertimeText
{
	background-color: #417ABE;
}
.DataGridSelectedItem TD.PremiumText
{
	background-color: #417ABE;
}
.DataGridSelectedItem TD.SubmittedText
{
	background-color: #417ABE;
}
.DataGridSelectedItem TD.NotSubmittedText
{
	background-color: #417ABE;
}
.DataGridSelectedItem TD.NotApprovedText
{
	background-color: #417ABE;
}
.DataGridSelectedItem TD.ApprovedText
{
	background-color: #417ABE;
}
.DataGridSelectedItem TD.PayrollText
{
	background-color: #417ABE;
}

.Calendar
{
	border-style: solid !important;
	border-color: #A9B5CE;
	font-size: 0.8em;
	background-color: #F5F7FA;
}
.Calendar_TodayStyle
{
	border: 1px solid red;
	color: buttontext !important;
	font-weight: bold;
}
TD.Calendar_TodayStyle A
{
	color: buttontext !important;
}
.Calendar_SelectorStyle
{
}
TD.Calendar_DayStyle A
{
	color: infotext !important;
}
.Calendar_NextPrevStyle
{
	font-size: x-small;
	border-bottom: 2px solid #8898A8;
}
TD.Calendar_NextPrevStyle A
{
	border-bottom: 2px solid #8898A8;
}
.Calendar_DayHeaderStyle
{
	font-size: 0.7em;
	font-weight: bold;
	color: #8898A8;
	border-left: solid 1px White;
	border-right: solid 1px White;
	border-top: solid 1px White;
}
.Calendar_SelectedDayStyle
{
	background-color: #417ABE !important;
}
TD.Calendar_SelectedDayStyle A
{
	color: #E7EBF1 !important;
	background: #417AbE;
}
.Calendar_TitleStyle
{
	font-size: 0.8em;
	font-weight: bold;
	color: #2D374D;
	border-bottom: 2px solid #8898A8;
	background-color: transparent !important;
}
TABLE.Calendar TBODY TR TD[colspan="7"]
{
	background-color: #E7EBF1 !important;
}
.Calendar_WeekendDayStyle
{
}
TD.Calendar_OtherMonthDayStyle A
{
	color: GrayText !important;
}
.DateChooser_Style
{
	width: 100px;
}
.DateChooser_DayStyle
{
	font-size: 0.8em;
	/*font-family: Arial;*/
	background-color: White;
}
.DateChooser_SelectedDayStyle
{
	border: 1px solid red;
	color: buttontext !important;
	font-weight: bold;
	font-size: 0.8em;
	/*font-family: Arial;*/
	background-color: White;
}
.DateChooser_FooterStyle
{
	font-size: 0.8em;
	/*font-family: Arial;*/
	background-color: #E2EDF8;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.DateChooser_OtherMonthDayStyle
{
	font-size: 0.8em;
	/*font-family: Arial;*/
	color: #8898A8;
	background-color: White;
}
.DateChooser_TodayDayStyle
{
	font-size: 0.8em;
	/*font-family: Arial;*/
	background-color: #F2F2F2;
}
.DateChooser_DropDownStyle
{
	font-size: 0.8em;
	/*font-family: Arial;*/
	background-color: WhiteSmoke;
}
.DateChooser_DayHeaderStyle
{
	font-size: 0.8em;
	font-weight: bold;
	/*font-family: Arial;*/
	color: #8898A8;
	border-left: solid 1px White;
	border-right: solid 1px White;
	border-top: solid 1px White;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.DateChooser_DropDownStyle2
{
	font-size: 1.2em;
	/*font-family: Arial;*/
	background-color: #E2EDF8;
	color: #8898A8;
	width: 200px;
}
.DateChooser_TitleStyle
{
	background-color: White;
}
.DateChooser_NextPrevStyle
{
	font-size: 0.8em;
	border: Outset 1px;
	border-bottom: 2px solid #8898A8;
}
TD.DateChooser_NextPrevStyle A
{
	font-size: 0.8em;
	border: Outset 1px;
	border-bottom: 2px solid #8898A8;
}

.DataGridAlternateItem TD.ExceptionText
{
	background-color: #EDF3F8;
}
.DataGridAlternateItem TD.MailText
{
	background-color: #EDF3F8;
}
.DataGridAlternateItem TD.PartApprovalText
{
	background-color: #EDF3F8;
}
.DataGridAlternateItem TD.TerminatedText
{
	background-color: #EDF3F8;
}
.DataGridAlternateItem TD.OvertimeText
{
	background-color: #EDF3F8;
}
.DataGridAlternateItem TD.PremiumText
{
	background-color: #EDF3F8;
}
A:hover IMG#sidebarcollapse, A:hover IMG#sidebarexpand
{
	background-color: #417AbE !important;
}

.DataGridItemBold
{
	font-size: 0.7em;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
}

.DataGridEditItem
{
	background-color: Highlight;
	font-size: 0.7em;
	font-style: normal;
	line-height: normal;
}

.DataGridFooter
{
	font-size: 0.7em;
	font-style: normal;
	background-color: background;
}

.LongDropDownList
{
	font-style: normal;
	width: 180px;
}

.ListBox
{
	font-size: 0.8em;
	font-style: normal;
}
.CheckBox
{
	font-size: 0.8em;
	font-style: normal;
}
.Button
{
	font-size: 0.8em;
	font-style: normal;
}
.RadioButtonList
{
	font-size: 1em;
	font-style: normal;
}
.CheckBoxList
{
	font-size: 0.7em;
	font-style: normal;
}
.DataListItem
{
	font-size: 0.7em;
	font-style: normal;
}
TABLE#TemplateMainTable
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width:100% !important;
}

.Enclosure:nth-child(1) {
	padding: 0px;
	border: 3px solid #00668f;
	box-shadow: 0 0.3rem 0.5rem #00000080;
    border-radius: 5px;
	border-radius: var(--frame-border-radius);
	width: fit-content;
	height: fit-content;
	margin: 10px;
	position: relative;
	background-color: #FFF;
}

#pdfFramePanel {
	/*border: 3px solid #00668f;
	box-shadow: 0 0.3rem 0.5rem #00000080;
	border-radius: var(--frame-border-radius);
	width: fit-content;
	height: fit-content;
	margin: 10px;
	position: relative;
	background-color: #FFF;*/
}


#Clock {
	display: block;
	box-sizing: border-box;
	background: url('images/CompanyLogoLogon_msg.png');
	background-repeat: no-repeat;
	/*height: 45px;
	padding-right: 180px;*/
	background-size: 75%;
	background-position: 10px;
	background-color: #ececec;
	width: 0px;
	height: 0px;
	padding: 46px 0 0 184px;
}

#sidebarcontent img:nth-child(3) {
	height: 45px;
}

.SystemReserved
{
	background-image: url('images/SystemValue.png');
	background-position: 3px right;
	background-repeat: no-repeat;
	padding-right: 20px;
}
.NoneSystemReserved
{
	padding-right: 20px;
}
.SystemIcon
{
	background: #E7EBF1;
	background-image: url(images/CompanyLogo.png);
}
.LableExt
{
	font-size: 0.7em;
	font-style: normal;
}
.TimesheetAttributes
{
	font-size: 0.7em;
	font-style: normal;
}
.PageHeader
{
	color: #2D374D;
	margin-top: 10px;
	font-size: 0.9em;
}
.PageHeader span
{
	display: inline-block;
}
.LogoImage
{
	margin: 3px;
}

.ReportHeavyFont
{
	font-size: 0.7em;
	font-style: normal;
	font-weight: bold;
}
.ReportNormalFont
{
	font-size: 0.7em;
	font-style: normal;
}
.ReportTable
{
	border-collapse: collapse;
	border: none;
}
.ReportTd
{
	border: solid windowtext 1.0pt;
	text-align: center;
	vertical-align: middle;
	font-size: 0.7em;
	font-style: normal;
}
.ReportTdLeft
{
	border: solid windowtext 1.0pt;
	text-align: left;
	vertical-align: middle;
	font-size: 0.7em;
	font-style: normal;
}
.ReportTdHeavy
{
	border: solid windowtext 1.0pt;
	text-align: center;
	vertical-align: middle;
	font-size: 0.7em;
	font-style: normal;
	font-weight: bold;
}
.ReportTdNoBorder
{
	border: none;
	text-align: center;
	vertical-align: middle;
}

.GridStatus
{
	display: inline-block;
	border-bottom: solid 1px #8898a8;
	border-top: solid 1px #8898a8;
	padding: 3px 3px 3px 3px;
}
.TerminatedText
{
	background: transparent url(images/terminated.png) no-repeat left top;
	padding-left: 20px;
}
.OvertimeText
{
	background: transparent url(images/overtime.png) no-repeat left top;
	padding-left: 20px;
}
.PremiumText
{
	background: transparent url(images/premium.png) no-repeat left top;
	padding-left: 20px;
}
.PartApprovalText
{
	background: transparent url(images/partapprove.png) no-repeat left top;
	padding-left: 20px;
}
.ExceptionText
{
	background: transparent url(images/warning.png) no-repeat left top;
	padding-left: 20px;
}
.MailText
{
	background: transparent url(images/mail.png) no-repeat right middle;
	padding-right: 20px;
}
.RejectText
{
	background: transparent url(images/reject.png) no-repeat left top;
	padding-left: 20px;
}
.NotSubmittedText
{
	background: transparent url(images/notsubmitted.png) no-repeat left top;
	padding-left: 20px;
}
.SubmittedText
{
	background: transparent url(images/submitted.png) no-repeat left top;
	padding-left: 20px;
}
.NotApprovedText
{
	background: transparent url(images/notapproved.png) no-repeat left top;
	padding-left: 20px;
}
.ApprovedText
{
	background: transparent url(images/approved.png) no-repeat left top;
	padding-left: 20px;
}
.PayrollText
{
	background: transparent url(images/payroll.png) no-repeat left top;
	padding-left: 20px;
}
.LabelNoPadding
{
	font-size: 0.8em;
}

.LabelRequired
{
	margin-right: 0px;
	margin-left: 0px;
	font-size: 0.8em !important;
	font-weight: bolder;
}

.ListItemAlt
{
	background-color: AliceBlue;
	border-bottom: #FAF7F5;
	border-left: lightblue 1px solid;
	color: black;
	padding-left: 5px;
}

.ListItemAltNoLPadding
{
	background-color: AliceBlue;
	border-bottom: #FAF7F5;
	border-left: lightblue 1px solid;
	color: black;
	/*font-family: Verdana, Arial;*/
	font-size: 0.8 em;
	line-height: 15pt;
	padding-left: 0px;
}

.EditHyperLink
{
	font: caption;
	background: #E7EBF1;
	font-size: xx-small;
	border-right: none;
	border-left: none;
	border-top: none;
}
.LabelLogonDescription
{
	font-size: 0.6em;
	color: #555555;
	font-weight: bolder;
	white-space: nowrap;
}
.resizex, .resizex .sidebargradient
{
	cursor: w-resize;
	display: inline-block;
}
.Loading
{
	border: 1px solid #8898a8;
	font-size: xx-small;
	font-weight: bold;
	text-align: center;
	vertical-align: middle !important;
	width: 100%;
	height: 220px;
	display: inline-block;
	margin: 5px 5px 5px 5px;
	padding: 100px 0px 0px 0px;
}

.DetailTitleText
{
	font-size: 0.6em;
	font-weight: bold;
}
.DateButton, .DateButtonHighlight, .DateButtonPressed
{
	font-size: xx-small;
	border-style: none;
	color: #2D374D;
	text-decoration: none;
	padding: 3px 3px 3px 3px;
	display: inline-block;
	width: 2.8em;
}
a:hover.DateButton, a:hover.DateButtonHighlight, a:hover.DateButtonPressed
{
	background: #E2E7EF solid;
}
.DateButtonHighlight
{
	font-weight: bold;
}
.DateButtonPressed
{
	border: 1px solid #417ABE;
	padding: 2px 2px 2px 2px;
}

.EditLinkButton
{
	width: 18;
	height: 16;
	background: url('images/Edit.png') no-repeat center;
	border-top: solid 1px #F5F8FA;
	border-left: solid 1px #F5F8FA;
	border-bottom: solid 1px #8898a8;
	border-right: solid 1px #8898a8;
	padding-bottom: 2px;
	display: inline-block;
	padding-top: 2px;
}

.Toolbar
{
	padding: 5px 5px 2px 5px;
	background: #E2EDF8;
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#E2EDF8, EndColorStr=#ffffff);
	border-top: solid 1px #8898a8;
}
.inpagetoolbar
{
	padding: 5px 5px 2px 5px;
	/*background: #E2EDF8;*/
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#E2EDF8, EndColorStr=#ffffff);
	margin-left: 0px;
	margin-top: 5px;
	text-align: right;
	border-top: solid 1px #8898a8;
	
}
.InPageToolbarWithMargin
{
	padding: 0px 5px 5px 5px;
	background: #E2EDF8;
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#E2EDF8, EndColorStr=#ffffff);
	margin-left: 0px;
	/*margin-right: 30px;*/
	/*margin-top: 5px;*/
	text-align: right;
	border-top: solid 1px #8898a8;
}

#PanelFormFields, #PanelEmployeeFields {
	padding-bottom: 5px;
	background-color: white;
}

#DateEditWithDropDownStart_input {
	border: solid thin black !important;
}

.inpagetoolbar .Toolbar, .inpagetoolbar .inpagetoolbar {
	margin-left: 20px;
	margin-top: 0px;
	border: solid thin #417AbE;
	text-align: left;
}

.MainContainer
{
	background-color: White;
}
.MainContainer .Toolbar
{
	margin-top: -10px;
	margin-left: -10px;
}
.Toolbar .Toolbar
{
	margin-left: 20px;
	margin-top: 0px;
	border: solid thin #417AbE;
}
.Toolbar .Checkbox, .InPageToolbar .Checkbox
{
	font-size: xx-small;
}

.LabelWarning
{
	margin-right: 0px;
	margin-left: 0px;
	font-size: x-small;
	color: Red;
}
.LabelPass
{
	margin-right: 0px;
	margin-left: 0px;
	font-size: x-small;
	color: DarkGreen;
}

.Important
{
	font-weight: bolder;
	font-style: italic;
}
.DataLabel
{
	font-size: 0.8em;
}

.EditDetails
{
	margin-top: 5px;
	margin-bottom: 5px;
}

.ErrorBoxDialog
{
	display: none;
}
.logviewer .errorboxdialog
{
	border-right: thin inset;
	border-top: thin inset;
	overflow-y: scroll;
	display: inline-block;
	margin-bottom: 10px;
	height: 200px;
	overflow: auto;
	border-left: thin inset;
	border-bottom: thin inset;
	background-color: white;
}
.ErrorBoxDialog A
{
	text-decoration: none;
	color: #2D374D !important;
}
.ErrorBoxDialog A:hover
{
	background-color: #417AbE;
	color: White !important;
}
.Error
{
	display: block;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	background: url('images/error.png') no-repeat 3px left #FFFFFF;
}

.ErrorBoxDialog
{
	display: none;
}
.logviewer .errorboxdialog
{
	border-right: thin inset;
	border-top: thin inset;
	overflow-y: scroll;
	display: inline-block;
	margin-bottom: 10px;
	height: 200px;
	overflow: auto;
	border-left: thin inset;
	border-bottom: thin inset;
	background-color: white;
}
.ErrorBoxDialog A
{
	text-decoration: none;
	color: #2D374D !important;
}
.ErrorBoxDialog A:hover
{
	background-color: #417AbE;
	color: White !important;
}
.Error
{
	display: block;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	background: url('images/error.png') no-repeat 3px left #FFFFFF;
}
.ErrorBoxDialog A.error .error, .ErrorBoxDialog A.warning .warning, .ErrorBoxDialog A.info .info
{
	background: transparent;
	padding: 0 0 0 0;
}
.Warning
{
	display: block;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	background: url('images/warning.png') no-repeat 3px left #FFFFFF;
}
.info
{
	display: block;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	background: transparent url('images/info.png') no-repeat 3px left white;
}
.ReportDataGridHeader
{
	font-size: x-small;
	white-space: nowrap;
	font: caption;
}
.ReportDataGridItemBold
{
	font-size: x-small;
	white-space: nowrap;
	font-weight: bolder;
}
.ReportDataGridItem
{
	font-size: smaller;
}
.ReportNotesTable
{
	font-size: smaller;
}
.ReportMessage
{
	font-size: x-small;
}
.DetailReportSpace
{
	height: 5px;
}
.SummaryReportDataGridHeader
{
	font-size: smaller;
	white-space: nowrap;
	font: caption;
}
.SummaryReportDataGridItem
{
	font-size: smaller;
}
.StatementDetailReportDataGridHeader
{
	white-space: nowrap;
	font-size: x-small;
	font-weight: bold;
}
.StatementDetailReportDataGridItem
{
	font-size: x-small;
}
.SummaryReportTitleTable
{
	font-size: smaller;
	font: caption;
}
.SymmaryReportTitleTable
{
	font-size: x-small;
	font: caption;
}
.ReportHeaderText
{
	font-size: medium;
	width: 100%;
	text-align: center;
	text-decoration: underline;
	height: 50px;
}
.PayPeriodText
{
	font-size: x-small;
	font-weight: bold;
}
.ReportAttributeText
{
	font-size: x-small;
	font-weight: bold;
	height: 30px;
}

.LogViewer
{
	background-color: buttonface;
	background-image: none;
	margin: 10px 10px 10px 10px;
}
.button
{
	width: 80px;
}
.WideLabel
{
	width: 100%;
	white-space: nowrap;
	vertical-align: top;
}
A .WideLabel
{
	cursor: hand;
}

.WeekText
{
	margin-right: 10px;
	margin-left: 10px;
	font-size: x-small;
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #8898a8;
}

.MiniTime
{
	font-size: xx-small;
	width: 130px;
	display: inline-block;
	text-justify: newspaper;
}
.ErrorInfo
{
	display: block;
	/*font-family: Lucida Console, Courier New, Courier;*/
	font-size: x-small;
}
.DataGridAssignmentDetailItem
{
	font-size: x-small;
	font-style: normal;
	line-height: normal;
}
.EnterTimeItemHeader
{
	color: #2D374D;
	font: caption;
	background: #E7EBF1;
	font-size: xx-small;
	font-weight: bolder;
	border-right: none;
	border-left: none;
	border-top: none;
	white-space: nowrap;
}

.AddLinkButton
{
	width: 18px;
	height: 16px;
	background: url('images/Add.png') no-repeat center;
	border-top: solid 1px #F5F8FA;
	border-left: solid 1px #F5F8FA;
	border-bottom: solid 1px #8898a8;
	border-right: solid 1px #8898a8;
	padding-bottom: 2px;
	display: inline-block;
}

.AddLinkButtonDisabled
{
	width: 18px;
	height: 16px;
	background: url('images/AddDisabled.png') no-repeat center;
	border-top: solid 1px #F5F8FA;
	border-left: solid 1px #F5F8FA;
	border-bottom: solid 1px #8898a8;
	border-right: solid 1px #8898a8;
	padding-bottom: 2px;
	display: inline-block;
}
A:hover.AddLinkButton
{
	border-top: solid 1px #F5F8FA;
	border-left: solid 1px #F5F8FA;
	border-bottom: solid 1px #8898a8;
	border-right: solid 1px #8898a8;
	padding-bottom: 2px;
}

#loadmessage
{
	position: absolute;
	right: 1;
	top: 1;
	z-index: 100;
	float: none;
	border: solid thin #8898a8;
	color: #2D374D;
	background: #E2E7EF solid;
	padding: 2px;
}
.FontBold
{
	font-weight: bold;
}

.SummaryRow
{
	border-bottom: solid 2px buttontext;
	font-size: smaller;
}
.PanelTable
{
	height: 56px;
}
.PanelHead
{
	/*font-family: Times New Roman;*/
	font-size: 10pt;
	font-weight: bold;
	border-width: 1px;
	color: DarkBlue;
	background-image: url(./images/ig_tab_blueY1.gif);
}

.TextBox
{
	font-style: normal;
}
.TextBoxBold
{
	font-style: normal;
	font-weight: bold;
}
.PanelHeader
{
	font-size: x-small;
	font-weight: normal;
	color: #2D374D;
	/*font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;*/
	font-style: normal;
	text-align: left;
	border-top: solid #8898A8 1px;
	border-bottom: solid #8898A8 1px;
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#CCD3E3, EndColorStr=#E2E7EF);
}
.LinkText
{
	font-size: x-small;
	color: Green;
	font-style: normal;
	font-weight: bold;
}
.AvailabilityWeekModelUserControl
{
	padding: 5px 5px 2px 2px;
	background: #E2EDF8;
	filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#E2EDF8, EndColorStr=#ffffff);
	margin-left: 0px;
	margin-top: 5px;
	text-align: left;
	display: inline-block;
}
.ValidatorErrorMessage
{
	font-size: 0.7em !important;
}

.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
    display: none;
}

.sidebarbackground {
	background-color: #90b5d6;
}

A.LinkButton, #btnUpload, #btnImport {
	margin-right: 2px;
	background: #329cd3;
	background-image: -webkit-linear-gradient(top, #008AC2, #00AEF5);
	background-image: -moz-linear-gradient(top, #008AC2, #00AEF5);
	background-image: -ms-linear-gradient(top, #008AC2, #00AEF5);
	background-image: -o-linear-gradient(top, #008AC2, #00AEF5);
	background-image: linear-gradient(to bottom, #008AC2, #00AEF5);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	color: #ffffff;
	border-right: solid #666666 2px;
	border-bottom: solid #666666 2px;
	text-decoration: none;
	border-top: solid 2px #F5F8FA;
	border-left: solid 2px #F5F8FA;
	font-size: 0.8em;
	font-weight: bolder;
	text-decoration: none;
	top: +2px;
	padding: 5px 10px 5px 10px;
	display: inline-block;
	cursor: hand;
    border-radius: 5px;
	border-radius: var(--button-border-radius);
	margin: 3px;
	position: relative;
	z-index: 10;
}

A.LinkButton:hover, #btnUpload:hover {
	background: #00668f;
	background-image: -webkit-linear-gradient(top, #00AEF5, #008AC2);
	background-image: -moz-linear-gradient(top, #00AEF5, #008AC2);
	background-image: -ms-linear-gradient(top, #00AEF5, #008AC2);
	background-image: -o-linear-gradient(top, #00AEF5, #008AC2);
	background-image: linear-gradient(to bottom, #00AEF5, #008AC2);
	text-decoration: none;
}

/*#btnUpload, #FileUpload {
	width: fit-content !important;
}*/
.T4LineNumber {
	font-size: 0.65em;
	font-weight: bold;
}

.T4ExemptionBoxLineNumber {
    vertical-align: 3px;
}

.T4Label {
	display: inline-block;
	font-size: 0.7em;
	font-weight: bold;
	margin-bottom: 2px;
	text-align: left;
	line-height: 0.9rem;
}

.T4Panel {
	width: 175px;
}

.TaxFormPanel {
	width: 175px;
	padding-left: 25px;
}

.R1BoxOPanel {
	width: 175px;
	padding-left: 25px;
}

.R1BoxODrop {
	top: 0px;
	left: 38px;
	position: relative;
	z-index: 1;
}

.T4OtherBox {
	width: 50px;
}

.T4otherAmount {
	width: 100%;
}

.T4NumericInput {
	text-align: right;
	margin-bottom: 2px;
}

.saveLinkButton {
	float: left !important;
	z-index:2000;
	position: relative;
}



#buttonsPanel > div {
	text-align: right;
}

#PanelAuditReport {
	box-shadow: 0 0.5rem 0.8rem #00000080;
	position: relative;
	z-index: 1000;
}

.tab-frame {
	box-shadow: 0 2em 2em #00000080;
    border-radius: 5px;
	border-radius: var(--frame-border-radius);
	background: white;
	width: 99%;
	padding-top: 1px;
}

.LabelSmallLight span {
	padding-top: 3px;
	padding-bottom: 3px;
}

.T4Spacer{
	width: 50px;
}

.t4-checkbox-align {
    margin-left: -4px;
}

.vertical-align-bottom {
    vertical-align: bottom;
}

.MultiLine {
    resize: none;
}