:root {
    --OUG-primary-color: #00be2f; /* #58b946;*/
    --OUG-secondary-color: #00972d;
    --OUG-tertiary-color: #017424;
    --OUG-text-color: #fff;
    --OUG-border-color: #d2d6de;
}

/* 5ab845 */
/* 58b946 */
/* 017424 */

.green a {
    color: var(--OUG-primary-color);
}

.green a:hover {
    color: var(--OUG-secondary-color);
}
.green .navbar-inverse {
    background-color: transparent;
    margin: 0;
    border-bottom: 10px solid var(--OUG-primary-color);
}

.green .btn-primary {
    background: var(--OUG-primary-color);
}

.green .btn-primary:hover {
    background: var(--OUG-secondary-color);
}

.green section#page-wrapper {
    background-color: transparent;
}

.green .header-wrap {
    background: var(--OUG-primary-color);
}

.green form.loginform {
    background-color: transparent;
}

.green form.loginform label {
    color: var(--OUG-text-color);
}

.green .qr-image {
    background-color: transparent;
}

.green .cp_footer {
    background-color: var(--OUG-primary-color)!important;
}

.green .cd-top {
    background-color: var(--OUG-primary-color)!important;
}

.green .navbar-inverse .navbar-nav>.open>a, 
.green .navbar-inverse .navbar-nav>.open>a:focus, 
.green .navbar-inverse .navbar-nav>.open>a:hover {
    color: var(--OUG-text-color);
    background-color: var(--OUG-primary-color);
}

.green .fa-toggle-on {
	color: var(--OUG-primary-color);
}

.green input.form-control {
    /*background: var(--OUG-tertiary-color)!important;*/
    border-radius: 4px;
    height: 40px;
}

    .green input.form-control::placeholder {
        opacity: .6;
    }
.green input.form:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}

.green .cp-form-main .cp-heading-login {
    background-color: var(--OUG-primary-color);
}