.login-pf body {
  background: none;
  background-color: #f6f9fd;
  color: #00183f;
  margin: 0px;
  font-size: 13px;
  line-height: 1;
  font-family: 'Montserrat', 'Helvetica', 'Arial', 'sans-serif';
}

.login-pf-page {
  padding-top: 0;
}

.login-pf-page .login-pf-header h1 {
  font-size: 18px;
  color: #26337c;
  font-weight: bold;
}

.login-pf-page-header {
  height: 280px;
  width: 100%;
  background-color: #26337c;
  padding: 20px;
}

#kc-header-wrapper {
  font-size: 0;
  display: block;
  height: 100%;
  background: url(../img/header-logo.svg) no-repeat;
  background-position: center;
}

.pf-c-alert {
  padding: 11px;
  margin-bottom: 20px;
  background-color: transparent;
  text-align: justify;
}

.pf-c-alert .pf-c-alert__title {
  color: #333333;
  font-weight: normal;
}

.alert-error {
  border: 1px solid #cc0000;
}

.alert-warning {
  border: 1px solid #f0ab00;
}

.alert-success {
  border: 1px solid #3e8635;
}

.pf-m-error {
  color: #cc0000;
  display: block;
  margin-top: 5px;
}

.kc-back-to-previous {
  text-align: left;
  font-size: 13px;
  font-weight: normal;
  padding-bottom: 10px;
}

#kc-form-options {
  margin-bottom: 20px;
}

#kc-form-options div.checkbox {
  color: #26337c;
  margin: 0;
}

#kc-info-wrapper {
  line-height: 1.5;
}

.card-pf {
  margin: -100px auto 40px auto;
  max-width: 500px;
}

.form-group {
  position: relative;
  margin-bottom: 20px;
}

.form-group div {
  padding: 0;
}

.form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0;
}

input[type=checkbox], input[type=radio] {
  margin: 0;
}

a {
  color: #26337c;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

label.pf-c-form__label {
  color: #63687b;
  margin-bottom: 5px;
}

.pf-c-button.pf-m-control {
  background: none;
  position: absolute;
  right: 0;
  z-index: 200;
}

.pf-c-button.pf-m-control:after {
  border: 0;
}

.pf-c-button.pf-m-control:hover {
  border: 0;
  background: none;
}

.login-pf-page .login-pf-signup a {
  font-weight: bold;
}

.login-pf-page .login-pf-signup {
  font-size: 13px;
}

input[type='text'],
input[type='password'] {
  height: 36px;
  border: 1px solid rgb(99, 104, 123);
  background: none!important;
  width: 100%;
  padding: 0 18px;
  line-height: 14px;
  border-radius: 18px;
  font-size: 12px;
}

input[type='password'] {
  padding-right: 40px;
}

input:focus {
  border: 1px solid #fa7b45;
  outline: none;
}

.pf-c-form-control:focus {
  padding-bottom: 0;
  border-bottom-width: 1px;
}

/*button*/
input[type='submit'] {
  border: 0;
  margin-top: 0;
  color: #ffffff;
  height: 36px;
  padding: 0px 24px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  box-shadow: none;
  box-sizing: border-box;
  transition: background 0.5s;
  border-radius: 18px;
  background-size: 300% auto;
  width: 100%;
  background-image: linear-gradient(to right, #fa7b45 0%, #ffae3c 33%, #ffae3c 67%, #fa7b45 100%);
}

input[type='submit']:hover {
  cursor: pointer;
}