.header-grid {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-column-gap: 1rem;
	grid-template-areas: "ords-logo oracle-logo" "ords-logo product-name";
}
.ords-logo {
	grid-area: ords-logo;
}
.oracle-logo {
	grid-area: oracle-logo;
	padding-top: 0.2rem;
}
.product-name {
	grid-area: product-name;
	font-size: 1rem;
	padding-bottom: 0.2rem;
}

/* Header Message */
.login-header-message {
	padding: 10px;
    text-align: center;
}
.login-header-message--warning {
	background: #feedba;
}
.login-header-message--error {
	background: #ffdfdf;
}

.login-confirmation {
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50% );
	height: 450px;
    width: 700px;
	z-index: 10101; /* Overlay z-index + 1 */
}

.olay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color:black;
	opacity: 0.5;
	z-index: 10100;
	pointer-events: none;
}

.login-confirmation > * {
    padding: 1rem 0.5rem;
}

.login-confirmation > div:last-child {
    border-top: 0.5px solid #cbcccd;
    justify-content: center;
}

.login-confirmation button {
    align-items: center;
    padding: 1px 6px;
}