.login-pf-page .card-pf {
  border-top: unset;
  padding: unset;
  background: #efefed;
}

.login-pf-header {
  padding: 5px 0px 5px 0px;
  background-color: #ffcc00;
}

@media (min-width: 768px) {
  .login-pf-header {
    padding: 10px 0px 10px 0px;
  }
}

#kc-content {
  padding: 0px 20px 30px 20px
}

@media (min-width: 768px){
  #kc-content {
    padding: 0px 40px 30px 40px;
  }
}

.login-pf body {
    background: none;
}

div.kc-logo-text {
    background-image: url(../img/Technolution_Logo_v2_RGB_Compact_72dpi.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

@media (max-width: 767px) {
    div.kc-logo-text {
        margin: unset;
        width: 150;
        height: 32;
        background-size: 100%;
        background-position: center;
    }
}

.pf-c-button[type="button"],
.pf-c-button[type="submit"] {
    border-radius: 8px;
    background-color: #0b0a15;
    color: #ffffff;
    border: unset;
    border-radius: 8px;
    padding: 6px 10px;
    font-size: 14px;
    line-height: 1.3333333;
}

.pf-c-button[type="button"]:hover,
.pf-c-button[type="submit"]:hover {
  color: #ffcc00
}

.pf-c-form-control:focus,
.pf-c-form-control:hover {
  --pf-c-form-control--BorderBottomColor: #ffcc00;
}

input[type=checkbox] {
  accent-color: #ffcc00;
}

.select-auth-box-headline {
  color: #ffcc00;
}

h1#kc-page-title {
    font-size: 14px;
    font-weight: bold;
}

#kc-username {
  margin-bottom: 0px;
}

#kc-attempted-username {
  font-size: 14px;
  font-weight: bold;
}

.kc-social-provider-name {
  top: unset;
}

.pf-c-button.pf-m-control {
    --pf-c-button--after--BorderColor: unset;
    --pf-c-button--after--BorderWidth: unset;
    --pf-c-button--disabled--BackgroundColor: unset;
    --pf-c-button--BorderRadius: unset;
}