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/CampusFeatures_01_2018_182.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: 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;}
.deleteLink{pointer-events: all!important;}

/*		Login Box Background		*/
.logonbox{background-color: #FFF; border-radius:10px; width: 400px; padding: 25px;} /* 2021-02-04: Ensure long errors do not stretch the error div */
#login{background-color:transparent; width: 100vw;/*margin-left: 25vw;*/align-self: flex-end;}

/*		Self-Service Dialogue Box Backgrounds		*/
#popup_OTPResend{background-color: #eee;}
.popupWin {background-color:#FFF;z-index:1;margin-top: 50px; width: 35vw;padding:25px;} /*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: none !important; border-radius: 0px!important;box-shadow: none!important;border-bottom: 1px solid #ddd!important;}
.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: #000;}

/*		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: rgb(0,102,153);
	color: #FFF;
	border-radius: 5px;
    border: 2px solid rgb(0,102,153);
}

.PGButton:hover, .PGButton:focus {
	color:#FFF;
    background-color: rgb(0,102,255);
    box-shadow: 0 10px 30px 0 rgba(165,160,160,0.32);
	border: 2px solid rgb(0,102,255);
}
.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: #ffcc00; border: 2px solid #ffdd66; 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: rgba(255,255,255,0.95); 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:#000;}
#lblLoggedInAsMobile{display: none;}

/*		SSO Tiles		*/
#ssoSearch{width: 100%; padding-bottom: 0px !important;margin-left: -15px;}
/*#SAMLSSOTabContent{display: flex; flex-wrap: wrap;justify-content: space-evenly; margin-top: 5px;}*/
.rpdiv:hover{box-shadow: 0 12px 20px 0 #005697;}
.rpimage{min-height: 45%;}

#ssoHelpNode>.panel{background-color: transparent!important;}
#ssoHelpLink{color:#FFF;font-weight:700;}

/* 2019-01-10 - Removed padding so tiles fit "3 per row" again */
#SSOContainer{background-color: rgba(255,255,255,0.95);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: #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: #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>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: #005697;}
.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;flex: 2 1 0%;display: flex; justify-content: flex-end;}

/*	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		*/
.rpdiv{
    height: 350px;
    background-color: #fff;
    border-radius: 14px;
    border: 2px solid #005697;
    margin: 15px;
    flex: 0 1 20%;
    margin: 30px;
}
.rpImage{
	height: 40%;
    margin: none!important;
    flex: 3 1 100%;
    order: 1;
    object-fit: contain;
}
.rpName{
	margin: auto;
    text-align: center;
    flex: 2 1 0%;
    order: 2;
    height: 60%;
}
.rpDesc{
	order: 3;
	display: flex;
    width: 100%;
	text-align: center;
    align-items: center;
    justify-content: center;
	background-color: #eee;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}
.rpDesc>p{font-weight: 100; text-decoration: none;text-align:left;padding:0px 15px;}
.rpDesc>p:hover{font-weight: 100; text-decoration: none;}
.branded-footer{background-color: rgb(40 40 40);color: #fff;padding:10px;}
.footerLink{color: #fff;}
.footerLink:hover{color: #fff;}
/*body.acct-management,body.sso-jump{background: #eee;}*/
#sortedList>.activeGroup{color: #000;}
#BrandedLogo {padding: 5px;}

	/*	For custom SSO Jump page*/
	.activeGroup{background:#005599!important; color:#fff!important;}
	#sortedList {
		margin-right: 0px; 
		padding-top: 0px;
		padding-bottom: 0px;
		display: inline-flex;
		flex-direction: row;
		flex-wrap: wrap;
		/*justify-content: center;*/
		justify-content: flex-start;
		align-items: center;
		align-content: space-around;
		width: 100%;
	}
	.contentGroups{flex: 0 0 100%; margin: 0px 0px 5px 0px;}
	#sortedList>li.activeGroup,#sortedList>li.PGButton{border: none!important;}
	#sortedList>li.PGButton + li.PGButton{border-left: 2px solid black!important;}
	.deleteLink:hover{color: red!important;}
	.rpimage {margin: 0px auto auto auto;border-radius:14px 14px 0px 0px;object-fit: cover;width: 100%; height: 45%;}
	#maintitle{display: none!important;}
	#sortedList>li{flex: 0 0 15%;}
	/*#searchBarDiv,#customizationButtons{flex: 1 1 50%;}*/
	#customizationButtons{flex: 1 1 100%;padding:0px!important;justify-self: flex-start;}
	/*#customizationButtons>#editToggleWrapper>.mainFlex{padding: 0px!important;justify-content: flex-start;margin-top:10px;}*/
	#customizationButtons>#editToggleWrapper>.mainFlex{padding: 0px!important;justify-content: flex-start;margin-top:10px;}
	.ssoHelpDiv{position: inherit;z-index: 1000000; width: 60%;text-align: left;background-color: #ffcc00!important; border-color:#ffdd66!important;color: #000; font-weight:700;}
	#searchBarDiv>input{width:100%;}
	#btnAddGroup{float:none!important; /*width: 50%;*/ border-radius: 5px;}
	#lnkEditToggle{cursor: pointer;}
.popupInstructions{width:100%;text-align:center;}
#clearSearch{margin-top: 10px!important;margin-bottom:10px!important;background-color:#005599}
#clearSearch:hover{background-color:#005599;}
/*#searchBarDiv{flex: none!important;}*/
#searchBarDiv{flex: 1 1 100%;}
#editToggleWrapper>*>h2{color: #fff;}
#grccEditMode{
	background-color: #fff;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
	padding: 5px;
    border-radius: 5px;
    border: solid 2px black;
}
.slider{background-color:#005599;}
input:checked + .slider{background-color:#ffcc00;}
input:checked + .slider:before{background-color:#005599;}
#btnAddGroup,#btnSaveCustom,#btnAddGroup:hover{background-color:#005599;border-color:#005599;}
#ssoHelpNode{margin-left:0px!important; padding-left: 10px; flex: 0 0 75%;}
.ssoHelpHeading{text-align: left;}
#grccEditButtonWrapper{display: flex;justify-content: flex-start;}
#btnDeleteCustom{margin-left: 5px;}
.HelpDeskActions{background-color: #fff!important;}
#lblSysdir,#UserLookupParams>label{color:#fff!important;}
/*		End Additional Custom CSS		*/

.displaybox.col-md-8.col-md-offset-2.shadow {background-color:#fff!important;}
.grccwhite {background-color:#FFF!important;}
#lnkToggleReportOptions,#lnkContinue {background-color: #FFF; padding: 5px; border: solid 1px #000;}

/*	Media Queries	*/
@media all and (min-width: 320px) {
	#login{margin-top: 0px;}
		.rpdiv{flex: 0 1 15%;}
}
@media all and (max-width: 1500px) {
	.rpdiv{flex: 0 1 20%;}
}
@media all and (max-width: 1300px) {
	.rpdiv{flex: 0 1 20%;}
}
@media all and (max-width: 1000px) {
	.popupWin {width: 85vw;}
	.popFieldsContainer{width: 80vw;}	/* 2021-02-19: So fields on mobile use full width */
	.rpdiv{flex: 0 1 25%;}
}
@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{border-radius:10px; width: 85vw;}
	.popupWin {z-index:1; margin-top: 0px; width: 85vw;}
	.secondaryWrapper{width: 330px;}
	.popFieldsContainer{width: 80vw;}	/* 2021-02-19: So fields on mobile use full width */
	#login{margin-left: auto;}
	.rpdiv{flex: 0 1 40%; margin: 10px;}
}
@media all and (max-width: 600px) {
	/*#maintitle{display:none;}*/
	#searchBarDiv>input{width: 100%;}
	.deleteLink{float: left!important;padding-right: 0px!important;}
	.rpdiv{flex: 0 1 25%;height: 150px;}
	/*.rpimage{min-height: 25%;max-height: 25%;height:25%;}*/
		/*	Modded formobile	*/
	.rpimage{min-height: 50%;max-height: 50%;height:50%;}
	.rpname>p{margin-top: auto; margin-bottom: auto;}
	/*	Hide description text on mobile	*/
	.rpDesc{display: none;}
}
li[aria-expanded=true] { pointer-events: none; }
#ssoGroupCreationHelp { margin-bottom: 0; }
.ssoGroupName { min-width: 200px; }

/* Export Report - Admin Dashboard */
#btnExportReport { display: none;}