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/gradient.svg') no-repeat center center fixed; background-size: cover;} */
html, body {background-color: #fcf4e0; color: #000}

/*		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;} */ /* 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:transparent;z-index:1;margin-top: 50px; width: 400px;} /*2021-02-04: Same as above, fixed width */
.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 */

/*	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: #3b2360;}

/*		Header Background		*/
/* .dlghdr{background-color: transparent; width: 100%;} */
/* .dlghdr h1, .dlghdr h2 {color: #000;} */

.loginHdr{background-color: transparent;}

/*		Labels & Legends		*/
label{color: #000;}
legend, #SSActionChosen>span{color: #000;}
#sortedList>.PGButton{color:#000;}
#maintitle{color: #000;}

/*		Buttons		*/
.PGButton {
	/* background-color: transparent; */
	background-color: #31b27d;
	/* color: #000; */
	color: #FFF;
	/* border-radius: 28px; */
    /* border: 2px solid #ed2127; */
}

.PGButton:hover, .PGButton:focus {
	color:#FFF;
    background-color: #00854f;
    box-shadow: 0 10px 30px 0 rgba(165,160,160,0.32);
	/* border: 2px solid #00854f; */
}
.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: #000;}
.panel-heading{background-color:rgba(26,26,29,.02)!important;}
.activityLabel{color:#000;}
.panel{background-color: transparent; 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:#FFF;padding:0 .5em;}
#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 #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; color: #FFF}
.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: #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: 0vw;}

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

/*		End Additional Custom CSS		*/

/*	Media Queries	*/
@media all and (min-width: 320px) {
	#login{margin: 0 2em;}
}
@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{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; }
/*
Justin's CSS customizations
*/
.bodyFlex {
	align-content: flex-start;
	gap: 2em;
}

#login {
	width: 80%;
	max-width: 1024px;
	margin: 0 auto;
	color: #333;
}

#loginContentPanels {
	align-items: start;
	gap: 3em;
}

#loginContentPanels .col {
	flex-basis: 0;
	flex-grow: 1;
	min-width: 250px;
}

#login h5 {
	font-weight: bold;
    color: #3b2360;
    font-size: 1.25em;
    margin: 0 0 0.5em 0;
    padding: 0;
}

#loginAccountTools ul {
	list-style-position: outside;
	padding-left: 1rem;
	list-style-type: none;
	list-style-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgZmlsbD0iI0ZEQzIyMyIgY3g9IjQiIGN5PSI0IiByPSI0Ii8+DQo8L3N2Zz4NCg==");
	margin: 0.5rem 0 1rem 0;
	font-size: 1rem;
}

#loginAccountTools ul > li {
	padding: 0.325rem 0;
	line-height: 1.5em;
}

#login .popupInstructions {
	margin-top:0;
	margin-bottom:0;
}

.dlghdr {
	background-color: transparent;
	width: 100%;
	text-transform: none;
}

h2 {
	color:#000;
    font-size: 1.5em;
    font-weight: normal;
	text-transform:none;
    border-bottom: 2px solid #ffc222;
    padding-bottom: .5em;
    margin-bottom: 1em;
}

.PGButton,
.form-control {
	border-radius:4px;
}

.popupWin {
	margin-top:0;
}

.popupWin .col-sm-12 {
	float: none;
}

.popupInstructions {
	margin-right:0;
	margin-left:0;
}

#btnEmailCancel,
#btnPhoneCancel,
#btnDuoPromptCancel,
#btnDefOTPCancel,
#btnSSGroupCancel,
#btnSSGroupSkip,
#btnSSCancel,
#btn2FAGrpCancel,
#btnOTPEnrollCancel,
#btnOTPEntryCancel,
#btnGetPWCancel,
#btnSetPWCancel {
	background-color: transparent;
    border: none;
    color: #333;
    font-weight: 400;
}

#btnEmailCancel:hover,
#btnEmailCancel:focus,
#btnPhoneCancel:hover,
#btnPhoneCancel:focus,
#btnDuoPromptCancel:hover,
#btnDuoPromptCancel:focus,
#btnDefOTPCancel:hover,
#btnDefOTPCancel:focus,
#btnSSGroupCancel:hover,
#btnSSGroupCancel:focus,
#btnSSGroupSkip:hover,
#btnSSGroupSkip:focus,
#btnSSCancel:hover,
#btnSSCancel:focus,
#btn2FAGrpCancel:hover,
#btn2FAGrpCancel:focus,
#btnOTPEnrollCancel:hover,
#btnOTPEnrollCancel:focus,
#btnOTPEntryCancel:hover,
#btnOTPEntryCancel:focus,
#btnGetPWCancel:hover,
#btnGetPWCancel:focus,
#btnSetPWCancel:hover,
#btnSetPWCancel:focus {
	box-shadow: none;
}

#popup_OTPResend {
	background-color:#fff;
	border:1px solid #eee;
	margin:2em;
}

@media all and (min-width: 992px) {
	#popup_OTPResend {
		margin:2em auto;
	}
}

#maintitle {
	margin:1em auto .5em;
	color:#000;
	text-align: center;
	display: block;
	font-size:1.5rem;
}

.panel { 
	border-radius:.5rem !important;
	box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
}
.panel-group .panel+.panel { margin-top:1rem !important; }
.panel-heading {
	border-color:#6a4c92;
	background:#6a4c92 !important;
	border-top-left-radius:.5rem;
	border-top-right-radius:.5rem;
}
.panel-title>a {
	color:#fff;
	text-decoration: none;
}
.panel-heading .panel-title .accordion-toggle:after {
	color:#fff;
}
.panel-body {
	background:#fff;
	border-bottom-left-radius:.5rem;
	border-bottom-right-radius:.5rem;
}
.panel-body h2 {
	font-size:1.25em;
}
body.acct-management {
	/*background:#f3f4f6;*/
}
body.acct-management .container {
	max-width:48rem;
}
body.acct-management #divAcctLink {
	display:none;
}
body.acct-management .panel-heading {
	display:none;
}
body.acct-management .panel-body {
	padding:0 1rem 1rem;
	border-radius: 0.5rem;
	border-top:none !important;
}
body.acct-management .panel-body span h2 {
	color: #FFF;
    font-size: 1.25em;
    font-weight: normal;
    text-transform: none;
    border-bottom: 2px solid #ffc222;
    padding: 1rem;
	margin: 0 -1rem 1rem;
    background: #6a4c92 !important;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}
body.acct-management .panel-body span h2 img {
	display:none;
}
body.acct-management .panel .panel-collapse {
	display:block;
}
.acctFlex {
	justify-content:space-between;
	align-items: center;
}
#menuWrapper {
	margin:0;
}

#groupedApps #sortedList .PGButton {
	color: #3b2360;
}
.branded-logo img,
img#LogoImg,
img#BrandedLogo {
	max-width:100%;
	height:auto;
	float: none;
	margin: 0;
	padding: 0;
	border-radius: 0;
	box-shadow: none;
	background: none;
	background-color: transparent;
}

tr:nth-child(even) {
    background-color: #f1f6f9;
}
.AMtable th {
	border: none;
    padding: 0.5em 1em;
    background: #3b2360;
    color: #fff;
    font-weight: 400;
    text-align: left;
}
.AMtable td {
	border:none;
	padding:.5em 1em;
}

.page-changepw #maintitle,
.page-changepw .branded-footer {
	display:none;
}
.page-changepw .secondaryWrapper {
	margin-top:0;
}

.warningdiv {
	background-color:#f1f6f9;
	border-color:#4796c1;
}