html
{
height: 100%;
/* #17032 Remove commented CSS, Chrome displays them as struck-out */
padding-left: constant(safe-area-inset-left);/*21648 support iPhone X safe area*/
padding-right: constant(safe-area-inset-right);
}
/*21648 support iPhone X safe area https://webkit.org/blog/7929/designing-websites-for-iphone-x/ */
@supports(padding: max(4px))
{
.html
{
padding-left: max(4px, constant(safe-area-inset-left));
padding-right: max(4px, constant(safe-area-inset-right));
}
}
body
{
height:100%;
/* #17032 Remove commented CSS, Chrome displays them as struck-out */
}
/* #23317 force tablet/mobile to turn to landscape mode*/
@media screen and (min-width: 767px) and (max-width: 1921px) and (orientation: portrait)
{
/* #24615 instead of directly override html element styling, change it to a CSS class and later will be toggled to tag based on result of JS function isTablet() */
.html-landscape
{
transform: rotate(-90deg);
transform-origin: left top;
width: 100vh;
overflow-x: auto;
position: absolute;
top: 100%;
left: 0;
}
}
input[type="text"]
{
background-clip:padding-box !important;
}
/* #23317 force tablet/mobile to turn to landscape mode*/
.RadWindow
{
padding:0 !important;
}
.RadWindow .rwCloseButton:before
{
content: "" !important;
}
fieldset
{
-moz-border-radius: 8px;
}
.defaultLayout /* #17032 DRY CSS this is on the body tag */
{
margin: 0;
padding: 0; /* #25524 set padding to all 0, together with remove absolute position from mainHeader */
font-family: "Segoe UI",Arial,Helvetica,sans-serif; /* #17032 adding default font for pages that do not use 2013UI-app.css */
overflow: hidden;
}
.defaultContentPanel
{
overflow:hidden;
overflow-y:auto;
height:100%;
position: relative;
width:100%;
}
.mainHeader
{
/* #25524 remove position: absolute; because setting padding to 0 in .defaultLayout*/
top: 0;
left: 0;
width: 100%;
/*height: 122px;*/
height: 60px; /* #17038 DRY CSS - ALL of the SASS customer default.css files use 60px here */
/* #17032 remove obsolete ref width */ /* #14942 remove grey background from default login */
z-index: 1;
padding: 0 !important;
}
.mainHeaderBannerImgLeft /* #17032 this is the default Cardno logo, it will be overriden by company default selected */
{
background: Transparent url(/images/7999/PPI-Quality-Engineering.png) no-repeat top left; /* #25340 change to PPI logo #15163: chg img to cardno logo */
/* #25340 change to PPI logo, #25346 use general styling to float to left, set width to 35% as default */
width: 35%;
float: left;
height: 60px;
}
.mainHeaderBannerImgLeft:hover
{
cursor: pointer;
}
.mainHeaderBannerImgRight
{
height: 100%;
width: 50%;
float: right;
}
.mainFooter
{
height: 20px; /*#16109 taller div*/
text-align: center;
font: 13px 'Segoe UI', Arial, Helvetica, sans-serif !important;/*#16109 bigger font-size, consistent font family*/
color: #acacac;
background-color: Transparent;
color: #666666!important;
}
.mainContent
{
/* overflow: hidden; */ /*re #10564 chasing down div that is restricting width*/
background-color:inherit;
}
/*#22929 no longer need .mainMenu setting*/
/*#22929 override second levels menu's background colors. Use Cardno Grey (##5c6266 and #8b9398)*/
.mainMenu .RadMenu_WebBlue .rmRootGroup,
.mainMenu .RadMenu_WebBlue .rmRootGroup .rmItem,
.mainMenu .rmGroup .rmLink
{
background-color: #757475;
border: 1px solid #757475; /* #25524 use PPI logo grey*/
background-image:none;
color:#ffffff;
}
.mainMenu .rmRootGroup .rmExpanded > .rmRootLink,
.mainMenu .rmRootGroup .rmRootLink:hover,
.mainMenu .rmGroup .rmLink:hover
{
background-color: #454547;
border: 1px solid #454547; /* #25524 use PPI dark grey (Accent grey)*/
background-image:none;
text-decoration: underline;
color:#ffffff;
}
.moduleBar,
.mainMenu .RadMenu
{
/*#22929 no longer need to have absolute postion for moduleBar*/
z-index: 200 !important; /* #23036 force to set z-index to 200 (from 10 which was set by #22951, it is lower than .pageContainer, .updateContentPane's 200 z-index), to override Telerik's auto-generated z-index of 7000, it is way too high */
}
/*#16909 CSS for global module menu/tabs after strip off telerik RadTabStrip*/
#moduleSect,
#moduleSect ul,
#moduleSect ul li,
#moduleSect ul li a {
margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color:#203961; /*#25524 Use PPI Navy (#203961) as background color of first level menu*/
}
#moduleSect:after,
#moduleSect > ul:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#moduleSect
{
width: auto;
min-height:28px; /*#22935 for page open on a separate tab, show modulesect min-height 28px*/
}
#moduleSect ul {
background: none;
}
#moduleSect > ul > li {
float: left;
margin-right:8px;
}
#moduleSect.align-center > ul {
font-size: 0;
text-align: center;
}
#moduleSect.align-center > ul > li {
display: inline-block;
float: none;
}
#moduleSect.align-right > ul > li {
float: right;
}
#moduleSect.align-right > ul > li > a {
margin-right: 0;
margin-left: -4px;
}
#moduleSect > ul > li > a {
z-index: 2;
padding:8px 25px;
font-size: 12px;
font-weight: normal;
text-decoration: none;
background: #203961; /*#25524 Use PPI Navy (#203961) as background color of first level menu*/
color:#ffffff;
margin-right: -4px;
/*#22929 don't need radius */
}
#moduleSect > ul > li.active > a,
#moduleSect > ul > li:hover > a,
#moduleSect > ul > li > a:hover {
background: #757475; /* #25524 use PPI logo grey*/
color:#ffffff;
text-decoration:underline;
}
#moduleSect > ul > li > a:after {
position: absolute;
left: 0;
bottom: 0;
right: 0;
z-index: -1;
width: 100%;
height: 100%;
}
/*end of #16909*/
.mainBackground
{
background: url('/images/background_tile.png') repeat-x bottom left;
}
.AccountBar
{
position: absolute;
}
.AccountBar, .abAccountName, .abLogoutLink, .abAddGraphLink, .abHelpLink, .abMyAccountLink, .abSwitchCompanyLink
{
z-index: 3000; /* #23317 give it a try and see if there is any issue without z-index*/
color: black !important; /*#22929 move account links out of menu bar to header, so change text color*/
text-align: center;
font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
font-size: 12px;
}
.abAccountName, .abLogoutLink, .abAddGraphLink, .abHelpLink, .abMyAccountLink, .abSwitchCompanyLink
{
height: 17px;
padding: 2px 0 2px 0;
margin: 3px 0 3px 0;
}
.AccountBar
{
height: 25px;
/*#22929 change top from 60 to 25, right from 0 to 20, position account links in header second*/
top: 25px;/* #17038 DRY CSS - ALL of the SASS customer default.css files use 60px here */
right: 20px;
width: 60%; /* #25795 adjust width*/
}
.abLink
{
width: 60px;
outline-color: White;
top: 0px;
right: 30px;
font: bold 13px;
}
.abAccountName
{
padding-right: 5px;
float:right; /* #25795 float to right, instead of using absolute postion*/
font: normal 13px;
width: 180px;
text-align: right;
border-right: solid 2px black; /* #17038 DRY CSS - ALL of the SASS customer default.css files use 2px white border here */
}
.abMyAccountLink
{
width:70px; /* #25795 float to right, instead of using absolute postion*/
float:right;
margin-left:7px;
}
/* #25795 new css class for Switch Company link*/
.abSwitchCompanyLink
{
width: 100px !important;
float:right;
margin-left:7px;
}
.abLogoutLink
{
float:right; /* #25795 float to right, instead of using absolute postion*/
}
.abAddGraphLink
{
width: 80px;
float:right; /* #25795 float to right, instead of using absolute postion*/
display:none;
}
.abHelpLink
{
width:30px;
float:right; /* #25795 float to right, instead of using absolute postion*/
margin-left:7px;
}
a.accountLink:link {
color: #000000; /*Black*/ /* #17038 DRY CSS - ALL of the SASS customer default.css files use white here */
}
a.accountLink:visited {
color: #000000; /*Black*/ /* #17038 DRY CSS - ALL of the SASS customer default.css files use white here */
}
a.accountLink:hover {
color: #CCCCCC;
text-decoration: none;
}
a.accountLink:active {
color: #333333;
}
a.btnAddGraph:link {
/*color: #FC7792;*/
color: #FFFFFF; /*white*/ /* #17038 DRY CSS - ALL of the SASS customer default.css files use white here */
}
a.btnAddGraph:visited {
/*color: #FC7792;*/
color: #FFFFFF; /*white*/ /* #17038 DRY CSS - ALL of the SASS customer default.css files use white here */
}
a.btnAddGraph:hover {
color: #CCC;
text-decoration: none;
}
a.btnAddGraph:active {
color: #333333;
}
.rejRateByComponentDetailsGrid
{}
.rejRateByComponentDetails
{}
.radEditor
{
}
.handCursor
{
cursor: hand;
height: 60px;
width: 60px;
}
.btnStandard
{
height: 25px;
width: 75px;
}
.btnWide
{
height: 25px;
width: 150px;
}
.rndCorner{display:block}
.rndCorner *{
display:block;
height:1px;
font-size:.01em;
overflow:hidden;}
.rndCornerTop{
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid;
border-right:1px solid;
border-top:1px solid;}
.rndCorner2{
margin-left:1px;
margin-right:1px;
padding-right:1px;
padding-left:1px;
border-left:1px solid;
border-right:1px solid;}
.rndCorner3{
margin-left:1px;
margin-right:1px;
border-left:1px solid;
border-right:1px solid;}
.rndCorner4{
border-left:1px solid;
border-right:1px solid}
.rndCorner5{
border-left:1px solid;
border-right:1px solid
}
.rndCornerBottom{
margin-left:3px;
margin-right:3px;
padding-left:1px;
padding-right:1px;
border-left:1px solid;
border-right:1px solid;
border-bottom: 1px solid;}
.greyBackground
{
background-color: #EFEBEF;
}
.whiteBackground
{
background: #FFFFFF;
}
.noBackground
{
background: none;
}
.greyBorder
{
border: #D6D3D6;
}
.blackBorder
{
border-color: Black;
}
.instructionText
{
font-size: smaller;
}
/* 26074 change border to border-width */
.QAR_READ_ONLY_CSS_CLASS
{
border-width:0 !important;
}
/* 26074 for input type=button, still need to keep border */
input[type="button"].QAR_READ_ONLY_CSS_CLASS
{
border-width: 1px !important;
}
.vp_fieldset .QAR_DISABLED_TEXT
{
left:0 !important;
top:2px !important; /*#17575 no longer need the margin-left. Add top setting to move the readonly content up*/
}
.pp_fieldset .QAR_DISABLED_TEXT
{
left:0 !important;
margin-left: 2px; /*#17575 alignment*/
}
.QAR_DISABLED_TEXT
{
font-family: 'Segoe UI', Arial, Helvetica, sans-serif; /*#17575 change font family to be consistent with whole app*/
font-size: 15px;
/*#19028 remove top:2px in order to avoid the gap between read-only layover and edit element*/
line-height:15px;
}
div#uiblocker, div#LoadingDiv {width:100%;height:100%;top:0;left:0;z-index:5000;position:absolute;background-color:#EEE;filter: alpha(opacity=65);opacity:.85;text-align:center;display:none;}
#attenteMire {width:450px;height:48px;top:33%;position:relative;margin:0px auto;/*background: url(/images/grid/ajax-loader.gif)no-repeat;padding:4px 8px;*/font-weight:700;color:#00325C;}
#attenteMire img {margin:-10px 16px;}
a[id$='PerformInsertButton']
{
font-weight:bold;
margin: 0px 20px 0px 15px;
}
/*re #10825 {Eddie}styles for "read" and "unread" */
tr.unread
{
font-weight: bold;
}
tr.read
{
font-weight:normal;
}
.perfmon-timer-end-container
{
position:absolute;
top: 10px;
left: 10px;
height: 2em;
}
.rcbMoreResults .button-show-all
{
cursor: pointer;
vertical-align: middle;
background: none !important;
text-indent: 0 !important;
width: auto !important;
height: auto !important;
color: White;
float:right;
padding-top: 3px;
}
#ImpactOfChanges_TimeToImplementChange{height:28px;} /*re #11321 {Eddie} fixes height on "Neccesary time period..."*/
.loadingPanel {height:265px;width:460px;}
.loadingPanel div
{
margin: 0px auto;
padding-top: 100px;
opacity: 0.90;
text-align: center;
border:none;
}
.RfiDetailsFlyout
{
float:left;
position:absolute;
left:0px;top:0px;
background-color:#FAF0F5;
border:2px solid green;
display:none;
padding: 5px 5px 5px 5px; /*#18097 set padding to 5px*/
z-index:2000;
}
.unselectable
{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: moz-none;
-ms-user-select: none;
user-select: none;
}
.hide
{
display: none; /*re #12692 {Eddie} Hide class is no longer working, this fixes it */
}
/* #16096 styling for notification message*/
/* #16116 */
table.gridtable {
font-family: verdana,arial,sans-serif;
font-size:11px;
color:#333333;
border-width: 1px;
border-color: #666666;
border-collapse: collapse;
}
table.gridtable th {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #dedede;
}
table.gridtable td {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #ffffff;
}
.notification-sect {
width: 100%;
position: relative;
cursor: pointer;
}
.toggle-notification {
padding-top: 4px;
padding-bottom:4px;
font-size: 14px;
max-height: 24px;
line-height:14px;
background-color: gold;
}
.toggle-notification .text {
text-align: center;
}
.notification-row {
margin: 0 auto !important;
width: 1000px;
text-align: center;
padding:0 !important; /*#17219 remove padding so that Inpex won't have extra blank space below header, that also reduce height of page and allows footer to be displayed properly*/
}
/* end #16096 and #16116 */
/************************/
/* dataTable column CSS */
/************************/
/* #15875 no longer need to force dataTable's width, remove dataTable, dataTable tbody, dataTables_scrollHeadInner, dataTables_scrollHead width setting*/
.dataTables_scrollHead
{
clear:both; /* #15203 added for FireFox */
}
/************************/
/* #14671 - telerik styles would otherwise overwrite this color setting, so use important flag. */
.nonApplicableTab
{
color:lightslategray !important;
}
/* #14769 - some places do not have _global.scss / 2013UI applied. Only apply to vertical menus b/c horizontal menus ie root menu should be float left
(without .rmVertical Dashboard horizontal root menu gets wrapped to next line for instance) */
.RadMenu .rmVertical .rmItem
{
float:none;
}
/* #15592 - this is a pretty common style. We embedded this style in AfepmdetailsUC and FacilityUC they should be refactored to use this common style*/
.disablelink
{
font-weight: lighter !important;
text-decoration: none !important;
color: Black !important;
cursor: default;
}
/* #14901 align checkboxes */
input[type="checkbox"]
{
float: left;
position: relative;
margin-right: 1em;
}
/* #15632 - add a common style which can be used for tabs that have instructions like Policy Exemption which require filling out other tabs or toggling a radio selection before they can be used */
.tabInstructionText
{
font-size:100%;
font-weight:bold;
position:relative;
top:50px;
left:10px
}
.clearBoth
{
clear: both;
}
.right
{
float:right;
}
.left
{
float:left
}
/*#14370 add goldenrodWrap class and @media query for display goldenrod review on managesettings page*/
.goldenrodWrap
{
font-size:14px;
padding:10px;
margin:10px;
border:solid;
border-width:thin;
background-color:gold;
}
/*#19422 modify styling to be consistent with other Required symbol. #14626 add this "required" class to default.css, so that it is easier to be accessed across the site*/
.required:after
{
color: #FF0000;
content: " *";
font-size: 12px;
font-family: Verdana, Sans-serif !important;
padding-top: 10px;
font-weight: normal;
}
/* #97436*/
.mandatory:after
{
color: #FF0000;
content: " **";
font-size: 12px;
font-family: Verdana, Sans-serif !important;
padding-top: 10px;
font-weight: normal;
}
/* #22935 adjust mobile second level menu for landscape mode*/
.mainMenu
{
background-image: none !important;
background-color: #8b9398 !important;
}
.RadMenu_WebBlue .rmRootToggle::before
{
background-color: #8b9398 !important;
}
/* #23317 override telerik Radwindow's icon absolute CSS settings for desktop and mobile */
.RadWindow .rwIcon
{
position:relative !important;
margin-top:3px !important;
margin-right:15px !important;
}
@media screen and (max-height: 768px) /*when screen is shorter than 768px*/
{
/*#14370 goldenrodWrap has no margin and less padding in order to save space in height*/
.goldenrodWrap
{
padding:0 0 10px 0;
margin:0;
}
}
/*#17608, remove "fieldset.pp_fieldset input::-ms-clear, fieldset.vp_fieldset input::-ms-clear" - "display:none" in release 1.9.1
and test to see if cause problems on pickers. We have the same styling in _newPicker.scss*/
/* #16577 mobile menu */
/*
///
/// CSS below are for mobile slide menu
/// The screen width threshold is set to 768px (CSS only affect when screenwidth is smaller than 768px)
///
*/
@media screen and (max-width: 768px) /* #16909 after strip off telerik RadTabStrip, CSS class name are changed to moduleMenu */
{
body
{
height:auto !important; /*#22962*/
}
#watermark, .moduleBar, .abAccountName, .abMyAccountLink, .abLogoutLink, .abHelpLink, .mainHeaderBannerImgRight, .AccountBar
{
display: none;
}
.abMyAccountLink
{
right:20px !important;
}
.mainHeaderBannerImgLeft {
margin-top: 16px;
margin-left: 4px;
/* #99356 Replace PPI Quality & Engineering logo and adjust width/height accordingly */
width: 72px !important;
height: 38px !important;
}
.defaultContentPanel
{
padding-top:25px;
}
.mobile-hide
{
display:none
}
/* #16812 allow page to scroll*/
.defaultLayout
{
overflow:scroll;
}
/*#14370 goldenrodWrap for narrow screen, set width to auto and less padding to save in width. */
.goldenrodWrap
{
width:auto !important;
padding: 0 6px;
}
/*#14370 smaller font in goldenrodWrap for narrow screen */
table.gridtable th, table.gridtable td
{
font-size:12px !important;
}
/* #20863 moved classes here to consolodate into one media query #17000 CSS class name are changed to mobileSecondLevelMenu */
.mainMenu
{
display: block;
height: 32px;
font-size: 16px !important;
background-image: none !important;
background-color: #203961 !important;
}
.qtip.mobileQtipStyle
{ /*#20863 set qtip container's max width to 220px for tablet*/
max-width: 220px !important;
}
/* #22935 need it here inside @768 in order to change second level menu background color*/
.RadMenu_WebBlue .rmRootToggle::before
{
background-color: #203961 !important;
}
/* #22929 set white-space to be normal in order to override the nowrap setting from Telerik's generated-on-fly CSS.
So that if a menu item has long text, such as "Create a North American Shale Program", it will be wrapped to multiple lines, instead of be cut off
*/
.RadMenuPopup .rmLink, .RadMenuPopup .rmParentItem
{
white-space: normal !important
}
/* #22935 */
ul.rtsUL
{
width:100%
}
.RadTabStrip .rtsLI
{
width:48%;
margin-left:1% !important;
}
}
/* For desktop leave them here, don't move*/
body
{
min-width: 10em;
position: relative;
right: 0;
transition: all 0.4s ease-out 0.3s;
}
#mobileMenuBar
{
float: right;
color: #000000;
text-align: center;
padding-right: 5%;
padding-top: 0px;
font-size: 1.1em;
display: block;
}
/* end For desktop */
@media screen and (max-width: 767px) /* #21156 still show common task for iPad */
{
div#wrapperTaskbox.taskbox
{
display: none;
}
}
/* #20863 mobile phone */
@media screen and (max-width: 650px)
{
.qtip.mobileQtipStyle
{ /*#20863 set qtip container's max width to 200px for mobile*/
max-width: 200px !important;
}
}
/*
///
/// CSS below are for desktop
/// The screen width threshold is set to 769px (CSS only affect when screenwidth is larger than 770px)
///
*/
@media screen and (min-width: 769px) /* #16909 after strip off telerik RadTabStrip, CSS class name are changed to moduleMenu */
{
#mobileMenuBar
{
display: none;
}
}
.menu-button
{
float: right;
top: 15px;
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
left: 0;
width: 30px;
height: 30px;
position: relative;
z-index: 2;
}
.menu-button:before {
position:absolute;
font-family: FontAwesome;
top:0;
font-size:28px;
left:-5px;
content: "\f0c9";
cursor:pointer; /* #16703 when mouse hover over, change to pointer, indicating it is a click-able icon*/
}
/*#22962 show close icon "X" after mobile side menu is open*/
.menuopen .menu-button:before {
content: "\f00d";
}
.unstyled
{
margin: 0;
padding: 0;
list-style-type: none;
padding-top: 28px;
}
.unstyled a
{
color: #ffffff;
}
.menuopen
{
/*right:50%;*//* #17577 change width from a fix number 220 to 50%, so the mobile menu will always take half of the screen width*/
right:0;
}
.menuopen #pushoutPanel
{
right: 0;
/*left:50%;*/
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
font-family:'Segoe UI', Segoe, 'Helvetica Neue', Helvetica, Arial, sans-serif;
overflow: auto; /*#17363 allow menu to be scroll-able in landscape mode*/
margin-top: 60px;
z-index:2000;
}
#pushoutPanel
{
color: #fff;
zoom: 1;
float: right;
/*-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;*/
position: relative;
-webkit-transition: all 0.4s ease-out 0.3s;
-moz-transition: all 0.4s ease-out 0.3s;
transition: all 0.4s ease-out 0.3s;
margin-top: 60px;
z-index: 2000; /* this is for the mobile responsive slide menu, set high z-index to display slide menu above content of pages */
}
#pushoutPanel
{
position: fixed;
top: 0;
right:-100%; /* #22935 change to use 100% width to cover whole screen*/
bottom: 0;
background-color: #203961;
width:100%; /* #22935 change to use 100% width to cover whole screen*/
-webkit-box-shadow: inset 0 0 1em 0 rgba(0,0,0,0.2);
-moz-box-shadow: inset 0 0 1em 0 rgba(0,0,0,0.2);
box-shadow: inset 0 0 1em 0 rgba(0,0,0,0.2);
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
}
#pushoutPanel .account-name
{
margin-top: 24px;
font-weight:bold;
}
#pushoutPanel .mobileMenuList
{
margin: 0;
padding: 0;
list-style-type: none;
padding-top: 24px;
}
#pushoutPanel .mobileMenuList .active {
color:#658299;
background-color:#EFEBEF;
border-bottom: 1px solid #898C95;
font-weight:bold;
}
#pushoutPanel .mobileMenuList .active a{
color:#658299;
font-weight:bold;
}
#pushoutPanel li
{
padding: 0.8em;
border-bottom: 1px solid #dcdcdc;
text-align: left;
text-indent: 0.8em;
}
#pushoutPanel li:first-child
{
border-top: 1px solid #dcdcdc;
}
#pushoutPanel li#mobileSideMenuMyAccount, #pushoutPanel li#mobileSideMenuHelp, #pushoutPanel li#mobileSideMenuLogout, #pushoutPanel li#mobileSideMenuSwitchCompany /* #25795*/
{
padding-left:0;
display:list-item;
}
#pushoutPanel .mobileMenuList a
{
color: #ffffff;
font-size:16px; /* #17000 make mobile menu bigger font*/
font-family:'Segoe UI', Arial, sans-serif;
}
.menuItem
{
float: left;
padding: 23px 15px;
}
.activeMenuItem
{
text-decoration: underline;
}
.options-holder
{
display: none;
}
/* End #16577 mobile menu */
/* #15875 no longer need overridden class for ie8 or ie9*/
/* #17943 - style for confirmation warning header on submit IR. We want inspector to definitely see late submission warning */
h3.confirmationWarning
{
color:red;
}
/* #18093 - add red color to font-awesome icon to make it stand out, also aligning right with some padding */
.faWarningSign
{
color:red;
float:right;
padding-top:5px;
padding-right:5px;
}
/* #99494 - add red color to font-awesome icon to make it stand out, also aligning right with some padding */
.DoNotUseWarningSign
{
color: red;
font-size:21px;
margin-left:4px;
padding-top: 2px;
padding-right: 2px;
}
/*#21988*/
.QualSearchWorkedForPPIBeforeSign
{
color:blue;
float:right;
padding-top:5px;
padding-right:5px;
}