:root {
    --brand-primary: #0d6e8a;
    --brand-primary-dark: #094f64;
    --brand-accent: #35a66f;
    --brand-soft: #e7f4f0;
}

.ea .sidebar-wrapper .sidebar {
    background: transparent;
}

.ea .sidebar .logo {
    color: var(--brand-primary-dark);
}

.ea .sidebar .logo img {
    max-height: 28px;
    width: auto;
    vertical-align: middle;
}

.ea .sidebar .menu .menu-item.active > .menu-link,
.ea .sidebar .menu .menu-item .menu-link:hover {
    background-color: var(--brand-soft);
}

.ea .content-top,
.ea .main-header {
    border-bottom: 2px solid var(--brand-soft);
}

.ea .btn.btn-primary {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
}

.ea .btn.btn-primary:hover,
.ea .btn.btn-primary:focus {
    background-color: var(--brand-primary-dark);
    border-color: var(--brand-primary-dark);
}

.ea .card {
    border-color: #d8e8ee;
}

.ea .card h3.h6.text-muted {
    color: var(--brand-primary) !important;
}

.page-login .login-wrapper .logo img {
    max-height: 46px;
    width: auto;
}

.page-login .btn-primary {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
}

.page-login .btn-primary:hover,
.page-login .btn-primary:focus {
    background-color: var(--brand-primary-dark);
    border-color: var(--brand-primary-dark);
}