:root {
  --OUB-primary-color: #03608c;
  --OUB-secondary-color: #3c8dbc;
  --OUB-tertiary-color: #fff;
  --OUB-text-color: #fff;
  --OUB-border-color: #d2d6de;
}

.blue a {
    color: var(--OUB-primary-color);
}

.blue a:hover {
    color: var(--OUB-secondary-color);
}

.blue .navbar-inverse {
    margin: 0;
    border-bottom: 10px solid var(--OUB-primary-color);
}

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

.blue .header-wrap {
    background: var(--OUB-primary-color);
}

.blue .btn-primary {
    background: var(--OUB-primary-color);
}

.blue .btn-primary:hover {
    background: var(--OUB-secondary-color);
}

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

.blue form.loginform label {
    color: var(--OUB-text-color);
}

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

.blue .cp_footer {
    background-color: var(--OUB-primary-color)!important;
}

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

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

.blue .fa-toggle-on {
	color: var(--OUB-primary-color);
}

.blue input.form-control {
    /*background: #eaf0fe;*/
    border-radius: 4px;
    height: 40px;
}

    .blue input.form-control::placeholder {
        opacity: .6;
    }

.blude 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);
}

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