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

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

/*		Main Body Text		*/
html, body { color: #333; background-color: #000; }

/*		Background Image		*//*NOCCC*/
body {
	font-family: 'Open Sans', 'Helvetica Neue', 'HelveticaNeue', Helvetica, Arial, 'Lucida Grande', sans-serif; /* change default font for bootstrap */
	background-color: #FFF;	/* 2018-07-20: For contrast, in case bg image doesn't load */
	background: url(/_layouts/images/PG/images/7.png) no-repeat center center fixed;   
    background-size: cover;
	/* 2019-11-04: Fix for black bgnd on AcctMgmt page */
	min-width: 100%;
	position: absolute;
}

.infoItem {
    min-height: 64px;
    padding-left: 55px;
    padding-top: 20px;	
    opacity: 1;
    /* border: 1px solid black; */
    margin: 10px;
    border-radius: 10px;
}

.techSupportItem {
    background: url(/_layouts/images/PG/images/tech-support1.png);
    background-size: 45px 25px;
    background-repeat: no-repeat;
    background-position: 2% 40%;
	
}

.faqItem {
    background: url(/_layouts/images/PG/images/faq1.png);
    background-size: 45px 25px;
    background-repeat: no-repeat;
    background-position: 2% 40%;
}

/*		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{background-color: transparent; padding-bottom: 20px; margin-top: 20px;}*/
.opaque{background-color: rgba(255, 255, 255, 0.8) !important; ; padding-bottom: 20px; margin-top: 20px;}

/*		Link Text		*//*NOCCC*/
a {
    color: #428bca;
    text-decoration: none;
}
a:focus, a:hover{color:#175671;}

/*		Login Box Background		*//*NOCCC*/
.logonbox{background-color: rgba(255, 255, 255, 0.8) !important; ;}

/*		Self-Service Dialogue Box Background		*/
.popupWin div.col-md-8.col-md-offset-2.shadow{background-color: transparent;}

/*		Header Text		*/
h1,h2,h3 { color: #414242;}

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

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

/*		Buttons		*//*NOCCC*/
/*.PGButton {
	background-color: #428bca;
	color: #FFF;
	border-radius: 22.5px;
    border: 2px solid #357ebd;
}*/
/*NOCCC*/
/*
.PGButton:hover {
	color:#FFF;
    background-color: #357ebd;
    box-shadow: 0 10px 30px 0 rgba(165,160,160,0.32);
	border: 1px solid #357ebd;
}
*/
.PGButton {
	background-color: #428bca; /**/
	color:#FFF; /**/
	font-size: 14px; /**/
	padding: 6px 12px; /**/
	font-weight: 400; /**/
	border-radius: 4px; /**/
	line-height: 1.42857143; /**/
    border: 1px solid #ccc; /**/
	transition: all 0.1s ease; /**/
}
/* 2017-02-15 - These are also overriding what BS does */
.PGButton:hover, .PGButton:focus {
	color:#333; /**/
    border: 1px solid #adadad; /**/
    background-color: #e6e6e6; /**/
    box-shadow: none; /**/
}

.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;}*/
.successdiv	{color: #155724; background-color: #d4edda; border-color: #c3e6cb;}
/*.warningdiv { background: #9fc; border: 2px solid #0f0; color: #000;}*/
.warningdiv {color: #721c24; background-color: #f8d7da; border-color: #f5c6cb;}
/*.errordiv  { background: #fc9; border: 2px solid #f00; color: #000;}*/
.errordiv {color: #721c24; background-color: #f8d7da; border-color: #f5c6cb;}
/*.errorfield { background: #fc9; border: 2px solid #f00; }*/
.errorfield {color: #721c24; background-color: #f8d7da; border-color: #f5c6cb;}
/*		Link Text for Errors, Warnings, and Confirmations		*/
.successdiv>a, .warningdiv>a, .errordiv>a { color:#337ab7; }

/*		Input		*/
.form-control{border: 1px solid #ccc;}
.form-control:focus{border-color: #66afe9;}

/*		Account Management		*/
.panel-title>a {color: #428bca;}
.activityLabel{color:#414242;}
.panel{background-color: transparent; color:#414242;}
	/* For IE11 */
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .panel-default>.panel-heading { background-color: #000; } }
	/* For MS Edge */
	@supports (-ms-ime-align:auto) { .panel-default>.panel-heading { background-color: #000; } }
	
#lblLoggedInAs{color:#414242;}

/*		SSO Tiles		*/
#SSOContainer { background-color: rgba(255,255,255,0.60); border-radius: 0px 4px 4px 4px; border-width: 0px 1px 1px 1px; border-color: #ddd; }
#SAMLSSOTabContent{display: flex; flex-wrap: wrap;justify-content: space-evenly; margin-top: 5px;}
a.rplink, a.rplink:link, a.rplink:visited { background: transparent; padding: 6px; border: 2px solid #fff; color: #428bca;}  
a.rplink:hover, a.rplink:active { color:#fff; border: 2px solid #fff; background-color: #428bca; box-shadow: 0 10px 30px 0 rgba(165,160,160,0.32); }  
a.rplink img { display: inline; border: solid 1px #d6d6d6;}
.rpdiv{margin: 0px;}

/* 2019-01-10 - Removed padding so tiles fit "3 per row" again */
/*#SSOContainer{background-color: transparent; border-radius: 4px; border: 2px solid #FFF; color:#428bca;}*/

/*		Self-Registration Page		*/
div.container div.displaybox.col-md-8.col-md-offset-2{background-color: rgba(255, 255, 255, 0.8) !important; ;}

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

/*		Help Desk Background		*/
.HelpDeskActions{background-color: rgba(51,51,51,0.5); 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;}
#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: #FFF;}

/*		Additional Custom CSS		*/
#copyright {
    padding-left: 7px;
}
/*----- HEADER - Open -----*/
/*nocccd header*/
.header {
			width: 100%;
			z-index: 100;
			top: 0px;
			left: 0px;
		}
		.clearfix:before,
		.clearfix:after {
			display: table;
			content: " ";
		}
		.clearfix:after {
			clear: both;
		}
		.bg_white {
			background-color: white;
		}
#header {
	margin-top: 10px;
	margin-bottom: 10px;
}
/*
#header img.myvcccd-logo {
	width: 70%;
}*/
#header .campus-logos {
	padding-top: 15px;
	margin: 0 auto;
    display: table;
    table-layout: fixed;
    width: 100%;
}
#header .campus-logos ul {
    display: table-row;
    margin: 0;
    padding: 0;
}
#header .campus-logos ul li {
    list-style: none;
    display: table-cell;
    text-align: center;
}
#header .campus-logos ul li a {
    display: block;
}
/*----- HEADER - Close -----*/
/*----- FOOTER - Open -----*/
#footerbottom.footer-bottom {
    padding: 15px;
    position: static;
    bottom: 0;
    width: 100%;
    background-color: #554;
    color: white;
    font-size: 9pt;
}
#footer {
	color: #FFF;
	margin: 40px auto;
}
#footer .footer-text {
	text-align: center;
	text-shadow: 2px 2px 2px #000;
}
/*----- FOOTER - Close -----*/