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

.bg-dark, .modal-header, .navbar,
.notifications-container .expand-btn,
app-notification-popup .list-header,
.ngx-datatable.te-ngx-datatable .datatable-header {
    background-color: var(--eld-dark) !important;
}

#smooth-hover .head-skeleton,
#smooth-hover .sidebar-skeleton {
    background-color: var(--eld-primary);
}

#smooth-hover .spinner,
a.app-sidebar-item.garage-nav-item.opened.active,
a.app-sidebar-item.garage-nav-item.opened.active-link-page,
.app-sidebar-item:hover,
.app-sidebar-item.active,
.app-sidebar-item.active-link-page {
    color: var(--eld-primary) !important;
}


.sidebar-group.opened a.app-sidebar-item.garage-nav-item:hover,
.sidebar-group.opened a.app-sidebar-item.garage-nav-item.active,
.sidebar-group.opened a.app-sidebar-item.garage-nav-item.active-link-page,
a.app-sidebar-item.garage-nav-item.opened:hover {
    color: var(--eld-dark) !important;
}

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

.content {
    background: var(--eld-light);
}

.app-sidebar {
    background-color: var(--eld-dark);
    color: #ddddd5;
}

.app-sidebar .app-sidebar-item,
.cpm-dropdown-content a,
.app-sidebar-item {
    color: #ddddd5;
}

.cpm-dropdown-content,
.ngx-datatable.bootstrap .datatable-header .datatable-header-cell,
.support-task-chat-header {
    background-color: var(--eld-dark);
}

.cpm-dropdown-content a:hover,
.owl-dt-calendar-table .owl-dt-calendar-cell-selected,
.dropdown-item:active,
.dropdown-item.active {
    background-color: var(--eld-primary2);
}

.btn-primary,
.btn-te {
    background: var(--eld-primary) !important;
    border-color: var(--eld-primary3) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-te:hover,
.btn-te:focus,
.btn-te:active {
    background-color: var(--eld-primary3) !important;
    border-color: var(--eld-primary) !important;
}

.dropdown-item:hover,
.dropdown-item:focus,
.card-header {
    background-color: var(--eld-light);
}

.ngx-datatable.bootstrap:not(.event-list) .datatable-body .datatable-body-row.datatable-row-even .datatable-body-cell,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background-color: var(--eld-light) !important;
}

.ngx-datatable.bootstrap .datatable-body .datatable-body-row.active .datatable-body-cell,
.ngx-datatable.bootstrap .datatable-body .datatable-body-row.datatable-row-even.active .datatable-body-cell {
    background-color: var(--eld-primary2) !important;
}

.list-group-item.active {
    background-color: var(--eld-primary2);
    border-color: var(--eld-primary2);
}

::-webkit-scrollbar-thumb {
    background-color: var(--eld-dark);
}

::-webkit-scrollbar-track {
    background-color: var(--eld-light);
}

.app-sidebar-item .app-sidebar-item-icon {
    fill: #ddddd5;
}

.app-sidebar-item:hover .app-sidebar-item-icon,
.app-sidebar-item.active .app-sidebar-item-icon,
.app-sidebar-item.active-link-page .app-sidebar-item-icon {
    fill: var(--eld-primary);
}

/* Collapsable Group */
a.app-sidebar-item.garage-nav-item.opened,
.sidebar-group.opened a.app-sidebar-item.garage-nav-item {
    background-color: var(--eld-primary)!important;
    color: var(--eld-light) !important;
}

a.app-sidebar-item.garage-nav-item.opened .app-sidebar-item-icon,
.sidebar-group.opened a.app-sidebar-item.garage-nav-item .app-sidebar-item-icon {
    fill: #06124a;
}

a.app-sidebar-item.garage-nav-item.opened:hover .app-sidebar-item-icon,
a.app-sidebar-item.garage-nav-item.opened.active .app-sidebar-item-icon,
a.app-sidebar-item.garage-nav-item.opened.active-link-page .app-sidebar-item-icon {
    fill: var(--eld-primary) !important;
}

.sidebar-group.opened a.app-sidebar-item.garage-nav-item:hover .app-sidebar-item-icon,
.sidebar-group.opened a.app-sidebar-item.garage-nav-item.active .app-sidebar-item-icon,
.sidebar-group.opened a.app-sidebar-item.garage-nav-item.active-link-page .app-sidebar-item-icon {
    fill: var(--eld-primary2) !important;
}

.navbar .navbar-right {
    color: #d1d1d1;
}

.navbar .navbar-right .user-name svg path:nth-child(1) {
    stroke: #d1d1d1;
}

.navbar .navbar-right .user-name svg path:nth-child(2) {
    fill: #d1d1d1;
}