body {
  background: #fff;
}

.login-pf body {
  background: #fff;
}

.login-pf-page {
  padding: 20px 40px 30px 40px;
  background-color: #fff;
}

.kc-warn-small {
  color: red;
  font-size: 16px;
}

.kc-warn-normal {
  color: red;
  font-size: 24px;
}

.kc-warn-big {
  color: red;
  font-size: 48px;
}

.kc-logo-skolfed-text {
  background-image: url(../img/skolfed-logo.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 600px auto;
  height: 90px;
  width: 600px;
  margin: 1em auto;
}

.kc-logo-skolfed-trial-text {
  background-image: url(../img/skolfed-logo-trial.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 600px auto;
  height: 90px;
  width: 600px;
  margin: 1em auto;
}

.kc-logo-moa-text {
  background-image: url(../img/moa-logo.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 110px;
  height: 200px;
  width: 600px;
  margin: 1em auto;
}

.kc-logo-moa-trial-text {
  background-image: url(../img/moa-trial-logo.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 110px;
  height: 200px;
  width: 600px;
  margin: 1em auto;
}


.kc-logo-sambi-text {
  background-image: url(../img/sambi-logo.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 200px;
  height: 200px;
  width: 600px;
  margin: 1em auto;
}

.kc-logo-sambi-trial-text {
  background-image: url(../img/sambi-logo-trial.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 200px;
  height: 200px;
  width: 600px;
  margin: 1em auto;
}

.kc-logo-sambi-acc-text {
  background-image: url(../img/sambi-logo-acc.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 200px;
  height: 200px;
  width: 600px;
  margin: 1em auto;
}

.kc-logo-fedvis-text {
  background-image: url(../img/fedvis-logo.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 90px;
  height: 100px;
  width: 600px;
  margin: 1em auto;
}

.kc-logo-fedvis-trial-text {
  background-image: url(../img/fedvis-logo-trial.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 90px;
  height: 100px;
  width: 600px;
  margin: 1em auto;
}

.kc-logo-fedvis-acc-text {
  background-image: url(../img/fedvis-logo-acc.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 90px;
  height: 100px;
  width: 600px;
  margin: 1em auto;
}

#kc-top {
  background: url("../img/background.png") no-repeat left top;
  background-color: #fff;
  line-height: 300px;
  background-size: auto 80px;
  height: 100px;
  padding: 0;
  margin: 0;
}

#kc-header-wrapper {
  font-size: 45px;
  font-family: Roboto, Helvetica Neue, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #000000;
  line-height: 153px;
  padding: 0;
  margin: 0;
}

.pf-c-form__label {
  display: inline-block;
  font-size: initial;
}

#kc-form-buttons {
  margin-top: 45px;
}

#kc-form-buttons-wrapper {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.login-pf-header h1 {
  font-size: 33px;
  font-family: Helvetica;
  color: #424242;
}
@media (min-width: 768px) {
  .login-pf-page,
  .login-pf-header h1 {
    font-size: 33px;
  }
  .login-pf-page {
    padding: 20px 40px 30px 40px;
    background-color: #fff;
  }
  .card-pf {
    padding: 20px 40px 30px 40px;
    background-color: #f4f4f4;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5);
    border-top: 0px solid;
  }
  #kc-top {
    background-size: auto 60px;
  }
}
@media (max-width: 767px) {
  #kc-header-wrapper {
    font-size: 33px;
  }
  .login-pf body {
    background: #fff;
  }
  #kc-top {
    background-size: auto 60px;
  }
}
.card-pf {
  border-radius: 3px;
  max-width: 620px;
  border-top: 0px solid;
}
.btn-lg {
  font-size: 13px;
  min-width: 130px;
  height: 36px;
  border-style: none;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5),
    0 2px 4px 0 rgba(0, 0, 0, 0.5), 1px 1px 2px 0 rgba(0, 0, 0, 0.3),
    -1px -1px 0 0 #eeeeee;
  border-radius: 3px;
  font-family: Roboto, Helvetica Neue, Arial, Helvetica, sans-serif;
  background-color: #3284bf;
}
#kc-login,
#userSelect {
  background-color: #3284bf;
}
#kc-cancel {
  background-color: #424242;
}
.form-control {
  border-radius: 2px;
  border: 1px solid #9b9b9b;
  font-size: 14px;
  font-family: Roboto, Helvetica Neue, Arial, Helvetica, sans-serif;
}
.control-label {
  font-size: 14px;
  color: #424242;
  font-family: Helvetica;
  line-height: 17px;
  font-weight: 100;
}
#kc-login,
#kc-cancel,
#userSelect {
  height: 36px;
  width: 95px;
  border-style: none;
  color: #ffffff;
  background-image: none;
}
input[type="submit"].btn-block {
  height: 36px;
  width: 95px;
}
label {
  font-family: Helvetica;
  font-size: 13px;
  color: #424242;
  font-weight: 100;
}
.kc-feedback-text {
  font-family: Helvetica;
  font-size: 13px;
  color: #424242;
}
#kc-error-message,
.instruction {
  font-family: Helvetica;
  font-size: 16px;
  color: #424242;
}
#back-to-application,
#backToApplication {
  color: #3284bf;
}

/* Override */

.login-pf-page .pf-c-button.pf-m-primary {
  margin-right: 10px;
  margin-left: 10px;
}

.login-pf-page #kc-form-buttons-wrapper {
  display: flex;
  justify-content: center;
}

.login-pf-page .pf-c-button.pf-m-primary.btn-lg {
  min-width: 140px;
}