html { margin-left: calc(100vw - 100%); }
/*		Main Body Text		*/
html, body {font-family: 'Bio Sans'!important; color: #000; background-color: #000; background: url('/_layouts/images/PG/images/bkgnd.jpg') no-repeat center center fixed; background-size: cover;}

/*		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: #8c1c40A0; 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;} 
*/
a, a:focus, a:hover, .deleteLink:focus, .deleteLink:hover { color: #ef7d05;}
#userMenuList>li>a{color: #fff;}
#userMenuList>li>a:hover{color: #ddd;}
#ReportParams a{ color:#EF8903; }

/*		Login Box Background		*/
.logonbox{background-color: #8c1c40; border-radius:10px; width: 400px; padding: 20px;} /* 2021-02-04: Ensure long errors do not stretch the error div */
#loginTitle>h2 { color: #FFF; }
#login{background-color:transparent; width: 100vw;}
#frmLogin label { color: #FFF; }
.logonbox a{ color:#EF8903; }
#infoLogin { background-color:#FFF; text-indent: .5em;}
#Msg { color:#FFF; }
.linkForgotPW { color:#FFF; }

/*		Self-Service Dialogue Box Backgrounds		*/
#popup_OTPResend{background-color: #eee;}
.popupWin {background-color:#FFF; z-index:1; margin: 50px; width: 400px; padding: 20px;} /*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: #111;}
#maintitle {
	color: #FFF;
}

/*		Header Background		*/
.dlghdr{background-color: transparent;}
/* .dlghdr h1, .dlghdr h2 {color: #111;} */
.dlghdr h1, .dlghdr h2 {color: #FFF;}


.loginHdr{background-color: transparent;}

/*		Labels & Legends		*/
label{color: #111;}
legend, #SSActionChosen>span{color: #111;}

/*		Buttons		*/
.PGButton {
	background-color: #FFF;
	color: #111;
	border-radius: 28px;
    border: 2px solid #CCC;
}

.PGButton:hover, .PGButton:focus {
	color:#FFF;
    background-color: #4b061d;
    box-shadow: 0 10px 30px 0 rgba(165,160,160,0.32);
	border: 2px solid #4b061d;
}
.PGButtonDisabled { background-color: transparent; color:#111; border: 2px solid #CCC; }
.PGButtonDisabled:hover { color:#111; }
.PGButtonDisabled:focus { color:#111; }

.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: #FFF; border: 2px solid #f00; color: #000;}
.errorfield { background: #FFF; 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: #111; font-weight: 700; text-decoration: none; }
.panel-heading{background-color:rgba(26,26,29,.02)!important;}
.activityLabel{color:#111;}
.panel{background-color: transparent; color:#111;}
/* Custom AVC */
	/* For IE11 */
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { 
		.panel-default>.panel-heading { 
			background-color: #dddddd;
			background-image: url(/_layouts/images/PG/images/dlghdr.png);
			background-position: bottom;
			background-repeat: repeat-x; 
		} 
	}
	
	/* For MS Edge */
	@supports (-ms-ime-align:auto) { 
		.panel-default>.panel-heading {
			background-color: #dddddd;
			background-image: url(/_layouts/images/PG/images/dlghdr.png);
			background-position: bottom;
			background-repeat: repeat-x; 
		} 
	}

.panel-body{
	padding: 0 15px 10px 15px;
	background-color: #FFF;
}
.panel-default>.panel-heading{
	background-color: #dddddd;
	background-image: url(/_layouts/images/PG/images/graybargradient.png);
	background-position: bottom;
	background-repeat: repeat-x;
}
	/* For IE11 */
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .panel-default>.panel-heading {
		background-color: #dddddd;
		background-image: url(/_layouts/images/PG/images/graybargradient.png);
		background-position: bottom;
		background-repeat: repeat-x;  
		} 
	}
	/* For MS Edge */
	@supports (-ms-ime-align:auto) { .panel-default>.panel-heading { 
		background-color: #dddddd;
		background-image: url(/_layouts/images/PG/images/graybargradient.png);
		background-position: bottom;
		background-repeat: repeat-x;  
		}
		}
	}
/*End Custom AVC*/

#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 #4b061d;}
.rpdiv{ border: 2px solid #4b061d;}

/* 2019-01-10 - Removed padding so tiles fit "3 per row" again */
#SSOContainer{background-color: #8c1c40;color:#FFF;}
/* 2022-02-02 updated background color of SSO page */
#sortedList>li.activeGroup  { background-color: #8c1c40; border-right-color: #8c1c40!important; color:#FFF; }

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

/*		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: #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		*/
/* Hides the footer on all pages*/
.branded-footer{
	display: none;
}


li[aria-expanded=true] { pointer-events: none; }
#ssoGroupCreationHelp { margin-bottom: 0; }
.ssoGroupName { min-width: 200px; }

.round { border-radius:5px; }

.control-label { color:#FFF; }

.ssoHelpHeading { background-color:inherit; }

#maintitle + div.opaque { background-color: #FFF; }

.avclogocontainer {border: 3px #8c1c40 solid; border-radius: 10px; background-color: #FFF; padding: 10px; width: 400px}

.popupWin {background-color:#8c1c40; color: #FFF;}
#div2FAGrpTypes>.lblRadio {color: #FFF;}

#lblSaveUA2FA>.boldgreen {color: #ef7d05;}
.saveUAInstr {color: #000;}

#popup_GetPW {background-color: #8c1c40;}

#divAnnouncementsList {background-color: white; padding: 5px; border-radius: 10px;}
#EditForm, #lblSubject, #lblStartDate, #lblEndDate, #lblchkForSSOApp, #lblchkDismissible, #lblchkPrelogin, #lblchkHideMain, #lblchkRequireAccept, #lblheading, #lblrejectionUrl, #divAudience>fieldset>legend, #lblTargets, #lblMessage {color: white;}


/*		End Additional Custom CSS		*/

/*	Media Queries	*/
@media all and (min-width: 320px) {
	#login{ position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }
}
@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: #8c1c40; border-radius:10px; width: 330px;}
	.popupWin {background-color:#8c1c40; color: #FFF; z-index:1; margin: 0px; width: 330px;}
	.secondaryWrapper{width: 330px;}
	.popFieldsContainer{width: 330px; padding: 15px;}	/* 2021-02-19: So fields on mobile use full width */
	.avclogocontainer {width: 330px}
}