.dropdown-list {
    padding: 0;
    border: none;
    overflow: hidden;
}

.dropdown .dropdown-list .dropdown-header {
    background-color: #4e73df;
    border: 1px solid #4e73df;
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #fff;
}

.dropdown .dropdown-menu .dropdown-header {
    font-weight: 800;
    font-size: .65rem;
    color: #b7b9cc;
}

.dropdown .dropdown-menu .dropdown-header, .sidebar .sidebar-heading, .text-uppercase {
    text-transform: uppercase !important;
}

.dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: .875rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap;
}

.icon-circle {
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 100%;
    display: flex
;
    align-items: center;
    justify-content: center;
}

.mr-3, .mx-3 {
    margin-right: 1rem !important;
}

.text-gray-500 {
    color: #b7b9cc !important;
}

.small, small {
    font-size: 80%;
    font-weight: 400;
}

@media (min-width: 576px) {
    .topbar .dropdown .dropdown-menu {
        width: auto;
        right: 0;
    }
}

@media (min-width: 576px) {
    .topbar .dropdown-list {
        width: 20rem !important;
    }
}