/* -- -- File: APEX.css -- Name: APEX Web Kiosk Cascading Style Sheet -- -- -- revision = '2.7' -- -- 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 change) ------------------------------------------------------------------------------------------------ -- */ .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(/hisprod_images/Terracotta_80_trans.png); } .login-page .t-Body ,.change_password { background: url(/hisprod_images/WinthropTower.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(/hisprod_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(/hisprod_images/UWA_Logo_reversed.png);; background-size: cover; width: 270px; /* 165px */ height: 88px; } .header-strip { background: #27348b !important; height: 70px; width: 100%; top: 0; left: 0; position: absolute; z-index: 1000; padding: 20px 0 0 25px; background-image:url(/hisprod_images/uwa_crest.png); background-repeat: no-repeat; } /*2.6 start*/ .Branding-color { background: #27348b !important; } .login-page .t-Region-headerItems--title { background: #27348b !important; } /*2.6 end*/ .t-Header-branding { background: #27348b; background-image:url(/hisprod_images/uwa_crest.png); background-size: contain; 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:10pt /*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:10pt /*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:10pt /*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: 13pt /*was 3rem*/; line-height:21pt; font-weight: bold; background-color:transparent; border-radius: 2px; } /* orig of above in wss_styles.css span.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: 12pt /*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.css font-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: 10pt /*was 1.2rem*/ !important; line-height:16pt; color:#4B5058 !important; font-weight: lighter; } /* orig of above in Core.min.css font-size: 1.2rem; Vita.min.css color: #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: #27348b; font-size: 10pt /*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: #27348b;*/ /*text-decoration: underline #27348b;*/ background-image: linear-gradient(#545454, #545454, #545454,#545454, #545454, #27348b ); } /* 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/vita inverse 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: #27348b !important; } /* highlight timesheet paycode*/ .highlightpaycode { background: #FFFF00 !important; } /*Message button hover color*/ .messagelbl:hover { background: #27348b; box-shadow: inset 10 0 10px 1px rgba(0, 0, 0, .3); } /*global menu dropdown next to user name*/ .a-Menu-inner:hover { background: #27348b; } .navigation .highlight { /* background: #27348b !important;*/ /*text-decoration: underline #27348b !important;*/ background-image: linear-gradient(#545454, #545454, #545454,#545454, #545454, #27348b ) !important; } /* li added to make more selective*/ .select2-container-active ,.select2-container-active .select2-chosen ,.select2-results li.select2-highlighted { background: #27348b; 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: 10pt /*was 12px*/; line-height:16pt; font-weight: lighter; } .Asc-Iframe .fc-toolbar h2 /*orig from core - month/year header*/ { font-size: 12pt /*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: 10pt /*was 1.2rem*/; line-height:16pt; font-weight: lighter; } .Asc-Iframe .fc .fc-event { font-size: 10pt /*was 1.2rem*/; /*1.1rem orig from core*/ line-height:16pt; font-weight: lighter; } .Asc-Iframe .fc table { font-size: 10pt /*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 */ { color:#4B5058; } .Asc-Iframe .a-IRR-pagination-label /* orig from core */ { font-size: 10pt /*was 12px*/; line-height:16pt; font-weight: lighter; } .Asc-Iframe .a-IRR /* orig from core */ { font-size: 10pt /*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: 10pt /*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: 10pt /*was 12px*/; line-height:16pt; font-weight: lighter; } /* notification window (below)*/ #mainDiv ,#mainDiv p { font-size: 10pt /*was 14px*/; line-height:16pt; font-weight: lighter; } .messagelbl /* from wss_styles */ { font-size: 12pt /*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: 10pt /*was 1.4rem*/; /* orig from core */ line-height:16pt; font-weight: lighter; } .t-Report-cell, .t-Report-colHead { font-size:10pt /*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: 10pt /*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: 10pt /*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: 10pt /*was 12px*/; line-height:16pt; font-weight: lighter; } .submenubar li /* orig from core li */ ,.submenubar .dropdown1-content { font-size: 10pt /*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: 10pt /*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:10pt /*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:10pt /*was 1.4rem*/; line-height:16pt; color:#FFFFFF; /*#4d4d4d*/ font-weight: lighter; } .t-Form-labelContainer .t-Form-label#P22_EMPLOYEE_NUMBER_LABEL { font-size:10pt /*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#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: #27348b; } .oj-legend ,.oj-legend-title ,.oj-chart-yaxis-tick-label ,.oj-chart-xaxis-tick-label /*all above from oj*/ { color:#4B5058; font-size:10pt /*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:10pt /*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:10pt /*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: 13pt /*was 3rem*/; line-height:21pt; } .jconfirm .Asc-container .jconfirm-box div.jconfirm-content-pane .jconfirm-content { overflow: hidden; } /*1.2*/ .BannerTextColor { color:#FFFFFF !important; } .t-NavigationBar-menu.a-Menu .a-Menu-item .a-Menu-statusCol, .t-NavigationBar-menu.a-Menu .a-Menu-item a { 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: 12pt; background-color:#4B5058 !important; } .tblbl:hover { background: #27348b; } /* 2.6 start*/ .a-IRR-headerLink, .t-Report-colHead { color:#27348b !important; /*2.7 CSS_COLOUR_APX_ORANGEWEB_TD_BG_COLOUR*/ } .a-GV-headerLabel { color:#27348b !important; /* 2.7 CSS_COLOUR_APX_ORANGEWEB_TD_BG_COLOUR*/ } .a-IRR-header.is-active { background-color:#27348b !important; /* 2.7 CSS_COLOUR_APX_ORANGEWEB_TD_BG_COLOUR*/ } .a-IRR-header.is-active a { color:#fffaf6 !important; background-color:#27348b !important; /* 2.7 CSS_COLOUR_APX_ORANGEWEB_TD_BG_COLOUR*/ } body .a-IRR-sortWidget-rows { color: #ffffff; border-top: 1px solid #a84f01; background: #27348b !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: #27348b !important; /* 2.7 CSS_COLOUR_APX_ORANGEWEB_TD_BG_COLOUR*/ } .a-IRR-sortWidget-row:hover { background-color: #27348b !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: #27348b !important; /* 2.7 CSS_COLOUR_APX_ORANGEWEB_TD_BG_COLOUR*/ } /* 2.6 end*/ /*1.3 end*/