:root {
    --eld-dark: #222222;
    --eld-light: #ecf7f8;
    --eld-primary: #668388;
    --eld-primary2: #29434e;
    --eld-primary3: #4FB3BF;
    --eld-primary4: #245156;
}

.navbar-brand {
    width: 200px;
}

.navbar-brand img {
    margin: 0;
    height: 100%;
    width: 100%;
}

.navbar-default, .navbar-inverse {
    background-color: var(--eld-dark);
}

.navbar-nav a,
.navbar-nav .active a,
.navbar-toggle {
    background-color: var(--eld-primary2) !important;
    color: var(--eld-light) !important;
    border-color: var(--eld-primary3) !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-primary3) !important;
}

.profile-client {
    color: var(--eld-light);
}

.profile-client svg path:nth-child(1) {
    stroke: var(--eld-light);
}

.profile-client svg path:nth-child(2) {
    fill: var(--eld-light);
}

#menu-header-label {
    color: #ddddd5;
}