<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Basic Colors*/
.light-green-color { color: #747CA1 }   /* 95D99B */
.light-green-bg-color { background-color: #747CA1; }   /* 95D99B */
.dark-green-color { color: #fff; }   /* 4D6F50 */
.dark-green-bg-color { background-color: #747CA1; }    /* 4D6F50 */
.white-color { color: #747CA1; }

.padding-top-100px {padding-top: 100px;}
.margin-bottom-25px {margin-bottom: 25px;}

/**********************
 *
 * style for LOGIN
 *
 **********************/

#loginContainer{
    background-color: #f7f7f7;   /* 747CA1 */
    height: 100vh;
}

.login-form {
    width: auto;
    margin: 0 auto;
}

.login-form .hint-text {
    color: #DDD;
    text-align: center;
    font-size: 0.8em;
}

.form-control, .btn {
    min-height: 38px;
    border-radius: 8px;
}

.login-btn {
    font-size: 15px;
    font-weight: bold;
}

.social-btn {

}

.input-group {
    background-color: #fff;  /* 4D6F50  747CA1 */
    color: white;  /* green */
    border: 1px solid #9b9b9b;  /* fff */
    border-radius: 4px;
}

.input-group input::placeholder {
    color: #000;
    background-color: #fff;   /* 4D6F50 747CA1*/
    font-size: 1em;
}

.input-group&gt;.custom-select:not(:first-child), 
.input-group&gt;.form-control:not(:first-child) {
    color: #9b9b9b;
    background-color: #fff; /* 4D6F50 */
    text-transform: none;
    font-size: 1em;   /* 1em */
    border: none;
}

.input-group-addon .fa {
    font-size: 18px;
    padding: 10px;
    color: #000;  /* 95D99B */
}

.form-group {
    margin-bottom: 1rem;
    padding-left: 55px;
    padding-right: 55px;
}

.clearfix {
    padding-left: 55px;
    padding-right: 55px;
}

.btn-success,
.btn-success:hover {
    height: 42px;
    color: #DAF7A6;
    background-color: #ff8000;
    border-color: #DAF7A6 !important;
    text-transform: uppercase;
    font-size: 1em;
}

</pre></body></html>