/*

TABLE OF CONTENTS

    1. LOGIN CONFIRMATION PAGE SPECIFIC
	2. CANCEL LOGIN PAGE SPECIFIC
	3. APP AND DOWNLOAD ICONS
	4. PROGRESS INDICATOR
	5. TERMS OF USE
	6. MAIN TEMPLATE STYLES
	7. ERROR STYLES
*/
header {
	display: block;
	height: auto !important;
	height: 100%;
	margin: 0 auto 5px;
	background-color: transparent;
	border: none;
}

/*********************************************************************/
/* RP Specific CSS */
.rpStandardWrapperBlueTheme {
	margin: 0 auto;
	background-color: #003366;
}

.bannerStandardIconBlueTheme {
	background-image: url(../images/BCID_H_rgb_rev.svg);
	background-repeat: no-repeat;
	width: 180px;
	height: 50px;
	margin: 0 auto;
	display: inline-block;
	vertical-align: middle;
}

.bannerStandardTextBlueTheme {
	display: inline-block;
	color: #F7F7F7;
	vertical-align: middle;
	margin-left: 10px;
	font-size: 28px;
	font-weight: normal;
	line-height: 1.1;
}

.rpStandardWrapperWhiteTheme {
	margin: 0 auto;
	background-color: #FFFFFF;
}

.bannerStandardIconWhiteTheme {
	background-image: url(../images/BCLogoWhite.png);
	width: 180px;
	height: 50px;
	margin: 0 auto;
	display: inline-block;
	vertical-align: middle;
}

.bannerStandardTextWhiteTheme {
	display: inline-block;
	color: #214174;
	vertical-align: middle;
	margin-left: 10px;
	font-size: 28px;
	font-weight: normal;
	line-height: 1.1;
}

.rpBannerStandardSizing {
	max-width: 1170px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.spinnerDiv {
	padding-top: 10px;
	padding-left: 5px;
}

.rpbrand-divider {
	display: inline-block;
	border-left: 1px #e3a82b solid;
	height: 47px;
	vertical-align: middle;
	margin-left: 12px;
}

@media ( max-width : 599px) {
	.bannerStandardTextBlueTheme {
		font-size: 23px;
		display: block;
		margin-top: 5px;
		margin-left: 0px;
		max-width: inherit;
	}
	.bannerStandardIconBlueTheme {
		width: 129px;
		height: 36px;
		background-size: cover
	}
	.bannerStandardTextWhiteTheme {
		font-size: 23px;
		display: block;
		margin-top: 5px;
		margin-left: 0px;
		max-width: inherit;
	}
	.bannerStandardIconWhiteTheme {
		width: 129px;
		height: 36px;
		background-size: cover
	}
	.rpBannerStandardSizing {
		padding-left: 15px;
	}
	.rpbrand-divider {
		display: none;
	}
}

@media ( min-width : 768px) {
	.rpBannerStandardSizing {
		max-width: 738px;
		padding-left: 0px;
	}
}

@media ( min-width : 600px) and ( max-width: 768px) {
	.bannerStandardTextBlueTheme {
		max-width: 365px;
	}
	.bannerStandardTextWhiteTheme {
		max-width: 365px;
	}
}

@media ( min-width : 769px) and ( max-width: 992px) {
	.bannerStandardTextBlueTheme {
		max-width: 520px;
	}
	.bannerStandardTextWhiteTheme {
		max-width: 520px;
	}
}

@media ( min-width : 992px) {
	.rpStandardWrapperBlueTheme {
		margin: 0 auto;
		background-color: #003366;
	}
	.rpStandardWrapperWhiteTheme {
		margin: 0 auto;
		background-color: #FFFFFF;
	}
	.rpBannerStandardSizing {
		max-width: 960px;
		margin: 0 auto;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
	}
	.bannerStandardTextBlueTheme {
		display: inline-block;
		color: #F7F7F7;
		vertical-align: middle;
		margin-left: 10px;
		font-family: Myriad-Pro, Calibri, Arial, 'sans-serif';
		font-size: 28px;
		font-weight: normal;
	}
	.bannerStandardIconWhiteTheme {
		background-image: url(/static/images/BCLogoWhite.png);
		width: 180px;
		height: 50px;
		margin: 0 auto;
		display: inline-block;
		vertical-align: middle;
	}
	.bannerStandardTextWhiteTheme {
		display: inline-block;
		color: #214174;
		vertical-align: middle;
		margin-left: 10px;
		font-family: Myriad-Pro, Calibri, Arial, 'sans-serif';
		font-size: 28px;
		font-weight: normal;
	}
}

@media ( min-width : 1200px) {
	.rpStandardWrapperBlueTheme {
		margin: 0 auto;
		background-color: #003366;
	}
	.rpStandardWrapperWhiteTheme {
		margin: 0 auto;
		background-color: #FFFFFF;
	}
	.rpBannerStandardSizing {
		max-width: 1170px;
		margin: 0 auto;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
	}
	.bannerStandardTextBlueTheme {
		display: inline-block;
		color: #F7F7F7;
		vertical-align: middle;
		margin-left: 10px;
		font-family: Myriad-Pro, Calibri, Arial, 'sans-serif';
		font-size: 28px;
		font-weight: normal;
	}
	.bannerStandardIconWhiteTheme {
		background-image: url(/static/images/BCLogoWhite.png);
		width: 180px;
		height: 50px;
		margin: 0 auto;
		display: inline-block;
		vertical-align: middle;
	}
	.bannerStandardTextWhiteTheme {
		display: inline-block;
		color: #214174;
		vertical-align: middle;
		margin-left: 10px;
		font-family: Myriad-Pro, Calibri, Arial, 'sans-serif';
		font-size: 28px;
		font-weight: normal;
	}
}

/***************************************************************************
    1. LOGIN CONFIRMATION PAGE SPECIFIC
*/
.identity-info {
	border-bottom: solid 1px #ececec;
	width: 100%;
	margin-top: 20px;
}

.identity-row {
	margin-bottom: 10px;
}

@media only screen and (min-width: 478px) {
	.identity-info {
		display: table;
	}
	.identity-row {
		display: table-row;
		margin-bottom: inherit;
	}
	.identity-col {
		display: table-cell;
		padding: 5px 5px 5px 1px;
		border-top: solid 1px #ececec;
	}
	.identity-row>.identity-col:nth-of-type(1) {
		width: 175px;
	}
}

/***************************************************************************
    2. CANCEL LOGIN PAGE SPECIFIC
*/
.actionRetryWrapper {
	display: inline-block;
	width: 200px;
	margin-bottom: 40px;
}

.actionReturnWrapper {
	display: inline-block;
	padding-top: 12px;
	text-align: left;
	vertical-align: top;
	margin-bottom: 40px;
}

.actionRetryButton {
	padding: 0 !important;
	cursor: pointer;
}


/***************************************************************************
    5. TERMS OF USE
*/
.termsx {
	overflow-y: scroll;
	height: 300px;
	width: 100%;
	border: 1px solid #DDD;
	padding: 10px;
}

/***************************************************************************
    6. MAIN TEMPLATE STYLES
*/
.cancel-login-option {
	padding: 10px 0px;
	border-top: solid 1px #D7D8D8;
	margin-bottom: 50px;
	margin-top: 50px;
}

.need-help {
	text-align: left;
	padding: 10px 0px;
	margin-top: 30px;
	border-top: solid 1px #D7D8D8;
}

@media ( min-width : 768px) {
	.need-help {
		text-align: right;
		padding: 0px;
		margin-top: 0px;
		border-top-width: 0px;
	}
	.cancel-login-option {
		margin-bottom: 100px;
	}
}

@media ( min-width : 576px) {
	.cancel-login-option {
		margin-top: 0px;
	}
}

.login-site {
	margin-bottom: 10px;
}

@media ( min-width : 992px) {
	.login-site {
		display: flex;
		flex-direction: row;
		align-items: baseline;
		align-content: flex-start;
		margin-bottom: 10px;
	}
	.site-brand {
		flex-grow: 1;
	}
	.rightTitleWelcome {
		flex-grow: 1;
		text-align: right;
	}
}

.login-site h1 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1em;
}

input[type='password'].input-passcode {
	max-width: 200px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAkCAYAAADo6zjiAAAAAXNSR0IArs4c6QAAA11JREFUWAndVzlLY1EU/pKJioiiiYoxgoIguMQoUyg2CTbBTrCcUvAHWFgJNlbzM6wGQQQLO3VEEEtTuRSKiMaFxA0R18z57uRd5r3szxeEOZDce8/63XOX864LQvPz84G3t7ef0o2kUqlW8pwil8t1Lr5+ezyemdnZ2TOrX1c6eEwC+6xCJ8cCJCEgQlYQbs683ME5EcZIZ9k0L7eMIiZOeQcZsdxOr3k+/NliMQNfSv83gO7ubkxPT4NtLiprBnp7e1FXVwe2uaisAOTsq7hGmw1EWQFkC2jlmQBUVVWhs7MTDQ0NVj3YlWU4sjA8xri+vh6Tk5Oora3Fx8cHVlZWsLu7q8R2ZYbvfK3OwPDwsApOZbfbjdHRUW1nV6Yd5OloAHl0yirSAHZ2dvDw8KCCcQnW19d1YLsy7SBPxzU3N5cy5NxobW1tSCaTuLm5MdiqzSczKRYYyJGMi8pm+vvg1ASggK2jYgGSFBADegkc9V6EM6mMXn4ffBmANMawvgeKAJ2hEgwGMTIyAp/Ph7u7O+zv72NjY0PdIxnKWRiSBb9tAAw+MTGh3TY1NYE/gllcXNR8dhobG1FZWYnLy0u8v7+bZLaXgDMnvb6+Ynl5GUdHR2rc09OD1lbzh/X4+DimpqZQU1OjdP79sw2AMyXF43HEYjFsbW1pv+3t7bpfqOOR43Ce7VutkOHT05NKK9POgH19fdqEtaOjowOhUEjxjOIWjUbx8vKC6+trbG9vK9m3SCTyXXpBbV1kx+v1IhAIoKKiAoODg2hpaeGnN1j7j4+PVT0Jh8Pw+/0KKN02NzerMXWYNZLcBZ4ZOY9RMf6bU8Uu/Le2tobq6mp0dXWpXc/rWiajDG9vb3F4eIiFhQU1HhsbUxt0aWkJj4+PYPYM8vClIq+jUPrRUPTT7Pn5GXRIYvVkEM6MdHFxoeqKUVuoSzo5OcH9/b3qG3/qGKafSz8MZr7WqB1M/9DQEFOodj3XnXRwcICzM/MTMJFIKD0WOSvZvgd4pPr7+03+9vb2sLq6auJxwGOai2wD4Kx49HixsHJeXV2pI5krUC7+pwBwI36WSr6IZKOxnjtC9FUyAIm86Uj0v042SwbAe0OQJz8Lgj7oq2QAcmRPxXBAHPxiCksFQhva0gd9/QFliFiu8Gk7TgAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 16px 18px;
    background-position: 98% 50%;
}

.other-login-option-buttons {
	text-align: left; 
	max-width: 350px;
}
/***************************************************************************
    7. ERROR STYLES
*/
.login-error-message p {
	line-height: 1.3em;
	margin: 10px 0;
}

.error {
	border: solid 1px #dc3c10;
	color: #23251b;
	background-color: #ffcfcf;
	margin-bottom: 20px;
	padding: 10px;
	border-radius: 5px;
}

.error .errortitle {
	font-weight: bold;
	padding-bottom: 10px;
}

.error .errormessage p {
	margin: 0;
}