:root {
    --fs-background: white;
    --fs-logo-minWidth: 25px;
    --fs-logo-verticalMargin: 0 auto 1rem auto;
    --fs-info-text-margin: 0 0 10px 0;
    --fs-button-color: white;
    --fs-button-backgroundColor: #006ab3;
    --fs-button-hover-backgroundColor: #006ab3;
    --fs-button-focus-backgroundColor: #006ab3;
    --fs-button-active-backgroundColor: #006ab3;
    --fs-header-color: #363636;
    --fs-card-minWidth: 450px;
    --fs-card-maxWidth: 450px;
    --fs-card-minHeight: 200px;
    --fs-card-maxHeight: 500px;
    --fs-card-backgroundColor: white;
    --fs-card-borderColor: #006ab3;
    --fs-card-borderTop: 4px solid;
    --fs-input-border-bottom-color: #006ab3;
}

.login-pf body {
    background-color: var(--fs-background, white);
	background-image: url(".././img/PortalBackground.png");
}

.login-pf-page {
    padding: 0px !important; /* overwrite keycloak default */
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.login-pf-header {
    position: relative;
}

#kc-locale {
    position: absolute;
    right: 0px;
    top: 0px;
    margin-top: -5px;
}

.pf-c-button.pf-m-primary {
    color: var(--fs-button-color, white);
    background-color: var(--fs-button-backgroundColor, #006ab3);
}
.pf-c-button.pf-m-primary:hover {
    background-color: var(--fs-button-hover-backgroundColor, #006ab3);
}
.pf-c-button.pf-m-primary:focus {
    background-color: var(--fs-button-focus-backgroundColor, #006ab3);
}
.pf-c-button.pf-m-primary:active {
    background-color: var(--fs-button-active-backgroundColor, #006ab3);
}

/* element is commented out at the moment */
#kc-header {
    color: var(--fs-header-color, #363636);
}

.card-pf {
    display: flex;
    flex-direction: column;
	color: #00E691;
    box-shadow: var(--pf-global--BoxShadow--lg);
    min-width: var(--fs-card-minWidth, 450px);
    max-width: var(--fs-card-maxWidth, 450px);
    min-height: var(--fs-card-minHeight, 200px);
    max-height: var(--fs-card-maxHeight, 500px);
    background-color: var(--fs-card-backgroundColor, white);
    border-top: var(--fs-card-borderTop, 4px solid);
    border-color: var(--fs-card-borderColor, #006ab3);
}

#fs-company-logo {
    display: block;
	margin-bottom: -10% !important;
    margin: var(--fs-logo-margin, 0 auto 1rem auto);
    min-width: var(--fs-logo-minWidth, 25px);
	max-width: 50%;
}

#fs-info-text {
	color: white;
    margin: var(--fs-info-text-margin, 0px 0px 0px 0px);
}

.pf-c-form-control:hover {
    border-bottom-color: var(--fs-input-border-bottom-color, #006ab3);
}

#fs-legal-group {
    font-weight: 700;
    font-size: 1.2em;
    color: #363636;
    position: absolute;
    bottom: 0;
    margin: 10px 20px;
    right: 0;
}
.label{
color: white;
}
#fs-legal-group > span > a {
    color: #6A6E73;
    padding: 10px 5px;
}