#content form #submitbutton #cancel {
    background-color: #ffffff;
    border-color: #CBA134;
    color: #CBA134;
}

#content form #submitbutton #cancel:hover {
    background-color: #ffffff;
}

/* ========== CSS Utils ========== */
.bpi-text-left { text-align: left; }
.bpi-text-center { text-align: center; }
.bpi-text-right { text-align: right; }
.bpi-text-justify { text-align: justify; }

/* ========== Login Form Info Row ========== */
#form-info-row {
	position: relative;
	display: grid;
	grid-template-areas: 
		"forgot-pwd globalsign-ssl"
		"copyright globalsign-ssl";
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	padding-top: 0 !important;
}
#form-info-row #forgot-password {
	grid-area: forgot-pwd;
}
#form-info-row #copyright {
	grid-area: copyright;
}
#form-info-row #copyright p {
	margin-top: 0.625rem;
}
#form-info-row #globalsign-ssl {
	grid-area: globalsign-ssl;
}

/* ========== Login Footer ========== */
#login-footer-container {
	position: fixed;
	color: white;
	display: block;
	width: 100%;
	bottom: 0; left: 0; right: 0;
	zoom:75%;
	-ms-zoom: 0.75;
	-webkit-zoom: 0.75;
	
}
#login-footer {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	padding: 0.8rem 0.75rem;
	gap: 1rem;
}
#login-footer .login-footer-section {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	gap: 1rem;
}
#login-footer .login-footer-section a {
	color: inherit;
}
#login-footer .login-footer-section #pdic-disclaimer {
	text-align: left;
}
#login-footer .login-footer-section #terms-url {
	text-align: center;
}
#login-footer .login-footer-section #bsp-url {
	text-align: right;
}

/* ========== External Site Modal ========== */

.external-url-btn {
	background-color:#CBA134;
	border-color:#CBA134;
	color:#fff;
	cursor: pointer;
	text-align:center;
	text-decoration:none;
	font-family:NotoSans,sans-serif;
	font-size:16px;
	font-weight:700;
	line-height:32px;
	border-style: solid;
	border-radius:.25rem;
}

.external-url-btn-cancel {
	background-color:#FFF;
	border-color:#CBA134;
	color:#CBA134;
	cursor: pointer;
	text-align:center;
	text-decoration:none;
	font-family:NotoSans,sans-serif;
	font-size:16px;
	font-weight:700;
	line-height:32px;
	border-style: solid;
	border-radius:.25rem;
}

@media screen and (max-width:900px){
	.afpaas-modal-container .afpaas-modal {
	    width: 25rem;
	}

	#content {
		padding-top: 2rem;
		padding-bottom: 3rem;
	}

	#login-footer-container {
		display: block;
		width: 100%;
		position: relative;
	}

	#login-footer {
		position: relative;
		display: flex;
		flex-direction: column;
	}
	
	#login-footer .login-footer-section {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 0.25rem;
	}

	#login-footer .login-footer-section #terms-url {
		text-align: left;
	}

	#login-footer .login-footer-section #bsp-url {
		text-align: left;
	}
}

@media screen and (max-height:916px) and (min-height:900px){
	#content {
		padding-bottom: 5rem;
	}
}