@font-face {
    font-family: 'wfr-icons';
    src: url('/fonts/wfr-icons.woff?2vjr7h') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: normal;
  src: url('/fonts/Roboto-Medium-webfont.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Roboto-Regular';
  font-style: normal;
  font-weight: normal;
  src: url('/fonts/Roboto-Regular-webfont.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: normal;
  src:  url('/fonts/Roboto-Italic-webfont.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/Roboto-Bold-webfont.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Roboto-Light';
  font-style: normal;
  font-weight: normal;
  src: url('/fonts/Roboto-Light-webfont.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/fonts/NotoSans-Light.ttf") format("truetype"), url("/fonts/NotoSans-Light.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/NotoSans-Regular.ttf") format("truetype"), url("/fonts/NotoSans-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/NotoSans-Italic.ttf") format("truetype"), url("/fonts/NotoSans-Italic.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/NotoSans-SemiBold.ttf") format("truetype"), url("/fonts/NotoSans-SemiBold.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/NotoSans-Bold.ttf") format("truetype"), url("/fonts/NotoSans-Bold.woff2") format("woff2");
}

@font-face {
font-family: "Volte Rounded";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("/fonts/VolteRounded-Semibold.otf") format("opentype");
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'wfr-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Accounts:before {
  content: "\e600";
}
.icon-CompanyInfo:before {
  content: "\e601";
}
.icon-Edit:before {
  content: "\e602";
}
.icon-Login:before {
  content: "\e603";
}
.icon-Login-as-SA:before {
  content: "\e604";
}
.icon-Audit_18:before {
  content: "\e605";
}
.icon-back_10:before {
  content: "\e606";
}
.icon-Billing_18:before {
  content: "\e607";
}
.icon-calendar_03_16:before {
  content: "\e608";
}
.icon-Close_16:before {
  content: "\e609";
}
.icon-CompanyInfo2:before {
  content: "\e60a";
}
.icon-Delete-User_18:before {
  content: "\e60b";
}
.icon-Edit-Timesheet_18:before {
  content: "\e60c";
}
.icon-Employeeinfo_View-Applicant_18:before {
  content: "\e60d";
}
.icon-Employee-Preferences-18:before {
  content: "\e60e";
}
.icon-Error_16:before {
  content: "\e60f";
}
.icon-Flag_16:before {
  content: "\e610";
}
.icon-Grouping_915:before {
  content: "\e611";
}
.icon-header_bell_20:before {
  content: "\e612";
}
.icon-header_chevron_6:before {
  content: "\e613";
}
.icon-header_key_22:before {
  content: "\e614";
}
.icon-header_noUserPhoto_24:before {
  content: "\e615";
}
.icon-Hide_1015:before {
  content: "\e616";
}
.icon-Info_16:before {
  content: "\e617";
}
.icon-link_16:before {
  content: "\e618";
}
.icon-List_18:before {
  content: "\e619";
}
.icon-LookFeel_18:before {
  content: "\e61a";
}
.icon-Maximize_16:before {
  content: "\e61b";
}
.icon-Middleware_18:before {
  content: "\e61c";
}
.icon-Minimize_16:before {
  content: "\e61d";
}
.icon-Minus_16:before {
  content: "\e61e";
}
.icon-Minus_hover_16:before {
  content: "\e61f";
}
.icon-Plus_16:before {
  content: "\e620";
}
.icon-Plus_hover_16:before {
  content: "\e621";
}
.icon-Preview-Timesheet_18:before {
  content: "\e622";
}
.icon-Reload_16:before {
  content: "\e623";
}
.icon-Settings_16:before {
  content: "\e624";
}
.icon-Sorting-down_8:before {
  content: "\e625";
}
.icon-Sorting-up_8:before {
  content: "\e626";
}
.icon-Success_16:before {
  content: "\e627";
}
.icon-to_10:before {
  content: "\e628";
}
.icon-topMenu_chevron_7:before {
  content: "\e629";
}
.icon-topMenu_chevronNext_10:before {
  content: "\e62a";
}
.icon-topMenu_chevronPrevious_10:before {
  content: "\e62b";
}
.icon-magnify_18:before {
  content: "\e62c";
}
.icon-clockEdit_18:before {
  content: "\e62d";
}
.icon-ViewJobApplication_18:before {
  content: "\e62e";
}
.icon-View-Job-Requisition-18:before {
  content: "\e62f";
}
.icon-View-Map_18:before {
  content: "\e630";
}
.icon-Warning_16:before {
  content: "\e631";
}
.icon-clockRefresh_18:before {
  content: "\e632";
}
.icon-clockOut_18:before {
  content: "\e633";
}
.icon-clockIn_18:before {
  content: "\e634";
}
.icon-plus_circle_16:before {
  content: "\e635";
}
.icon-note_16:before {
  content: "\e636";
}
.icon-note_add_16:before {
  content: "\e637";
}
.icon-Ungroup_915:before {
  content: "\e638";
}
.icon-calculator:before {
  content: "\e639";
}
.icon-search_14:before {
  content: "\e63a";
}
.icon-prev_6:before {
  content: "\e63b";
}
.icon-next_6:before {
  content: "\e63c";
}
.icon-last_11:before {
  content: "\e63d";
}
.icon-first_11:before {
  content: "\e63e";
}
.icon-firstUp_11:before {
  content: "\e63f";
}
.icon-lastBack_11:before {
  content: "\e640";
}
.icon-columns_16:before {
  content: "\e641";
}
.icon-Export_16:before {
  content: "\e642";
}
.icon-Filter_16:before {
  content: "\e643";
}
.icon-ShevronExpander_Down_26:before {
  content: "\e644";
}
.icon-ShevronExpander_Up_26:before {
  content: "\e645";
}
.icon-More_16:before {
  content: "\e646";
}
.icon-Previous_16:before {
  content: "\e647";
}
.icon-Checkbox_16:before {
  content: "\e648";
}
.icon-CheckboxReadonly_16:before {
  content: "\e649";
}
.icon-CheckboxSelected_16:before {
  content: "\e64a";
}
.icon-next_16:before {
  content: "\e64b";
}
.icon-Employee-View_16:before {
  content: "\e64c";
}
.icon-Radiobutton_16:before {
  content: "\e64d";
}
.icon-AddTab:before {
  content: "\e64e";
}
.icon-Menu:before {
  content: "\e64f";
}
.icon-WorkflowView:before {
  content: "\e650";
}
.icon-Radio_noselect_16:before {
  content: "\e651";
}
.icon-Reset_16:before {
  content: "\e652";
}
.icon-Pencil_16:before {
  content: "\e653";
}
.icon-Page_copy_18:before {
  content: "\e654";
}
.icon-Download_16:before {
  content: "\e655";
}
.icon-Note_view_18:before {
  content: "\e656";
}
.icon-Note_check_16:before {
  content: "\e657";
}
.icon-Globe_18:before {
  content: "\e658";
}
.icon-WorkflowConnection_24:before {
  content: "\e659";
}
.icon-Help_16:before {
  content: "\e65a";
}
.icon-TimeOff_16:before {
  content: "\e65b";
}
.icon-Camera_16:before {
  content: "\e65c";
}
.icon-AutomaticlyPlaced_8:before {
  content: "\e65d";
}
.icon-Rollback_16:before {
  content: "\e65e";
}
.icon-Run_16:before {
  content: "\e65f";
}
.icon-Table_chart_16:before {
  content: "\e660";
}
.icon-Lock:before {
  content: "\e661";
}
.icon-Radiobutton_group_view_16:before {
  content: "\e662";
}
.icon-Radiobutton_group_16:before {
  content: "\e663";
}
.icon-Table_chart_user_16:before {
  content: "\e664";
}
.icon-LoginAs_16:before {
  content: "\e665";
}
.icon-Unlock:before {
  content: "\e666";
}
.icon-Money_dollar_gears_16:before {
  content: "\e667";
}
.icon-Key_16:before {
  content: "\e668";
}
.icon-Print_16:before {
  content: "\e669";
}
.icon-Calendar_multi_18:before {
  content: "\e66a";
}
.icon-Company_16:before {
  content: "\e66b";
}
.icon-Question_16:before {
  content: "\e66c";
}
.icon-Minus_circle_16:before {
  content: "\e66d";
}
.icon-Email_add_18:before {
  content: "\e66e";
}
.icon-Email_delete_18:before {
  content: "\e66f";
}
.icon-Email_edit_18:before {
  content: "\e670";
}
.icon-Email_go_18:before {
  content: "\e671";
}
.icon-Email_open_18:before {
  content: "\e672";
}
.icon-Email_view_18:before {
  content: "\e673";
}
.icon-Check_view_18:before {
  content: "\e674";
}
.icon-Money_dollar_view_16:before {
  content: "\e675";
}
.icon-Chart_pie_16:before {
  content: "\e676";
}
.icon-Table_16:before {
  content: "\e677";
}
.icon-GoToNext:before {
  content: "\e800";
}
.icon-Clock_money_18:before {
  content: "\e801";
}
.icon-Table_chart_go_18:before {
  content: "\e802";
}
.icon-Flag_finish_print_18:before {
  content: "\e803";
}
.icon-Cog_view_18:before {
  content: "\e804";
}
.icon-Zipcode_16:before {
  content: "\e805";
}
.icon-Email_16:before {
  content: "\e806";
}
.icon-Textmessage_16:before {
  content: "\e807";
}
.icon-Textmessage2_16:before {
  content: "\e808";
}
.icon-Voicemessage_16:before {
  content: "\e809";
}
.icon-Voicemessage2_16:before {
  content: "\e80a";
}
.icon-Flag_book_16:before {
  content: "\e80b";
}
.icon-Flag_finish_16:before {
  content: "\e80c";
}
.icon-Flag_reject_16:before {
  content: "\e80d";
}
.icon-Database_16:before {
  content: "\e80e";
}
.icon-Databasein_18:before {
  content: "\e80f";
}
.icon-Databaseinconnect_18:before {
  content: "\e810";
}
.icon-Databaseout_18:before {
  content: "\e811";
}
.icon-Application_columns_draft_18:before {
  content: "\e812";
}
.icon-Application_columns_edit_18:before {
  content: "\e813";
}
.icon-Application_list_edit_18:before {
  content: "\e814";
}
.icon-Calendar_edit_18:before {
  content: "\e815";
}
.icon-Chart_organization_16:before {
  content: "\e816";
}
.icon-Tag_12:before {
  content: "\e817";
}
.icon-Coins_16:before {
  content: "\e818";
}
.icon-Coins_gear_16:before {
  content: "\e819";
}
.icon-Table_coins_16:before {
  content: "\e81a";
}
.icon-Form_populate_18:before {
  content: "\e81b";
}
.icon-SSNVS:before {
  content: "\e81c";
}
.icon-Flag_undo_16:before {
  content: "\e81d";
}
.icon-Form_sent_18:before {
  content: "\e81e";
}
.icon-Reopen_task_18:before {
  content: "\e81f";
}
.icon-Clock_16:before {
  content: "\e820";
}
.icon-Textfield-user_18:before {
  content: "\e821";
}
.icon-Draw_points_18:before {
  content: "\e822";
}
.icon-Iphone_pointer_18:before {
  content: "\e823";
}
.icon-Lock_preferences_18:before {
  content: "\e824";
}
.icon-Session_idle_time_18:before {
  content: "\e825";
}
.icon-Sum_18:before {
  content: "\e900";
}
.icon-Close_Full_Screen_16:before {
  content: "\e901";
}
.icon-Full_Screen_Mode_16:before {
  content: "\e902";
}
.icon-Checkbox_Delete_16:before {
  content: "\e903";
}
.icon-Clear_Account_18:before {
  content: "\e904";
}
.icon-Unclear_Account_18:before {
  content: "\e905";
}
.icon-Folder_In_16:before {
  content: "\e906";
}
.icon-Folder_Out_16:before {
  content: "\e907";
}
.icon-Undo:before {
  content: "\e908";
}
.icon-Arrow_48:before {
  content: "\e909";
}
.icon-Calendar_add_18:before {
  content: "\e90a";
}
.icon-Arrow_Bottom:before {
  content: "\e90b";
}
.icon-Arrow_Head:before {
  content: "\e90c";
}
.icon-Arrow_Middle:before {
  content: "\e90d";
}
.icon-ManageSchedule_18:before {
  content: "\e90e";
}
.icon-Eye_18:before {
  content: "\e90f";
}
.icon-Tax_18:before {
  content: "\e910";
}
.icon-ThumbDown_18:before {
  content: "\e911";
}
.icon-ThumbUp_18:before {
  content: "\e912";
}
.icon-PageGo_18:before {
  content: "\e913";
}
.icon-KnowledgePassFile1:before {
  content: "\e914";
}
.icon-KnowledgePassFile2:before {
  content: "\e915";
}
.icon-KnowledgePassFile3:before {
  content: "\e916";
}
.icon-CloseFullScreen_16:before {
  content: "\e917";
}
.icon-ShowFullScreen_16:before {
  content: "\e918";
}
.icon-delete_link_16:before {
  content: "\e919";
}
.icon-question-circle:before {
  content: "\e91a";
}
.icon-loading:before {
  content: "\e91b";
}
.icon-unpin:before {
  content: "\e91c";
}
.icon-pin:before {
  content: "\e91d";
}
.icon-fingerprint:before,
.icon-touch-id-ios:before {
  content: "\e91e";
}
.icon-Paragon:before {
  content: "\e91f";
}
.icon-favorite:before {
  content: "\e920";
}
.icon-schedule:before {
  content: "\e921";
}
.icon-request:before {
  content: "\e922";
}
.icon-benefits:before {
  content: "\e923";
}
.icon-hr:before {
  content: "\e924";
}
.icon-career:before {
  content: "\e925";
}
.icon-pay:before {
  content: "\e926";
}
.icon-cc:before {
  content: "\e927";
}
.icon-reports:before {
  content: "\e928";
}
.icon-team:before {
  content: "\e929";
}
.icon-accruals:before {
  content: "\e92a";
}
.icon-talent:before {
  content: "\e92b";
}
.icon-learning:before {
  content: "\e92c";
}
.icon-base-compensation:before {
  content: "\e92d";
}
.icon-recruiting:before {
  content: "\e92e";
}
.icon-Home:before {
  content: "\e92f";
}
.icon-Dashboard:before {
  content: "\e930";
}
.icon-Turtle:before {
  content: "\e931";
}
.icon-Back:before {
  content: "\e932";
}
.icon-Community-help:before {
  content: "\e933";
}
.icon-leave:before {
  content: "\e934";
}
.icon-touch-id-android:before {
  content: "\e935";
}
.icon-face-id-android:before {
  content: "\e936";
}
.icon-face-id-ios:before {
  content: "\e937";
}
.icon-Month:before {
  content: "\e938";
}
.icon-Week:before {
  content: "\e939";
}
.icon-Day:before {
  content: "\e93a";
}
.icon-go-to:before {
  content: "\e93b";
}
.icon-aimee:before {
  content: "\e93c";
}
.icon-analytics:before {
  content: "\e93d";
}
.icon-paragon-trash:before {
  content: "\e93e";
}
.icon-circle-success:before {
  content: "\e93f";
}
.icon-clock-in:before {
  content: "\e940";
}
.icon-transfer:before {
  content: "\e941";
}
.icon-clock-out:before {
  content: "\e942";
}
.icon-jury-duty:before {
  content: "\e943";
}
.icon-paid-time-off:before {
  content: "\e944";
}
.icon-unpaid-time-off:before {
  content: "\e945";
}
.icon-leave-of-absence:before {
  content: "\e946";
}
.icon-military-leave:before {
  content: "\e947";
}
.icon-family-leave:before {
  content: "\e948";
}
.icon-carers-leave:before {
  content: "\e949";
}
.icon-maternity-leave:before {
  content: "\e94a";
}
.icon-public-holiday:before {
  content: "\e94b";
}
.icon-bereavement:before {
  content: "\e94c";
}
.icon-birthday:before {
  content: "\e94d";
}
.icon-plane:before {
  content: "\e94e";
}
.icon-sick-leave-with-mc:before {
  content: "\e94f";
}
.icon-sick-leave:before {
  content: "\e950";
}
.icon-vacation:before {
  content: "\e951";
}
.icon-scheduled-people:before {
  content: "\e952";
}
.icon-covid:before {
  content: "\e953";
}
.icon-xmark:before {
  content: "\e954";
}
.icon-circle-question:before {
  content: "\e955";
}
.icon-play-audio:before {
  content: "\e956";
}
.icon-caps-lock:before {
  content: "\e957";
}
.icon-drillable-bar-charts-vertical:before {
  content: "\e958";
}
.icon-drillable-bar-charts-horizontal:before {
  content: "\e959";
}
.icon-pxp:before {
  content: "\e9ca";
}
.icon-chat:before {
  content: "\e9cb";
}


html {
 font-family: 'wfr-icons';
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font,
img, ins, kbd, q, s, samp, small, strike, sub, sup,
tt, var, dl, dt, dd, form, p,
label, caption {
 background: none repeat scroll 0 0 transparent;
 border: 0 none;
 font-size: 100%;
 margin: 0;
 padding: 0;
 font-family: "Noto Sans", sans-serif;
}

strong, em {
 font-family: "Noto Sans", sans-serif;
 font-weight: 500;
 font-size: 100%;
}



ol, ul, li {
 font-size: 100%;
 font-family: "Noto Sans", sans-serif;
 padding-top:0px;
 padding-bottom:0px;
 margin-top:0px;
 margin-bottom:0px;
}

table, tbody, tfoot, thead, tr, th, td {
 border: 0 none;
 font-size: 100%;
 margin: 0px;
 padding: 0;
 font-family: "Noto Sans", sans-serif;
 color:#000000;
}

.firefox .table, tbody, tfoot, thead, tr, th, td{
  margin: 0.01px;
}

textarea {
 margin: 0;
}

.formFieldTable{
 border: 1px black solid;
 border-collapse: collapse;
 padding: 2px 5px;
}

.formCntrFieldTable {
  padding-left: 5px;
  padding-right: 5px;
}

b, u, i {
 font-size: 100%;
 font-family: "Noto Sans", sans-serif;
}

BODY, DIV, TD, INPUT, SELECT, TEXTAREA, BUTTON {
 font-family: "Noto Sans", sans-serif;
 font-size:12px;
}

input {
  margin: 0px;
}

A IMG {
 border-width:0px;
}

FORM {
 margin:0px 0px 0px 0px;
}

a, a:visited, a:hover {
 text-decoration:none;
}

#AFTER_BODY {
  height:35px;
  background: transparent;
  z-index:1000;
  left: 0;
  position: fixed;
  bottom: 0;
}

#PAGE_NEW_TITLE {
 display: none;
 width: 100%;
 background-color: #f5f5f5;
 padding-bottom: 2px;
}

#PAGE_NEW_TITLE_TEXT {
  padding 0 20px 0 0;
  font-size: 20px;
  display: inline-block;
}

#PAGE_TITLE_TEXT {
 font-size: 16px;
}

#PAGE_TITLE_BC TD {
 padding-right:7px;
}

#PAGE_TITLE_IMG {
  padding-right:3px;
}

#LoadingDiv {
  padding-left:3px;
}

#PAGE_MESSAGES .fc {
 margin-bottom:5px;
}

#PAGE_MESSAGES .fc .t{
 border-top:1px solid #B5C2A3;
 background-color:#D7E5C1;
}
#PAGE_MESSAGES .fc .l{
 border-left:1px solid #B5C2A3;
 background-color:#D7E5C1;
}
#PAGE_MESSAGES .fc .r{
 border-right:1px solid #B5C2A3;
 background-color:#D7E5C1;
}
#PAGE_MESSAGES .fc .b{
 border-bottom:1px solid #B5C2A3;
 background-color:#D7E5C1;
}
#PAGE_MESSAGES .mm{
 background-color:#D7E5C1;
}

#PAGE_ERRORS, #PAGE_WARNINGS, #PAGE_MESSAGE, #PAGE_INFO {
  overflow: hidden;
}

table.defaultTable th {
  text-align: left;
}

table.defaultTable td,
table.defaultTable th{
  padding-left: 0px;
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
}


.editFormMsgList {
 list-style-type: none;
}

#PAGE_MESSAGES .mimg {
 float: left;
}

#PAGE_ERRORS_LIST, #PAGE_WARNINGS_LIST, #PAGE_MESSAGE_LIST, #PAGE_INFO_LIST {
margin-left: 56px;
padding-bottom: 14px;
}

#PAGE_ERRORS_LIST > DIV, #PAGE_WARNINGS_LIST > DIV, #PAGE_MESSAGE_LIST > DIV, #PAGE_INFO_LIST > DIV {
 color: #333333;
 font-size:12px;
 font-weight:normal;
 word-wrap: break-word;
}


#PAGE_GRAY, .pageGrayTOP {
 display:none;
 position: fixed;
 left: 0;
 top: 0;
 bottom:0;
 right:0;
 z-index: 2000;
}

.pageGray {
 background-color: rgba(85,85,85,0.6);
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.pageGrayNoOpacity {
 background-color: #555;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
 opacity:0;
}


#PAGE_CONFIRM_GRAY {
 display:none;
 position: fixed;
 left: 0;
 top: 0;
 bottom:0;
 right:0;
 z-index: 1500;
}

.pageConfirmGray {
 background-color: #fff;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
 opacity:0.75;
}


#PAGE_POPUP {
 display:none;
 position: fixed;
 z-index: 2100;
}


#PAGE_POPUP #PAGE_POPUP_TITLE {
 cursor: move;
 min-height: 20px;
}

#PAGE_POPUP_TITLE_BODY {
 font-size:12px;
 color: #333;
 font-weight:bold;
 width:100%;
 margin-top:5px;
 margin-left:20px;
}

#PAGE_POPUP_MAXIMIZE_MINIMIZE {
 display:none;
 position: fixed;
 z-index: 2150;
 cursor:pointer;
}

#PAGE_POPUP_MAXIMIZE {
 position: fixed;
 z-index: 2150;
}

#PAGE_POPUP_MINIMIZE{
 position: fixed;
 z-index: 2150;
}


#PAGE_PROGRESS_MAIN {
 display:none;
 position:fixed;
}

.PAGE_PROGRESS {
 width:465px;
 z-index: 2100;
 border:1px solid white;
 border-radius: 3px;
 box-shadow: 0 0 15px #545454;
}

.wrap-table{
  width:465px;
}

.PAGE_PROGRESS td{
 font-size: 13px;
}

.PAGE_PROGRESS .b {
  width:100%;
  border:0px;
}

.PAGE_PROGRESS .tc {
  width:100%;
  background-repeat:repeat-x;
}

.PAGE_PROGRESS .bc {
  width:100%;
  background-repeat:repeat-x;
}
.PAGE_PROGRESS .ph {
  position: relative;
}
.PG_PRGRS_TITLE, .PG_PRGRS_PER, .PG_PRGRS_MSG, .PG_PRGRS_BTN {
  text-align:center;
  font-weight:bold;
}

.PG_PRGRS_MSGS {
  text-align:center;
}

.PG_PRGRS_MSGS span {
  font-weight:bold;
}

.PG_PRGRS_PER {
  color: #68696c;
}

.PR_PRGRS{
 /* padding: 0px 10px 0px 10px; */
 width: 400px;
}

.PG_PRGRS_MSGS {
  padding: 5px 0px 9px 0px;
}

.PG_PRGRS_TITLE {
  padding: 25px 0px 15px 0px;
  color: #68696c;
}

.PG_PRGRS_MSG {
  padding: 5px 0px 0px 0px;
}

.PG_PRGRS_MSGS_TOTAL{
  color:#a7a7a7;
}

#PR_PRGRS_2 {
  margin-top:10px;
  display:none;
}

#PG_PRGRS_TIMEREMAIN{
  text-align: center;
  padding-top: 10px;

}

.PG_PRGRS_BTN{
  padding:40px 0 20px 0;

}
#PG_PRGRS_TIMEREMAIN_MSGS{
  color:#999;
  font-weight: bold;
}
.PG_PRGRS_PROG {
  width:350px;
  height:6px;
  text-align:left;
  position:relative;
  overflow:hidden;
  overflow-x:hidden;
  overflow-y:hidden;
}

.PG_PRGRS_PROG_F {
  width:350px;
  height:6px;
  position:absolute;
  z-index:1000;
}
.PG_PRGRS_PROG_B {
  width:350px;
  height:6px;
  border-radius: 3px;
  background: #f2f2f2;
  position:absolute;
  left:-30px;
}

.PG_PRGRS_PROG_G {
  height:6px;
  width:100px;
  border-radius: 3px;
  position:absolute;
  left:-30px;
}
/*
  MULTI BOX Interface
*/
.popupContainer .multiBox, .popupContainer .multiBoxW {
  width:100%;
  background-color: #fafafa;
  border: 1px solid #d8d8d8;
  padding: 20px 10px;
  table-layout: auto;
}
.multiBox .b, .multiBoxW .b {
  width:100%;
  border:0px;
  line-height:0;
}

.multiBox .btls {
  background-color: #f5f5f5;
  width:20px;
  height:19px;
}
.multiBox .btrs {
  background-color: #f5f5f5;
  width:20px;
  height:19px;
}
.multiBox .bbls {
  border-bottom: 1px solid #CBCEC4;
  border-left: 1px solid #CBCEC4;
  background-color: #F0F5E8;
  width:20px;
  height:19px;
}
.multiBox .bbrs {
  border-bottom: 1px solid #CBCEC4;
  border-right: 1px solid #CBCEC4;
  background-color: #F0F5E8;
  width:20px;
  height:19px;
}
.multiBox .tc {
  width:100%;
  border-top: 1px solid #C8C8C8;
  background-color: #f5f5f5;
}
.popupContainer .multiBox .bc {
  width:100%;
}


.popupContainer .multiBox .ph {
  background-color: #fafafa;
}


.multiBoxW .btls {
  background-color: #f5f5f5;
  width:20px;
  height:19px;
}
.multiBoxW .btrs {
  border-top: 1px solid #CBCEC4;
  border-right: 1px solid #CBCEC4;
  background-color: #FFF;
  width:20px;
  height:19px;
}
.multiBoxW .bbls {
  border-bottom: 1px solid #CBCEC4;
  border-left: 1px solid #CBCEC4;
  background-color: #FFF;
  width:20px;
  height:19px;
}
.multiBoxW .bbrs {
  border-bottom: 1px solid #CBCEC4;
  border-right: 1px solid #CBCEC4;
  background-color: #FFF;
  width:20px;
  height:19px;
}
.multiBoxW .tc {
  width:100%;
  border-top: 1px solid #CBCEC4;
  background-color: #FFF;
}
.multiBoxW .bc {
  width:100%;
  border-bottom: 1px solid #CBCEC4;
  background-color: #FFF;
}

.multiBoxW .ph {
  background-color: #FFF;
  border-left: 1px solid #CBCEC4;
  border-right: 1px solid #CBCEC4;
  padding: 0px 14px 0px 14px;
}

.multiBoxTabs {
  display:block;
  clear: both;
  width: 100%;
  z-index: 1500;
  border-bottom: solid 1px #CCCCCC;
}

.multiBoxTabs .edit {
  float:left;
  padding: 8px 10px 8px 16px;
}

.multiBoxTabs .reset {
  float:left;
  padding: 0px 1px 3px 8px;
  text-align:center;
}

.multiBoxTabs .reset A,.multiBoxTabs .reset A:HOVER,.multiBoxTabs .reset A:VISITED,.multiBoxTabs .reset A:VISITED:HOVER {
  text-decoration:none;
  font-size:12px;
}

.multiBoxTabs .closedTab, .multiBoxTabs .openTab {
  padding: 1px 16px 8px 16px;
  text-transform: uppercase;
  font-weight:bold;
  font-stretch:semi-condensed;
  font-size:12px;
  background-color: #f5f5f5;
}

.multiBoxTabs .closedTab {
  background-color: #e3e3e3;
}

.multiBoxTabs .thinTab {
  padding: 1px 8px 8px 8px;
}

.multiBoxTabs .mtfc {
  float:left;
  position:relative;
  top:1px;
  width: 100%;
}

.mtfc .einSelector {
  float: right;
  margin: 0px;
  padding-top: 2px;
}

.multiBoxTabs .closedTabTc {
  background-color: #e3e3e3;
  border-top: 1px solid #c8c8c8;
}

.multiBoxTabs .closedTabLc {
  background-color: #e3e3e3;
  border-left: 1px solid #c8c8c8;
}

.multiBoxTabs .closedTabRc {
  background-color: #e3e3e3;
  border-right: 1px solid #c8c8c8;
}

.multiBoxTabs .openTabTc {
  background-color: #f5f5f5;
  border-top: 1px solid #c8c8c8;
}

.multiBoxTabs .openTabLc {
  background-color: #f5f5f5;
  border-left: 1px solid #c8c8c8;
}

.multiBoxTabs .openTabRc {
  background-color: #f5f5f5;
  border-right: 1px solid border-left: 1px solid #c8c8c8;
}

.multiBoxTabs .openTab {
  color:#000000;
  background-color: #f5f5f5;
}

.multiBoxTabs .closedTab {
 cursor: pointer;
}


.tableLimiter {
  margin-top:20px;
  margin-right:auto;
  margin-left:auto;
  max-height:95%;
  max-width: 95%;
}

/*
  UiForm infoBox
*/

.infoBoxTable {
  border: 1px solid #9E9E9E;
}

.infoBox .titleBox {
 width:100%;
 height:52px;
 background-color: #FFFFFF;
}

.infoBox .titleBoxLC {
  width: 10px;
 }

 .infoBox .titleBoxRC {
  width: 10px;
 }

.infoBox .titleText {
 width: 100%;
 padding-left: 10px;
 font-weight:bold
}

.popupContainer .titleText {
  font-weight:bold;
  margin: 0;
  width: auto;
-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.1);
-moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.1);
box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 0.1);
}

.titleExtra {
 font-size: 12px;
}

.infoBox .titleButton {
  padding-left:15px;
}

.infoBox .titleIcon {
 padding-right:6px;
}
.infoBox .titleIcon IMG {
  position:relative;
  top:-5px;
}

.infoBox .titleEnd {
 padding-right:6px;
}
.titleWithBorder > TD {
  border-bottom: 1px solid #BEBEBE;
}

.infoBox TD.body {
  background-color:#FFFFFF;
  padding:10px;
  vertical-align:top;
}
.bodyNoTitle {
  border: 1px solid #BEBEBE;
  background-color:#FFFFFF;
  vertical-align:top;
}

.clearBox > TD.body {
  border: 0px;
  padding: 0px;
  vertical-align:top;
}

.popupContainer .clearBox .bodyNoTitle {
  border:0px;
  vertical-align:top;
  background-color: transparent;
}

.borderBox .body {
  border-left: 1px solid #BEBEBE;
  border-right: 1px solid #BEBEBE;
  border-bottom: 1px solid #BEBEBE;
  background-color:#FFFFFF;
  padding:10px;
}

.borderBox .bodyNoTitle {
  border: 1px solid #BEBEBE;
  background-color:#FFFFFF;
  padding:10px;
}


.helpBox {
  padding:5px 3px 5px 6px;
  vertical-align:middle;
  text-align:center;
}

.helpBox IMG {
  padding: 3px 7px 3px 0px;
}


.moveUpDown TD {
  text-align:center;
  padding:2px;
}

/*
 PAGE ELEMENTS
*/

.fld {
  display:-moz-inline-block;
  display:inline-block;
  width:100%;
  line-height: 1;
}

.fld .e IMG {
  padding-right:3px;
}

.width100, .width100p {width:100%;}
.width105{width:105px;}
.width1p {width:1%;}
.width20 {width:20px; }
.width25p {width:25%;}
.alignCenter {text-align:center;}

.toolTip {
  padding:3px;
  border:1px solid #999900;
  vertical-align:middle;
  display:none;
  position:absolute;
  background-color:#FFFF99;
}


.tab{
  background-color: transparent;
}

.tabBorder {
  background-color: #cccccc;
}

.tabSel {
  background-color: #FFFFFF;
}

.hLiteBox {
  border: 1px #7D67D9 solid;
  color: white;
  background-color: #8B73EF;
}

.adminSecViolationDiv {
  padding: 5px 8px 5px 8px;
  padding-top: 10%;
}
.adminConfirmDiv {
  overflow: auto;
  padding: 0 8px;
}
.adminConfirmDiv > table {
  height: 100%;
}

#ADMIN_CONFIRM, #ADMIN_SEC_VIOLATION {
 position: fixed;
 left: 0;
 top: 0;
 bottom:0;
 right:0;
 z-index: 1600;
 text-align: center;
}
#ADMIN_SEC_VIOLATION {
 display:none;
}


.adminConfirmDiv, .adminSecViolationDiv {
  text-align: center;
}

.adminConfirmDiv .infoBox {
  text-align: left;
}

.pageHeadBottomLine {
 background-color:White;
 height:1px;
}

.editPageLargeMessage {
 color:black;
 font-weight:bold;
 font-size:12px;
}

TD.efTableChk {
  text-align: center;
}

TD.efTableChkLbl LABEL {
  text-align: left;
  white-space: nowrap;
  padding-left: 5px;
}

.editFormLabel, .efTableLbl {
  text-align:right;
  white-space: nowrap;
}

.efTableData LABEL {
  text-align: left;
  white-space: nowrap;
}

.efFieldSet {
  background-color: transparent;
  padding: 5px 10px 5px 10px;
  -moz-border-radius:5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.efFieldSet, .editFormLabel, .efTableLbl, .LoginPageLabel, LABEL {
  vertical-align:middle;
  font-size: 12px;
  color:#333333;
}

.generatedLink {
  font-weight:normal;
  font-size: 12px;
  text-align: left;
}

.editFormRadioLabel{
  padding-right: 8px;
  padding-left: 0px;
  margin-left: 0px;
}

.efTableData, .efTableData .tbl, .efTableData100, .efTableData100 .tbl {
  width:100%;
}

.efTableDataBorder {
 width:inherit;
 border-left:1px solid #DCDCDC;
}

.efTableData .lst {
 width: 100%;
}

.efTableRow100 .lst {
  width: 1px;
}

.editFormLabelLeftAlign {
 text-align:left;
 vertical-align:middle;
 font-weight:normal;
 color:#333333;
}
.editFormLabelCenterAlign {
 text-align:center;
 vertical-align:middle;
 font-weight:normal;
 color:#333333;
}
.editFormDLabel {
 vertical-align:middle;
 font-weight:normal;
 color:#333333;
}
.editFormLink {
 font-weight:normal;
 color:#333333;
 text-align:right;
 vertical-align:middle;
 text-decoration:none;
}

.editFormCheckbox {
 vertical-align:middle;
}
.editFormCheckboxReadOnly {
 vertical-align:middle;
 color:black;
 background-color:black;
}

.editFormTextSmall {
 font-size:8px;
 vertical-align:middle;
}

.editFormSimpleText_disabled, .editLookupText_disabled, .editFormTextArea_disabled, .editFormText_disabled,
.editFormCombo_disabled, .editFormSelect_disabled  {
 border:1px solid #9B9B9B;
 background-color:#CECECE;
 font-size:12px;
}

.editFormFooter {
 font-size:12px;
 font-family:monospace;
}

.efExtra_CodeEditor {
 font-size:12px;
 font-family:"Courier New", Courier, monospace;
}


.formErrorTable {
 margin-top:5px;
 margin-bottom:7px;
 margin-left:14px;
}

.formMessageTable {
 margin-top:5px;
 margin-bottom:7px;
 margin-left:2px;
 padding-left:5px;
}

.formWarningTable {
 margin-top:5px;
 margin-bottom:7px;
 margin-left:14px;
}

.effectiveDateActiveRow > TD{
 border-top: 1px dashed #d6d6d6;
 border-bottom: 1px dashed #d6d6d6;
}

.treeNS {
 font-style:normal;
}

.treeNode, a.treeNode, a.treeNode:HOVER, a.treeNode:VISITED {
 color:Black;
 text-decoration:none;
 padding:0px 0px 0px 0px;
 font-weight:bold;
 font-style:normal;
 /*font-size:10px;*/
 cursor:pointer;
}

TD.treeNode,
TD.treeNodeSelected  {
 padding-left:5px;
 padding-right:5px;
}


.treeNodeIcon {
 padding:0px 0px 0px 0px;
 border:none;
}

SPAN.reqField {
 color:#A50005;
 font-weight:bold;
}

OPTION.clearItems
{
color:red;
}

.badge {
  background: radial-gradient( 1px -11px, circle, white 8%, red 26px );
  background: -moz-radial-gradient( 1px -11px, circle, white 8%, red 26px );
  background: -ms-radial-gradient( 1px -11px, circle, white 8%, red 26px );
  background: -o-radial-gradient( 1px -11px, circle, white 8%, red 26px );
  background: -webkit-radial-gradient( 1px -11px, circle, white 8%, red 26px );
  background-color: red;
  border: 2px solid white;
  border-radius: 12px;
  box-shadow: 1px 1px 1px black;
  color: white;
  font: bold 12px/9px Helvetica, Verdana, Tahoma;
  height: 12px;
  padding: 2px 3px 0 3px;
  text-align: center;
  min-width: 8px;
}





.headBody {
 border: 0px;
 height: 70px;
}

.headBody .logo {
  height: 43px;
  margin-left:20px;
  margin-top:12px;
  float:left;
}

.headBody .logo img {
  max-height: 100%;
}

.headBody .title {
  margin-left:35px;
  float:left;
  vertical-align:middle;
  font-size:14px;
  font-weight:bold;
  padding-top:25px;
}

.headBody .links {
	float: right;
	height: 100%;
	margin-right: 20px;
}
.headBody .links ul {
	height: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	display:inline-block;
}

.headBody .links li {
    float: left;
	padding-left: 18px;
	padding-right: 18px;
	height: 100%;
}

.headBody .links a {
    text-decoration: none;
	padding:15px 15px 0 15px;
	position: relative;
	top: 40%;
	font-size: 14px;
}

.headBody .headNotification {
  float: left;
  margin: 25px 15px 0 15px;
  padding: 0 0 0 10px;
  font-size: 14px;
}

.headBody .msgCounter {
  z-index: 1;
  position: absolute;
  left: 13px;
  top: -12px;
  min-width: 20px;
  max-width: 35px;
  height: 20px;
  line-height: 20px;
  font-size: 11px;
  padding: 0 4px;
  box-sizing: border-box;
  border-radius: 10px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.headBody .icon-Email_16 ~ .msgCounter {
    left: 15px;
}
.headNotification span {
  background-color: red;
  color: white;
  border-radius: 50%;
  padding: 5px;
  font-size: x-small;
  position: relative;
  bottom: 2em;
  left: 30px;
}
.headNotification img {
	margin-top: -10px;
}
#headDropDownName, #headDropDownAdmin, #headDropDownEIN{
  display:none;
  position: absolute;
  z-index:100;
}

#headDropDownName.right td, #headDropDownAdmin.right td, #headDropDownEIN.right td{
  text-align: right;
}

#headDropDownNameA , #headDropDownAdminA , #headDropDownEINA, #onlineDoc {
 cursor: pointer;
}

#headDropDownName .ctc,
#headDropDownName .cmc,
#headDropDownName .cml,
#headDropDownName .cmr,
#headDropDownName .cbc,
#headDropDownName .ctr,
#headDropDownAdmin .ctc,
#headDropDownAdmin .cmc,
#headDropDownAdmin .cml,
#headDropDownAdmin .cmr,
#headDropDownAdmin .cbc,
#headDropDownAdmin .ctl,
#headDropDownEIN .ctc,
#headDropDownEIN .cmc,
#headDropDownEIN .cml,
#headDropDownEIN .cmr,
#headDropDownEIN .cbc,
#headDropDownEIN .ctl {
  color:#000000;
}

#headDropDownName A,
#headDropDownName A:VISITED,
#headDropDownName A:HOVER,
#headDropDownName A:VISITED:HOVER,
#headDropDownAdmin A,
#headDropDownAdmin A:VISITED,
#headDropDownAdmin A:HOVER,
#headDropDownAdmin A:VISITED:HOVER,
#headDropDownEIN A,
#headDropDownEIN A:VISITED,
#headDropDownEIN A:HOVER,
#headDropDownEIN A:VISITED:HOVER  {
  display: block;
  padding: 0px 18px;
  line-height: 25px;
  color:#293e6b;
  font-size: 14px;
}

#headDropDownName .cmc, #headDropDownAdmin .cmc, #headDropDownEIN .cmc {
  padding:5px;
}

#headDropDownName TABLE TABLE, #headDropDownAdmin TABLE TABLE, #headDropDownEIN TABLE TABLE {
 width:100%;
 clear:both;
}

#headDropDownName .l, #headDropDownAdmin .l, #headDropDownEIN .l  {
  padding: 0px;
  padding-bottom: 1px;
}

#headDropDownName TD.sel3, #headDropDownAdmin TD.sel3, #headDropDownEIN TD.sel3 {
  color:#FFFFFF;
  cursor: pointer;
}

#headDropDownName .sel3 A,
#headDropDownName .sel3 A:VISITED,
#headDropDownName .sel3 A:HOVER,
#headDropDownAdmin .sel3 A,
#headDropDownAdmin .sel3 A:VISITED,
#headDropDownAdmin .sel3 A:HOVER,
#headDropDownEIN .sel3 A,
#headDropDownEIN .sel3 A:VISITED,
#headDropDownEIN .sel3 A:HOVER {
  color:#293e6b;
}


/*
 MENU
*/
.headMenu {
	background-color: #ffffff;
	border-bottom: 1px solid #ccc;
 	height: 52px;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(204,204,204,1);
	-moz-box-shadow: 0px 1px 5px 0px rgba(204,204,204,1);
	box-shadow: 0px 1px 5px 0px rgba(204,204,204,1);
}
.headMenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	float:left;
}

.headMenu ul li {
    float: left;
}


.headMenu ul li a:link,
.headMenu ul li a:visited {
    display: block;
    color: #666;
	font-size: 16px;
    text-align: center;
    text-decoration: none;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
}

.headMenu ul li a.headMenuSelected {
	color: #000;
	font-weight: bold;
}

.headMenu ul li a.headMenuSelected:hover {
	border-bottom: 3px solid transparent;
}

.headMenuSelected {
    border-bottom: 3px solid #125177;
	background: #f4f4f4;
}

.headMenu .menuSearch {
	float:right;
	padding: 10px 20px 10px 0;
}

.arrow-right {
    position: absolute;
	top: 50%;
	margin-top: -3px;
	display: block;
	width: 5px;
	height: 7px;
	right: 0;
}

/* ui_control command menu */

.extendedMenu {
	font-size: large;
	font-weight: 700;
}

ul.dropdown-menu  {
  position: absolute;
  list-style-type: none;
  border: 1px solid #000000;
  padding: 8px;
  right: 0%;
  left: auto;
  background-color:#ffffff;
  margin-top: 32px; /* height of commandBar plus a smidge */
  z-index: 200;
}

.selectors .commandBar li {
  float: left;
}
.selectors .commandBar a {
  position: static;
  padding: 0;
  top: 0;
  color: #a7a7a7;
  line-height: 38px;
}
.selectors .commandBar a.showHidden {
  font-size: 30px;
  line-height: 30px;
  color: #4187bc;
  height: 38px;
}


/*
 MENU BODY
*/

.drawer-container {
	box-sizing: border-box;
	padding: 4px;
	width: 100%;
	height: 100%;
	overflow-y: hidden;
}

.drawer-container .menu {
	background: #fff;
}

.drawer-container .drawer-close {
	float: right;
	border: none;
	margin-right: 20px;
	font-size: 16px;
	color: #7a7b7e;
}

.drawer-container .drawer-close a {
	color: #7a7b7e;
	cursor: pointer;
	padding-left: 15px;
}

.drawer-container .drawer-close span {
	font-size: 12px;
	vertical-align: middle;

}

.drawer-container div {
	position: relative;
	font-size: 13px;
}
.drawer-container .first {
	border-left:  none;
}

.drawer-container ul {
  list-style-type: none;
  padding: 0;
}

.drawer-container ul li {
	margin-bottom: 0;
}

.drawer-container ul a {
  position: relative;
  padding: 5px 30px;
  display: block;
  color: #627385;
  text-decoration: none;
  line-height: 19px;
  cursor: pointer;
}
.drawer-container ul span {
  margin-right: 20px;
}
.drawer-container ul img {
  float: right;
  margin-left: 20px;
}

.drawer-container .more {
	float: right;
	margin-left: 20px;
}

.drawer-container .outerContainer {
	overflow-y: hidden;
	overflow-x: auto;
	width: 90%;
	height: 315px;
	float: left;
}

.drawer-container .innerContainer {
    height: 100%;
    width: auto;
    white-space: nowrap;
}

.drawer-container .innerContainer .menu {
	display: inline-block;
    vertical-align:top;
}

.drawer-container .innerContainer .menu {
	float:none;
}
.drawer-container .start-title {
    padding-left: 15px;
    color: #627385;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}

.drawer-container .start-empty {
	margin-top: 21px;
}

#start-widget-drawer .settings {
  font-size:16px;
  color: #999999;
}

/** New Search Prototype **/

#mainMenu {
	position: relative;
}
.menuSearch {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

.menuSearch input#SystemSearch {
	padding: 0px 50px 0px 12px;
}

.searchSubWr {
	display: block;
	position: relative;
	overflow: hidden;
	width: 38px;
}

.searchSubWr .searchButton {
	display: block;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 36px;
	line-height: 36px;
	cursor: pointer;
}

.searchSubWr .closeSearchButton {
	display: block;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 36px;
	line-height: 36px;
	cursor: pointer;
}

/** New Search Prototype END **/

.menuSearch.showSearch .searchSubWr {width: 100%;}

.headBody .dropdown.bell {
  padding-left: 24px;
  cursor: pointer;
}





.menuBar, .menuBarNoFlow {
 background-color:#029068; 
 border-top:1px solid #007E5B;
 border-left:1px solid #007E5B;
 border-bottom:1px solid #007E5B;
 border-right:1px solid #007E5B;
}

.menuBar .mbfc,
.menuBarNoFlow .mbfc {
 padding:5px;
}

.adjustToEndFloatBar {
 z-index:1000;
 left: 0;
 position: fixed;
 bottom: 0;
}

.menuBarItem, .menuBarItemMO {
 padding: 2 2px 2 2px;
 cursor:pointer;
 text-align:center;
 vertical-align:middle; 
 
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px; 
 border-radius: 4px;
}

.menuBarItem {
 border: 1px solid transparent;
 background-color: transparent;
}

body.extraFuncs .menuBarItem, body.extraFuncs .menuBarItemMO {
 padding: 0 18px;
}

.menuBarItemMO {
 border: 1px solid transparent;
 background-color: #016347;
}

.menuBar TD, .menuBar DIV, .menuBar LABEL,
.menuBarNoFlow TD, .menuBarNoFlow DIV, .menuBarNoFlow LABEL {
  font-weight: bold;
 text-decoration:none;
 font-size:10px;
 color:#FFFFFF;
}

.menuBarItemText {
 text-align:center;
 vertical-align:middle;
}

.menuBarItemMO .menuBarItemText  {
 color:#FFFFFF;
}

.menuBarItemNoBG {
 background-color: transparent;
 border: 0px;
 text-align:center;
 vertical-align:middle;
}





.repWidth100 {
 width:100%;
}

.reportStyleTable .selectors {
 width:100%;
}
.reportStyleTable .selectors .rfc {
 padding: 3px 10px 3px 10px;
 border-left:1px solid #D6D6D6;
 border-right:1px solid #D6D6D6;
 border-bottom: 1px solid #D4D4D4;
 background: -webkit-gradient(linear, 0 0, 0 top, from(#F7F7F7), to(#EDEDED));
 background: -webkit-linear-gradient(top,#F7F7F7, #EDEDED);
 background: -moz-linear-gradient(top,#F7F7F7, #EDEDED);
 background: -ms-linear-gradient(top,#F7F7F7, #EDEDED);
 background: -o-linear-gradient(top,#F7F7F7, #EDEDED);
 background: linear-gradient(to bottom,#F7F7F7, #EDEDED);
 
 text-align: left;
}

.reportStyleTable .selectors .rfc .colLabel {
 font-weight:bold;
}

.reportStyleTable .custombody {
 width:100%;
}

.reportStyleTable .custombody .rfc {
 border-left:1px solid #D6D6D6;
 border-right:1px solid #D6D6D6; 
}

.reportStyleTable .repBody {
 width:100%;
}

.reportStyleTable .repBody .rfc {
 border-left:1px solid #D6D6D6;
 border-right:1px solid #D6D6D6;
}

.filterCalaps TD {
 text-align:center;
}
.filterCalaps IMG {
 cursor:pointer
}

.reportTable .filterValueSm, 
.reportTable .filterValueSm_ReadOnly {
  width:60px;
}
.reportTable .filterValue, 
.reportTable .filterValue_ReadOnly {
  width:80px;
}

.reportTable .filterValueLg, 
.reportTable .filterValueLg_ReadOnly {
  width:100px;
}

.reportTable .filterOpSm, 
.reportTable .filterOpSm_ReadOnly {
  width:60px;
}

.reportTable .filterOp, 
.reportTable .filterOp_ReadOnly {
  width:80px;
}

.reportTable .filterOpLg, 
.reportTable .filterOpLg_ReadOnly {
  width:100px;
}

.reportTable .filterOpSm_ReadOnly, 
.reportTable .filterValueSm_ReadOnly, 
.reportTable .filterOp_ReadOnly, 
.reportTable .filterValue_ReadOnly, 
.reportTable .filterOpLg_ReadOnly, 
.reportTable .filterValueLg_ReadOnly {
  background-color:#CECECE;
  border:1px outset #9B9B9B;
  margin:1px;
}


.groupedTable .filterValueSm, 
.groupedTable .filterValue, 
.groupedTable .filterValueLg, 
.groupedTable .filterValueSm_ReadOnly, 
.groupedTable .filterValue_ReadOnly, 
.groupedTable .filterValueLg_ReadOnly  {
 width: 200px;
}

.resultRow0  {
 background-color: #FFFFFF;
}
.resultRow1  {
 background-color: #E0EFEB;
}
.resultRow0 .resultHighlighted {
  background-color: #E8E89E;
}
.resultRow1 .resultHighlighted {
  background-color: #FCFCB1;
}
.reportTable TR.resultRow0:hover .resultHighlighted,
.reportTable TR.resultRow1:hover .resultHighlighted {
  background-color: #D9D977;
}

.reportTable TR.selectedRow {
 background-color: #7A918B;
}
.reportTable TR.selectedRow:hover {
 background-color: #738983;
}

TD.groupTab  {
 background-color: #FFF;
}

.reportTable .headerRowSimple TD,
.reportTable .headerRowSimple TH,
.reportTable TD.groupHeaderCell, 
.reportTable TD.groupHeaderTab {
 padding: 3px 20px 3px 6px;
 border-left: 1px solid #EFEFEF;
 background-color:#E3E3E3;
 border-bottom: 1px solid #FFFFFF;
 vertical-align:top;
}


.reportTable .headerRowSimple TD, .reportTable .headerRowSimple TH {
 vertical-align: bottom;
}

.reportTable .headerRowSimple TD TD, .reportTable .headerRowSimple TH TD {
 padding: 0px;
 border-left: 0px;
 border-bottom: 0px;
 
 
 background: -webkit-gradient(linear, 0 0, 0 top, from(transparent), to(transparent));
 background: -webkit-linear-gradient(top,transparent, transparent);
 background: -moz-linear-gradient(top,transparent, transparent);
 background: -ms-linear-gradient(top,transparent, transparent);
 background: -o-linear-gradient(top,transparent, transparent);
 background: linear-gradient(to bottom,transparent, transparent);
 height:0px;
 vertical-align: top;
}

.reportFloatingHeaderRow {
 overflow:hidden;
}

.reportFloatingHeaderRow, .reportFloatingHeaderRow .cell  {
 background-color:#E3E3E3;
}

.reportFloatingHeaderRow .colControl {
  margin-bottom:3px;
  width: 100%;
  height: 16px;
}

.reportFloatingHeaderRow .cell {
  float:left;
}
.reportFloatingHeaderRow .cell > DIV {
  padding:3px 3px 0px 1px;
}

.reportFloatingHeaderRow .colControl > div {
  float:right;
}

.reportFloatingHeaderRow .colControl > div.sortControl {
  float:left;
}

.reportFloatingHeaderRow .colControl > div {
  visibility:hidden;
}

.reportFloatingHeaderRow:hover .colControl > div,
.reportFloatingHeaderRow .colControl > div.sorted {
  visibility:visible;
}

.reportTable TD.headerCell .colLabel, .reportFloatingHeaderRow .colLabel, .reportTable .headerRowSimple TD,
.reportTable TD.groupHeaderCell {
 text-align:center;
 color: #7B7B7B;
 font-weight:bold;
}

.reportToolBar .mainTable {
 padding-top:5px;
 padding-bottom:5px;
 border-bottom:1px solid #CFCFCF;
}

.withSel {
 border-top:1px solid #FFFFFF;
}

.reportToolBar .bottomToolbar {
  border:0px;
}
.reportToolBar .bottomToolbar {
  border:0px;
  padding-bottom:0px;
}

.reportToolBar .sep {
  border-left:1px solid #D8E2E9;
  height:15px;
  margin-left:5px;
  margin-right:5px;
}

.reportToolBar .prev , .reportToolBar .prevDis {
 padding-left:2px;
}

.reportToolBar .next , .reportToolBar .nextDis {
 padding-right:6px;
}

.reportToolBar .prev, .reportToolBar .next, .reportToolBar .run, .reportToolBar .tools {
 cursor:pointer;
}
.reportToolBar .run {
 padding-left:6px;
 padding-right:6px;
}

.reportToolBar .tools {
 padding-left:6px;
 padding-right:9px;
}

.reportToolBar .prevDis , .reportToolBar .nextDis, .disableElement {
  cursor:default;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25);
  opacity:0.25;
}

.reportToolBar .fc {
  padding-left:9px;
}

.reportToolBar .v {
  padding-right:5px;
}

.reportToolBar .pencil {
  padding: 0px 5px 0px 5px;
}

.groupedTable {
 padding-left:6px;
 border-bottom:1px solid #CCCCCC;
 width:100%;
 background-color: #E1E1E1;
 border-top:1px solid #FFFFFF;
}

.groupedTable TD {
 padding: 5px 2px 5px 2px;
}
.groupedTable TD TD{
 padding: 0px;
}

.groupedTable .colLabel1, .groupedTable .colLabel4 {
  font-weight: bold;
}

DIV.repProgress {
  margin-left: 5px;
  margin-right: 5px;
  display: none;
}

DIV.tGraph {
  position:relative;
  width:100%;
  height:20px;
  top:0px;
  left:0px;
}
DIV.tGraphHand {
  position:relative;
  width:100%;
  height:20px;
  top:0px;
  left:0px;
  cursor:pointer;
}
TD.tGraph {
  vertical-align:top;
}

/*
 EDITABLE REPORT
*/

.resultRow1 TD.np DIV,
.resultRow0 TD.np DIV {
 position: relative;
 height: 30px;
 box-sizing: border-box;
}

.resultRow1 TD.np DIV.ec,
.resultRow0 TD.np DIV.ec {
 border:1px solid #d1d1d1;
 padding: 0 10px;
 line-height: 28px;
 background: #fff;
 cursor:pointer;
 white-space:nowrap;
 color: #000;
}
        
.resultRow1 TD.np DIV.ec_err,
.resultRow0 TD.np DIV.ec_err {
 border:1px solid red;
 padding: 0 10px;
 line-height: 28px;
 background: #fff;
 cursor:pointer;
 white-space:nowrap;
}
    
    
.resultRow0 TD.np DIV.ecd,
.resultRow1 TD.np DIV.ecd {
 border:1px solid #d1d1d1;
 padding: 0 10px;
 line-height: 28px;
 background: #fff;
 cursor:pointer;
 color:#000;
 white-space:nowrap;
}

/*    
 ecAC editable Auto cell with Calc data
*/
.resultRow0 TD.np DIV.ecAC,
.resultRow1 TD.np DIV.ecAC {
 background: #fff;
 border:1px solid #d1d1d1;
 padding: 0 10px;
 line-height: 28px;
 cursor:pointer;
 white-space:nowrap;
 color: #000;
}
    
/*   
  ecAM editable Auto cell with Manual data
*/
.resultRow0 TD.np DIV.ecAM,
.resultRow1 TD.np DIV.ecAM {
 font-weight:bold;
 border:1px solid #d1d1d1;
 padding: 0 10px;
 line-height: 28px;
 background: #fff;
 cursor:pointer;
 background-color:#b5cbe9;
 white-space:nowrap;
}
    
/*   
  ecMC editable manual cell with Calc data
*/    
.resultRow0 TD.np DIV.ecMC,
.resultRow1 TD.np DIV.ecMC {
 border:1px solid #d1d1d1;
 padding: 0 10px;
 line-height: 28px;
 background: #fff;
 cursor:pointer;
 color:#009900;
 white-space:nowrap;
}
    
/*  
  ecMM editable Manual cell with Manual value
*/  
.resultRow0 TD.np DIV.ecMM,
.resultRow1 TD.np DIV.ecMM {
 font-weight:bold;
 border:1px solid #d1d1d1;
 padding: 0 10px;
 line-height: 28px;
 background: #fff;
 cursor:pointer;
 white-space:nowrap;
}
    
/*  
  ecConcurrent
*/
.resultRow0 TD.np DIV.ecConcurrent,
.resultRow1 TD.np DIV.ecConcurrent,
.ecConcurrent {
 border:1px solid #FF0000!important;
 background-color:#FF0000!important;
}
    
.reportTitle {
	font-size:16px;
}

.selectors  ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	display: inline-block;
}

.selectors img {
  vertical-align: middle;
  margin-right: 5px;
}
.selectors  li {
    float: left;
	padding-left: 15px;
	padding-right: 15px;
}


.selectors  a:hover, 
.selectors  a:active, 
.selectors  a:link, 
.selectors  a:visited {
    color: #000000;
}




/*-- REDESIGN REPORT TABLE --*/

/*-- FLOAT ELEMENTS --*/
.float_left {
  float: left;
}
.float_right {
  float: right;
}
/*-- END FLOAT ELEMENTS --*/

/*-Extra Filters-*/
.selectors ul {
  overflow: inherit;
}
.selectors li {
  float: none;
  display: inline-block;
}
.selectors .reportFilter {
  height: 20px;
  padding: 10px 15px;
  display: block;
  cursor: pointer;
}
.selectors .reportFilter.active {
  background: #ffffff;
}
.extraFilters {
  display: none;
}
.extraFilters .colLabel {
  font-weight: 600;
}
.extraFilters.active {
  display: block;
}
.reportTitle {
  padding: 0 20px 0 0;
  border-right: 1px solid #d8d8d8;
  font-size: 20px;
}
.reportFloatingHeaderRow .extraFilters {
  display: none;
}
/*- END EXTRA FILTERS -*/
/*- FORMS -*/
/*.form_elem_wrapper {
	display: inline-block;


	&.elems_in_row {
		.form_elem {
			display: inline-block;
			width: auto;
			margin: 0 20px 0 0;
		}
	}

	.elem_wrapper {
		display: inline-block;

		&.input_elem {
			position: relative;
			padding: 0 20px 0 0;
			border: 1px solid @border_grey;
			background: @white;

			.elem_text {
				height: 20px;
				background: @white;

				.text_field {
					padding: 0 5px;
					border: none;
					height: 20px;
				}
			}

			.elem_button {
				position: absolute;
				top: 0;
				right: 0;
				height: 20px;
				width: 20px;
			}
		}

		.elem {
			padding: 0;
		}
	}
}*/
/*- END FORMS -*/

/*-- REPORT TABLE --*/
table.reportTable,
tr#headTableRow table.reportTable {
  border-bottom: 1px solid #e2e2e2;
  background: #ffffff;
}
table.reportTable .headerRow,
table.reportTable TD.headerCell {
  background: white;
}
table.reportTable TD.headerCell {
  border-bottom: 1px solid #d8d8d8;
}
table.reportTable TD.headerCell .colLabel {
  font-size: 12px;
  color: #000;
  text-transform: uppercase;
  text-align: left;
}
table.reportTable .filterRow TD.c {
  background: #f1f1f1;
  vertical-align: top;
}

table.reportTable .filterRow.collapsedRow + .filterCalaps > td {
  box-shadow: inset 0 2px 6px -3px rgba(0, 0, 0, 0.4);
}

table.reportTable TR.resultRow0 > TD,
table.reportTable TR.resultRow1 > TD,
table.reportTable TR[type=resultRow] > TD {
  font-size: 12px;
  color: #333333;
}
table.reportTable TR.resultRow1 {
  background: #ffffff;
}
table.reportTable TR.resultRow1:hover {
  background: #ffffff;
}
table.reportTable TR.resultRow0 {
  background: #f4f4f4;
}
table.reportTable TR.resultRow0:hover {
  background: #f4f4f4;
}
.reportFloatingHeaderRow {
  border-bottom: 1px solid #d8d8d8 !important;
  background: #ffffff;
}
.reportFloatingHeaderRow .reportToolBar {
  border-left: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
}
.reportFloatingHeaderRow .cell {
  border: none !important;
  background: #ffffff;
}
.reportFloatingHeaderRow .cell .colLabel {
  padding: 0 0 0 4px;
  font-size: 12px;
  color: #666666;
  text-transform: uppercase;
  text-align: left;
}

/*-- END REPORT TABLE --*/


/*-- END REDESIGN REPORT TABLE --*/

.cellSpacingLeft {
  padding-left: 20px;
}

div.extraFilters tr {
  line-height: 30px;
}

.selectors a.clear,
.selectors a.clear:visited, 
.selectors a.clear:hover {
	text-decoration: none;
	padding-left: 0px;
}

.noTopBorder {
	border-top: none !important;
}
.cbOuterDiv {
  border: 1px solid black;
  z-index: 100000;
  padding: 0px 3px 0px 0px;
  overflow-x: hidden;
  background-color: white;
  display: none;
  position: absolute;
  overflow-y: auto;
}

.cbOuterDivFixed {
  border: 1px solid black;
  z-index: 100000;
  padding: 0px 3px 0px 0px;
  overflow-x: hidden;
  background-color: white;
  display: none;
  position: fixed;
  overflow-y: auto;
}

.cbInnerDiv {
  padding: 2px 2px 2px 1px;
  width: 100%;
  cursor: pointer;
  background-color: white;
  color: black;
  border-bottom: #CCC 1px dashed;
}

.cbInnerDivSel {
  padding: 2px 2px 2px 1px;
  width: 100%;
  cursor: pointer;
  background-color: #0A246A;
  color: white;
}


.hasFormBtn .pdfForm + .formBtn,
.hasFormBtn .pdfForm_EditMode + .formBtn {
    padding: 0;
    position: relative;
    margin-left: 2px;
    vertical-align: bottom;
    display: inline-block;
}

.pdfForm.formCheckbox b {
	background-color: #d3e3f2
}

.pdfForm,
.pdfForm_EditMode,
.pdfFormReadOnly,
.pdfFormChanged_EditMode,
.pdfFormChanged,
.pdfFormReadOnlyChanged {
	height: 20px;
	padding: 0px;
	font-weight: 700;
	box-sizing: border-box;
	background-color: #d3e3f2;
}

.pdfForm {
	border:1px solid #AAA;
}

.pdfForm_EditMode {
	border:1px solid #111;
}

.pdfFormReadOnly {
	border:0px solid #E0E0E0;
	background-color:#FFF;
}

.pdfFormChanged {
	border:1px solid #FF0000;
}

.pdfFormChanged_EditMode {
	border:1px solid #111;
}

.pdfFormReadOnlyChanged {
	border:1px solid #FF0000;
}



[class*="pdfForm"] + .icon-Sorting-down_8,
[class*="pdfForm_EditMode"] + .icon-Sorting-down_8 {
    position: relative;
    float: right;
    z-index: 1;
    margin-right: -16px;
    width: 9px;
    left: -21px;
    top: 2px;
    line-height: 20px;
    vertical-align: top;
}

#SystemSearch {
  border: 1px solid #aaa;
  padding: 0px 2px 0px 2px;
  height: 38px;
  width: 278px;
  box-sizing: border-box;
}

#SystemSearchDiv {
  padding-top: 12px;
  overflow:auto;
}

#SystemSearchDiv .heading {
  padding: 3px 5px 7px 20px;
  font-weight:bold;
  color: #333;
}

#SystemSearchDiv .result {
   padding: 5px 5px 5px 31px;
}

#SystemSearchDiv .parent {
  padding: 2px 5px 0px 10px;
  font-size:9px;
  color: #999;
}


#SystemSearchDiv .selectedResult {
  padding: 5px 5px 5px 31px;
  cursor: pointer;
}

.selectedResultIcon {
    padding-right: 9px;
}

#SystemSearchVal {
  padding: 0px 5px 10px 30px;
}

.systemSearchTopDIV {
 position: fixed;
 z-index: 2099;
 right:0px;
 top:0px;
}

.noSelect {
 -webkit-touch-callout: none;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

.headerFixed {
  position: absolute;
  top: 0px;
  height: 35px;
  display:none;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: rgb(102, 102, 102);
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgb(204, 204, 204);
  z-index: 100;
}
}

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

.switchEIN {
  height: 30px;
  display: table;
}


.switchEINIcon {
  width: 18px;
  display: table-cell;
  vertical-align:middle;
  cursor: pointer
}

.switchEINText {
 display: table-cell;
 overflow: hidden;
 vertical-align:middle;
}

#HeadJSClock {
  cursor: default;
  font-size: 10px;
}

.infoBox {
  margin-bottom:13px;
  border-left: solid 1px #e0e0e0;
  border-right: solid 1px #e0e0e0;
  border-bottom: solid 1px #e0e0e0;
}

#PAGE_BODY.timeSheetPage {
  padding-left: 0px;
  padding-right: 0px;
  background-color: #ebebeb;
}

#PAGE_BODY.onlyForms {
  border-top: 1px solid #cbcbcb;
  background-color: #ebebeb;
  padding-top: 20px;
}

#globalWrap #PAGE_BODY.onlyForms {
  border-top: none;
  background-color: transparent;
  padding-top: 0px;
}

tr.efTableRow > td {
  padding-top: 2px;
  padding-bottom: 2px;
}

body.splitView {
  background-color: #ebebeb;
}

body.splitView #AFTER_BODY {
  background-color: #ebebeb;
}

#ADMIN_LEFT {
  border-right: 1px solid #cbcbcb;
}

body.twoFramesContainer {
  height: auto;
  font-size: 0;
}

body.twoFrames {
  background-color: #ebebeb;
  height: auto;
  font-size: 0;
}

button::-moz-focus-inner, input[type=button]::-moz-focus-inner {
  border: 0;
}

.empLookUpButtons {
  padding-top: 10px;
}

.formPaddingLeft {
  padding-left: 15px;
}

.adminConfirmDiv .dialogBody {
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

.subTitleTitle,
.objectPick span.subTitleTitle {
  font-weight: 600;
  padding: 0;
}

.scrollingInnerBlock {
  overflow: auto;
}

.boldText {
  font-weight: 700;
}

.effDatedTbl TD.dateField {
  padding-left: 10px;
}

TD.deleteIcon {
  padding-right: 5px;
  line-height: 0px;
  font-size: 0px;
}

.dataTbl td {
  padding: 2px 0;
}




.pointer {
  cursor: pointer
}



.infoBox .clearBox > .scrollingBlock {
 padding: 0px;
}

fieldset .efTableLbl label,
fieldset .editFormLabel {
 font-weight: normal;
}

fieldSet.efFieldSet .efTableLbl.fieldSetLabel > label {
  font-weight: 700;
}

#PAGE_BODY.reportFilters .multiBox {
  table-layout: fixed;
}

#PAGE_BODY.reportFilters .reportStyleTable {
  table-layout: auto;
}

body.whiteBg,
body.whiteBg #PAGE_TITLE,
body.whiteBg .pageTitleFloat .fc,
body.whiteBg #PAGE_BODY,
body.whiteBg #FIXED_PAGE_HEADER {
  background-color: #fff;
}

.scrollable {
 overflow: auto;
}

.buttonTopPadding {
  padding-top: 5px;
}

.buttonsWrapper {
  margin-top: 20px;
  text-align: center;
}

.linksWrapper {
  margin-top: 20px;
  text-align: center;
}

table.defaultTable td div.fld td,
table.defaultTable th div.fld td {
  padding: 0px;
}

body.fullPageBody #PAGE_BODY {
  padding: 0px;
}

.framesSpace {
  padding-left: 18px;
}

.inverseCellPaddings .fieldCell {
  padding: 0 5px 0 0;
}
.inverseCellPaddings  .labelCell {
  padding-right: 10px;
}

body.addRows #PAGE_BODY {
 padding-bottom: 0px;
}


















.icon-topMenu_chevron_7 {
   color: #0a75c2;
}
.headBody .msgCounter {
  background-color: #0a75c2;
  color: #fff;
}
.headMenu ul li a.headMenuSelected {
	border-top: 3px solid #0a75c2;
}
.headMenu.collapsedMenu .headMenuSelected,
.headMenu.collapsedMenu .headMenuSelected:hover {
  border-bottom: 3px solid #0a75c2;
}

.headBody .icon-header_chevron_6 {
  color: #0a75c2;
}

nav.drawer-container .arrow-right .icon-topMenu_chevron_7 {
  color: #0a75c2;
}
.headMenuStart .headMenuStartWr .headMenuStartButton {
  background: #0a75c2;
  color: #fff;
}

#mainMenuL.icon-Previous_16,
#mainMenuR.icon-Next_16 {
  color: #0a75c2;
}

.orgChartWrap .ocNode_Selected .ocNode-triangle {
  border-top: 45px solid #0a75c2;
}

.tabsControl.icon-Previous_16,
.tabsControl.icon-next_16,
.tabsControl.icon-Previous_16:hover,
.tabsControl.icon-next_16:hover {
  color: #0a75c2;
}

.startWidgetToDo .count,
.startWidgetToDo .label {
  color: #0a75c2;
}


.headBody {
  background: #ffffff;
}

.headBody .title-wrapper {
  background: #0F3C61;
}
.headBody .title-wrapper:before {
  border-color: transparent transparent #0F3C61 transparent;
}

.headMenu ul li a:hover,
.headMenu ul li a:active {
    border-bottom: 3px solid #ffffff;
}

#loginPage,
.loginTopBar,
.loginFooter {
  background: #ffffff;
  background-color: #ffffff !important;
}


#HeadJSClock {
  color: #666;
}

#loginPage fieldSet.efFieldSet .efTableLbl.fieldSetLabel > label {
  color: #000;
}

.headBody .title {
  color: #000;
}

body .headBody .feature-title,
body .headBody [class^="icon-"],
.headBody .links a:hover,
.headBody .links a:active,
.headBody .links a:link,
.headBody .links a:visited {
    color: #000;
}

.companyLogo, .applicantText, .currentTime {
  color: #000;
}

.headBody .links a {
    color: #000;
}


.copyWr,
body#loginPage .companyDesc {
  color: #000;
}

.m-notice::after {
  border: 1px solid #000 !important;
}



.reportStyleTable.topBorder {
  border-top: 2px solid #e0e0e0;
}
.dailySchedule .reportStyleTable.topBorder .rfc {
  border-top: 2px solid #e0e0e0;
}
.infoBox .titleBox {
  border-top: 2px solid #e0e0e0;
}

.headerFixed.reportTable {
  border-top: 2px solid #e0e0e0 !important;
}

.customCalendar .calMonthTable .calMonthName {
  border-top: 2px solid #e0e0e0;
}


/* PRIMARY COLORS */

.inputForm .inputFormWr .loginPageInputCheckbox label {
  color: #0a75c2;
}

.loginPageButton input {
  background: #0a75c2;
}

a {
  color: #0a75c2;
}

a, a:visited, a:hover {
 color: #0a75c2;
}


[class^="icon-"], [class*=" icon-"], .formCheckbox, .radioButton,
.dropdown_arrow, .filter_arrow, .minusIcon, .plusIcon, .minusIcon:hover, .plusIcon:hover,
[class^="icon-"]:hover, [class*=" icon-"]:hover,
table.reportTable .filterRow ~ .filterCalaps .collapseIcon,
.dropdown_menu_elem.selected .dropdown_menu_link:before,
.cbOuterDiv .cbInnerDivSel:before,
div[class^="cbOuterDiv"] .cbInnerDivSel:before {
	color: #0a75c2;
}

.titleButton a:hover .icon-Settings_16,
.titleButton a:hover .icon-Minimize_16,
.titleButton a:hover .icon-Reload_16 {
  color: #0a75c2;
}


#start-widget-drawer .settings:hover {
    color: #0a75c2;
}

.icon-header_noUserPhoto_24 {
	color: #0a75c2;
}

.selectors a.clear,
.selectors a.clear:visited,
.selectors a.clear:hover {
	color: #0a75c2;
}

.PG_PRGRS_MSGS {
  color: #0a75c2;
}

.PG_PRGRS_PROG_G {
  background: #0a75c2;
}

#SystemSearch {
  color: #0a75c2;
}

#SystemSearchDiv {
  color: #0a75c2;
}

#SystemSearchMenuRes div{
	color: #0a75c2;
}

.pageTitleFloat .backButton {
  color: #0a75c2;
}

#PAGE_COMMAND_BAR .commandBar a.showHidden.active {
  color: #0a75c2;
}

table.reportTable .groupBorder {
  border-right: 2px solid #0a75c2;
}

table.reportTable .todoList li:before {
  background: #0a75c2;
}
.expansionControl .groupLink {
  background: #0a75c2 url("/images/link_arrows.png") -2px 7px no-repeat;
}
.closedGrouping {
  border-left: 2px solid #0a75c2;
}
.reportToolBar .settingsPanel .dropdown.custom_dropdown .dropdown_toggle .dropdown_toggle_text,
.reportToolBar .settingsPanel .dropdown.standart_dropdown .dropdown_toggle .dropdown_toggle_text {
  color: #0a75c2;
}
.selectors .extraFilters td[id$="_CLR"] a {
  color: #0a75c2;
}
.selectors .filterControls .filterToggle a {
  color: #0a75c2;
}
.multiBoxTabs ul li .edit,
.multiBoxTabs ul li .reset {
  color: #0a75c2;
}
.dropdown.custom_dropdown .dropdown_toggle,
.dropdown.standart_dropdown .dropdown_toggle {
  color: #0a75c2;
}
.dropdown.standart_dropdown .dropdown_menu a.dropdown_menu_link {
  color: #0a75c2;
}
nav.drawer-container .menu a.hoveredItem {
  color: #0a75c2;
}
.drawer-container .drawer-close b {
  color: #0a75c2;
}
.calTable .calMonthTable .day a:hover {
  color: #0a75c2;
}
.calTable .calMonthTable .day .today a {
  background-color: #0a75c2;
}
.calTable .calMonthTable .day .selDay a {
  color: #0a75c2;
}
.calTable td.closeLink .closeLink {
  background: #0a75c2;
}
.calTable td.closeLink .closeLink.secondaryButton {
  border: 1px solid #0a75c2;
  color: #0a75c2;
}
.editFormButton.secondaryPopUpButton {
  border: 1px solid #0a75c2;
  color: #0a75c2;
}
.selectors .reportFilter,
.selectors a.reportExport {
  color: #0a75c2;
}
.selectors .reportFilter:hover,
.selectors a.reportExport:hover {
  color: #0a75c2;
}
.formatsList .formatRow:hover a {
  color: #0a75c2;
}
.tabViewFloatHoris .selLab {
  border-bottom: 3px solid #0a75c2;
}
.primaryButton {
  background: #0a75c2;
}
.secondaryButton {
  border: 1px solid #0a75c2;
  color: #0a75c2;
}
input[type='button'].secondaryButton {
  border: 1px solid #0a75c2;
}
.tree .treeNode,
.tree .treeNode:hover {
  color: #0a75c2;
}
.myEmployeesPopupSettings a {
  color: #0a75c2;
}
.myEmployeesPopupOpt p a {
  color: #0a75c2;
}
.infoBox .tabsConfigCenter td fieldset .DragBox,
.infoBox .tabsConfigCenter td .DragContainer .DragBox,
.infoBox .tabsConfigCenter td fieldset .DragBoxDisabled,
.infoBox .tabsConfigCenter td .DragContainer .DragBoxDisabled {
  border-color: #0a75c2;
  background-color: #0a75c2;
}

.infoBox .DragContainer .TabDragBox .DragBoxContent span,
.infoBox .DragContainer .TabDragDragBox .DragBoxContent span {
  color: #0a75c2;
}
.infoBox .DragContainer .TabDragBox:hover,
.infoBox .DragContainer .TabDragDragBox:hover,
.infoBox .DragContainer .TabDragBoxCurrent,
.infoBox .DragContainer .TabDragDragBoxCurrent {
  border-color: #0a75c2;
  background-color: #0a75c2;
}

.infoBox .DragContainer .DragBox:hover,
.infoBox .DragContainer .DragBoxDisabled:hover {
  background-color: #0a75c2;
  border-color: #0a75c2;
}

.DragDragBoxContainer .DragDragBox {
  border-color: #0a75c2;
  background-color: #0a75c2;
}


.resultRow0 TD.np DIV.ecAC:after, .resultRow1 TD.np DIV.ecAC:after {
  color: #0a75c2;
}

.DragDragBoxContainer .TabDragDragBox .DragBoxContent span {
  color: #0a75c2;
}

.companyLogoImgWr img.border {
  border-right: 1px solid #0a75c2;
}

.timeSheetPage .menuBarItemText {
  background-color: #0a75c2;
}

.titleBlock #PAGE_COMMAND_BAR .commandBar li a {
  background-color: #0a75c2;
}
.titleBlock #PAGE_COMMAND_BAR #extraCommands li a,
.titleBlock #PAGE_COMMAND_BAR #extraCommands li a:link {
  color: #0a75c2;
}
.menuSearch.showSearch input#SystemSearch {
  border: 1px solid #0a75c2;
}
#mainMenu.headMenu .headMenuNav ul li a:hover {
  border-bottom-color: #0a75c2;
}
.headMenuSearch .headMenuSearchWr .headMenuSearchSubWr {
  border: 1px solid #0a75c2;
}
.attendStatus.in {
  background: #0a75c2;
}
.chooseFile {
  background-color: #0a75c2;
}
table.reportTable TR.resultRow0 > TD a,
table.reportTable TR.resultRow1 > TD a,
table.reportTable TR[type=resultRow] > TD a,
table.reportTable TR.resultRow0 > TD a:visited,
table.reportTable TR.resultRow1 > TD a:visited,
table.reportTable TR[type=resultRow] > TD a:visited {
    color: #0a75c2;
}

.titleBlock #PAGE_COMMAND_BAR #extraCommands li a,
.titleBlock #PAGE_COMMAND_BAR #extraCommands li a:link {
   color: #0a75c2;
}

table.reportTable TR.resultRow1:hover,
table.reportTable TR.resultRow0:hover,
table.reportTable TR.resultRow1.hover,
table.reportTable TR.resultRow0.hover,
DIV.filterSelectedDiv,
.clearBox .bodyNoTitle .filterSelectedDiv {
  background-color: rgba(10, 117, 194, 0.1);
}

.selectedRule,
.rule.selectedRule {
  border: 1px solid rgba(10, 117, 194, 0.4);
  background-color: rgba(10, 117, 194, 0.2);
}

table.reportTable TR.dayRow1:hover,
table.reportTable TR.dayRow0:hover {
  background-color: rgba(10, 117, 194, 0.1);
}

.listMarker {
  color: #0a75c2;
}

.tabViewFloatHoris .tab a:hover {
  border-bottom: 3px solid #0a75c2;
}

a:focus [class*="icon-"]:after,
button:focus [class*="icon-"]:after {
  border: 1px solid #0a75c2;
}

.objectArrow:focus:after,
.btn-next:focus:after,
.btn-prev:focus:after {
  border: 1px solid #0a75c2;
}

.infoBox .myTabs ~ .fld .secondaryButton:focus {
  border-color: #0a75c2;
}
input[type="checkbox"]:focus + b:after {
  border: 1px solid #0a75c2;
}
button:focus,
input[type="button"]:focus {
  box-shadow: 0 0 0 1px #0a75c2;
}

.removePhoto a {
  color: #0a75c2;
}
.addPhoto a {
  color: #0a75c2;
}

table.reportTable TR.selectedRow {
  background-color: rgba(10, 117, 194, 0.3);
}

.ocNodeCon_H {
	border-top: 2px solid #0a75c2;
}

.ocNodeCon_V {
	border-left: 2px solid #0a75c2;
}

.ocNodeCon_Start, .ocNodeCon_End {
	background-color: #0a75c2;
}

.ocNodeAction {
	background: #0a75c2;
	border: 1px solid #0a75c2;
}


.orgChartWrap .ocHorLineV,
.orgChartWrap .ocVerLineH {
  border-left: 1px solid #0a75c2;
}

.orgChartWrap .ocVerLineV,
.orgChartWrap .ocHorLineH {
  border-top: 1px solid #0a75c2;
}

.orgChartWrap .ocNode-name {
  color: #0a75c2;
}

.orgChartWrap .ocNode_Selected {
  background: rgba(10, 117, 194, 0.1) !important;
}

#PAGE_MESSAGES .page-messages-nav .reset-tab .reset {
  color: #0a75c2;
}

.inputForm .inputFormWr .loginPageInputCheckbox label {
  color: #0a75c2;
}

.positionChartWrap .pcVerLineTop,
.positionChartWrap .pcVerLineBottom {
  border-left: 1px solid #0a75c2;
}

.positionChartWrap .pcHorLineH {
  border-top: 1px solid #0a75c2;
}

.positionChartWrap .pcNode-name {
  color: #0a75c2;
}





.headBody .links li.activeTab a {
  color: #000000;
}

.headBody .links li.activeTab {
  background: #ffffff;
}


#headDropDownName .ctc,
#headDropDownName .cmc,
#headDropDownName .cml,
#headDropDownName .cmr,
#headDropDownName .cbc,
#headDropDownName .ctr,
#headDropDownAdmin .ctc,
#headDropDownAdmin .cmc,
#headDropDownAdmin .cml,
#headDropDownAdmin .cmr,
#headDropDownAdmin .cbc,
#headDropDownAdmin .ctl,
#headDropDownEIN .ctc,
#headDropDownEIN .cmc,
#headDropDownEIN .cml,
#headDropDownEIN .cmr,
#headDropDownEIN .cbc,
#headDropDownEIN .ctl {
  background-color:#ffffff;
}

#headDropDownName A,
#headDropDownName A:VISITED,
#headDropDownName A:HOVER,
#headDropDownName A:VISITED:HOVER,
#headDropDownAdmin A,
#headDropDownAdmin A:VISITED,
#headDropDownAdmin A:HOVER,
#headDropDownAdmin A:VISITED:HOVER,
#headDropDownEIN A,
#headDropDownEIN A:VISITED,
#headDropDownEIN A:HOVER,
#headDropDownEIN A:VISITED:HOVER  {
  background-color: #ffffff;
}

#headDropDownAdmin,
#headDropDownName,
#headDropDownEIN,
#headDropDownName > table,
#headDropDownEIN > table,
#headDropDownAdmin > table {
  background: #ffffff;
}

.headBody .links li.activeTab {
  background: #ffffff;
}




.headBody .links li+li {
	border-left:1px solid #4797D1;
}

.headBody .headNotification {
  border-left: 1px solid #4797D1;
}

.employee-pic .photo {
  background: #0a75c2;
  color: #FFF;
  text-transform: uppercase;
  font-size: 25px;
  display: block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
}



#headDropDownName .sel3 A,
#headDropDownName .sel3 A:VISITED,
#headDropDownName .sel3 A:HOVER,
#headDropDownAdmin .sel3 A,
#headDropDownAdmin .sel3 A:VISITED,
#headDropDownAdmin .sel3 A:HOVER,
#headDropDownEIN .sel3 A,
#headDropDownEIN .sel3 A:VISITED,
#headDropDownEIN .sel3 A:HOVER {
 background-color: #ffffff;
}

.headMenu ul li a.headMenuSelected {
  background: #ffffff;
}
nav.drawer-container {
  border: 4px solid #ffffff;
}
nav.drawer-container .menu {
  border-right: 1px solid #ffffff;
}
nav.drawer-container .menu a.hoveredItem {
  background: #ffffff;
}
nav.drawer-container .menu a.selectedItem {
  background: #ffffff;
}
#SystemSearchDiv .selectedResult {
  background-color: #ffffff;
}

.titleBlock #PAGE_COMMAND_BAR #extraCommands li:hover {
  background-color:  #ffffff;
}

.dropdown_menu_elem:hover {
  background-color: #ffffff;
}

.cbOuterDiv .cbInnerDiv:hover,
div[class^="cbOuterDiv"] .cbInnerDiv:hover {
  background-color: #ffffff;
}



.titleBlock #PAGE_COMMAND_BAR .commandBar > ul > li + li a:before {
  border-left-color: #4797D1;
}



.titleBlock #PAGE_COMMAND_BAR .commandBar li a:hover {
  background-color: #0d3b62;
}

.loginPageButton input:hover {
  background: #0d3b62;
}

#googleSignIn:hover {
  background: #0d3b62;
}


.dropdown_menu_elem.selected {
  background-color: #eeeeee;
}

.cbOuterDiv .cbInnerDivSel,
div[class^="cbOuterDiv"] .cbInnerDivSel {
  background-color: #eeeeee;
}


.inputForm {
  background: #eeeeee;
}


.inputForm .inputFormWr .loginPageInput input {
  background: #FFFFFF;
}



.loginPageInput input:-webkit-autofill {
 background-color: #FFFFFF !important;
 -webkit-box-shadow:0 0 0 50px #FFFFFF inset;
 -webkit-text-fill-color: rgba(0,0,0, 1);
}


.inputForm .inputFormWr .loginPageInput input {
  color: rgba(0,0,0, 1);
}

#loginPage .txtLabel,
#loginPage .question {
 color: #000;
}

.inputForm .inputFormWr .ico > .icon-Lock,
.inputForm .inputFormWr .ico > .icon-Login,
.inputForm .inputFormWr .ico > .icon-Email_16,
.inputForm .inputFormWr .ico > .icon-Question_16,
.inputForm .inputFormWr .ico > .icon-header_key_22,
.inputForm .inputFormWr .ico > .icon-Zipcode_16,
.inputForm .inputFormWr .ico > .icon-Textmessage2_16,
.inputForm .inputFormWr .ico > .icon-Voicemessage2_16,
.inputForm .inputFormWr .ico > .icon-Billing_18,
.inputForm .inputFormWr .ico > .icon-Company_16
 {
  color: rgba(0,0,0, 1);
  font-size: 20px;
}

.loginPageInputRadio .title,
.inputForm .inputFormWr h2,
#loginPage .mfaTitle {
  color: #000;
}

.inputForm .inputFormWr .validationMessage .title,
.inputForm .inputFormWr .validationMessage .title,
.loginPageInputRadio .title {
  color: #000;
}

.inputForm .inputFormWr .validationMessage .desc  li {
  color: #000;
}


.inputForm .inputFormWr .validationMessage .desc {
  color: #000;
}

.inputForm .inputFormWr .consentMessage .desc {
  color: #000;
}

.inputForm .inputFormWr .loginPageInput input::-webkit-input-placeholder {
  color: rgba(0,0,0, 1);
}

.inputForm .inputFormWr .loginPageInput input::-moz-placeholder {
  color: rgba(0,0,0, 1);
}

.inputForm .inputFormWr .loginPageInput input::-moz-placeholder {
  color: rgba(0,0,0, 1);
}

.inputForm .inputFormWr .loginPageInput input:-moz-placeholder {
  color: rgba(0,0,0, 1);
}

.inputForm .inputFormWr .loginPageInput input:-ms-input-placeholder  {
  color: rgba(0,0,0, 1);
}

.inputForm .inputFormWr .loginPageInputCheckbox label.loginCheckboxText {
  color: rgba(0,0,0, 1);
}

#loginPage table.demoLogin td,
#loginPage table.demoLogin th,
#loginPage .demoLoginMsg {
  color: rgba(0,0,0, 1);
}



[class^="icon-"], [class*=" icon-"] {
	font-family: 'wfr-icons' !important;
}

[class^="icon-"], [class*=" icon-"] {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
}

.icon-Edit,
.icon-calendar_03_16,
.icon-Reload_16,
.icon-Flag_16,
.icon-Maximize_16,
.icon-Minimize_16,
.icon-Settings_16,
.icon-link_16,
.icon-Close_16,
.icon-Error_16,
.icon-Minus_16,
.icon-Plus_16,
.icon-Warning_16,
.icon-note_16,
.icon-note_add_16,
.icon-Info_16,
.icon-plus_circle_16,
.icon-columns_16,
.icon-Settings_16,
.icon-Filter_16,
.icon-Export_16,
.icon-Employee-View_16,
.icon-Clock_16,
.icon-Checkbox_16,
.icon-CheckboxReadonly_16,
.icon-CheckboxSelected_16,
.icon-Success_16,
.icon-Radiobutton_16,
.icon-Radio_noselect_16,
.icon-Reset_16,
.icon-Page_copy_18,
.icon-Pencil_16,
.icon-Note_check_16,
.icon-Note_view_18,
.icon-Download_16,
.icon-Help_16,
.icon-TimeOff_16,
.icon-Camera_16,
.icon-Rollback_16,
.icon-Run_16,
.icon-Radiobutton_group_view_16,
.icon-Radiobutton_group_16,
.icon-Table_chart_16,
.icon-Table_chart_user_16,
.icon-Login,
.icon-LoginAs_16,
.icon-Money_dollar_gears_16,
.icon-Money_dollar_view_16,
.icon-Key_16,
.icon-Print_16,
.icon-Company_16,
.icon-Question_16,
.icon-Minus_circle_16,
.icon-Chart_pie_16,
.icon-Table_16,
.icon-Email_16,
.icon-Zipcode_16,
.icon-Voicemessage_16,
.icon-Voicemessage2_16,
.icon-Textmessage_16,
.icon-Textmessage2_16,
.icon-Flag_reject_16,
.icon-Flag_finish_16,
.icon-Flag_book_16,
.icon-Database_16,
.icon-Chart_organization_16,
.icon-Coins_16,
.icon-Coins_gear_16,
.icon-Table_coins_16,
.icon-Flag_undo_16,
.icon-Close_Full_Screen_16,
.icon-Full_Screen_Mode_16,
.icon-Folder_In_16,
.icon-Folder_Out_16,
.icon-Checkbox_Delete_16,
.icon16,
.icon-ShowFullScreen_16,
.icon-CloseFullScreen_16,
.icon-Eye_16
 {
  font-size: 16px;
}

.icon-Tag_12 {
  font-size: 12px;
}

.icon-header_key_22 {
  font-size: 22px;
}

.icon-header_bell_20 {
  font-size: 21px;
}

.icon-header_chevron_6 {
  font-size: 11px;
}

.icon-prev_6,
.icon-next_6, 
.icon-back_10,
.icon-last_11,
.icon-to_10,
.icon-back_10,
.icon-firstUp_11,
.icon-lastBack_11,
.icon-first_11 {
  font-size: 11px;
}

.icon-Previous_16,
.icon-next_16 {
  font-size: 10px;
}

.icon-Error_16 {
  color: #f12222;
}

.icon-Warning_16 {
  color: #f4c623;
}

.icon-AutomaticlyPlaced_8,
.icon-Sorting-down_8,
.icon-Sorting-up_8 {
  font-size: 9px;
}


.disabledIcon, .disabledIcon:hover {
  color: #ccc !important;
  cursor: default;
}

.disabledText {
  color: #999
}

.defBankAccount {
  padding: 20px 10px;
}

.defBankAccount .editFormLabel {
  text-align: left;
  white-space: normal;
}

.defBankAccount .title {
  font-weight: 700;
  padding-bottom: 10px;
}

.defBankAccount .editFormLabel {
  padding: 2px;
}


.extraFeatureField {
  line-height: 24px;
  height: 24px;
  overflow: hidden;
  vertical-align: middle;
}

.extraFeatureField.left {
  padding-left: 12px;
}

.extraFeatureField.right {
  padding-right: 12px;
}

.extraFeatureFieldCnt {
  visibility:visible;
  padding:0px;
  border:1px solid #AAA;
  height:24px;
  cursor:pointer;
  position: relative;
  box-sizing: border-box;
}

.extraFeatureEditableField {
 position:absolute;
 top: -1px;
 left: -1px;
}

fieldset {
  margin: 0 0 12px;
  border: 1px solid #c1c1c1;
  border-radius: 4px;
}

#PAGE_BODY.customFilter {
  padding-top: 20px;
}

.popUpAdditionalPadding {
    padding-top: 14px;
}

table.nonBoldLabel .efTableLbl label {
  font-weight: normal;
}

.reportEmbeddedFormWrp {
  padding: 5px;
}

.reportEmbeddedFormWrp .bodyNoTitle .scrollingBlock {
  overflow:hidden;
}

.reportEmbeddedFormWrp .bodyNoTitle {
  background-color: transparent;
}

.customUIItemDataContainer {
  display: inline-block;
  vertical-align: top;
}

body.checklistScreen .bodyNoTitle {
  background-color: #ebebeb;
}

.ruleContent > table:first-child > tbody > tr > td {
  vertical-align: top;
}

.ruleContent.payPrepRule .ruleCheckbox {
  padding-top: 0px;
}

.ruleContent.payPrepRule .ruleCheckbox.ruleContent {
  padding-top: 10px;
}

.rule .editIcon {
  padding: 0 5px;
}

table.moveControls {
  margin-right: 4px;
  margin-top: 4px;
}

table.moveControls .arrowsWrapper {
  padding-right: 4px;
}

table.moveControls td,
table.moveControls .arrowsWrapper > div {
  font-size: 0px;
}

table.moveControls .arrowsWrapper .upArrow {
  margin-bottom: 2px;
}
table.moveControls .arrowsWrapper div {
  line-height: 11px;
}


table.moveControls  .deleteIcon {
  display: inline-block;
  vertical-align: middle;
}

.groupsContainer {
  margin: 10px 0;
}

td.edfield {
  font-size: 0px;
}

.errorText {
  font-weight: 700;
  color: red;
}

tr.noEfPaddings > td.efTableData {
  padding: 0px;
}

.groupScreenForm .infoBox .scrollingBlock {
  padding-top: 17px;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  overflow: hidden;
}

.groupScreenForm .infoBox .formContentWrap {
  padding: 0px;
}

tr.termsAndCondLink > td .termsWrapper {
 padding-bottom: 4px;
}

tr.termsAndCondLink > td img {
  vertical-align: middle;
  padding-bottom: 4px;
}

table.logoUpload td {
  padding-bottom: 20px;
  padding-right: 5px;
}

table.logoUpload .imageDiv {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  font-size: 0px;
}

table.logoUpload .noLogoBorder {
  border: 1px dashed #cbcbcb;
}

.clear {
  vertical-align: middle;
}

.infoBox .fld .scrollingBlock,
.fld .scrollingBlock {
  overflow: hidden;
}

.infoBox .disableScrollingBlockOverflow .scrollingBlock {
  overflow: hidden;
}

body.fullPageContainer.tabbedFullPage {
  background-color: #fafafa;
}

.simpleRowNavigation {
  margin-bottom: 10px;
}

.simpleRowNavigation .rowsPerPage {
  font-weight: 700;
  margin-right: 10px;
}

.simpleRowNavigation .section {
  margin-right: 20px;
}

.simpleRowNavigation .line1 > span,
.simpleRowNavigation .line1 > div {
  vertical-align: middle;
}

.simpleRowNavigation .btn-arrow {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  padding: 4px 3px 3px 5px;
  border: 1px solid #d6d6d6;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.simpleRowNavigation .btn-arrow i {
  position: absolute;
  top: 4px;
  left: 4px;
}

.simpleRowNavigation .btn-arrow {
  margin-left: 10px;
  margin-right: 10px;
}

.simpleRowNavigation .btn-arrow.disabled {
  opacity: 0.4;
  cursor: default;
}
.simpleRowNavigation .btn-arrow.disabled i {
  color: #999999;
}

.simpleRowNavigation .pagination {
  display: inline-block;
}

.simpleRowNavigation .pagination > div {
  display: inline-block;
  vertical-align: middle;
}

.marketPlacesInfo .clearBox .bodyNoTitle {
  background-color: #fafafa;
}

.marketPlacesInfo .marketPlaceDetails {
  background-color: #fff;
  border: 1px solid #cbcbcb;
  padding: 20px;
}

.costCenterForm .formCheckbox {
  padding-right: 6px;
}

.costCenterForm .infoBox {
  border: 0 none;
  margin-bottom: 0px;
  padding: 5px 0;
}

.costCenterForm .clearCheckbox {
  padding-right: 27px;
}

#PAGE_BODY.pageTabsConfig .infoBox.disablePageTabsConfig .scrollingBlock {
 background-color: #fff;
}

.reportLinksWrapper {
  text-align: right;
  margin-bottom: 20px;
}

.reportLinksWrapper a {
  margin: 0 30px 0 0;
}

.reportLinksWrapper a:last-child {
  margin: 0;
}

.treeNodeTable td {
  font-size: 0;
}

.treeNodeTable td.treeNode,
.treeNodeTable td.treeNodeSelected {
  font-size: 12px;
}

body.topPadding {
  padding-top: 20px;
}

.efTableDataWidthAuto .efTableData {
  width: auto;
}

.dateSelector .editFormLabel {
  padding: 0 5px 0 0;
  font-size: 12px;
  font-weight: 600;
  color: #333333;
}

.checkListsWrapper {
    padding-left: 17px;
    padding-right: 20px;
}

tr.checkListTblRow > td {
   padding: 20px 0;
   text-align: left;
   vertical-align: top;
}

tr.checkListTblRow > td.iconCell {
  padding-left: 15px;
}

tr.checkListTblRow > td.content {
  padding-left: 20px;
}

table.checkListTbl tr.checkListTblRow > td {
  border-bottom: 1px solid #e6e6e6;
}

.checkListTblRow .completedByInfo {
  vertical-align: top;
  text-align: right;
}

.checkListDocs tr.efTableRow > td.efTableLbl.fieldSetLabel {
  padding-top: 0px;
}

.checkListTitle {
  text-transform: uppercase;
  font-weight: 700;
  padding-bottom: 10px;
}

.checkListButtons {
  margin-top: 15px;
}

.checkListSubTitle {
  margin-bottom: 20px;
}

.checkListSubTitle > span.titleLbl {
  font-weight: 700;
  margin-right: 5px;
}

.pricingTableComposite td {
  vertical-align: top;
}

.pricingTableComposite .pricingTable th {
  padding: 3px 10px 17px 0;
}

.pricingTableComposite .pricingTable {
  padding-right: 10px;
}

.pricingTable td {
  padding: 0px 10px 2px 2px !important;
}

.pricingTable tr > td:first-child {
  white-space: nowrap;
}

.pricing .effDatedTbl .dateField{
  vertical-align: top;padding-top: 20px;
}

.pricing .defaultTable .deleteIcon{
  vertical-align:top; padding-top:26px
}

.pricing .formContentWrap > .defaultTable > tbody > tr > td:last-child {
  vertical-align:top; padding-top:26px
}

.smallField input{
  line-height: normal;
  padding: 0px 5px;
  height: auto;
}

.smallField > .fld > .editFormButton {
  line-height: normal;
}

.minWidthFieldset fieldset {
  display: inline-block;
}

.minWidthFieldset fieldset .efTableData {
  width: auto;
}

.minWidthFieldset .fieldCell:last-child {
  width: 100%;
}

.smallField > .fld a {
  padding: 2px 5px;
}

.smallField > .fld a > .icon-Accounts {
  font-size: 16px
}

.configurableField > .dropdown > .dropdown_toggle {
  height: 100%;
}

.smallField .configurableField {
  width: 100%
}

.smallField .configurableField .dropdown_arrow,
.smallField .configurableField .dropdown_toggle {
  line-height: normal;
}

.smallField .hasFormBtn .icon-Sorting-down_8 {
  line-height: normal;
  background: none repeat scroll 0 0 transparent;
  padding: 5px 0px;
  width: 25px;
}

.valignTop {
  vertical-align:top;
}

table.defaultTable.table td.fieldCell {
  padding-right: 10px;
}
table.defaultTable td.labelCell {
  padding-right: 5px;
}

 table.defaultTable .removeRow {
   color: #999999;
   font-size: 10px;
 }

#checkInfoWrp .scrollingBlock {
  padding: 7px 0;
}

#checkInfoWrp td.rightPart div {
  line-height: 13px;
}

body.payStatement #PAGE_MESSAGES {
  margin-bottom: 10px;
}

.buttonsWrapperSeveralRows {
  text-align: center;
}

.buttonsWrapperSeveralRows,
.buttonsWrapperSeveralRows .editFormButton {
  margin-top: 10px;
}

.mRadioBtnPadding {
    vertical-align: middle;
    padding-right: 35px;
}
.mBtnWidth100 {
    width: 100%;
}

#HtmlTblLItems {
  width: 100%;
}


.grayPopup.popupContainer,
.grayPopup.popupContainer #FIXED_PAGE_HEADER,
.grayPopup.popupContainer #AFTER_BODY {
  background: #ebebeb;
}

.afterBodyNoWrap.popupContainer #AFTER_BODY {
  white-space: nowrap;
}

#ToolTipDiv #PAGE_TITLE_BC.pageTitleBreadcrumbs.hidden {
  display: inline-block !important;
}


.lazytooltip:not(:hover) {
    -webkit-animation-name: animate-lazy-tooltip;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-delay: 0.3s;
    -webkit-animation-fill-mode:forwards;
    animation-name: animate-lazy-tooltip;
    animation-duration: 0.7s;
    animation-delay: 0.3s;
    animation-fill-mode:forwards;

}
/* Standard syntax */
@-webkit-keyframes animate-lazy-tooltip {
    0%   {visibility: visible;}
    40%  {visibility: visible;opacity:1}
    99%  {visibility: hidden;opacity:0}
    100% {visibility: hidden;opacity:1}
}

/* Standard syntax */
@keyframes animate-lazy-tooltip {
    0%   {visibility: visible;}
    40%  {visibility: visible;opacity:1}
    99%  {visibility: hidden;opacity:0}
    100% {visibility: hidden;opacity:1}
}

body.jobPreview,
body.careerSearchScreen {
    min-width: 1024px;
}

.jobPreviewWrap,
.careerSearchScreen .careerSearchWrp {
  margin-top: 20px;
  width: 70%;
  min-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.jobPreviewWrap h1,
.careerSearchScreen .careerSearchWrp h1 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
}

.jobPreviewWrap .jobInfoWrp {
 margin: 20px 0;
}

.jobInfoWrp .title {
 font-weight: 600;
 font-size: 14px;
 margin-bottom: 20px;
 margin-top: 30px;
}

.jobInfoWrp td.tblLabel {
 font-weight: 600;
}


.careerSearchScreen .careerSearchWrp .searchFormWrp {
  background-color: #e8ecee;
  width: 600px;
  padding: 20px;
}

.careerSearchScreen .careerSearchWrapper {
  margin-top: 20px;
  width: 650px;
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
}

.careerSearchScreen .careerSearchWrapper h1 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
}


.jobSearchFormWrp {
  background-color: #e8ecee;
  width: 600px;
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
}

.jobSearchResultsWrp {
  width: 900px;
  padding: 20px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.careerSearchScreen .careerSearchWrp .reportTableWrp {
  margin-top: 20px;
}

.careerSearchScreen .careerSearchWrp .reportTableWrp .expansionControl {
  display: none;
}

.careerSearchScreen .careerSearchWrp .reportTableWrp .closedGrouping {
  border-left: none;
}

.helpBox.everifyWarning {
  text-align:left;
  padding: 10px 20px 20px 30px;
  margin-bottom: 20px;
}

body.jspImport {
  padding: 20px;
}

.jspImportTbl td.editFormLabel {
  text-align: right;
  white-space: nowrap;
  padding-right: 5px;
}

.jspImportTbl td {
  padding-bottom: 3px;
}

.noBold .editFormLabel {
  font-weight: normal;
}

.treeLoader {
  -webkit-animation: treeLoader 2s infinite linear;
  animation: treeLoader 2s infinite linear;
}

@-webkit-keyframes treeLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes treeLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.warningToolTip {
    color: red;
    text-align:center;
}

.warningToolTip br {
    display: block;
}

.boomiTable tr td {
    padding: 5px 7px;
    vertical-align: top;
}

.boomiTable .boomiLabel {
    font-weight: bold;
    white-space: nowrap;
}

.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 1px;
	width: 100%;
	bottom: -5px;
	left: 0;
	border-bottom: 1px dashed #000;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 1px;
	right: -5px;
	top: 0;
	height: 100%;
	border-right: 1px dashed #000;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon {
  background-image: url("/images/ui-icons_444444_256x240.png");
}


/* new hamburger menu */
.nav-wrapper {
    position: relative;
}

.hamburger-menu {
    margin-left: 16px;
    margin-top: 22px;
    float: left;
}

.hmenu-user{
    padding: 10px;
    min-height: 90px;
}

a#pin-unpin-button{
  width: 28px;
  height: 28px;
  display: block;
  outline:none
}

.hmenu-pin-container {
	float: right;
	width:28px;
	height:28px;
	position: absolute;
	right: 10px;
    top: 12px;
}

.hmenu-user select {
    height: 30px;
    min-width: 160px;
}

.hmenu-user .utility {
    padding: 15px 0px 5px;
}

.hmenu-user .utility a {
    color: #fff;
}

.sign-out {
    float: right;
}

.employee-pic {
    padding: 0;
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}

.employee-pic .photo img {
    border: 1px solid #fff;
    width: 60px;
    height: 60px;
}

.name-options{
    display: inline-block;
    vertical-align: top;
}

.name-options .name {
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
    width: 90%;
}

.name-options .name span {
    font-weight: bold;
}

.navBody {
    background-color: #333333;
    color: #fff;

}

.hmenu-user, .navMenu.nav-start ul, .navMenu.admin ul {
    background-color: #333333;
}

.navMenu {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.navMenu .nav-start-top ul {
	width:100%
}
.navMenu .nav-start-top .menu {
	float: left;
	width:60%;
}


.navMenu .nav-start-top .settings {
	float: right;
}

.navMenu .nav-start-top .settings i {
	font-size: 18px;
    line-height: 25px;
}

.navMenu .nav-start-top .settings i:hover {
	color:#fff;
}


.clearfix {
    content: "";
    display: table;
    clear: both;
}

.group:after {
    content: "";
    display: table;
    clear: both;
}

.navMenu ul.top-level {
    font-size: 20px;
}

.navMenu ul {
     padding-left: 20px;
    font-size: 13px;
    background-color: #333333;
}

.navMenu ul li {
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.navMenu ul li:hover {
     background: #666666;
 }

.navMenu ul li.active {
    background: #0d93f2;
}

.navMenu ul li a {
    font-family: "Noto Sans", sans-serif;
    font-weight: 300;
    color: #fff;
    display: block;
    padding: 11px 16px 12px;
    font-size: 18px;
}


.navMenu ul li a:visted, .navMenu ul li a:hover {
    color: #fff;
}

.navMenu ul li ul li a {
    font-size: 13px;
    padding-left: 25px;
}

 .navMenu ul li ul li a.closed::before,
 .navMenu ul li ul li a.open::before{
    margin-left: -15px;
    font-size: 10px;
}

.navMenu ul li a.open::before {
    font-family: 'wfr-icons';
    font-size: 14px;
    content: "\e625";
    padding-right: 5px;
}

.navMenu ul li a.closed::before {
    font-family: 'wfr-icons';
    content: "\e62a";
    font-size: 14px;
    padding-right: 5px;
}

.navMenu ul.top-level {
     padding-left: 0;
}

.navMenu li {
    list-style-type: none;
    width: 100%;
}

.navMenu a {
    color: #fff;
}

.navMenu i {
    padding-left: 5px;
    color: #fff;
    font-size: 12px;
}

/* simple progress bar in report column */
div.outerProgressBarDiv {
    border: 1px solid #111;
    background-color: #e9e9e9!important;
    color: #000!important;
    position: relative;
}
div.innerProgressBarDiv {
    color: #333333!important;
    height:20px;
}
span.textProgressBarSpan {
    position:absolute;
    width:100%;
    line-height:20px;
    text-align:center;

}

.unreadMail {
    font-weight: 700;
}

.dataRetentionInfoContainer .helpBox {
    text-align: left;
}

.dataRetentionIncludesSec {
    margin-top:20px;
}

.automaticSteps .edfield {
    width: 100%;
}

.automaticSteps .dateField {
    vertical-align: top;
    padding-top: 4px;
}

.automaticSteps .dateField ~ td {
    vertical-align: top;
    padding-top: 6px;
}

.automaticSteps .deleteIcon {
    vertical-align: top;
    padding-top: 5px;
}

.autoStepSchedule0 {
    background-color: #ffffff;
}

.autoStepSchedule1 {
    background-color: #f4f4f4;
}

.autoStepParamField > div {
    width: fit-content;
}

.mFullWidth .fld .dropdown_element {
    width: 100%;
}

.mCalenderIconShift .icon-calendar_03_16 {
    position: absolute;
    top: inherit;
    bottom: 0;
    left: inherit;
    right: 0;
    margin: 0px;
    height: 22px;
    width: 20px;
    font-size: 12px;
}

#loginPage .mPaddingLeft12 .fld .editFormText {
    padding-left: 12px;
}

#loginPage .mMarginTop20 .fld .editFormText {
    margin-top: 20px;
}

#loginPage .errorClassInputType .fld .editFormText {
    border: 1px solid #f12222;
}

#loginPage .errorClassInputType .fld .dropdown .dropdown_toggle {
    border-color: #f12222;
}

.errorClassRadioType .radioButton input ~ i::before {
    color: #f12222;
}

.errorClassRadioType .radioButton input:checked ~ i::before {
    content: "\e64d";
    color: #0072c3;
}

@media only screen and (min-width: 600px) {
    #loginPage .mSelectContainerWidth {
        width: 375px;
    }
}

.mLabelMarginTop5 .label {
    margin-top: 5px;
}

.mIconBackground .dropdown .dropdown_toggle .dropdown_arrow {
    padding-left: 10px;
    padding-right: 5px;
    background: #ffffff;
    right: 0px;
}

.theme-merc .inputForm .inputFormWr .mMessageMargin10Bottom .validationMessage {
    margin-bottom: 0px;
}

.skipToProfileBtn {
    min-height: 34px;
    margin-top: 30px;
    white-space: break-spaces;
}

.m-notice::after {
    content: "";
    position: absolute;
    top: 3px;
    right: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #bbbbbb;
    border: 1px solid #0a75c2;
}

.m-notice.m-warning-notice::after {
    background: #cc0000;
}

.m-notice.m-success-notice::after {
    background: #188041;
}

.btn-meta.low {
    height: 34px;
    line-height: 32px;
}
.btn-meta.m-notice {
    position: relative;
}

.btn-meta i {
    position: relative;
    vertical-align: middle;
    font-size: 18px;
}

.btn-meta {
    min-width: 34px;
    height: 44px;
    line-height: 42px;
    padding: 0 8px;
    background: none;
    color: #0a75c2;
    font-size: 0;
    text-decoration: none;
    white-space: nowrap;
    -webkit-transition: color 0.2s linear, background 0.2s linear, border-color 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear, border-color 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear, border-color 0.2s linear;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    border: 1px solid transparent;
    -webkit-appearance: none;
    text-transform: none;
    overflow: visible;
    font: inherit;
    margin: 0;
}













body:not([class*=theme]) .for-theme,
body[class*=theme] .old-theme { display: none !important; }


body.theme-merc {
    text-align: center;
    color: #414141;
}
#loginPage.theme-merc .toolTip {
    text-align: left;
    background: #004466;
    border: none;
}
#loginPage.theme-merc .toolTip * {
    color: #fff;
}
.theme-merc header:not(.header) {
    display: none;
}
.theme-merc .header {
    padding: 30px 80px;
    text-align: left;
    background: #fff;
}
@media only screen and (max-width: 800px) {
    .theme-merc .header {
        padding: 20px 20px;
        text-align: center;
    }
}
.theme-merc .header.right-title {
    padding-bottom: 20px;
    text-align: left;
    position: relative;
    min-height: 20px;
}

.theme-merc .header.right-title #FldLanguageOverride {
    position: absolute;
    width: auto;
    right: 45px;
    top: 19px;
}

@media only screen and (max-width: 800px) {
    .theme-merc .header.right-title {
        padding-bottom: 10px;
    }
}

.theme-merc .header.right-title .company-logo {
    float: left;
    padding: 0 20px 10px 0;
}
.theme-merc .header.right-title .company-description {
    padding-bottom: 10px;
    color: #0176b2;
    text-transform: none;
    font-size: 18px;
    font-family: "Noto Sans", sans-serif;
    font-weight: 300;
}

@media only screen and (max-width: 480px) {
    .theme-merc .header.right-title .company-logo {
        float: none;
        padding: 0px;
        text-align: center;
    }

    .theme-merc .header.right-title .company-description {
        text-align: center;
    }
}

.theme-merc .header.right-title::after {
    content: "";
    display: table;
    clear: both;
}
.theme-merc .has-old-header {
    display: none;
}
.theme-merc article {
    display: inline-block;
    margin: 0; padding: 50px 1px 20px;
    width: auto; max-width: none;
    text-align: left;
}
@media only screen and (max-width: 800px) {
    .theme-merc article {
        display: block;
        max-width: 360px;
        margin: 0 auto; padding: 20px 40px 20px;
    }
}
.theme-merc article > .login {
    float: none;
    min-width: 0;
    max-width: 360px;
}
@media only screen and (min-width: 801px) {
    .theme-merc article > .login {
        float: left;
        width: 360px;
    }
}
.theme-merc article aside {
    float: none;
    overflow: hidden;
    max-width: 360px;
    margin: 0; padding: 10px 0 0;
    box-sizing: border-box;
    border-top: none;
}
@media only screen and (min-width: 801px) {
    .theme-merc article aside {
        float: right;
        width: 390px; max-width: 390px;
        padding: 0 0 0 30px;
    }
}
.theme-merc .company-logo img {
    max-width: 220px;
    max-height: 50px;
}
.theme-merc .company-logo + div {
    margin-top: 10px;
}

@media only screen and (max-width: 480px) {
    .theme-merc .company-logo + div {
        margin-top: 0px;
    }
}

.theme-merc .company-description {
    font-size: 14px;
    text-transform: uppercase;
}
.theme-merc .dba-title span {
    text-align: center;
    color: rgb(51, 51, 51);
    font-size: 18px;
    font-weight: 600;
    height: 26px;
}

.theme-merc .dba-title h1 {
    padding-bottom: 10px;
    text-align: center;
    font-size: 18px;
    font-family: "Noto Sans", sans-serif;
    color: #333333;
    max-width: 360px;
}

.theme-merc .extra-title {
    padding-bottom: 25px;
    line-height: 24px;
}
.theme-merc .extra-title::after {
    content: "";
    display: table;
    clear: both;
}
.theme-merc .extra-title:empty {
    height: 0;
    padding: 0;
}
.theme-merc .extra-title h1 {
    float: left;
    font-size: 18px;
    font-family: "Noto Sans", sans-serif;
    color: #333333;
    text-transform: capitalize;
}
.theme-merc .extra-title .head-clock {
    float: right;
    padding-top: 2px;
    font-size: 15px;
    color: #636363; /* by accessibility requirements */
}
.theme-merc label .label,
.theme-merc .loginPageInput .label,
.theme-merc .LoginPageLabel .label {
    padding: 0 0 8px;
    color: #636363; /* by accessibility requirements */
    font-size: 14px;
}

@media only screen and (max-width: 800px) {
    .theme-merc aside {
        padding: 0 20px;
    }
}
.theme-merc .inputForm .inputFormWr {
    padding: 0;
}


.theme-merc a,
.theme-merc a:visited {
    color: #0176b2;
}
.theme-merc a:hover {
    color: #004466;
}
.theme-merc a:hover .icon-Download_16::before {
    color: #005c89;
}

.theme-merc .icon-Help_16::before {
    color: #005E8E;
}
.theme-merc a:hover .icon-Help_16::before {
    color: #004466;
}

#loginPage.theme-merc,
.theme-merc .loginTopBar,
.theme-merc .loginFooter {
    background: #f5f5f5;
    background-color: #f5f5f5 !important;
}
.theme-merc .currentTime {
    color: #414141;
}
.theme-merc .copyWr,
body#loginPage.theme-merc .companyDesc {
    color: #636363; /* by accessibility requirements */
    opacity: 1; /* by accessibility requirements */
}
.theme-merc .inputForm {
    background: none;
}
.theme-merc .inputForm .inputFormWr .validationMessage .title,
.theme-merc .inputForm .inputFormWr .validationMessage .title,
.theme-merc .loginPageInputRadio .title {
    color: #414141;
}
.theme-merc .inputForm .inputFormWr .validationMessage .desc {
    color: #414141;
    font-size: 14px;
}
.theme-merc .inputForm .inputFormWr .validationMessage .desc:first-child {
    margin-left: 0;
}
.theme-merc ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff !important;
}
.theme-merc ::-moz-placeholder { /* Firefox 19+ */
    color: #fff !important;
}
.theme-merc :-ms-input-placeholder { /* IE 10+ */
    color: #fff !important;
}
.theme-merc :-moz-placeholder { /* Firefox 18- */
    color: #fff !important;
}
.theme-merc .inputForm .inputFormWr .ico > .icon-Lock,
.theme-merc .inputForm .inputFormWr .ico > .icon-Login,
.theme-merc .inputForm .inputFormWr .ico > .icon-Email_16,
.theme-merc .inputForm .inputFormWr .ico > .icon-Question_16,
.theme-merc .inputForm .inputFormWr .ico > .icon-header_key_22,
.theme-merc .inputForm .inputFormWr .ico > .icon-Zipcode_16,
.theme-merc .inputForm .inputFormWr .ico > .icon-Textmessage2_16,
.theme-merc .inputForm .inputFormWr .ico > .icon-Voicemessage2_16,
.theme-merc .inputForm .inputFormWr .ico > .icon-Billing_18,
.theme-merc .inputForm .inputFormWr .ico > .icon-Company_16
{
    color: #000000;
    opacity: 60%;
    font-size: 20px;
}
.theme-merc .inputForm .inputFormWr .loginPageInput input {
    height: 40px; width: 100%;
    line-height: 40px;
    color: #414141;
    background: #fff !important;
    border: 1px solid #757575;
    border-radius: 0px 0px;
}

.theme-merc .inputForm .inputFormWr .loginPageInput ::placeholder { /* Chrome/Opera/Safari */
    color: #757575 !important;
}
.theme-merc .inputForm .inputFormWr .loginPageInput ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #757575 !important;
}
.theme-merc .inputForm .inputFormWr .loginPageInput ::-moz-placeholder { /* Firefox 19+ */
    color: #757575 !important;
}
.theme-merc .inputForm .inputFormWr .loginPageInput :-ms-input-placeholder { /* IE 10+ */
    color: #757575 !important;
}
.theme-merc .inputForm .inputFormWr .loginPageInput :-moz-placeholder { /* Firefox 18- */
    color: #757575 !important;
}
.theme-merc .inputForm .inputFormWr .loginPageInput + .loginPageButton,
.theme-merc .inputForm .inputFormWr .captcha-block + .loginPageButton {
    margin-top: 30px;
}
.theme-merc .inputForm .inputFormWr .loginPageInput + .primaryButton + .secondaryButton{
    margin-top: 10px;
}
.theme-merc .primaryButton,
.theme-merc .login .primaryButton {
    display: inline-block;
    padding: 0 28px;
    height: 44px;
    font-size: 14px;
    background: #005E8E;
    border-radius: 0 !important;
    border: 0;
    -webkit-appearance: none;
}
.theme-merc .secondaryButton,
.theme-merc .login .secondaryButton {
    display: inline-block;
    padding: 0 28px;
    height: 44px;
    font-size: 14px;
    color: #005E8E;
    background: #ffffff;
    border-radius: 0 !important;
    border: 2px solid #0176b2;
    -webkit-appearance: none;
}
#loginPage.theme-merc .fld .primaryButton {
    margin-right: 0;
}

#loginPage.theme-merc .login .punchLoginButtons .secondaryButton
{
    margin-right: 0;
    margin-bottom: 10px;
}

#loginPage.theme-merc .login i {
    margin-right: 10px;
}

.clockButtons {
    display: flex;
    justify-content: space-around;
}
#loginPage.theme-merc .login .punchLoginButtons .clockButtons .fld
{
    width: 100%;
}

#loginPage.theme-merc .login .punchLoginButtons .clockButton {
	border-color: #005E8E;
	color: #005E8E;
	font: 500 14px/14px "Noto Sans", sans-serif;
}

#loginPage.theme-default .login .punchLoginButtons .clockButton {
	border-color: #0176b2;
	color: #0176b2;
}

#loginPage.theme-merc .login .punchLoginButtons .clockButton:disabled,
#loginPage.theme-merc .login .punchLoginButtons .clockButton:disabled:active {
    background-color: #bbbbbb;
    border-color: #bbbbbb;
    color: #ffffff;
    outline: none;
}

#loginPage.theme-merc .login .punchLoginButtons .clockButton:disabled:hover,
#loginPage.theme-merc .login .punchLoginButtons .clockButton:disabled:focus
{
    cursor: default;
}

#loginPage.theme-merc .login .punchLoginButtons .clockButton:hover {
    background: #004466;
    border-color: #004466;
	color: #fff;
}

#loginPage.theme-merc .login .punchLoginButtons .clockButton:hover i {
	color: #fff;
}

#loginPage.theme-merc .login .punchLoginButtons .clockButton i {
	color: #005E8E;
	font-size: 14px;
}

#loginPage.theme-default .login .punchLoginButtons .clockButton i {
	color: #0176b2;
}

#loginPage.theme-merc .login .punchLoginButtons .clockButton:disabled i {
    color: #fff;
}

#loginPage.theme-merc .login .punchLoginButtons .clockButtons button:last-child {
margin-left: 15px;
}

.theme-merc .loginPageButton input,
.theme-merc div.loginPageButton {
  height: auto; width: auto;
}
.theme-merc div.loginPageButton {
    position: relative;
    margin-bottom: 20px;
    margin-right: 0;
    overflow: hidden;
    background: none;
    text-align: left;
    cursor: default;
}
.theme-merc div.loginPageButton::before {
    content: "";
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    border-top: 1px solid #cccccc;
}

.theme-merc div.loginPageButton.has-finger-print input.primaryButton,
.theme-merc div.loginPageButton.has-finger-print .finger-print-btn {
    display: block;
}

.theme-merc div.loginPageButton.has-finger-print.m-ios .finger-print-btn .icon-touch-id-android {
    display: none;
}

.theme-merc div.loginPageButton.has-finger-print.m-android .finger-print-btn .icon-fingerprint,
.theme-merc div.loginPageButton.has-finger-print.m-android .finger-print-btn .icon-touch-id-ios {
    display: none;
}

.theme-merc div.loginPageButton.has-face-id input.primaryButton,
.theme-merc div.loginPageButton.has-face-id .face-id-btn {
    display: block;
}

.theme-merc div.loginPageButton.has-face-id.m-ios .face-id-btn .icon-face-id-android {
    display: none;
}

.theme-merc div.loginPageButton.has-face-id.m-android .face-id-btn .icon-face-id-ios {
    display: none;
}

.theme-merc div.loginPageButton input.primaryButton,
.theme-merc div.loginPageButton button.primaryButton {
    margin: auto;
}
.theme-merc div.loginPageButton .primaryButton ~ .finger-print-btn,
.theme-merc div.loginPageButton .primaryButton ~ .face-id-btn {
    margin-top: 58px;
}

div.loginPageButton .finger-print-btn,
div.loginPageButton .face-id-btn {
    display: none;
}

.theme-merc div.loginPageButton .finger-print-btn,
.theme-merc div.loginPageButton .face-id-btn {
    display: none;
    margin: 1px auto;
    padding: 0 10px;
    background: none;
    color: #016FA7;
    text-transform: none;
    font: normal 500 16px/22px "Noto Sans", sans-serif;
}

.theme-merc div.loginPageButton .finger-print-btn i,
.theme-merc div.loginPageButton .face-id-btn i {
    font-size: 26px;
    color: #016FA7;
}

.theme-merc div.loginPageButton .finger-print-btn:hover,
.theme-merc div.loginPageButton .face-id-btn:hover,
.theme-merc div.loginPageButton .finger-print-btn:hover i,
.theme-merc div.loginPageButton .face-id-btn:hover i,
.theme-merc div.loginPageButton .finger-print-btn:hover i + span,
.theme-merc div.loginPageButton .face-id-btn:hover i + span {
    color: #005680;
}

.theme-merc .companyLoginDesc {
    line-height: 130%;
    color: #414141;
}
.theme-merc .inputForm .inputFormWr .validationMessage {
    margin-bottom: 20px;
}
.theme-merc .center-copy {
    padding: 0 40px;
    white-space: normal;
    overflow: inherit;
}
.theme-merc .inputForm .inputFormWr h2 {
    font-size: 20px;
    font-weight: 300;
    font-family: "Noto Sans", sans-serif;
    text-transform: capitalize;
    color: #414141;
}
#loginPage.theme-merc .txtLabel,
#loginPage.theme-merc .question {
    color: #414141;
    font-size: 12px;
    line-height: 15px;
}
#loginPage.theme-merc .txtLabel {
    margin-bottom: 30px;
    font-family: "Noto Sans", sans-serif;
    font-weight: 300;
}
#loginPage.theme-merc .txt-roboto.txtLabel,
#loginPage.theme-merc .txt-roboto .txtLabel {
    line-height: 17px;
    font-family: "Noto Sans", sans-serif;
    font-size: 14px;
}
#loginPage.theme-merc .txt-gray,
#loginPage.theme-merc .txt-gray .txtLabel {
    color: #757575;
}

#loginPage.theme-merc .txt-grey,
#loginPage.theme-merc .txt-grey .txtLabel {
    color: #000000de;
}

#loginPage.theme-merc .txt-checkbox span:first-child {
    display: block;
    padding-left: 8px;
}
#loginPage.theme-merc .txt-checkbox span:last-child {
    display: block;
    margin: 20px 0 0 -22px;
}
.theme-merc .loginPageInput .fld > table {
    width: 100%;
}
.theme-merc .inputForm .inputFormWr .loginPageInput {
    line-height: inherit;
}
.theme-merc .inputForm .inputFormWr .loginPageInput.error .error {
    bottom: 12px;
}
.theme-merc .inputForm .inputFormWr .loginPageInputCheckbox label.loginCheckboxText {
    font-size: 14px;
    color: #757575;
}
#loginPage.theme-merc .loginPageInput.custom-select table {
    position: relative;
}
#loginPage.theme-merc .loginPageInput.custom-select .icon-Sorting-down_8 {
    position: absolute; top: inherit; bottom: 0; left: inherit; right: 0;
    margin: 0;
    height: 40px; width: 34px;
    font-size: 12px;
    color: #757575;
}
#loginPage.theme-merc .loginPageInput.custom-select .icon-Sorting-down_8::before {
    content: "\e63c";
    line-height: 40px;
}
#loginPage.theme-merc .loginPageInput.custom-select.error .error {
    right: 34px;
}
#loginPage.theme-merc .loginPageInput.custom-select.error .error i {
    display: none;
}
#loginPage.theme-merc table.block-table,
#loginPage.theme-merc table.block-table tbody,
#loginPage.theme-merc table.block-table tr,
#loginPage.theme-merc table.block-table td {
    display: block;
}
#loginPage.theme-merc table.block-methods td {
    float: left;
    padding-left: 1px;
}
#loginPage.theme-merc table.block-methods td:first-child {
    margin-bottom: 16px;
}
#loginPage.theme-merc table.block-methods .txtLabel {
    float: none;
    margin-bottom: 20px;
    line-height: 17px;
    text-align: left;
}
#loginPage.theme-merc table.block-methods .txtLabel b {
    font-weight: normal;
}
#loginPage.theme-merc .loginPageInputRadioWr {
    margin-bottom: 6px;
}
#loginPage.theme-merc .loginPageInputRadioWr + br {
    display: none;
}
#loginPage.theme-merc [id^=MFAOption] > table {
    margin-bottom: 20px;
}
#loginPage.theme-merc #MFAOptionEmail .block-table td {
    display: inline-block;
    margin: 0;
}
#loginPage.theme-merc #MFAOptionEmail .loginPageInput {
    margin-top: 6px;
}
#loginPage.theme-merc #FldMFARememberDevice .formCheckbox {
    padding-top: 2px;
}

.theme-merc .cbOuterDiv {
    padding: 0;
    border-left: 0; border-right: 0;
    border-color: #e6e6e6;
}
.theme-merc .cbInnerDivSel {
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #e6e6e6; border-top: 0; border-bottom: 0;
    background: #fff;
    color: inherit;
}
.theme-merc .cbOuterDiv .cbInnerDivSel,
.theme-merc div[class^="cbOuterDiv"] .cbInnerDivSel {
    background: #fff;
}
.theme-merc .cbOuterDiv .cbInnerDivSel:hover,
.theme-merc div[class^="cbOuterDiv"] .cbInnerDivSel:hover {
    background: #dce9f5;
}
.theme-merc .formCheckbox input[type=checkbox],
.theme-merc .radioButton input[type=radio] {
    position: absolute !important;
    height: 0 !important;
    width: 0 !important;
    opacity: 0 !important;
}
.theme-merc .formCheckbox {
    display: inline-block;
    padding: 0;
    width: 16px; height: 16px; line-height: 16px;
    font-size: 16px;
    color: #0072c3;
}
.theme-merc .formCheckbox b::before {
    content: "";
    display: block;
    width: 12px; height: 12px;
    margin-left: 1px;
    border: 2px solid #757575;
    border-radius: 3px;
}
.theme-merc .formCheckbox input:checked ~ b::before,
.theme-merc .radioButton i::before {
    width: auto; height: auto;
    border: none;
    font-family: 'wfr-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.theme-merc .formCheckbox input:checked ~ b::before {
    content: "\e64a";
}
.theme-merc .radioButton {
    display: inline-block;
    padding: 0;
    width: 17px; height: 17px; line-height: 17px;
    font-size: 17px;
}
.theme-merc .radioButton i::before {
    content: "\e651";
    color: #757575;
}
.theme-merc .radioButton input:checked ~ i::before {
    content: "\e64d";
    color: #0072c3;
}
.theme-merc .inputForm .inputFormWr .loginPageInputCheckbox label {
    padding-left: 0;
    color: #0072c3;
}
.theme-merc .inputForm .inputFormWr .loginPageInputCheckbox .fld {
    margin-right: 8px;
}
.theme-merc .loginPageInput input:-webkit-autofill {
    background-color: #fff !important;
    -webkit-box-shadow: none;
    -webkit-text-fill-color: inherit;
}
.theme-merc .captcha-block {
    position: relative;
    margin-bottom: 20px;
}
.theme-merc .inputForm .captcha-block .cap.loginPageInput {
    position: absolute; right: 0; bottom: 0;
    height: 40px;
    margin: 0;
}
.theme-merc .inputForm .captcha-block .cap.loginPageInput img {
    height: 40px;
}
.theme-merc .inputForm .captcha-block .cap.loginPageInput a,
#loginPage.theme-merc .captcha-block .cap.loginPageInput a {
    position: absolute;
    right: 0;
    top: -24px;
    padding: 2px 5px;
    font-size: 0;
    color: #818181;
}
.theme-merc .inputForm .captcha-block .cap.loginPageInput a::before {
    font-family: 'wfr-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    content: "\e623";
    font-size: 14px;
}
.theme-merc .login .separator {
    display: none;
    position: relative;
    height: 34px;
    line-height: 34px;
    text-transform: uppercase; text-align: center;
}
.theme-merc .login .separator::before {
    content: "";
    position: absolute; top: 17px; left: 0;
    border-top: 1px solid #d8d8d8;
    width: 100%;
}
.theme-merc .login .separator span {
    display: inline-block;
    position: relative;
    padding: 0 20px; margin-top: 10px;
    line-height: 1;
    background: #eeeeee;
    color: #757575;
}
.theme-merc .login .separator {
    display: block;
}
.theme-merc .login .separator ~ .primaryButton {
    background: #3da8f6;
}
.theme-merc .loginButtonsPane {
    width: auto;
    margin-left: -1px; margin-right: -1px;
    padding-left: 1px; padding-right: 1px;
}
.theme-merc .loginButtonsPane > .loginPageButton,
.theme-merc .loginButtonsPane > .login-fieldset > .loginPageButton {
    float: none !important;
    margin-right: 0;
    overflow: visible;
}
.theme-merc .loginButtonsPane .primaryButton {
    width: 100%;
    text-align: center !important;
}
.theme-merc button:focus,
.theme-merc button:active,
.theme-merc input[type="button"]:focus,
.theme-merc input[type="button"]:active {
    box-shadow: none;
    outline: 1px solid #0176b2;
}
.theme-merc input[type="button"]:disabled:active {
    outline: none;
}
.theme-merc .primaryButton:hover,
.theme-merc .primaryButton:active,
.theme-merc .primaryButton:focus,
.theme-merc .secondaryButton:hover,
.theme-merc .secondaryButton:active,
.theme-merc .secondaryButton:focus {
  background-color:#004466;
  border-color: #004466;
  color: #ffffff;
}
.theme-merc .loginButtonsPane .secondaryButton {
    width: 100%;
    text-align: center !important;
}
.theme-merc .login .form-header {
	font-family: "Noto Sans", sans-serif;
	font-size: 20px;
	color: #2d2e2e;
	font-weight: Medium;
	margin: 10px 0px 10px 0px;
}
.theme-merc .login .form-text {
	font-family: "Noto Sans", sans-serif;
	font-size: 14px;
	color: #4f4f4f;
	font-weight: Regular;
	line-height: 20px;
	margin: 4px 0px 4px 0px;
}
.theme-merc .dropdown .dropdown_toggle {
	height: 40px;
    padding-top: 8px;
    margin-bottom: 5px;
    border: 1px solid #757575;
}
.theme-merc .dropdown_arrow {
    padding-top: 8px;
}

.theme-merc .loginButtonsPane.resumeButton {
    margin-top: 50px;
}

.theme-merc .loginButtonsPane.resumeButton .uploadButton,
.theme-merc .loginButtonsPane.resumeButton .secondaryButton {
    width:45%;
    vertical-align: top;
    white-space: normal;
}

.theme-merc .loginButtonsPane.resumeButton .uploadButton {
    margin-left:20px;
    display: inline-block;
}
.theme-merc .loginButtonsPane.resumeButton .primaryButton,
.theme-merc .loginButtonsPane.resumeButton .secondaryButton {
    padding: 0px 20px;
}

.theme-merc .resumeButton .icon-Export_16 {
    display: none;
}
.theme-merc .resumeButton .inputFileWrapper {
    display: table;
    width: 100%;
}
.theme-merc .resumeButton .inputFileWrapper .primaryButton {
    display: table-cell;
    vertical-align: middle;
    white-space: normal;
}
.theme-merc .resumeButton .inputFileWrapper .editFormText {
    display: none;
}
.theme-merc .mark-required::after {
    content: "*";
    color: #A50005;
}
.theme-merc .icon-Download_16::before {
	color: #0176b2;
}
.theme-merc .icon-Download_16:hover::before {
	color: #005c89;
}



#loginPage.theme-merc article {
    max-width: 375px;
    margin: 20px auto;
    position: relative;
    overflow: visible;
}

@media only screen and (max-width: 800px) {
    #loginPage.theme-merc article {
        padding: 20px;
    }
}

#loginPage.theme-merc button:focus {
    outline: none;
}

#loginPage.theme-merc section {
    width: 100%;
    max-width: 375px;
}

#loginPage.theme-merc label .label,
#loginPage.theme-merc .loginPageInput .label,
#loginPage.theme-merc .LoginPageLabel .label  {
    font-family: "Noto Sans", sans-serif;
    color: #666666;
}

#loginPage.theme-merc .head-clock {
    font-family: "Noto Sans", sans-serif;
    font-size: 14px;
    color: #666666;
}



#loginPage.theme-merc .inputForm .inputFormWr .loginPageInput input {
    width: 100%;
    height: 34px;
    line-height: 34px;
}

#loginPage.theme-merc .inputForm .inputFormWr .loginPageInput input:disabled
{
    background: #f2f2f2 !important;
}

#loginPage.theme-merc .inputForm .inputFormWr .loginPageInput .ico {
    bottom: 9px;
    left: 9px;
}

#loginPage.theme-merc .inputForm .inputFormWr .loginPageInput .ico > i {
    font-size: 18px;
}

#loginPage.theme-merc .loginButtonsPane > .loginPageButton,
#loginPage.theme-merc .loginButtonsPane > .login-fieldset > .loginPageButton{
    margin-bottom: 0;
}

#loginPage.theme-merc .loginButtonsPane,
#loginPage.theme-merc .loginPageButton {
    overflow: visible;
}

#loginPage.theme-merc .loginButtonsPane > .primaryButton + .punchLoginButtons:empty {
    margin-bottom: 10px;
}

#loginPage.theme-merc div.loginPageButton::before {
    content: none;
}

#loginPage.theme-merc .primaryButton,
#loginPage.theme-merc .secondaryButton {
    position:relative;
}

#loginPage.theme-merc .primaryButton:after,
#loginPage.theme-merc .secondaryButton:after {
    content: "";
    display: none;
    position: absolute;
    border: 2px solid #016fa7;
    box-shadow: 0 0 0 2px #FFF;
}

#loginPage.theme-merc .primaryButton:after {
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
}

#loginPage.theme-merc .secondaryButton:after,
#loginPage.theme-merc #googleSignIn:after {
    top: 4px;
    right: 4px;
    bottom: 4px;
    left: 4px;
}

#loginPage.theme-advanced .primaryButton:after,
#loginPage.theme-advanced .secondaryButton:after {
    border-radius: 12px;
}

#loginPage.theme-merc .primaryButton:not(.sso-button):focus {
    background-color: #005E8E;
}

#loginPage.theme-merc .primaryButton:not(.sso-button):hover {
    background-color:#004466;
}

#loginPage.theme-merc .secondaryButton:focus {
    background-color: #fff;
    color: #004466;
}

#loginPage.theme-merc .secondaryButton:hover,
#loginPage.theme-merc .login .secondaryButton:hover {
    background-color:#004466;
    border-color: #004466;
    color: #fff;
}

#loginPage.theme-merc .primaryButton:focus:after,
#loginPage.theme-merc .secondaryButton:focus:after {
    display: block;
}

#loginPage.theme-merc .primaryButton:active:after,
#loginPage.theme-merc .secondaryButton:active:after,
#loginPage.theme-merc .primaryButton.finger-print-btn:after,
#loginPage.theme-merc .primaryButton.face-id-btn:after,
#loginPage.theme-merc .primaryButton.sso-button:after {
    display: none;
}

#loginPage.theme-merc div.loginPageButton .primaryButton.finger-print-btn,
#loginPage.theme-merc div.loginPageButton .primaryButton.face-id-btn {
    width: auto;
    margin: 0 auto 10px;
    font-size: 14px;
}

#loginPage.theme-merc div.loginPageButton .primaryButton.finger-print-btn:hover,
#loginPage.theme-merc div.loginPageButton .primaryButton.finger-print-btn:focus,
#loginPage.theme-merc div.loginPageButton .primaryButton.face-id-btn:hover,
#loginPage.theme-merc div.loginPageButton .primaryButton.face-id-btn:focus {
    background: none;
}

#loginPage.theme-merc div.loginPageButton .primaryButton.finger-print-btn:focus,
#loginPage.theme-merc div.loginPageButton .primaryButton.face-id-btn:focus {
    border: 1px solid #fff;
    box-shadow: inset 0 0 0 2px #016fa7;
}

#loginPage.theme-merc div.loginPageButton .primaryButton.finger-print-btn:hover,
#loginPage.theme-merc div.loginPageButton .primaryButton.face-id-btn:hover,
#loginPage.theme-merc .sso-button:hover {
    color: #005680;
}

#loginPage.theme-merc div.loginPageButton input.primaryButton,
#loginPage.theme-merc div.loginPageButton button.primaryButton {
    width: 100%;
    height: 34px;
    font-family: "Noto Sans", sans-serif;
}

#loginPage.theme-merc article aside {
    padding: 0;
    max-width: 375px;
}

#loginPage.theme-merc .inputForm .inputFormWr .loginPageInput.error .error {
    bottom: 10px;
}

#loginPage.theme-merc footer {
    max-width: 375px;
    margin: 0 auto;
}

#loginPage.theme-merc .copyWr,
#loginPage.theme-merc .login .separator span {
    color: rgba(0, 0, 0, 0.6);
}

#loginPage.theme-merc #googleSignIn {
    background: #ffffff;
    border: 1px solid #005E8E;
    height: 34px;
    line-height: normal;
    padding: 0;
}


#loginPage.theme-merc #googleSignIn .buttonText {
    color: #005E8E;
    font-size: 14px;
    padding-left: 10px;
    vertical-align: middle;
}

#loginPage.theme-merc #googleSignIn svg {
    vertical-align: top;
}

#loginPage.theme-merc #googleSignIn .icon {
    width: 24px;
    height: 24px;
    overflow: hidden;
    background-position: center;

    background: url("../images/btn_google_logo.svg") center center no-repeat;
}


#loginPage.theme-merc #googleSignIn:hover {
    background: #004466;
    border-color: #004466;
}

#loginPage.theme-merc #googleSignIn:hover span {
    color: #ffffff;
}

#loginPage.theme-merc .sso-button {
    background: none;
    text-transform: none;
    color: #016FA7;
    width: auto;
    display: block;
    padding: 0 10px;
    margin: 0 auto;
}

#loginPage.theme-merc .sso-button:focus,
#loginPage.theme-merc .sso-button:active  {
    text-decoration: underline;
    outline: none
}

#loginPage.theme-merc .sso-button:active {
    outline: none;
}

#loginPage.theme-merc .sso-button .buttonText {
    font-family: "Noto Sans", sans-serif;
}

#loginPage.theme-merc .companyLoginDesc p {
    font-family: "Noto Sans", sans-serif;
    font-size: 14px;
    line-height: 24px;
}

#loginPage.theme-merc .login a {
    position: relative;
    color: #016FA7;
    font-size: 14px;
    font-weight: 500;
    outline: none;
}

#loginPage.theme-merc .login details a {
    font-size: 100%;
}

#loginPage.theme-merc .login a:hover {
    color: #005680;
}

#loginPage.theme-merc .login a:hover,
#loginPage.theme-merc .login a:focus {
    text-decoration: underline;
}

#loginPage.theme-merc .login .primaryButton {
    height: 34px;
    line-height: normal;
    margin-bottom: 0;
}

#loginPage.theme-merc .login .secondaryButton {
    height: 34px;
    line-height: normal;
    margin-bottom: 0;
    border: 1px solid #005E8E;
    font-weight: 500;
    cursor: pointer;
}

#loginPage.theme-merc section.has-aside {
    margin-bottom: 20px;
}

#loginPage.theme-merc .careers-aside .loginPageInput {
    margin-bottom: 15px;
}

#loginPage.theme-advanced .careers-aside .merc-tooltip-wrapper {
    left: -3px;
}

@media only screen and (min-width: 320px) and (max-width: 899.98px) {
    #loginPage.theme-merc .careers-aside {
        margin-bottom: 41px !important;
    }

    #loginPage.theme-merc .careers-aside:after {
        content: "";
        width: inherit;
        height: 4px;
        background: rgba(0, 0, 0, 0.08);
        border-radius: 0px;
        position: absolute;
        margin-top: 21px;
        left: 0;
    }

    #loginPage.theme-advanced article aside {
        margin-top: 0 !important;
    }
}

@media only screen and (min-width: 900px) {

    #loginPage.theme-merc article {
        max-width: 100%;
    }

    #loginPage.theme-merc section.has-aside {
        margin-right: 100px;
        width: 375px;
    }

    #loginPage.theme-merc section.has-aside:after {
        content: "";
        width: 1px;
        background: #232323;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        opacity: 0.1;
    }
}


@font-face {
    font-family: 'kronos-ready-icons';
    src: url('/fonts/kronos-ready-icons.woff') format('woff');
}

.custom-modal {
  font-family: "Noto Sans", sans-serif;
  font-weight: 300;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  line-height: 1.42857143;
  color: #000000;
}
.custom-modal ._blackScreen,
.custom-modal ._screen {
  display: none;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.custom-modal ._screen {
  justify-content: center;
  align-items: center;
}
.custom-modal ._screen::before {
  content: '';
  position: fixed;
  top: 0;
 right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.15);
}
.custom-modal ._screen.visible {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
}
@media only screen and (max-height: 459px) {
  .custom-modal ._screen.visible {
      display: block;
  }
}
.custom-modal ._screen.visible::before {
  -webkit-animation: show-bg .3s 1 forwards;
  animation: show-bg .3s 1 forwards;
}
.custom-modal ._overlay {
  position: relative;
  z-index: 9999;
  min-height: 140px;
  width: 290px;
  max-height: 100vh;
  padding: 0;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  opacity: 1;
  transition: opacity .3s;
  overflow: auto;
}

@media only screen and (min-width: 480px){
    #loginPage.theme-merc .custom-modal ._overlay {
        width: 455px;
    }
}
.custom-modal ._overlay .msg {
  min-height: 140px;
}

@media only screen and (min-width: 480px) {
  .custom-modal ._overlay {
      min-width: 455px;
  }
}
@media only screen and (max-height: 539px) {
  .custom-modal ._overlay {
      margin: 10px auto;
  }
}
.custom-modal ._overlay.hidden {
  opacity: 0;
  display: block !important;
}

.custom-modal .messaging .modal-head {
  position: relative;
  padding: 10px 20px 2px;
  box-sizing: border-box;
  border-top: 10px solid #0176b2;
  color: #0176b2;
  text-align: center;
  border-radius: 4px 4px 0 0;
}

@media only screen and (min-width: 480px) {
  .custom-modal .messaging .modal-head {
      padding: 18px 40px 0 100px;
      text-align: left;
  }
}
.custom-modal .messaging .modal-head .icon {
  height: 60px;
  font-size: 60px;
  line-height: 1;
}
@media only screen and (min-width: 480px) {
  .custom-modal .messaging .modal-head .icon {
      position: absolute;
      top: 10px;
      left: 26px;
  }
}
.custom-modal .messaging .modal-head .icon:before {
  font-family: 'kronos-ready-icons';
  font-style: normal;
  content: "\e913";
}
.custom-modal .messaging .modal-head .modal-title {
  word-wrap: break-word;
  font: normal 18px/1.2 "Noto Sans", sans-serif;
  font-weight: 700;
}
.custom-modal .messaging .modal-head.success {
  border-color: #188041;
  color: #188041;
}
.custom-modal .messaging .modal-head.success .icon:before {
  content: "\e922";
}
.custom-modal .messaging .modal-head.error {
  border-color: #cc0000;
  color: #cc0000;
}
.custom-modal .messaging .modal-head.error .icon:before {
  content: "\e913";
}
.custom-modal .messaging .modal-head.warning {
  border-color: #0176b2;
  color: #0176b2;
}
.custom-modal .messaging .modal-head.warning .icon {
  font-size: 66px;
  top: 6px;
}
.custom-modal .messaging .modal-head.warning .icon:before {
  content: "\e928";
}
.custom-modal .messaging .modal-body {
  padding: 8px 20px;
  font-size: 14px;
  color: #000;
  text-align: center;
}
@media only screen and (min-width: 480px) {
  .custom-modal .messaging .modal-body {
    padding-right: 30px;
    padding-left: 100px;
    text-align: left;
  }
}
.custom-modal .messaging .modal-body .content {
  font-family: "Noto Sans", sans-serif;
}
.custom-modal .messaging .modal-body .buttons {
  margin-top: 15px;
}
@media only screen and (min-width: 320px) and (max-width: 479.98px) {
    .custom-modal .messaging .modal-footer.buttons {
        text-align: center;
    }

    #loginPage.theme-merc .login .btn {
        margin: 0 0 10px 10px;
    }
}
@media only screen and (min-width: 480px) {
  .custom-modal .messaging .modal-footer {
      padding-bottom: 20px;
      display: inline-flex;
  }
}
.custom-modal .messaging .buttons {
  margin-left: -15px;
  font-size: 0;
  text-align: right;
}
.custom-modal .messaging .buttons .btn {
  margin: 0 0 10px 15px;
}

@media only screen and (min-width: 480px) {
  .messaging .buttons {
    text-align: right;
  }
}

.custom-modal .messaging .progress-bar {
  position: relative;
  width: 230px;
  height: 14px;
  margin: 20px auto;
  background: #ffffff;
  overflow: hidden;
}
.custom-modal .messaging .progress-bar:before,
.custom-modal .messaging .progress-bar:after {
  content: '';
  position: absolute;
  height: 100%;
  box-sizing: border-box;
}
.custom-modal .messaging .progress-bar:before {
  left: 0;
  width: 100%;
  border: 2px solid #c3c3c3;
}
.custom-modal .messaging .progress-bar:after {
  width: 30%;
  background: #0d93f2;
  -webkit-animation: left 2s infinite linear;
  animation: left 2s infinite linear;
}
@-webkit-keyframes show-bg {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}
@keyframes show-bg {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}
@-webkit-keyframes left {
  0% {
      left: -50%;
  }
  100% {
      left: 100%;
  }
}
@keyframes left {
  0% {
      left: -50%;
  }
  100% {
      left: 100%;
  }
}
.custom-modal .btn {
  min-width: 90px;
}
.custom-modal .btn-primary,
.custom-modal .btn-secondary {
  padding: 0 28px;
  height: 44px;
  border-radius: 0px !important;
  border: 1px solid #c3c3c3;
  background: none;
  box-shadow: none;
  font: 14px/34px "Noto Sans", sans-serif;
  color: #414141;
  text-shadow: none;
  text-transform: uppercase;
  text-align: center;
  -webkit-transition: color .2s linear, background .2s linear, border-color .2s linear;
  transition: color .2s linear, background .2s linear, border-color .2s linear;
  -webkit-transform: translate3d(0, 0, 0);
}
.custom-modal .btn-secondary {
  background: #ffffff;
  color: #0176b2;
  border-color: #0176b2;
}
.custom-modal .btn-secondary:not([disabled]):hover,
.custom-modal .btn-secondary:active,
.custom-modal .btn-secondary:focus {
  background-color: #004466;
  border-color: #004466;
  color: #ffffff;
}
.custom-modal .btn-primary,
.custom-modal .btn-success {
  background: #0176b2;
  border-color: #0176b2;
  color: #ffffff;
}
.custom-modal .btn-primary:hover,
.custom-modal .btn-primary:active,
.custom-modal .btn-primary:focus,
.custom-modal .btn-success:hover,
.custom-modal .btn-success:active,
.custom-modal .btn-success:focus {
  background-color: #004466;
  border-color: #004466;
}







@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("/fonts/NotoSans-Light.ttf") format("truetype"), url("/fonts/NotoSans-Light.woff2") format("woff2");
}

@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/fonts/NotoSans-Regular.ttf") format("truetype"), url("/fonts/NotoSans-Regular.woff2") format("woff2");
}

@font-face {
    font-family: "Noto Sans";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("/fonts/NotoSans-Italic.ttf") format("truetype"), url("/fonts/NotoSans-Italic.woff2") format("woff2");
}

@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("/fonts/NotoSans-SemiBold.ttf") format("truetype"), url("/fonts/NotoSans-SemiBold.woff2") format("woff2");
}

@font-face {
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/fonts/NotoSans-Bold.ttf") format("truetype"), url("/fonts/NotoSans-Bold.woff2") format("woff2");
}

BODY, DIV, TD, INPUT, SELECT, TEXTAREA, BUTTON, ol, ul, li {
    font-family: "Noto Sans", sans-serif;
}

#loginPage.theme-advanced .header {
    display: flex;
    flex-wrap: wrap;
    padding: 17px;
    text-align: center;
    background: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 50%, #FFFFFF 100%);
    min-height: 35px;
}

#loginPage.theme-default .header {
    background: linear-gradient(90deg, rgb(0, 81, 81) 0%, rgb(8, 124, 121) 50%, rgb(0, 81, 81) 100%);
}

#loginPage.theme-advanced .header .company-logo {
    width: 100%;
}

#loginPage.theme-advanced .header .company-description {
    width: 100%;
    margin-top: 0;
    padding-bottom: 0;
    color: rgba(0, 0, 0, 0.87);
    font-family: "Noto Sans", sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
}


#loginPage.theme-advanced .header.right-title .company-logo {
    height: 50px;
    padding: 0 0 10px;
}

#loginPage.theme-advanced .company-logo img {
    position: relative;
    top: 50%;
    max-height: 100%;
    transform: translateY(-50%);
}

#loginPage.theme-advanced .company-description {
    color: rgba(255, 255, 255, 0.87);
}

#loginPage .extra-title h1 {
    text-transform: none;
    font-family: "Noto Sans", sans-serif;
    font-weight: 500;
}

#loginPage,
#loginPage .loginTopBar,
#loginPage .loginFooter {
    background: #f5f5f5;
    background-color: #f5f5f5 !important;
}

#loginPage.theme-advanced div.loginPageButton,
#loginPage.theme-advanced .login .secondaryButton {
    border-radius: 18px !important;
    text-transform: none;
}

#loginPage .login .separator span {
    background: #f5f5f5;
}

#loginPage article {
    margin: 0 auto 20px;
}

#loginPage label .label,
#loginPage .loginPageInput .label,
#loginPage .LoginPageLabel .label  {
    padding-bottom: 5px;
    font-family: "Noto Sans", sans-serif;
}

#loginPage .head-clock {
    font-family: "Noto Sans", sans-serif;
    font-size: 12px;
}

#loginPage.theme-advanced .inputForm .inputFormWr .loginPageInput input,
#loginPage.theme-advanced .dropdown .dropdown_toggle {
    border-radius: 5px;
}

#loginPage div.loginPageButton input.primaryButton,
#loginPage div.loginPageButton button.primaryButton {
    text-transform: none;
    font-family: "Noto Sans", sans-serif;
    font-weight: 500;
    font-size: 14px;
}

#loginPage .copyWr {
    font-family: "Noto Sans", sans-serif;
    line-height: 16px;
}

#loginPage.theme-advanced .login .primaryButton,
#loginPage.theme-advanced #googleSignIn {
    border-radius: 18px !important;
}

#loginPage .login .primaryButton,
#loginPage #googleSignIn {
    text-transform: none;
    font-family: "Noto Sans", sans-serif;
    font-weight: 500;
    font-size: 14px;
}

#loginPage #googleSignIn {
    margin-bottom: 20px;
}

#loginPage .login .form-text,
#loginPage .login .form-header,
#loginPage #googleSignIn .buttonText {
    font-family: "Noto Sans", sans-serif;
    font-weight: 500;
}

#loginPage .inputForm .inputFormWr h2 {
    font-family: "Noto Sans", sans-serif;
    font-weight: 300;
}

#loginPage .txtLabel,
#loginPage .companyLoginDesc p,
#loginPage .inputForm .inputFormWr .validationMessage .title,
#loginPage .inputForm .inputFormWr .validationMessage .desc,
#loginPage .loginPageInputRadio .title {
    font-family: "Noto Sans", sans-serif;
}

#loginPage.theme-advanced .toolTip {
    border-radius: 4px;
}

#loginPage.theme-default .icon-Help_16::before {
    color: #0176b2;
}
#loginPage.theme-default a:hover .icon-Help_16::before {
    color: #005c89;
}

#loginPage.theme-default .primaryButton:not(.finger-print-btn):not(.face-id-btn):not(.sso-button),
#loginPage.theme-default .login .primaryButton:not(.finger-print-btn):not(.face-id-btn):not(.sso-button) {
    background: #0176b2;
    color: #fff;
}

#loginPage.theme-default .primaryButton:not(.finger-print-btn):not(.face-id-btn):not(.sso-button):hover,
#loginPage.theme-default .login .primaryButton:not(.finger-print-btn):not(.face-id-btn):not(.sso-button):hover {
    background: #005C89;
}

#loginPage.theme-default #googleSignIn,
#loginPage.theme-default .login .secondaryButton {
    border: 1px solid #0176b2;
}

#loginPage.theme-default .secondaryButton,
#loginPage.theme-default .login .secondaryButton,
#loginPage.theme-default #googleSignIn .buttonText {
    color: #0176b2;
}

#loginPage.theme-default a:hover,
#loginPage.theme-default a:hover .icon-Help_16::before {
    color: #005c89;
}

#loginPage.theme-default .primaryButton:not(.sso-button):hover,
#loginPage.theme-default .primaryButton:not(.sso-button):active,
#loginPage.theme-default .primaryButton:not(.sso-button):focus,
#loginPage.theme-default .secondaryButton:hover,
#loginPage.theme-default .login .secondaryButton:hover,
#loginPage.theme-default .login .punchLoginButtons .clockButton:hover,
#loginPage.theme-default #googleSignIn:hover,
#loginPage.theme-default .custom-modal .btn-secondary:not([disabled]):hover,
#loginPage.theme-default .custom-modal .btn-secondary:active,
#loginPage.theme-default .custom-modal .btn-secondary:focus,
#loginPage.theme-default .custom-modal .btn-primary:hover,
#loginPage.theme-default .custom-modal .btn-primary:active,
#loginPage.theme-default .custom-modal .btn-primary:focus,
#loginPage.theme-default .custom-modal .btn-success:hover,
#loginPage.theme-default .custom-modal .btn-success:active,
#loginPage.theme-default .custom-modal .btn-success:focus {
    background-color: #005c89;
    border-color: #005c89;
}

#loginPage.theme-default .secondaryButton:hover {
    color: #ffffff;
}

#loginPage .login-checkbox {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    cursor: pointer;
}

#loginPage .login-checkbox-label {
    margin-left: 7px;
    font-size: 14px;
    line-height: 18px;
    color: rgba(0,0,0,0.6);
    user-select: none;
}

#loginPage .login-checkbox input {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
}

#loginPage .login-checkbox b {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #016FA7;
    background: #fff;
    vertical-align: bottom;
    text-align: center;
}

#loginPage .login-checkbox:hover b {
    border: 1px solid #005680;
}

#loginPage .login-checkbox b:before {
    content: "";
    color: #016FA7;
    font-family: 'wfr-icons';
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}

#loginPage .login-checkbox:hover b:before {
    color: #005680;
}

#loginPage .login-checkbox > input:checked + b:before {
    content: "\e649";
}

#loginPage .login-checkbox b:after,
#loginPage.theme-merc .login a:not([onmouseover]):after,
#loginPage.theme-merc .sso-button .buttonText:after {
    content: "";
    display: none;
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 0 2px #016fa7, 0 0 0 3px #fff;
    box-shadow: 0 0 0 2px #016fa7, 0 0 0 3px #fff;
}

#loginPage.theme-merc .sso-button .buttonText:after {
    top: 4px;
    bottom: 2px;
    right: 3px;
    left: 3px;
}

#loginPage.theme-merc .login a:after {
    top: -4px;
    bottom: -6px;
}

#loginPage .login-checkbox > input:focus + b:after,
#loginPage.theme-merc .login a:focus:after,
#loginPage.theme-merc .sso-button:focus .buttonText:after {
    display: block;
}

#loginPage.theme-merc .captcha-block .cap.loginPageInput a:after {
    display: none;
}

#loginPage .login-fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

#loginPage .login-fieldset > legend {
    font-size: 0;
}

#loginPage.theme-merc .merc-captcha-block .label {
    display: inline-block;
}

#loginPage.theme-merc .merc-captcha-image-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

#loginPage.theme-merc .merc-captcha-image-wrapper button {
    width: 34px;
    height: 34px;
    padding: 0;
    margin: 0;
    border: 1px solid transparent;
    border-radius: 50%;
    box-sizing: border-box;
    background: none;
}

#loginPage.theme-merc .merc-captcha-image-wrapper button:focus:not(:active) {
    border: 1px solid #fff;
    -webkit-box-shadow: inset 0 0 0 2px #016fa7;
    box-shadow: inset 0 0 0 2px #016fa7;
    outline: none;
}

#loginPage.theme-merc .merc-captcha-image-wrapper button i {
    margin: 0;
    font-size: 18px;
    color: #016fa7;
}

#loginPage.theme-merc .merc-captcha-image {
    flex-grow: 1;
    height: 40px;
    margin-right: 8px;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    background: #eee;
}

#loginPage.theme-merc .merc-captcha-image img {
    height: 100%;
}


.theme-merc .dba-title {
    border-radius: 0px;
    padding-top: 13px;
    padding-bottom: 12px;
}

.theme-merc .header-wrapper {
    max-width: inherit !important;
    background: rgb(255, 255, 255);
}

.theme-merc .header-wrapper .header-wrapper__job {
    border: 1px solid #bbb;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}

.header-wrapper__job-application-item {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    margin: auto 30px;
    border-radius: 0px;
}

.header-wrapper__job-application-item-details {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}

.header-wrapper__job-application-title-group {
    margin-left: 18px;
}

.header-wrapper__job-application-title {
    color: rgba(0, 0, 0, 0.87);
    font-size: 23px;
    font-weight: 600;
    line-height: 28px;
    margin-right: 30px;
}

.header-wrapper__job-application-item-details .m-icon-button {
    margin-left: -20px;
    height: 28px;
    line-height: initial;
}

.header-wrapper__job-application-item-details .m-icon-button.disabled {
    cursor: default;
}

.header-wrapper__job-application-item-details .m-icon-button .disabled {
    color: #bbb;
    cursor: default;
}

.header-wrapper__job-application-item-details-wrapper {
    min-height: 28px;
    display: inline-flex;
}

.header-wrapper__job-application-location {
    margin-top: 5px;
}

.header-wrapper__job-application-location span {
    height: 18px;
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    margin-left: 34px;
}

#loginPage.theme-advanced .header.for-theme #FldLanguageOverride .dropdown_element .dropdown_toggle {
    background-color: transparent !important;
    border: 1px solid rgba(0, 0, 0, 0.87);
    color: #000;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#loginPage.theme-advanced .header.for-theme #FldLanguageOverride .dropdown_element .dropdown_toggle .dropdown_toggle_text, #loginPage.theme-advanced .header.for-theme #FldLanguageOverride .dropdown_element .dropdown_toggle .dropdown_arrow {
    color: rgba(0, 0, 0, 0.87);
}

#loginPage.theme-advanced .header.for-theme #FldLanguageOverride .dropdown_element .dropdown_toggle.open:after {
    background: none;
}

@media only screen and (min-width: 320px) and (max-width: 899.98px) {
    .theme-merc .header.right-title #FldLanguageOverride {
        position: initial !important;
        width: auto;
        margin: auto;
        padding-top: 18px;
        text-align: center;
    }
}

.header.for-theme .dropdown .dropdown_toggle .dropdown_toggle_text {
    color: #0176b2;
}

.theme-merc .dropdown .dropdown_toggle {
    border: 1px solid #0176b2
}

@media only screen and (min-width: 320px) and (max-width: 899.98px) {
    .theme-merc .header.right-title {
        text-align: center;
    }

    .theme-merc .header.right-title #FldLanguageOverride {
        padding-top: 10px;
    }
}

#loginPage.theme-merc .login .resumePaneTop i {
    margin-top: 10px;
}

.c-inline-messages__wrap .existing-login-link {
    margin: auto 10px;
}

.context-info-with-text {
    color: rgb(51, 51, 51);
    height: 22px;
    display: flex;
    align-items: flex-end;
}

#loginPage.theme-merc .resumePaneTop .context-info-with-text .context-info-btn {
    margin-bottom: -6px;
}

.c-resume-label span {
    font-size: 16px;
    font-weight: 500;
}

#loginPage.theme-merc .resumePaneTop::after {
    margin-bottom: 17px;
}

#loginPage.theme-merc .resumePaneTop {
    padding-bottom: 10px;
}

#loginPage.theme-merc .resumePaneTop button:focus {
    border: 1px solid #fff;
    -webkit-box-shadow: inset 0 0 0 2px #016fa7;
    box-shadow: inset 0 0 0 2px #016fa7;
    outline: none;
    border-radius: 50%;
}

#loginPage.theme-merc .resumePaneTop button .icon-circle-question {
    margin-top: -2px;
}

#loginPage.theme-merc .resumePaneBottom {
    padding-bottom: 15px;
}


#loginPage.theme-merc .resumePaneBottom .inputFileWrapper {
    display: inline-grid;
}

#loginPage.theme-merc .resumePaneBottom .editFormText {
    margin: 0;
    color: #016FA7;
    white-space: normal;
    word-break: break-all;
}

#loginPage.theme-merc .resumePaneBottom .primaryButton {
    background: none repeat scroll 0 0 transparent !important;
    color: #016FA7 !important;
    height: 24px;
}

#loginPage.theme-merc .resumePaneBottom .primaryButton i {
    color: #016FA7;
    top: 65%;
    left: 0;
}

#loginPage.theme-merc .resumePaneBottom .primaryButton:after {
    border: none;
    box-shadow: none;
}

#loginPage.theme-merc .resumePaneBottom .primaryButton:not(.sso-button):hover {
    background: none repeat scroll 0 0 transparent;
    outline: 0;
    box-shadow: none;
}

#loginPage.theme-merc .resumePaneBottom .primaryButton:focus, #loginPage.theme-merc .resumePaneBottom .primaryButton:active {
    outline: 0;
    box-shadow: none;
    background: none repeat scroll 0 0 transparent;
}

#loginPage.theme-merc .resumePaneBottom .primaryButton .fileButtonText {
    font-size: 14px;
    margin-left: -6px;
    vertical-align: sub;
    height: 14px;
}

#loginPage.theme-merc .resumePaneBottom a {
    margin-left: 0px !important;
}

#loginPage.theme-merc .login .loginPageButton {
    margin-top: 17px;
}


#overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 0;
    cursor: default;
}

#loginPage.theme-advanced article {
    padding-top: 20px;
}

#loginPage.theme-advanced article aside {
    margin-top: -50px;
}

#loginPage.theme-merc article div.countryPane {
    padding-bottom: 8px;
}

.careers-aside .seekApplyWithButtonDivider {
    background: rgba(0, 0, 0, 0.15);
    border-radius: 0px;
    height: 1px;
    content: "";
    left: 0;
    width: 100%;
    margin-top: 14px;
}

.careers-aside .loginButtonsPane button:first-child {
    margin-top: 6px !important;
}