.login-pf body {
    background-color: #2b3983;
    background-image: url('../img/Kranar_blue.jpg');
    background-size: cover;
}
.btn-primary {
    background-color: #2b3983;
    background-image: linear-gradient(to bottom, #abc0e4 0%, #0871b8 100%);
    border-color: #2b3983;
}
.btn-primary:hover {
    background-color: #abc0e4;
    border-color: #2b3983;
}
.card-pf {
  max-width: 512px;
}

/* Keycloak 12.0.0 */
.card-pf {
  border-color: var(--pf-global--palette--blue-500);
}
.pf-c-form-control:hover {
  border-bottom-color: var(--pf-global--palette--blue-500);
}
.pf-c-button.pf-m-primary {
    background-color: #2b3983;
    background-image: linear-gradient(to bottom, #abc0e4 0%, #0871b8 100%);
    border-color: #2b3983;
}

.pf-c-button.pf-m-primary:hover {
    background-color: #abc0e4;
    border-color: #2b3983;
}
/*
.pf-c-form-control {
  --pf-global--Color--100: var(--pf-global--Color--dark-100);
  --pf-global--Color--200: var(--pf-global--Color--dark-200);
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
  --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
  --pf-global--link--Color: var(--pf-global--link--Color--dark);
  --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
}
.pf-c-form-control:focus, .pf-c-form-control:active {
  border-color: var(--pf-global--palette--blue-500);
  border-top-color: var(--pf-global--palette--blue-500);
  border-right-color: var(--pf-global--palette--blue-500);
  border-bottom-color: var(--pf-global--palette--blue-500);
  border-left-color: var(--pf-global--palette--blue-500);
}
*/