html { margin-left: calc(100vw - 100%); }
/*		Main Body Text		*/
html, body {font-family: 'Open Sans', sans-serrif!important; font-size: 10pt; color: #333; background-color: #FFFFFF; background: url('/_layouts/images/PG/images/PTILoginBG-NOTEXT.png') no-repeat center center fixed; background-size: cover;}
body{min-width: 100%; position: absolute;}
/*		Box Shadows		*/
.shadow{
	-webkit-box-shadow: 0px 0px 0px 0px rgba(133,133,133.5);
	-moz-box-shadow: 0px 0px 0px 0px rgba(133,133,133.5);
	box-shadow: 0px 0px 0px 0px rgba(133,133,133,0.5);
}

/*		For Solid/Semi-transparent Backgrounds on HD, Dashboard, SSO, and Acct Mgmt Pages		*/
.opaque, .hdOpaque{background-color: rgba(255, 255, 255, 0.85); padding-bottom: 20px; margin-top: 25px; margin-bottom: 25px; align-self: flex-start; min-height: 85%; border-radius: 5px;padding-left: 25px; padding-right: 25px;}

/*		Link Text		*/
a{text-decoration: underline; color: #d2932a; }
a:focus, a:hover, .deleteLink:focus, .deleteLink:hover{color:#d1932a;}
#userMenuList>li>a{color: #fff;}
#userMenuList>li>a:hover{color: #ddd;}

/*		Login Box Background		*/
.logonbox{ background-color: rgba(255, 255, 255, 0.85); border-radius: 5px; width: 400px; padding-left: 25px; padding-right: 25px; top: 50%; transform: translateY(-50%); position: absolute;} /* 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;}
.popupWin {background-color: rgba(255, 255, 255, 0.85); border-radius: 5px; z-index: 1; margin-top: 50px; width: 400px; padding: 20px 25px;} /*2021-02-04: Same as above, fixed width */
.popFieldsContainer{width: 100%; /*padding-left: 10px; padding-right: 10px;*/}	/* 2021-02-19: For full-width fields on login popups */
#SSRecoveryActions, #SSEnrollmentAuth { margin-left: 20px; } /* 2021-02-19: Indent SS radio buttons */
#fldsOTPEntry{width: 400px;}

/*	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: #333; margin-top:10px; font-family:'Open Sans', sans-serif;}
h1 { font-size: 1.5em; font-weight: 600; }
h2 { font-size: 1.25em; font-weight: 500; }
h3 { font-size: 1em; font-weight: 400; }

/*		Header Background		*/
.dlghdr{
	text-transform: none;	
	color: #000;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	margin-top: 15px;
}
.dlghdr h1{color: #000;}

.loginHdr{background-color: transparent;}

/*		Labels & Legends		*/
label{color: #000; font-weight: 300;}
legend, #SSActionChosen>span{color: #333;}
#sortedList>.PGButton{color:#000;}
#maintitle{color: #000; display:none;}

/*		Buttons		*/
.PGButton {
	padding: 8px 10px;
	background-color:#333; 
	font-size:.8em;
	color: #fff;
	border-radius:0px;
	width:100%;
	font-size: .9em;	/* BS btn uses 14px */
	font-weight: normal;
	margin-top: 10px;	/* 2017-02-15 - BS has no margin so these overlap on small screens */
	border: 0px solid #FFF;
	transition: all 0.2s ease;
	line-height: inherit;
	box-sizing: border-box;
	max-width: inherit;
}

.PGButton:focus {
	color: #fff;
	background-color:#333;
	border: 0px solid #FFF;
}
.PGButton:hover {
	color:#fff;
    background-color: #d1932a;
    box-shadow: none; 
	border: 0px solid #FFF;
	text-decoration: underline;
}

.PGButton:active { position:relative; top: 1px; }

.btn:focus { color: #fff; outline: 0; }


/*.PGButton:hover, .PGButton:focus {
	color:#FFF;
    background-color: #ed2127;
    box-shadow: 0 10px 30px 0 rgba(165,160,160,0.32);
	border: 2px solid #ed2127;
}*/

.PGButtonDisabled { 
	margin-right:5px;
	display:inline-block;
	padding:8px 30px;
	background-color:transparent;
	color:#ffffff;
	width:100%;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	font-size: 1em; 
	margin-top: 10px;
	border: 1px solid #fff;
}

.PGButtonDisabled:hover { color:#fff; }
.PGButtonDisabled:focus { color:#fff; }

.PGAltButton { background-color:#ff8000; }
.PGAltButton:hover { background-color: #ff9933; color: #fff; }

/*		Errors, Warnings, and Confirmations		*/
.successdiv { background: #fff; border: 2px solid #690; color: #000;}
.warningdiv { background: #fff; border: 2px solid #000; color: #000;}
.errordiv  { background: #fff; border: 2px solid #f00; color: #000;}
.errorfield { background: #fc9 !important; border: 0; } /* 2020-02-05 - So this overrides the form-control definition below! */

/*		Link Text for Errors, Warnings, and Confirmations		*/
.successdiv>a, .warningdiv>a, .errordiv>a { color:#d1932a; }

/*		Input		*/
.form-control{background-color:#fff;border:1px solid #eaeaea; border-radius:0;}
.form-control:focus{border-color: #6a8db1;}

/*		Account Management		*/
.panel-title>a {color: #000; font-weight: 900;}
.panel-default>.panel-heading { background-color: #eee; }
/*.panel-heading{background-color:rgba(26,26,29,.02)!important;}*/
.activityLabel{color:#000; font-weight: 900;}
.panel{background-color: #FFF; color:#000;}
	/* For IE11 */
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .panel-default>.panel-heading { background-color: #fff; } }
	/* For MS Edge */
	@supports (-ms-ime-align:auto) { .panel-default>.panel-heading { background-color: #fff; } }
	
#lblLoggedInAs,#lblLoggedInAsMobile{color: #333;}
#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: none;}
.rpdiv{ border-color: transparent !important; width:125px; height:100px;}
.rpimage {width:60px; height:60px;}

/* 2019-01-10 - Removed padding so tiles fit "3 per row" again */
#SSOContainer{
    background-color: transparent;
    border-radius: 0px;
    border: 1px solid #dddddd;
    color: #FFF;
	min-height: 165px;
}

/*		Self-Registration Page		*/
div.container div.displaybox.col-md-8.col-md-offset-2{background-color: #FFF;}

/*		Horizontal Rule Spacers for HelpDesk and Admin Dashboard		*/
hr {border-color: #EEE;}

/*		Help Desk Background		*/
.HelpDeskActions{background-color: #FFF; border-radius: 4px; border: 2px solid #000; padding: 20px; max-width: inherit;}

/*		Admin Dashboard User Detail Lookup Utility		*/
#ReportBody{/*background-color: rgba(51,51,51,0.5);*/ background-color: #FFF; border-radius: 4px; border: 2px solid #000; padding: 20px;}
tr:nth-child(even) {
    background-color: rgba(0,0,0,0.1);
}
#UserProfileData, #NoUserSelected{/*background-color: rgba(51,51,51,0.5);*/ background-color: #FFF; border-radius: 4px; border: 2px solid #000; padding: 20px;}	/*	Uncomment to add transparent background to User Detail Lookup */
.sectionHeader{color: blue; text-decoration: none;}

/*	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: #000;}
#userMenuList li:hover, #userMenuList li a:hover { color: #d1932a;}
.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: #fff!important; box-shadow: 0px 24px 56px -8px rgba(26,26,29,.16); border-radius: 10px;}
#tippy-1>.tippy-box>.tippy-arrow{color: #fff!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		*/
.well { background-color: #fff; }
.boldgreen { color: green; }
#lblMainFormTitle{ padding-left: 0px !important;}
.pgh3 { font-weight: normal; }
.translucent { outline: 9999px solid rgba(0,0,0,.8); background-color: rgba(0,0,0,.8); }
.highlight { background-color: #ddd; }
.nav-tabs { border: none; }
.chal_q { color:#000 }

#SetPWForm{width: 329px; margin: 0 auto;}
#navBar{padding-top: 15px; margin-right: 5vw;}
#lblLogout{padding-right: 15px;}
#testTarget{display: none;}
#searchBar{display: none;}
#ssoHelpNode{display: none;}
.branded-footer{display: none;}
#outerwrap { background-color: none; }

#customFooterText {
    position: fixed;
    bottom: 20px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 1.5em;
    font-weight: 300;
    z-index: 999;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}

#ptisupport { margin-top:35px; margin-bottom:20px; }
.ptirow{ background-color:#fff; border-radius: 0px 0px 5px 5px;}
.ptilogo {
	max-width:250px;
	float: right;
    padding: 15px;
}
.ptilink {
    font-size: 12px;
    padding-left: 15px;
    padding-right: 15px;
}

#CustomLogoFull {
    padding: 15px 0px;
    max-width: 500px;
}



.containerPGButton { text-align:center; }

#btnSetPW, #btnSelfServe, #btnSSCancel, #btnSetPWCancel, #btnOTPEntryCancel, #btnOTPEnrollCancel {
	padding: 8px 30px;
    background-color: #EAEAEA;
	color: #333;
	border: 1px solid #333;
	font-size: 1em;
	font-weight: normal;
}
/* 2020-02-05 - Want to override the bg color for these two buttons on the main login form. All other properties are consistent with the buttons above. */
#btnSetPW, #btnSelfServe {
	background-color: #fff;
}

.POButton {
	padding: 30px 15px;	/* 2020-02-05: Reduced from 35px since mouseover was showing white box outside of main dialog */
	color:#d1932a;
	width:100%;
}
.POButton:hover {
	background-color:#fff;
	color:#d1932a; 
	border:1px solid #fff;
	text-decoration: underline;
}
.POButton:active {
	position:relative;
	top:1px;
}
.POButtonDisabled {
	margin-right:5px;
	margin-top: 5px;
	display:inline-block;
	padding:8px 30px;
	background-color:#fff;
	color:#666;
	width:100%;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

.popupInstructions { text-align: center; }
.otpresendPopup {
    position: absolute;
    text-align: left;
    z-index: 10002;
    border: 2px solid #333;
    padding: 20px;
    background-color: #fff;
    font-size: 1.125em;
	width: 60%;	/* 2020-02-05: To cover up the underlying 2FA dialog */
}

.displaybox { background-color: #fff; padding-top: 10px; border-radius: 5px 5px 0px 0px;}

.logonName .col-md-6 {text-align:right; width:inherit;}

.settings {
    font-size: 12px;
    color: #999;
    border: 0px solid #d1932a;
    background-color: #EBEBEB;
    padding: 10px;
    border-radius: 0px;
    text-decoration: none;
}

.activepagetab {
    font-size: 12px;
    color: #fff !important;
    border: 0px solid #d1932a;
    background-color: #d1932a;
    padding: 10px;
    border-radius: 0px;
}
/* 5/8/2023 - Dennis Parker - Added per PG Support to align tabs to the left on the second line  */
#DefaultTab{ justify-content: left; }

/* 7/3/2023 - Dennis Parker - Added per request from Dan Shelton   */

.pgRPLink, .rplink{
	text-decoration: none;
    color: #333;
    font-weight: normal;
	height: 100%;
	width: 100%;
	display: flex;
    justify-content: center;
    flex-flow: row wrap;
	overflow: hidden;
}
.pgRPLink:hover, .rplink:hover{
	color: #333;
}
/*		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;}
	navBar{display: block;}
}
@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 { background-color: rgba(255, 255, 255, 0.85); border-radius: 5px; width: 380px; padding-left: 25px; padding-right: 25px; }
    .popupWin { background-color: rgba(255, 255, 255, 0.85); z-index: 1; margin-top: 50px; width: 380px; padding: 20px 25px; }
	.secondaryWrapper{width: 330px;}
	.popFieldsContainer{width: 330px;}	/* 2021-02-19: So fields on mobile use full width */
}
@media all and (max-width: 665px) {
.mobileOnly{display: none;}
}
li[aria-expanded=true] { pointer-events: none; }
#ssoGroupCreationHelp { margin-bottom: 0; }
.ssoGroupName { min-width: 200px; }

.pgDuoEnrollFrame { margin-left: 20px; width: 90%; min-height: 400px; border: 2px solid #000 !important; }
.pgDuoFrame { margin-left: 20px; width: 90%; min-height: 330px; border: 2px solid #000 !important; }
/* Export Report - Admin Dashboard */
#btnExportReport { display: none;}