.worldline-logo {
  text-align: center;
  background-size: contain;
  height: 65px;
  width: 250px;
  margin: 0 auto;
}

.worldline-logo img {
  width: 100%;
}

.login-pf body {
  font-family: 'Inter', sans-serif;
  background: #fff url("../img/header-onde.svg") no-repeat fixed center;
  background-size: contain;
}

#kc-header {
  display: none;
}

.card-pf {
  background: #fff;
  margin: 15px auto;
  padding: 0 20px;
  min-width: 500px;
  max-width: 500px;
  border-top: 0;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 3px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
  border-radius: 13px;
}

.login-pf-page {
  height: calc(100% - 60px);
  display: flex;
  align-items: center;
  height: 100vh;
  justify-content: center;
}


.footer-background {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  place-content: space-around;
  box-shadow: 0 0 13px rgba(0, 0, 0, .2);
  opacity: 0.7;
  font-size: 16px;
  height: 100%;
  font-weight: lighter;
}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
}


.pf-c-input-group,
.form-group {
  .pf-c-form-control {
    font-style: normal;
    outline: none;
    box-shadow: none;
    font-weight: 300;
    width: 100%;
    font-size: 16px;
    border: 2px solid #d9d9d9;
    border-radius: 6px;
    height: 44px;
    box-sizing: border-box;
     padding-left: 20px; 

  }

  .pf-c-form-control {
    border: 2px solid #d9d9d9;
    border-radius: 6px 6px;
  }

  .pf-c-form-control#password {
    border-right: 0;
    border-radius: 6px 0 0 6px;
  }

  .pf-c-button.pf-m-control {
    border-radius: 0 6px 6px 0;
    border: 2px solid #d9d9d9;
    border-left: 0;
  }

  .pf-c-button.pf-m-control:hover {
    --pf-c-button--m-control--Color: var(--pf-c-button--m-control--hover--Color);
    --pf-c-button--m-control--BackgroundColor: var(--pf-c-button--m-control--hover--BackgroundColor);
    --pf-c-button--m-control--after--BorderBottomColor: #45BEAA;
    --pf-c-button--m-control--after--BorderWidth: 0;
    --pf-c-button--m-control--after--BorderColor: none;
  }

  .pf-c-button.pf-m-control {
    --pf-c-button--BorderRadius: var(--pf-c-button--m-control--BorderRadius);
    --pf-c-button--disabled--BackgroundColor: var(--pf-c-button--m-control--disabled--BackgroundColor);
    --pf-c-button--after--BorderWidth: 0;
    --pf-c-button--after--BorderColor: none;
    color: var(--pf-c-button--m-control--Color);
    background-color: var(--pf-c-button--m-control--BackgroundColor)
  }
}


.login-pf a:hover {
  color: #45BEAA;
}

.pf-c-button.pf-m-primary {
  width: 100% !important;
  height: 45px !important;
  border: 0 !important;
  margin: auto;
  font-weight: 500;
  font-family: 'Inter', sans-serif;
  border-radius: 6px;
  color: #fff !important;
  text-decoration: none;
  background: #45BEAA;
  outline: none !important;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  text-transform: uppercase;

}

.pf-c-button.btn-primary:hover,
.pf-c-button.btn-primary:active {
  box-shadow: rgba(50, 50, 93, .2) 0 15px 35px, rgba(0, 0, 0, .09) 0 5px 15px !important;
  border: 1px solid #45BEAA !important;
  background: #45BEAA !important;
}


.activate-password,
.forgot-password {
  color: #000;
  text-decoration: none;
  font-family: 'Inter', sans-serif;
  cursor: pointer;
}

.activate-password a,
.forgot-password a {
  color: #000;
}

.forgot-password {
  font-weight: bold;
  font-size: 14px;
}

.activate-password {
  margin-top: 25px;
  font-size: 16px;
}

#kc-form-login {
  margin-bottom: 15px;
}

a:active,
a:hover {
  font-size: 14px;
  color: #000;
}

a {
  font-size: 14px;
  color: #000;
}