/*---- File: APEX.css-- Name: APEX Web Kiosk Cascading Style Sheet------ revision = '24.4' ---- Portability: Portable.-- Server and Client copies: N0---- Purpose:-- This style sheet defines formatting used for the APEX Web Kiosk.-- This is a template.-- ---- Modification History------ Rev Date Author WO# Details -- ---- --------- ------------ ---- --------------------------------------------------- 19.0.19025.A1 7/8/19 Grant 19025A1 created-- 19.0.19228.A1 04/Dec/2019 S.Gokul 19228A1 Added messagelbl:hover css.-- Added a-Menu-inner:hover css.-- 19.0.19228.A2 18/Dec/2019 S.Gokul 19228A2 Added BannerTextColor css.-- updated existing css attribute value at Asc-home-bg -- new class added Asc-Button to define button bg and text color.-- 2.0 24/08/2020 S.Gokul 27357 Updated CSS file-- 2.1 15/12/2020 E.Ho 27714 Moved t-header-branding position-x and position-y from wss_styles.css to database-- 2.2 02/04/2021 E.Ho 28103 Moved t-Login-region background to db-- 2.4 07/09/2021 E.Ho 28677 Modified t-login-logo to make logo width configurable-- Added white-space property to make card title wrapped-- 2.5 27/10/2021 Sheetal D. 28866 Added styling for Menu font colour, Menu background color and report/Messages button text and background colour, hover.-- 17/12/2021 Suraj P. 28866 Added new class to highlight timesheet paycode-- Suraj P. 28866 Changed the class for home-section-title from ON_DEF CSS_COLOUR_BLACK_APEX_TITLE WEB_TEXT_COLOUR to CON_DEFCSS_COLOUR_APX_HEADER_TEXTWEB_TD_TEXT_COLOUR --2.6 10/02/2022 Suraj P. 29088 Applied CON_DEFCSS_COLOUR_APX_ORANGEWEB_TD_BG_COLOUR for interactive report and Interactive grid column headings-- Added Branding-color to keep the branding color in the css class. added P101_USERNAME_LABEL and P101_PASSWORD_LABEL--2.7 29/06/2022 Suraj P. 29666 Applied CON_DEFCSS_COLOUR_APX_HEADER_TEXTWEB_TD_TEXT_COLOUR for t-Region-header and t-Region .t-Region-header h2.t-Region-title column headings-- 01/07/2022 E.Ho 29666 Introduced new CON_DEFCSS_COLOUR_APX_IR_HEADER_TEXTWEB_TD_TEXT_COLOUR for Interactive Report (overwrite 2.6 changes)--2.9 05/12/2022 Jeisson R. 30481 Adding CON_DEFCSS_COLOUR_APX_HEADER_TEXTWEB_TD_TEXT_COLOUR for team page show employee photo checkbox and selection for cards or list labels Adding CON_DEFCSS_COLOUR_APX_IR_HEADER_TEXTWEB_TD_TEXT_COLOUR for Act as show employee photo label Adding CON_DEFCSS_COLOUR_APX_IR_HEADER_TEXTWEB_TD_TEXT_COLOUR for link icon in Messages control => Saved notifications report => edit link column--2.10 05/03/2023 Gokul S 30881 Added CSS changes realted to APEX 22.2 new calandar --2.10 22/03/2023 Jeisson R 30881 Added CSS changes realted to Azure Login button--24.2 13/03/2024 Jeisson R 33121 Adding CON_DEFCSS_COLOUR_APX_ORANGEWEB_TD_BG_COLOUR to drowdown menu from username--24.3 05/06/2024 Jeisson R 33772 Adding CON_DEFCSS_COLOUR_APX_BANNER_TEXTWEB_TD_TEXT_COLOUR to label and icon in tree dots menu in calendar view ( timesheets and leave Calendar)--24.4 27/08/2024 Suraj P 34412 Adding a css for timesheet history employee list label to make a consistent with general timesheet. 23/09/2024 Jeisson R 34412 Adding :focus-within to .a-Menu-inner to highlight menu selectod using navigation arrow in the same way as :hover using mouse------------------------------------------------------------------------------------------------ --*/.t-Login-container,.t-Login-container .t-Form-inputContainer{ font-family:NUNITO, Arial;}#P101_USERNAME_CONTAINER .t-Form-inputContainer ,#P101_PASSWORD_CONTAINER .t-Form-inputContainer { font-family:ARIAL, Arial;} /* WSS 2.2 - moved from wss_style to db */.t-Login-region { background: url(/ereap/wss/images/orange_80.png);}.login-page .t-Body,.change_password { background: url(/ereap/wss/images/A180010064.JPG); background-repeat: no-repeat; background-size: 100% 100%;}.Asc-Launcher .t-Body { background: transparent; background-repeat: no-repeat; background-size: 100% 100%; }.Asc-home-bg {height: 100%;width: 100%;background: #4b5058 url(/ereap/wss/images/BUSSELTON_JETTY.JPG);position: fixed; background-repeat: no-repeat; /*background-size: 100% 100%; added below code in 1.2*/background-size: cover; /*background-attachment: fixed; added below code in 1.2*/background-attachment: scroll;}span.t-Login-logo { background-image: url(/ereap/wss/images/Ceridian_aPay_White.png);; background-size: cover; width: 190px; /* 165px */ height: 88px;}.header-strip { background: #1E51BF !important; height: 70px; width: 100%; top: 0; left: 0; position: absolute; z-index: 1000; padding: 20px 0 0 25px; background-image:url(/st5/Ceridian_White_small.png); background-repeat: no-repeat;} /*2.6 start*/ .Branding-color{background: #1E51BF !important;} .login-page .t-Region-headerItems--title {background: #1E51BF !important;}/*2.6 end*/.t-Header-branding { background: #1E51BF; background-image:url(/st5/Ceridian_White_small.png); background-repeat: no-repeat; background-position-x: 10px !important; background-position-y: center !important;}.Asc .t-Card-title { color:#4B5058; font-family:NUNITO, Arial;}.Asc .t-Card-desc,.Asc .t-Card-desc a,.Asc .t-Card-info { color:#4B5058; font-family:ARIAL, Arial;}.Asc .t-Form-inputContainer ,.t-Form-inputContainer ,.Asc .a-IRR-searchFieldContainer,.a-IRR-searchFieldContainer,.t-NavigationBar select,.ap-new .select2-search input,.Asc .u-Form-inputContainer { font-family:ARIAL, Arial;}.text-container ,.ellipsis-container{ /*use line size as font size for this calc*/font-size:16pt;line-height:16pt;}.t-Cards--featured .Asc .t-Card .t-Card-title,.t-Cards--featured .Asc .t-Card .t-Card-title ,.t-Cards--basic .Asc .t-Card .t-Card-title {font-size:13PT /*was 1.5rem*/;line-height:16pt;background-color:#FFFFFF;font-weight: bold;white-space: normal; /* WSS 2.4 */}.t-Cards--featured .Asc .t-Card .t-Card-desc,.t-Cards--featured .Asc .t-Card .t-Card-info,.t-Cards--basic .Asc .t-Card .t-Card-desc,.t-Cards--basic .Asc .t-Card .t-Card-info{font-size:13PT /*was 1.5rem*/;line-height:16pt;background-color:#FFFFFF;font-weight: lighter;}.t-Cards--featured .Asc .t-Card .t-Card-wrap ,.t-Cards--basic .Asc .t-Card .t-Card-wrap {background-color:#FFFFFF;}.t-Cards--featured .Asc .t-Card .t-Card-wrap .t-Card-titleWrap ,.t-Cards--basic .Asc .t-Card .t-Card-wrap .t-Card-titleWrap {background-color:#FFFFFF;} .Ascender-Iframe .t-Form-inputContainer span.display_only{font-size:13PT /*was 1.5rem*/;line-height:16pt;background-color:#FFFFFF; color:#4B5058;font-weight: normal;}/* Style Ascender screen section labels */span.home-section-title{ font-family:NUNITO, Arial; color:#FFFFFF; /*#FFFFFF;*/ font-size: 17PT /*was 3rem*/;line-height:21pt; font-weight: bold; background-color:transparent; border-radius: 2px;}/* orig of above in wss_styles.cssspan.home-section-title{ color:#fefefe; font-size: 1.4em; font-weight: bold;}*/.Asc-Iframe .t-Region{ background: transparent; border: transparent;}.Asc-Iframe .t-Region-header{ background: transparent; /*1*/ color:#FFFFFF; /*2.7*/ border: transparent;/*transparent;*/ border-radius: 2px;}.asc_cards_region .t-Region-header .t-Region-headerItems--title .t-Region-title,.t-Region-header /*1*/,.t-Region .t-Region-header h2.t-Region-title /*1*/{ font-family:NUNITO, Arial; color:#FFFFFF; /*2.7 #FFFFFF;*/ font-size: 15PT /*was 2.5rem*/;line-height:18pt; font-weight: bold; background: transparent; /*1*/ border-radius: 2px;}body,.Asc-Iframe .a-IRR-table tr td /*1*/,.Asc-Iframe .t-Region-body .a-IRR-table tr td /*1*/{ font-family:NUNITO, Arial ;/*!important;*/ color:#4B5058;/* !important; */} /* adjust vita for chart region background*/.t-Form-field,.t-Form-inputContainer input.datepicker,.t-Form-inputContainer input.password,.t-Form-inputContainer input.popup_lov,.t-Form-inputContainer input.text_field,.t-Form-inputContainer input[type=text],.t-Form-inputContainer select.selectlist,.t-Form-inputContainer select.yes_no,.t-Form-inputContainer select[multiple],.t-Form-inputContainer span.display_only,.t-Form-inputContainer textarea.textarea,.t-Form-select,.t-Form-textarea,.u-TF-item--datepicker,.u-TF-item--select,.u-TF-item--text,.u-TF-item--textarea { color:#4B5058; /*#333;*/ background-color:#FFFFFF; /*f2f2f2*/ border-color:#FFFFFF; /*#d9d9d9;*/}/* adjust vita for chart region background*/.Asc-Iframe .t-Region--scrollBody>.t-Region-bodyWrap>.t-Region-body { background:#FFFFFF; /*linear-gradient(#fff 30%,rgba(255,255,255,0)),linear-gradient(rgba(255,255,255,0),#fff 70%) 0 100%,linear-gradient(rgba(0,0,0,.025),rgba(0,0,0,0)),linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.025)) 0 100% #fff; */}/* orig of above in Core.min.cssfont-family: 'Helvetica Neue','Segoe UI',Helvetica,Arial,sans-serif;*//*2.6 start*/#P101_USERNAME_LABEL{color:#FFFFFF !important;}#P101_PASSWORD_LABEL{color:#FFFFFF !important;}#P101_FORGOT_PASSWORD_LABEL{color:#FFFFFF !important;}/*2.6 stop*//* at least login label */.asc_region .u-Form-label,.u-Form-label,/*.asc_region .u-Form-inputContainer input.text_field,.asc_region .u-Form-inputContainer select.selectlist,.u-Form-inputContainer input.text_field,.u-Form-inputContainer select.selectlist,*/.t-Form-label,.t-Form-inputContainer input.text_field,.t-Form-inputContainer select.selectlist{ font-size: 13PT /*was 1.2rem*/ !important;line-height:16pt; color:#4B5058 !important;font-weight: lighter;}/* orig of above in Core.min.cssfont-size: 1.2rem;Vita.min.csscolor: #4d4d4d;*//* make all buttons orange */.t-Button--hot, body .ui-state-default.ui-button.ui-button--hot, body button.ui-state-default.ui-priority-primary { background: #1E51BF; font-size: 13PT /*was 13px*/;line-height:16pt;font-weight: lighter; padding: 1.2rem 2.1rem}/* orig of above in wss_styles.css.t-Button--hot, body .ui-state-default.ui-button.ui-button--hot, body button.ui-state-default.ui-priority-primary { background: #F47202; font-size: 13px; font-weight: bold; padding: 1.2rem 2.1rem}*/.navigation a:hover { /*background: #1E51BF;*/ /*text-decoration: underline #1E51BF;*/ background-image: linear-gradient(#545454, #545454, #545454,#545454, #545454, #1E51BF );}/* orig of above in wss_styles.css.navigation a:hover { background: #f47202; move to APEX.css...*/input.password:,#P101_USERNAME,#P101_PASSWORD{ background: #FFFFFF; color:#4B5058;}input.password:focus,#P101_USERNAME:focus,#P101_PASSWORD:focus{ background: #FFFFFF !important; color:#4B5058 !important;}/* above are specific overrides of core/vitainverse details below if needed background: #4B5058 !important; color:#FFFFFF !important;*/.t-Header-navBar .t-NavigationBar-item {vertical-align: middle;}/* orig of above in core.css*//* highlight selected submenu*/.highlight{ background: #1E51BF !important;}/* highlight timesheet paycode*/.highlightpaycode{ background: #FFFF00 !important;} /*Message button hover color*/.messagelbl:hover { background: #1E51BF; box-shadow: inset 10 0 10px 1px rgba(0, 0, 0, .3);}/*global menu dropdown next to user name*//* Commented in WSS 24.2.a-Menu-inner:hover { background: #1E51BF;}*//* WSS 24.2 START*/.t-NavigationBar-menu .a-Menu-content { background-color: #1E51BF;}/*global menu dropdown next to user name*/.a-Menu-inner { background-color: #1E51BF;}.a-Menu-inner:hover { opacity: 0.7;}/* WSS 24.2 END*/.a-Menu-inner:focus-within { /* WSS 24.4 */ opacity: 0.7; }.navigation .highlight{ /* background: #1E51BF !important;*/ /*text-decoration: underline #1E51BF !important;*/ background-image: linear-gradient(#545454, #545454, #545454,#545454, #545454, #1E51BF ) !important;}/* li added to make more selective*/.select2-container-active,.select2-container-active .select2-chosen,.select2-results li.select2-highlighted { background: #1E51BF; color: #FFFFFF;}/* orig of above in wss_styles.css background: #000066 !important;*//* calendar (below)orig from vita */.Asc-Iframe .fc-day-header.ui-widget-header,.Asc-Iframe .fc-view .ui-widget-header,body .Asc-Iframe .ui-widget-content,.Asc-Iframe .t-HeroRegion,.Asc-Iframe .fc-toolbar,.Asc-Iframe .fc .fc-day-number /* day number */{ background: #FFFFFF; color:#4B5058;}.Asc-Iframe .fc.ui-widget /* orig from core for family */,.Asc-Iframe .fc-body /* orig from agendalist for family */{ font-family:NUNITO, Arial;}.Asc-Iframe .fc-day-header.ui-widget-header /* orig from core */,.Asc-Iframe .fc .fc-day-number /* orig from core */{ font-size: 13PT /*was 12px*/;line-height:16pt;font-weight: lighter;} .Asc-Iframe .fc-toolbar h2 /*orig from core - month/year header*/{ font-size: 15PT /*was 2.5rem*/; /* orig 24px */line-height:18pt; color:#4B5058; font-weight: bold;} /*body .Asc-Iframe .ui-state-default \* orig from vita *\{ background: #FFFFFF;}*/body .Asc-Iframe .ui-state-active /* orig from vita */,body .Asc-Iframe .ui-state-default /* orig from vita */{ color:#4B5058;} body .Asc-Iframe .ui-widget button /* orig from core */{ font-family:NUNITO, Arial; font-size: 13PT /*was 1.2rem*/; line-height:16pt;font-weight: lighter;}.Asc-Iframe .fc .fc-event{ font-size: 13PT /*was 1.2rem*/; /*1.1rem orig from core*/line-height:16pt;font-weight: lighter;}.Asc-Iframe .fc table{ font-size: 13PT /*was 1.2rem*/; /*1em orig from fullcalendar*/line-height:16pt;font-weight: lighter;}body .Asc-Iframe .fc .ui-widget-content, body .Asc-Iframe .fc td.fc-today{ color:#4B5058; /* orig from vita */} /* classic rep (below) */.Asc-Iframe .a-IRR .a-IRR-pagination-label /* orig from vita */,.Asc-Iframe .a-IRR-rowSelector label /* orig from core */,.Asc-Iframe input /* orig from forms - not sure if we should leave this to browser default */,.Asc-Iframe .a-Button /* orig from vita */,.Asc-Iframe .a-IRR-selectList /* orig from vita *//*apex 22.2*/,.Asc-Iframe .fc-daygrid-day-number,.Asc-Iframe .fc-col-header-cell-cushion /*apex 22.2 end*/{ color:#4B5058;} /*apex 22.2*/.Asc-Iframe .fc-button-primary,.Asc-Iframe .fc-button-primary:disabled{ background-color: #4B5058 !important; color: #FFFFFF !important;}/*apex 22.2 end*/.Asc-Iframe .a-IRR-pagination-label /* orig from core */{ font-size: 13PT /*was 12px*/; line-height:16pt;font-weight: lighter;} .Asc-Iframe .a-IRR /* orig from core */{ font-size: 13PT /*was 1.2rem*/; line-height:16pt;font-weight: lighter;}.Asc-Iframe .a-IRR-table tr td /* orig from vita */,.Asc-Iframe .a-IRR-header /* orig from vita */,.Asc-Iframe .a-IRR-toolbar /* orig from vita */,.Asc-Iframe .a-IRR-fullView /* orig from vita */,.Asc-Iframe input /* orig from forms - not sure if we should leave this to browser default */{ background: #FFFFFF;}.Asc-Iframe .a-IRR-search-field /* interactive reports */{ font-size: 13PT /*was 14px*/; line-height:16pt;font-weight: normal;}.Asc-Iframe .a-Button /* orig from vita */,.Asc-Iframe .t-Button /* orig from vita */,.Asc-Iframe .a-IRR-selectList /* orig from forms - not sure if we should leave this to browser default */{ /*background: #FFFFFF;*/ font-size: 13PT /*was 12px*/; line-height:16pt;font-weight: lighter;}/* notification window (below)*/#mainDiv,#mainDiv p{ font-size: 13PT /*was 14px*/; line-height:16pt;font-weight: lighter;}.messagelbl /* from wss_styles */{ font-size: 15PT /*was 2.5rem*/; line-height:18pt; /* font-size: 14px; - moved to wk_css */font-weight: lighter;color: #FFFFFF !important; /*1.2**/background-color:#4B5058 !important;} /* notification mtce (below)*/.Asc-Iframe .t-Region-body { color:#4B5058; /* orig from vita */ font-size: 13PT /*was 1.4rem*/; /* orig from core */line-height:16pt;font-weight: lighter;} .t-Report-cell,.t-Report-colHead { font-size:13PT /*was 1.2rem*/; /* orig from core */line-height:16pt;font-weight: lighter;}/* notification mtce-set orig from vita unless indicated otherwise*/.Asc-Iframe .t-Form-field,.Asc-Iframe .t-Form-inputContainer input.datepicker,.Asc-Iframe .t-Form-inputContainer input.password,.Asc-Iframe .t-Form-inputContainer input.popup_lov,.Asc-Iframe .t-Form-inputContainer input.text_field,.Asc-Iframe .t-Form-inputContainer input[type=text],.Asc-Iframe .t-Form-inputContainer select.selectlist,.Asc-Iframe .t-Form-inputContainer select.yes_no,.Asc-Iframe .t-Form-inputContainer select[multiple],.Asc-Iframe .t-Form-inputContainer span.display_only,.Asc-Iframe .t-Form-inputContainer textarea.textarea,.Asc-Iframe .t-Form-select,.Asc-Iframe .t-Form-textarea,.Asc-Iframe .u-TF-item--datepicker,.Asc-Iframe .u-TF-item--select,.Asc-Iframe .u-TF-item--text,.Asc-Iframe .u-TF-item--textarea { color:#4B5058; /*#333;*/ font-size: 13PT /*was 1.2rem*/; /* orig from core */line-height:16pt;font-weight: normal;}.Asc-Iframe .t-Form-field:focus::-ms-value,.Asc-Iframe .t-Form-inputContainer input.datepicker:focus::-ms-value,.Asc-Iframe .t-Form-inputContainer input.password:focus::-ms-value,.Asc-Iframe .t-Form-inputContainer input.popup_lov:focus::-ms-value,.Asc-Iframe .t-Form-inputContainer input.text_field:focus::-ms-value,.Asc-Iframe .t-Form-inputContainer input[type=text]:focus::-ms-value,.Asc-Iframe .t-Form-inputContainer select.selectlist:focus::-ms-value, .Asc-Iframe .t-Form-inputContainer select.yes_no:focus::-ms-value,.Asc-Iframe .t-Form-inputContainer select[multiple]:focus::-ms-value,.Asc-Iframe .t-Form-inputContainer span.display_only:focus::-ms-value,.Asc-Iframe .t-Form-inputContainer textarea.textarea:focus::-ms-value,.Asc-Iframe .t-Form-select:focus::-ms-value,.Asc-Iframe .t-Form-textarea:focus::-ms-value,.Asc-Iframe .u-TF-item--datepicker:focus::-ms-value,.Asc-Iframe .u-TF-item--select:focus::-ms-value,.Asc-Iframe .u-TF-item--text:focus::-ms-value,.Asc-Iframe .u-TF-item--textarea:focus::-ms-value { color:#4B5058; /*#333*/ font-size: 13PT /*was 1.2rem*/; /* orig from core */line-height:16pt;font-weight: normal;}/* /notification mtce-set*//* header (below) */.t-Header .t-Button /* orig from core */{ font-size: 13PT /*was 12px*/; line-height:16pt;font-weight: lighter;}.submenubar li /* orig from core li */,.submenubar .dropdown1-content{ font-size: 13PT /*was 14px*/; line-height:16pt;font-weight: lighter;}.t-Header button,.t-Header input,.t-Header select,.t-Header textarea /* orig from core (above)*/{ font-size: 13PT /*was 14px*/; line-height:16pt;font-weight: lighter;}/*checkbox label orig from vita*/.Asc-Iframe .t-Form-checkboxLabel,.Asc-Iframe .t-Form-inputContainer .checkbox_group label,.Asc-Iframe .t-Form-inputContainer .radio_group label,.Asc-Iframe .t-Form-radioLabel { font-size:13PT /*was 1.2rem*/;line-height:16pt;font-weight: lighter;}.Asc-Iframe .t-Form-checkboxLabel,.Asc-Iframe .t-Form-inputContainer .checkbox_group label,.Asc-Iframe .t-Form-inputContainer .radio_group label,.Asc-Iframe .t-Form-label,.Asc-Iframe .t-Form-radioLabel { color:#4B5058; /*#4d4d4d*/font-weight: lighter;}/*checkbox label on leave page*/.Asc-Iframe #P9_MAIN_CONTAINER .t-Form-inputContainer .checkbox_group label /* temp, label on timesheet page*/{ margin-left:3rem; /* orig .4 */ font-size:13PT /*was 1.4rem*/; line-height:16pt; color:#FFFFFF; /*#4d4d4d*/ font-weight: lighter;}.t-Form-labelContainer .t-Form-label#P22_EMPLOYEE_NUMBER_LABEL { font-size:13PT /*was 1.4rem*/; line-height:16pt; color:#FFFFFF; /*#4d4d4d*/ font-weight: lighter;}.t-Form-labelContainer .t-Form-label#P22_EMPLOYEE_NUMBER_LABEL /* temp, label on timesheet page*/,.t-Form-labelContainer .t-Form-label#P35_EMPLOYEE_LABEL /* 24.4 34412 -- to make consistent with timesheet page employee lov*/,.t-Form-labelContainer .t-Form-label#P22_EMPLOYEE_JOB_LABEL,.t-Form-labelContainer .t-Form-label#P22_CALENDAR_CODE_LABEL{ color:#FFFFFF !important; /*important needed to override another css*/}/* leave chart bars */.chart-bar{ fill: #1E51BF;}.oj-legend,.oj-legend-title,.oj-chart-yaxis-tick-label,.oj-chart-xaxis-tick-label /*all above from oj*/{ color:#4B5058;font-size:13PT /*was 1.4rem*/;line-height:16pt;font-weight: lighter;}.oj-dvtbase /*orig from oj*/{ font-family:NUNITO, Arial; /*-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;*/}.oj-chart-data-label /* orig from oj-alta */{ color:#4B5058;font-size:13PT /*was 1.4rem*/;line-height:16pt;font-weight: lighter;}/*display white label, initially created for leave page*/ .Asc-Iframe .t-Form-inputContainer span.display_only.display-only-white.apex-item-display-only, .display-only-white{ font-size:13PT /*was 1.4rem*/; line-height:16pt; color:#FFFFFF;font-weight: lighter;}.t-NavigationBar-item select option{background-color:#FFFFFF;}.t-Report-pagination tbody tbody a{background-color:#FFFFFF;font-weight: bold;}span.a-IRR-searchButtonContainer .Asc-Icon{ background: #FFFFFF; vertical-align: middle;}.jconfirm .Asc-container .jconfirm-box div.jconfirm-title-c .jconfirm-title ,.Asc-container .jconfirm-content{ font-family:NUNITO, Arial; color:#4B5058; font-size: 17PT /*was 3rem*/;line-height:21pt;}.jconfirm .Asc-container .jconfirm-box div.jconfirm-content-pane .jconfirm-content{overflow: hidden;}/*1.2*/.BannerTextColor{ color:#FFFFFF !important;}/*24.3 added classes .a-Menu-label, .a-Menu-labelContainer*/.t-NavigationBar-menu.a-Menu .a-Menu-item .a-Menu-statusCol, .t-NavigationBar-menu.a-Menu .a-Menu-item a, .a-Menu-label, .a-Menu-labelContainer{ color:#FFFFFF !important;}.Asc-Button{ background-color: #4B5058 !important; color: #FFFFFF !important;}/*1.2 end*//*1.3 start*/.WebLvStatusA{ background-color: !important; border-color: transparent;}.WebLvStatusC{ background-color: !important; border-color: transparent;}.WebLvStatusD{ background-color: !important; border-color: transparent;}.WebLvStatusP{ background-color: !important; border-color: transparent;}/* Timesheet Pay codes colours */.TSPTYPECOLOURSSALARY{ background-color:green !important; border-color: transparent; color: #FFFFFF !important;}.TSPTYPECOLOUROOVERTIME{ background-color:orange !important; border-color: transparent; color: #FFFFFF !important;}.TSPTYPECOLOURAALLOWANCE{ background-color:blue !important; border-color: transparent; color: #FFFFFF !important;}.TSSTATUSCOLOURNEW{ background-color:blue !important; border-color: transparent;}.TSSTATUSCOLOURSUBMITTED{ background-color:orange !important; border-color: transparent;}.TSSTATUSCOLOURREJECTED{ background-color:red !important; border-color: transparent;}.TSSTATUSCOLOURAPPROVED{ background-color:green !important; border-color: transparent;}/* Leave Type colours */.LVTYPEAL{ background-color:blue !important; border-color: transparent;}.LVTYPELD{ background-color:orange !important; border-color: transparent;}.LVTYPELL{ background-color:green !important; border-color: transparent;}.LVTYPEPL{ background-color:red !important; border-color: transparent;}.LVTYPESL{ background-color:#EF7D00 !important; border-color: transparent;}.LVTYPEUL{ background-color:brown !important; border-color: transparent;}.LVSTATA{ background-color:green !important; border-color: transparent;}.LVSTATS{ background-color:orange !important; border-color: transparent;}.LVSTATR{ background-color:red !important; border-color: transparent;}.LVSTATU{ background-color:blue !important; border-color: transparent;}.LVTYPEDFLT{ background-color:#33d1ff !important; border-color: transparent;}/* WSS 2.2 Kilometres Travelled Changes*/.KMSTATUSCOLOURNEW{ background-color: !important; border-color: transparent;}.KMSTATUSCOLOURSUBMITTED{ background-color: !important; border-color: transparent;}.KMSTATUSCOLOURREJECTED{ background-color: !important; border-color: transparent;}.KMSTATUSCOLOURAPPROVED{ background-color: !important; border-color: transparent;}/* WSS 2.5 changes for report button , menu font and menu background*/.dropdown1-content a { color:#FFFFFF !important;}.navigation a{ background: #4B5058 !important; background: linear-gradient(#545454, #545454); border-right: 1px solid rgba(0, 0, 0, .3); color: #FFFFFF !important; padding: 6px 12px; text-decoration: none; background: linear-gradient(#545454, #545454); font-size: 13PT; line-height: 16pt; font-weight: lighter;}.submenubar { background:#4B5058 !important;}.tblbl {color: #FFFFFF !important; font-size: 15PT;background-color:#4B5058 !important;}.tblbl:hover { background: #1E51BF;}/* 2.6 start*/.a-IRR-headerLink, .t-Report-colHead { color:#EF7D00 !important; /*2.7 CSS_COLOUR_APX_ORANGEWEB_TD_BG_COLOUR*/}/* 2.9 start*/.color_icon_column_link { color:#EF7D00 !important;;}/* 2.9 end*/.a-GV-headerLabel{ color:#EF7D00 !important; /* 2.7 CSS_COLOUR_APX_ORANGEWEB_TD_BG_COLOUR*/}.a-IRR-header.is-active { background-color:#EF7D00 !important; /* 2.7 CSS_COLOUR_APX_ORANGEWEB_TD_BG_COLOUR*/}.a-IRR-header.is-active a{color:#fffaf6 !important;background-color:#EF7D00 !important; /* 2.7 CSS_COLOUR_APX_ORANGEWEB_TD_BG_COLOUR*/}body .a-IRR-sortWidget-rows { color: #ffffff; border-top: 1px solid #a84f01; background: #EF7D00 !important; /* 2.7 CSS_COLOUR_APX_ORANGEWEB_TD_BG_COLOUR*/}body .a-IRR-sortWidget-row { color: #ffffff; box-shadow: 0 -1px 0 #a84f01 inset;}.a-IRR-sortWidget-search > .a-IRR-sortWidget-searchField,.a-IRR-sortWidget-search > .a-IRR-sortWidget-searchField[type="text"] { color: #ffffff; background: #EF7D00 !important; /* 2.7 CSS_COLOUR_APX_ORANGEWEB_TD_BG_COLOUR*/}.a-IRR-sortWidget-row:hover { background-color: #EF7D00 !important; /* 2.7 CSS_COLOUR_APX_ORANGEWEB_TD_BG_COLOUR*/}body .a-IRR-button.a-IRR-sortWidget-button,body .a-IRR-button.a-IRR-sortWidget-button:active:focus { color: rgba(255, 255, 255, 0.9); background-color: #EF7D00 !important; /* 2.7 CSS_COLOUR_APX_ORANGEWEB_TD_BG_COLOUR*/}/* 2.6 end*//*1.3 end*//* 2.9 start*/#P11_LAYOUT > div > div > div > label { color:#FFFFFF;}#P11_SHOW_IMAGES_LABEL { color:#FFFFFF;}#P38_SHOW_PHOTO_LABEL { color:#EF7D00;}/* 2.9 end*//*30881 azure login start*/#or > div.t-Region-bodyWrap > div.t-Region-body > div > div > div { background: url(/ereap/wss/images/orange_80.png); color: #FFFFFF; font-weight: bold;}@media all and (min-width: 701px){ .wraplineAL:before { content: ''; position: absolute; top: 50%; left: 0; border-top: 1px solid #FFFFFF; background: #FFFFFF; width: 100%; transform: translateY(-50%); }}/*30881 azure login end*/