/* Colors */
:root {
    --pf-global--primary-color--100: #008480;
    border-radius: 10px;

}
.pf-c-form-control {
    --pf-c-form-control--hover--BorderBottomColor:#008480;
    --pf-c-form-control--focus--BorderBottomColor: #008480;
    border-radius: 10px;
}
.pf-c-button {
    --pf-c-button--m-primary--BackgroundColor: #008480;
    --pf-c-button--m-primary--hover--BackgroundColor: #009980;
    --pf-c-button--m-primary--active--BackgroundColor: #009980;
    --pf-c-button--m-primary--focus--BackgroundColor: #009980;
    border-radius: 10px;
}
.pf-c-button.pf-m-control:hover, .pf-c-button.pf-m-control:focus,
.pf-c-button.pf-m-control:active, .pf-c-button.pf-m-control.pf-m-active {
    --pf-c-button--m-control--after--BorderBottomColor:#008480;
    border-radius: 10px;
}

/* Styles */
body {
    font-family: 'UniviaPro', Arial, sans-serif;
    border-radius: 10px;
}

#kc-header-logo {
    width: 600px;
    height: 150px;
    padding-top: 0px;
    border-radius: 0px;
    margin-left: 150px
}
@media (max-width: 767px) {
    #kc-header-logo {
        width: 400px;
        height: 100px;
        padding-top: 0;
        border-radius: 10px;
        margin-left: 60px
    }
}

.login-pf-page .card-pf {
  border-radius: 10px;
}

.login-pf-page .form-group {
  margin-bottom: 30px;
}

.login-pf-page .form-control {
  border: none;
  /*padding: 22px 30px;*/
  font-size: 18px;
  color: var(--textColor);
  height: auto;

  border-radius: 10px;
  background: var(--baseColor);
}

.login-pf-page .form-control::placeholder {
  font-style: normal;
  color: #008480;
}

.login-pf body {
    background: #008480;
    border-radius: 10px;
}

.login-pf a {
    color: rgba(26, 188, 156);
    border-radius: 10px;
    font-style: italic;
}
.login-pf a:hover, .login-pf a:focus {
    color: rgb(0, 174, 101);
    text-decoration: none;
    border-radius: 10px;
    font-style: italic;
}