/* Font colors */
#kc-header {
    color: #306A72;
}
#kc-content {
    color: #306A72;
}
.btn, .btn:hover {
    color: #ffffff;
}
a {
    color: #306A72;
}
a:hover {
    color: #588F97;
}

.form-control:hover, .form-control:focus {
    border-color: #306A72;
}

/* Page background */
.login-pf body {
    background-color: #ffffff;
}
#kc-logo-wrapper {
    background-image: linear-gradient(#ecf3f9, #dbe9f4);
}

/* Button background */
.btn {
    background-image: linear-gradient(to bottom, #306A72 0%, #588F97 100%);
}
.btn:hover {
    background-image: linear-gradient(to bottom, #588F97 0%, #7EB7BF 100%);
}