/* <clearent>*/

#spnResendSS {
    visibility: hidden;
}

#spanShowPWs4 {
    visibility: hidden;
}

.containerPGButton div:nth-child(2){
    display: none !important;
}

#blockUI {
    display: none;
}

.keyboardInput, .keyboardInputInitiator {
    visibility: hidden;
}

#SSActionChosen {
    display: none !important;
}

/* From old style.css */
#spanCancelBtn a{
	background: white;
	border: #018bc1 solid .1em;
	color: #018bc1;
}

#SSForm, #ForgotUserForm {
	width: 85%;
	margin: .1em auto;
}

#SSTitle, #lblForgotUserTitle {
	/* letter-spacing: .1em;
	margin: auto; */
	font-weight: bold;
	font-size: 1.3em;
}

#infoSS{	
	margin: .5em 0;
	letter-spacing: .05em;
}

#SSForm input[type="text"]{
	width: 95%;
}

.errorContainer {
	background-color: #FCEFEF;
	border: 1px solid #C70000;
	border-radius: 3px;
	box-sizing: border-box;
	padding: .3em 1em .2em 1em;
	width: 100%;
}

.successContainer {
	background-color: #D0E2D9;
	border: 1px solid #2DCC7F;
	box-sizing: border-box;
	width: 100%;
	padding: .3em 1em .2em 1em;
	border-radius: 3px;
}

.errorImageContainer, .successImageContainer {
	display: inline-block;
	vertical-align: top;
	margin-right: 1em;
	max-width: 10%;
}

.errorImage, .successImage {
	width: 1em;
	min-height: 1em;
}

.errorMessageContainer {
	display: inline-block;
	overflow-y: auto;
	overflow-x: hidden;
	-moz-border-radius: .5em .5em;
	border-radius: .5em .5em;
	color: black;
	max-width: 88%;
}

.successMessageContainer {
	display: inline-block;
	min-height: 3em;
	overflow-y: auto;
	overflow-x: hidden;
	-moz-border-radius: .5em .5em;
	border-radius: .5em .5em;
	color: black;
	max-width: 88%;
}

.errorTitle, .successTitle{
	font-size: 1.3em;
	text-decoration: none;
	display: block;
	/*margin-top: .75em;*/
}

.errorMessage {
	font-size: .9em;
	display: block;
	color: #C70000;
}

.errorMessage ul {
	list-style: none;
	padding-left: 0;
	color: #000000;
}

.successMessage {
	font-size: .9em;
	display: block;
	color: #000000;
}

/*Full page success screen*/
.fullSuccessContainer {
	background-color: #fff;	
	box-sizing: border-box;
	width: 100%;		
}
.fullSuccessImageContainer {
	display: inline-block;
	vertical-align: top;
	max-width: 10%;
	padding: .6em 0 .2em 1em;
}
.fullSuccessImage {
	width: 2em;
	min-height: 2em;
}
.fullSuccessMessage {
	/* font-size: .9em; */
	display: block;
	color: #000000;
}
.fullSuccessTitle {
	font-size: 1.3em;
	text-decoration: none;
	display: inline-block;
	margin: .6em 0 0 .2em;
}
.fullSuccessImageHeading{
	padding-top: 1em;
	width: 100%;
}
.fullSuccessMessageContainer {
	display: inline-block;
	min-height: 3em;
	overflow-y: auto;
	overflow-x: hidden;
	color: black;
	width: 100%;
	padding: .5em 1em 1em 1em;
}
.fullSuccessContainer .moreInfo {
	border: 1px solid #D7D8D9;	
	background-color: #F6F7F9;
	padding: 1.5em 1em 1.5em 1em;
	margin-top: 20px;
}
.fullSuccessContainer .no-email-tip {
	font-weight: bold;
}
.fullSuccessContainer .no-email-tip-list {
	margin: 0;
}

#ErrMsgSS {
    width: 100%;
    margin: 10px 0 20px 0;
}

input:disabled {
	background-color: white !important;	
	border: 0 !important;
	box-shadow: none;

	padding-left: 0;
	height: 1.5em;
	margin: 0;
	font-size: 1em;
	letter-spacing: .05em
}

#spnResendSS a, .successContainer a, .errorContainer a{
    text-decoration: none;
    color: #00b5f7;
    cursor: pointer;
}

#spnResendSS a:hover, .successContainer a:hover, .errorContainer a:hover{
    text-decoration: underline;
}

/* #SSActionChosen{
	display: none;
} */

.pwRuleFailedImage, .pwRuleOkImage{
	height: .9em;
	width: .9em;
	margin-right: .5em;
	border-radius: 1em;
}

.pwRequirementStatusList{
	list-style: none;
	padding-left: 1em;
}

.pwRequirementStatusList li {
	margin: 3px 0 3px 0;
}

.passwordRequirement{
	display: inline-block;
	/* line-height: 1.7em; */
	font-size: .9em;
	vertical-align: top;
}

.passcodeSentContainer{
	-moz-border-radius: .5em;
    border-radius: .5em;
	margin-bottom: 1em;
}

.otpEmailAddress{
	display:block;
	font-weight: bold;
	font-style: italic;
	color: dimgray;
}

/*Overriding boldred*/
.boldred { color: dimgray; font-weight: 700; }

#ErrMsgForgotUser {
	padding: 0 0 10px 0;
}

.dlghdr, .col-md-6.col-md-offset-3.dlghdr {	/* dialog heading */
	text-transform: none;
}

.control-label {
	width: 100%;
	text-align: left !important;
	text-transform: uppercase;
	font-weight: bold !important;
	font-size: .9em;
}

/* </clearent> */

/*		Login Page Logo		*/
img#LogoImg { max-height: 150px; }

.acctLogo{
	content:url(/_layouts/images/PG/images/shield.png);
}

/*		Main Body Text		<clearent> */
html, body {
	color: black;
	background-color: #000;
	font-size: .98em;
	font-family: 'Nunito', sans-serif;
}

/*		Background Image	<clearent/> */
body {
	background-color: white;	/* 2018-07-20: For contrast, in case bg image doesn't load */
    background-size: cover;
	/* 2019-11-04: Fix for black bgnd on AcctMgmt page */
	min-width: 100%;
	position: absolute;
}

/*		Box Shadows		<clearent/>*/
.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); */
	/* width: 100%;
	border: 1px solid #D7D8D9;
	box-sizing: border-box;
	border-radius: 3px;
	box-shadow: 0 2px 19px 0 rgba(0,0,0,0.1);
	padding-top: 30px;
	padding-bottom: 20px; */
		
	border: 0 solid #D7D8D9;
	box-sizing: border-box;
	border-radius: 0;
	box-shadow: 0 0 0 0 rgba(0,0,0,0.1);
	padding: 0 !important;
}

/*		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		<clearent/>*/
a{color: #4A90E2;}
a:focus, a:hover{color:#4A90E2;}

/*		Login Box Background		*/
.logonbox{background-color: transparent; border-radius:10px} /* 2021-02-04: Ensure long errors do not stretch the error div */
#login{background-color:transparent;}

/*		Self-Service Dialogue Box Backgrounds		*/
#popup_OTPResend{background-color: #eee;}

.popFieldsContainer{width: 400px;}	/* 2021-02-19: For full-width fields on login popups */
#SSRecoveryActions, #SSEnrollmentAuth { margin-left: 20px; } /* 2021-02-19: Indent SS radio buttons */
/*		Self-Service Dialogue Box Background		*/
.popupWin div.col-md-8.col-md-offset-2.shadow{background-color: transparent;}

/*	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:#000000; } /* <clearent/>*/
h1 { font-size: 1.5em; } /* <clearent/>

/*		Header Background		*/
.dlghdr, .dlghdr h1 { /*<clearent/>*/
	background-color: white;
	text-align: left;
	margin-left: 0;
}
.dlghdr .col-md-12 {
	padding-left: 0;
}
/* .dlghdr h1 {color: #fff;} */

/*		Labels & Legends		<clearent>*/
label{color: black;}
legend, #SSActionChosen>span{color: #fff;}

/*		Buttons		<clearent>*/
.PGButton {
	background-color: #4A90E2;
	color: #FFF;
	border-radius: 2px;
	border: 1px solid #2869A5;
	box-sizing: border-box;
	height: 45px;
	width: 175px;
	margin-top: 25px;
	font-size: .9em;
}

.PGButton:hover {  /*<clearent/>*/
	color:#FFF;
    background-color: #4A90E2;
    box-shadow: 0 0 0 0 rgba(165,160,160,0.32);
	border: 1px solid #0A4E8D;
}

.PGButton:focus {  /*<clearent/>*/
	/* color:#FFF; */
    /* background-color: #2E84E9;  */
	/* box-shadow: 1px 1px 1px 1px #0A4E8D; */
	background-color: #4A90E2;
	border: 1px solid #2869A5;
}

.PGButtonDisabled { background-color: transparent; color:#fff; border: 2px solid #fff; }
.PGButtonDisabled:hover { color:#fff; }

.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  { /*<clearent/>*/
	background: #ff8c7a;
	border: 0 solid #f00;
	color: #fff;
}

@media screen and (min-width:768px) and (max-width:992px){
	.PGButton.btn, .PGButtonDisabled.btn {
		width: 175px;
		display:block;
		margin-left: 0;
		margin-right: 25px;
	}	
}

/* <clearent/>*/
.errorfield { background: #fff; border: 2px solid #f00; }

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

/*		Input		<clearent/> */
.form-control {
	border: 1px solid #D7D8D9;
	border-radius: 3px;
	background-color: #F6F7F9;
	height: 45px;
	width: 100% !important;
}
.form-control:focus{border-color: #66afe9;}

/*		Account Management		*/
.panel-title>a {color: #000;}
.activityLabel{color:#000;}
.activityData{color:#000;}
.lblSpan{color:#000;}
.AMtable th{color:#000;}
.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: #fff; } }
	/* For MS Edge */
	@supports (-ms-ime-align:auto) { .panel-default>.panel-heading { background-color: #fff; } }
	
#lblLoggedInAs,#lblLoggedInAsMobile{color:#000;}
#lblLoggedInAsMobile{display: none;}

/*		SSO Tiles		*/
a.rplink, a.rplink:link, a.rplink:visited { background: transparent; padding: 6px; border: 2px solid #fff; color: #FFF;}
a.rplink:hover, a.rplink:active { color:#fff; border: 2px solid #fff; background-color: #17C671; box-shadow: 0 10px 30px 0 rgba(165,160,160,0.32); }
a.rplink img { display: inline; border: solid 1px #d6d6d6;}
#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 #ed212787;}

/* 2019-01-10 - Removed padding so tiles fit "3 per row" again */
#SSOContainer{background-color: #fff;color:#FFF;}

/*		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 #000; padding: 20px;}

/*		Admin Dashboard User Detail Lookup Utility		*/
#ReportBody{/*background-color: rgba(51,51,51,0.5);*/ 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);*/ border-radius: 4px; border: 2px solid #000; 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{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: #ed2127;}
.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: 15px;margin-right: 5vw;}

/*	User Menu Popup	*/
#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;}

/*	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		*/

/*		End Additional Custom CSS		*/

/*	Media Queries	*/
@media all and (min-width: 320px) {
	#login{margin-top: 0px;}
}
@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{background-color: transparent; border-radius:10px; width: 330px;}
	.popupWin {background-color:transparent;z-index:1; margin-top: 0px; width: 330px;}
	.secondaryWrapper{width: 330px;}
	.popFieldsContainer{width: 330px;}	/* 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; }