div.kc-logo-text {
   background-image: url(../img/mod.png);
   background-size: 100%;
   height: 80px;
   width: 250px;
   position: absolute;
   left: 1rem;
   top: 1rem;
}

#kc-header-wrapper {
   padding-top: 2rem;
}

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

.login-pf body {
   background: rgb(255, 255, 255);
}

.login-pf-page .card-pf {
   max-width: 600px;
   padding-top: 0.8rem;
}

#kc-form-wrapper {
   width: 400px;
   position: relative;
   margin: auto auto auto auto;
}

#kc-form-wrapper input::placeholder {
   font-size: 11px;
   color: #a2a2a2;
}

#kc-form-wrapper #username {
   border: 1px solid #ff791a;
   border-radius: 2px;
}

#kc-form-wrapper #username:focus {
   border: 1px dashed #ff791a;
   outline: 0;
}
#kc-form-wrapper #password:focus {
   outline: 0;
}
.pf-c-input-group {
   border: 1px solid #ff791a;
   border-radius: 2px 0px 0px 2px;
}
.pf-c-input-group:focus-within {
   border: 1px dashed #ff791a;
   outline: 0;
}
.pf-c-button.pf-m-control {
   border-left: 0px;
   border-radius: 0px 2px 2px 0px;
   padding: 5px 15px 5px 15px;
}
.pf-c-form-control {
   border: 0;
}
.pf-c-button.pf-m-control {
   border: 0;
}
.login-pf-header {
   text-align: center;
}

.login-pf-page .login-pf-header h1 {
   font-size: 2.6rem;
}

#alert {
   border: 1px solid #ff791a;
   border-radius: 3px;
   background: #fad7be;
   margin: 10px auto 10px auto;
   width: 500px;
   padding: 10px 15px;
}

#custom {
   margin: auto auto auto auto;
   width: 520px;
   font-size: 0.8rem;
   margin-top: 0.3rem;
}

#custom ul {
   list-style-type: disc;
   padding-left: 30px;
   text-align: left;
   padding-right: 30px;
   width: 450px;
   margin: auto auto auto auto;
   padding-bottom: 15px;
}

#kc-header {
   margin-bottom: 1rem;
}

#kc-footer {
   margin: 1.8rem auto 0 auto;
   max-width: 500px;
   text-align: center;
   font-size: 0.75rem;
   color: #888888;
}