body {
    background: #fff;
}
a{
    color:#87ba13;
}
a:hover{
    color: #79a711;
}
.title {
    margin-bottom: 15px;
}
img.logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    width: 270px;
    max-width: 70%;  
}   

#kc-header, #kc-content {
    margin-left: auto;
    margin-right: auto;
}

#kc-header {
    width: 90%;
    font-size: 35px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 300;
    margin-top: 3%;
    color: rgb(68, 68, 68);
}

#kc-content {
    background: white;
    padding: 20px;
    border-radius: 3px;
    border-top: 3px solid #87ba13;
    box-shadow: 0 5px 6px -3px rgba(0,0,0,.2), 0 9px 12px 1px rgba(0,0,0,.14), 0 3px 16px 2px rgba(0,0,0,.12);
    border-color:#87ba13;
}

@media (max-width: 576px) {
    #kc-content {
        width: 90%;
    }
}

@media (min-width: 577px) {
    #kc-content {
        width: 360px;
    }
}

.password-container {
    margin-top: 15px;
    margin-bottom: 20px;
    border-color: #87ba13;
}

#kc-login {
    float: right;
}

#kc-error-message p {
    margin: 0;
}

.checkbox {
    margin-top: 6px;
    margin-bottom: 0px;
}

.remember-me-checkbox label {
    padding-left: 0px;        
}

.register .register-field {
    margin-bottom: 15px;
}

.register .register-button-container {
    margin-top: 20px;
}
.btn-primary:hover, .btn-primary:visited, .btn-primary:focus, .btn-primary:active  {
    background-color: #79a711 !important;
    border-color: #688f0f !important;
    outline: none !important;
}
.btn-primary {
    background-color: #87ba13;
    border-color: #79a711;
}
#password-new:valid, #password-confirm:valid {
    border-color: #87ba13;
}
.form-control:hover {
    border-color:#87ba13;
}
.form-control{
    border-color: #afb0b3;
}
.form-control:focus {
    border-color:#87ba13; 
}
.form-control:focus:hover {
    border-color:#79a711; 
}
.form-control:invalid:hover {
    border-color:#d73925;
}
.form-control:invalid {
    border-color:#d73925;
}
.reset-password .reset-password-field {
    margin-bottom: 15px;
}
.fa-globe:before {
    color: #87ba13;
}
.update-password .update-password-field {
    margin-bottom: 15px;
}

.update-password .update-password-button-container {
    margin-top: 20px;
}

.config-totp .config-totp-button-container {
    margin-top: 15px;
}

.totp .totp-button-container {
    margin-top: 15px;
}

.update-profile .update-profile-field {
    margin-top: 15px;
}

.update-profile .update-profile-button-container {
    margin-top: 20px;
}

.template .language-picker {
    position: relative;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 20px;
    width: 160px;
}

.template .language-picker .form-group {
    white-space: nowrap;

    /* the below keeps the label in "inline" mode even on narrow screens */
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.template .language-picker .language-picker-dropdown-label i {
    vertical-align: middle;
    margin-right: 7px;
    margin-left: -7px;
    color: #9ca2af;
}

.template .language-picker select.form-control {
    border-color: #afb0b3;
    background: transparent;

    /* the below keeps the <select> in "inline" mode even on narrow screens */
    display: inline-block;
    width: auto;
    vertical-align: middle;
}