:root {
    --eld-dark: #263238;
    --eld-light: #e5fff1;
    --eld-primary: #009c49;
    --eld-primary2: #006c1e;
    --eld-primary3: #51ce76;
    --eld-primary4: #00310e;
}

.navbar-brand {
    padding: 5px 15px;
    position: relative;
    width: 150px;
    height: 70px;
    background-color: #fff;
    border-top-right-radius: 15px;
}

.navbar-brand img {
    max-width: 100%;
}

.navbar-default .navbar-brand:hover, .navbar-inverse .navbar-brand:hover {
    background-color: #fff;
}

.loginBox .title {
    background-color: var(--eld-primary2);
}

.navbar-nav a,
.navbar-nav .active a,
.navbar-toggle {
    background-color: var(--eld-primary2) !important;
    color: var(--eld-light) !important;
}

.navbar-toggle .icon-bar {
    background-color: var(--eld-light) !important;
}

.navbar-nav a:hover,
.navbar-toggle:hover,
.navbar-nav a:active,
.navbar-toggle:active {
    background-color: var(--eld-primary4) !important;
}