html { margin-left: calc(100vw - 100%); }
/* Main Body Text */
html, body {font-family: 'Bio Sans'!important; color: #fff; background-color: #011130;}
/* Box Shadows */
.shadow{
-webkit-box-shadow: 0px 0px 5px 4px rgba(133,133,133.5);
-moz-box-shadow: 0px 0px 5px 4px rgba(133,133,133.5);
box-shadow: 0px 0px 5px 4px rgba(133,133,133,0.5);
}
/* For Solid/Semi-transparent Backgrounds on HD, Dashboard, SSO, and Acct Mgmt Pages */
.opaque, .hdOpaque{background-color: transparent; padding-bottom: 20px; /*margin-top: 50px;*/align-self: flex-start; min-height: 85%;}
/* Link Text */
a{color: #337ab7;}
a:focus, a:hover, .deleteLink:focus, .deleteLink:hover{color:#23527c;}
#userMenuList>li>a{color: #fff;}
#userMenuList>li>a:hover{color: #ddd;}
/* Login Box Background */
.logonbox{background-color: transparent; border-radius:10px; width: 400px; padding: 25px; -webkit-box-shadow: 0px 0px 5px 4px rgba(255,45,79,.5); -moz-box-shadow: 0px 0px 5px 4px rgba(255,45,79,.5); box-shadow: 0px 0px 5px 4px rgba(255,45,79,0.5);} /* 2021-02-04: Ensure long errors do not stretch the error div */
#login{background-color:transparent; width: 100vw;}
/* Self-Service Dialogue Box Backgrounds */
#popup_OTPResend{background-color: #eee;color: #000;}
.popupWin {background-color:transparent;z-index:1;margin-top: 50px; width: 400px; padding: 25px; -webkit-box-shadow: 0px 0px 5px 4px rgba(255,45,79,.5); -moz-box-shadow: 0px 0px 5px 4px rgba(255,45,79,.5); box-shadow: 0px 0px 5px 4px rgba(255,45,79,0.5);} /*2021-02-04: Same as above, fixed width */
.popFieldsContainer{width: 100%;} /* 2021-02-19: For full-width fields on login popups */
#SSRecoveryActions, #SSEnrollmentAuth { margin-left: 20px; } /* 2021-02-19: Indent SS radio buttons */
/* Input Fields */
.form-control{border: 1px solid #cbd6e2 !important; border-radius: 28px;}
.form-control:focus{border-color: #66afe9 !important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0);}
/* Header Text */
h1,h2,h3 { color: #FFF;}
/* Header Background */
.dlghdr{background-color: transparent; width: 100%;}
.dlghdr h1, .dlghdr h2 {color: #FFF;}
.loginHdr{background-color: transparent;}
/* Labels & Legends */
label{color: #FFF;}
legend, #SSActionChosen>span{color: #FFF;}
#sortedList>.PGButton{color:#FFF;}
#maintitle{color: #FFF;}
/* Buttons */
.PGButton {
background-color: transparent;
color: #FFF;
border-radius: 28px;
border: 2px solid #C8233E;
}
.PGButton:hover, .PGButton:focus {
color:#FFF;
background-color: #011842;
box-shadow: 0 10px 30px 0 rgba(255,45,79,0.32);
border: 2px solid #C8233E;
}
.PGButtonDisabled { background-color: transparent; color:#808080; border: 2px solid #808080; }
.PGButtonDisabled:hover { color:#808080; }
.PGButtonDisabled:focus { color:#808080; }
.PGAltButton { background-color:#ff8000; }
.PGAltButton:hover { background-color: #ff9933; color: #fff; }
/* Errors, Warnings, and Confirmations */
.successdiv { background: #9fc; border: 2px solid #690; color: #000;}
.warningdiv { background: #9fc; border: 2px solid #0f0; color: #000;}
.errordiv { background: #fc9; border: 2px solid #f00; color: #000;}
.errorfield { background: #fc9; border: 2px solid #f00; }
/* Link Text for Errors, Warnings, and Confirmations */
.successdiv>a, .warningdiv>a, .errordiv>a { color:#337ab7; }
/* Input */
.form-control{border: 2px solid #ccc;}
.form-control:focus{border-color: #66afe9;}
/* Account Management */
.panel-title>a {color: #FFF;}
.panel-heading{background-color:rgba(26,26,29,.02)!important;}
.activityLabel{color:#FFF;}
.panel{background-color: transparent; color:#FFF;}
/* For IE11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .panel-default>.panel-heading { background-color: #000; } }
/* For MS Edge */
@supports (-ms-ime-align:auto) { .panel-default>.panel-heading { background-color: #000; } }
#lblLoggedInAs,#lblLoggedInAsMobile{color:#000;}
#lblLoggedInAsMobile{display: none;}
/* SSO Tiles */
#ssoSearch{width: 100%; padding-bottom: 0px !important;}
/*#SAMLSSOTabContent{display: flex; flex-wrap: wrap;justify-content: space-evenly; margin-top: 5px;}*/
.rpdiv:hover{box-shadow: 0 12px 20px 0 #C8233E87;}
/* 2019-01-10 - Removed padding so tiles fit "3 per row" again */
#SSOContainer{background-color: #fff;color:#000;}
/* Self-Registration Page */
div.container div.displaybox.col-md-8.col-md-offset-2{background-color: transparent;}
/* Horizontal Rule Spacers for HelpDesk and Admin Dashboard */
hr {border-color: #EEE;}
/* Help Desk Background */
.HelpDeskActions{background-color: transparent; border-radius: 4px; border: 2px solid #C8233E; padding: 20px;}
/* Admin Dashboard User Detail Lookup Utility */
#ReportBody{/*background-color: rgba(51,51,51,0.5);*/ border-radius: 4px; border: 2px solid #C8233E; padding: 20px;}
tr:nth-child(even) {
background-color: rgba(0,0,0,0.1);
}
#UserProfileData, #NoUserSelected{/*background-color: rgba(51,51,51,0.5);*/ border-radius: 4px; border: 2px solid #C8233E; padding: 20px;} /* Uncomment to add transparent background to User Detail Lookup */
.sectionHeader{color: #000;}
/* User Menu Text */
.usrMenuBtn{text-align: center;}
.usrMenuBtn:hover{cursor: pointer;}
#hidden, .hidden{display: none!important;}
#userMenu{margin-right: 25px;}
#userMenuList>li>a{color: #fff;text-decoration: none;}
#userMenuList>li>a:hover{color: #ddd; background-color: transparent!important;}
#userMenuList{list-style: none; padding: 10px 0px 10px 0px;}
#userMenuList li, #userMenuList li a { background-color: transparent; color: #fff;}
#userMenuList li:hover, #userMenuList li a:hover { color: #C8233E;}
.userMenuItem{padding: 0px 20px 0px 20px; font-size: 1.5em; display: inline-grid; grid-template-columns: 50px auto;}
.userMenuItem a{color: #fff; text-decoration: none;}
.userMenuItem a:hover,.userMenuItem a:focus {color: #fff;}
#menuWrapper{margin-top: auto; margin-bottom: auto; margin-right: 5vw;}
/* User Menu Popup */
.tippy-content{padding: 0px 0px 0px 0px !important;}
#tippy-1>.tippy-box{background-color: #011842!important; box-shadow: 0 10px 30px 0 rgba(255,45,79,0.32); border-radius: 10px;}
#tippy-1>.tippy-box>.tippy-arrow{color: #011842!important;}
.tac{text-align: center!important;}
.tal{text-align: left!important;}
.tar{text-align: right!important;}
.fr{float:right!important;}
.userMenuWrapper{display: flex; align-items: center;}
/* Footer */
#footerLogo{/*content:url('/_layouts/images/PG/images/bk.svg');*/ max-height:20px; }
#copyrightLogoContainer {order: 1; flex: 2;}
#footerHelp{order: 2; flex: 2;}
#copyrightTextContainer{order: 3; flex: 2;}
/* Additional Custom CSS */
#customTOUHTML{text-align: center!important;border: 2px solid #fff; padding: 5px;overflow-y: scroll; max-height: 50vh;}
.branded-footer{display:none!important;}
.sd129Flex{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
#sortedList>.activeGroup{color:#000!important;}
/*~~~~~~~~~~~~~~ICONS~~~~~~~~~~~~~~~*/
/* For Accordion Style */
.panel-heading .panel-title .accordion-toggle:after {background: url("/_layouts/images/PG/images/PG-White-Icons/keyboard_arrow_right.svg") no-repeat center center; background-size: contain!important;}
.panel-heading .panel-title .accordion-toggle.collapsed:after {background: url("/_layouts/images/PG/images/PG-White-Icons/keyboard_arrow_down.svg") no-repeat center center; background-size: contain!important;}
.menuInert{background: url("/_layouts/images/PG/images/PG-White-Icons/keyboard_arrow_right.svg") no-repeat center center fixed; background-size: contain!important;}
#ssoLinkIcon{background: url("/_layouts/images/PG/images/PG-White-Icons/grid-interface.svg") no-repeat center center; background-size: contain!important;}
#logoutLinkIcon{background: url("/_layouts/images/PG/images/PG-White-Icons/power_settings_new.svg") no-repeat center center; background-size: contain!important;}
#editProfileIcon{background: url("/_layouts/images/PG/images/PG-White-Icons/cogwheel.svg") no-repeat center center; background-size: contain!important;}
#verbalAuthIcon{background: url("/_layouts/images/PG/images/PG-White-Icons/phone_locked.svg") no-repeat center center; background-size: contain!important;}
#adminDashboardIcon{background: url("/_layouts/images/PG/images/PG-White-Icons/verified_user.svg") no-repeat center center; background-size: contain!important;}
#modifyUsersIcon{background: url("/_layouts/images/PG/images/PG-White-Icons/people.svg") no-repeat center center; background-size: contain!important;}
#hdIcon{background: url("/_layouts/images/PG/images/PG-White-Icons/lock.svg") no-repeat center center; background-size: contain!important;}
#userLookupIcon{background: url("/_layouts/images/PG/images/PG-White-Icons/zoom.svg") no-repeat center center; background-size: contain!important;}
#helpQuestionIcon{background: url("/_layouts/images/PG/images/PG-White-Icons/help.svg") no-repeat center center; min-height: 25px; min-width: 25px; float: left;}
#mobileMenuIcon{background: url("/_layouts/images/PG/images/PG-White-Icons/menu.svg") no-repeat center center; min-height: 25px; min-width: 25px; float: left;}
#customUserIcon{background: url("/_layouts/images/PG/images/Nucleo_Icons/ic_person_48px.svg") no-repeat center center; min-height: 25px; min-width: 25px;}
.menuDownIcon{background: url("/_layouts/images/PG/images/Nucleo_Icons/ic_keyboard_arrow_down_48px.svg") no-repeat center center; min-height: 25px; min-width: 25px;}
.menuRightIcon{background: url("/_layouts/images/PG/images/Nucleo_Icons/ic_keyboard_arrow_right_48px.svg") no-repeat center center; min-height: 25px; min-width: 25px;}
.menuActive:before{background-image: url("/_layouts/images/PG/images/Nucleo_Icons/ic_keyboard_arrow_down_48px.svg") no-repeat center center fixed;}
/* End Additional Custom CSS */
/* Media Queries */
@media all and (min-width: 320px) {
#login{margin-top: 0px;}
}
@media screen and (max-width:480px){
#menuWrapper{margin-right: 0px!important;}
#userMenu{margin-right: 5px!important;}
}
@media all and (max-width: 800px) {
.branded-footer{margin-top:25px;}
}
@media all and (max-width: 600px) {
/*#maintitle{display:none;}*/
#searchBarDiv>input{width: 100%;}
.deleteLink{float: left!important;padding-right: 0px!important;}
}
@media all and (max-width:768px){
#copyrightLogoContainer, #footerHelp, #copyrightTextContainer{flex:7 1 100%;}
/*.opaque{margin-top:50px;}*/
#menuWrapper{margin-right: 2.5vw;}
#lblLoggedInAs{display: none;}
#lblLoggedInAsMobile{display: inline-block;}
/* 2021-02-16: Don't apply the larger width to mobile */
.logonbox{width: 85vw;}
.popupWin {width: 85vw;}
.secondaryWrapper{width: 85vw;}
.popFieldsContainer{width: 85vw;} /* 2021-02-19: So fields on mobile use full width */
}
li[aria-expanded=true] { pointer-events: none; }
#ssoGroupCreationHelp { margin-bottom: 0; }
.ssoGroupName { min-width: 200px; }
/* Export Report - Admin Dashboard */
#btnExportReport { display: none;}