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

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

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

/*		Background Image		*/
body {
	background-color: #12284b;	/* 2018-07-20: For contrast, in case bg image doesn't load */
	/* 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{background-color: rgba(0, 0, 0, 0.5); padding-bottom: 20px; margin-top: 20px;} */

/*		Link Text		*/
a{color: #30a6dc; text-decoration: none;}
a:focus, a:hover{color:#23527c; text}

/*		Login Box Background		*/
.logonbox{background-color: #e3dfd6;}

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

/*		Header Text		*/
h1,h2,h3 { color: #fff; font-family: Verdana, Arial, Helvetica; }

/*		Header Background		*/
.dlghdr{background-color: #c1aa85;}
.dlghdr h1 {color: #fff;}
.dlghdr h2 {color: #fff;}
.dlghdr h3 {color: #fff;}

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

/*		Buttons		*/
.PGButton {
	background-color: #12284b;
	color: #FFF;
	border-radius: 5px;
    border: 2px solid #12284b;
	padding:8px 5px;
}

.PGButton:hover, .PGButton:focus {
	color:#FFF;
    background-color: #394b68;
    box-shadow: 0 10px 30px 0 rgba(165,160,160,0.32);
	border: 2px solid #394b68;
}
.PGButtonDisabled { background-color: #939393; color:#fff; border: 2px solid #939393; border-radius: 5px; }
.PGButtonDisabled:hover { color:#fff; }

.PGAltButton { background-color:#ff8000; }
.PGAltButton:hover { background-color: #ff9933; color: #fff; }

/*		Errors, Warnings, and Confirmations		*/
.successdiv { color: #000;} /*twia removed bg #9fc and border 2px solid #690 */
.warningdiv { background: transparent; color: #000;} /*twia changed background from #9fc and border: 2px solid #0f0; from .warningdiv*/
.errordiv  { background: transparent; border: 2px solid #f00; color: #000;}
.errorfield { border: 2px solid #f00; }
.form-control.errorfield {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		*/
/* #lnkSSOPage { display: none;} */
.displaybox {background-color: #e3dfd6;}
.msgBoxHdr {background-color: #c1aa85; margin-bottom: 20px;}
.panel-title>a {color: #fff;}
.activityLabel{color:#333;}
.panel-default>.panel-heading { background-color: #12284b}
.panel-body h2 {color: #000;}
.panel{background-color: transparent; color:#333;}
	/* For IE11 */
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .panel-default>.panel-heading { background-color: #12284b; } }
	/* For MS Edge */
	@supports (-ms-ime-align:auto) { .panel-default>.panel-heading { background-color: #12284b; } }
	
#lblLoggedInAs{color:#333;}

/*		SSO Tiles		*/
a.rplink, a.rplink:link, a.rplink:visited { background: #ddd; padding: 6px; border: 2px solid transparent; color: #000;}  
a.rplink:hover, a.rplink:active { color:#000; border: 2px solid transparent; background-color: #ccc; box-shadow: 0 10px 30px 0 rgba(165,160,160,0.32); }  
a.rplink img { display: inline; border: solid 1px #d6d6d6;}

#SSOTabContainer a { color: #000; }

/* 2019-01-10 - Removed padding so tiles fit "3 per row" again */
#SSOContainer{background-color: transparent; border-radius: 4px; border: 2px solid transparent; 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: rgba(51,51,51,0.2); border-radius: 4px; border: 2px solid #ddd; padding: 20px;}

/*		Admin Dashboard User Detail Lookup Utility		*/
#ReportBody{background-color: rgba(51,51,51,0.2); border-radius: 4px; border: 2px solid #ddd; padding: 20px;}
#UserProfileData, #NoUserSelected{background-color: rgba(51,51,51,0.2); border-radius: 4px; border: 2px solid #ddd; padding: 20px;}	/*	Uncomment to add transparent background to User Detail Lookup */
.sectionHeader{color: #FFF;}

/*		Additional Custom CSS		*/

#loginFooter { font-size: 16px; font-family: Verdana, Arial, Helvetica;}

div.container div.col-md-offset-2.col-md-8.displaybox {
    background-color: #e3dfd6;
}

span, a, td, tr, p, div { font-family: Verdana, Arial, Helvetica; font-size: 16px; } /*twia added*/

#twiacapslockdiv {
    display: none;
    color: red;
    border: red solid;
    background-color: #E3DFD6;
}
/* US23896: Portals: Forgot Username */
.bodyTextColor {
	color: #555;
}

/* US23904: [Agent PI] Have an indicator on the Portal Guard Login Screen to show which Portal Link was selected.	*/
.logoTwia {
	min-height: 150px;
}

/*  US24240: Portals: PG Announcements Feature  */
.bodyAnnouncement blockquote {
  border-left:none
}

/*  US24240: Portals: PG Announcements Feature  */
.bodyAnnouncement .msgBoxHdr {margin-bottom:0px;}

/* US24195: Enable optional MFA (multi-factor authentication) for agents and policyholders */
.buttonCentered {
	margin-left: 40%;
}

#divOptIn2FADetailsMFAIsEnabled {
	width: 20px;
	height: 20px;
	vertical-align: text-bottom;
}

/* US24195: Enable optional MFA (multi-factor authentication) for agents and policyholders */
#mfaLabel {
	padding-right: 0px;
	text-align: right;
}

/* US24195: Enable optional MFA (multi-factor authentication) for agents and policyholders */
#mfaCheckbox {
	padding-left: 0px;
	padding-right:0px;
	padding-top: 10px;
	width: 4%;
}

/* US24195: Enable optional MFA (multi-factor authentication) for agents and policyholders */
#mfaCheckboxDisclaimer {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	margin-right: -35px;
}

.mfaDeliveryTypeLegend {
	padding-left: 30px;
	padding-right: 0px;
	color: #333;
}

.mfaDeliveryTypeLegendAsterisk {
	color: red;
}

.mfaDeliveryTypeRadio {
	padding-left: 0px;
	text-align:left;
}

#divPhoneDetails {
	padding-top: 15px;
}

/* US24195: override ootb color */
.saveUAInstr {
	background-color: #FFF;
}

/* END - US24195: Enable optional MFA (multi-factor authentication) for agents and policyholders */

.form-group.required .control-label:after {
	content: "*";
	color: red;
}