.app-header__logo .logo-src {
    height: 39px;
    width: unset;
}

.header-mobile-employee-info .btn-group {
    width: 85px;
}

.header-mobile-employee-name {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    font-size: 0.88rem;
    line-height: 1.5;
    opacity: 0.8;
    font-weight: bold;
    margin-right: 1em;
    display: inline-block;
    margin-left: 3em;
}

.app-theme-white .app-header, .app-header {
    background-image: url(../../images/header/header-background.png);
    background-size: 213% 86px;
    background-position: right;
    background-repeat: no-repeat;
    background-position-y: -19px;
}

.header-user-info, .header-mobile-employee-info {
    color: #FFF;
}

.rounded-circle {
    width: 42px;
    height: 42px;
}

.loading-modal {
    z-index: 1500;
}

@media (max-width: 991.98px) {
    .app-header {
        justify-content: flex-start;
    }

    .closed-sidebar.closed-sidebar-mobile .app-header > .app-header__logo {
        display: none;
    }

    .app-header__mobile-menu .app-header__logo {
        display: unset;
        align-items: center;
        display: flex;
    }

    .app-header .app-header__content {
        visibility: visible !important;
        opacity: 1;
        background-color: unset;
    }

    .popover, .dropdown-menu {
        top: 186px !important;
    }

    .app-header .app-header__content, .app-header .app-header__content.header-mobile-open {
        width: fit-content;
        right: 0;
        padding: 0 1.5rem;
        left: auto;
        visibility: visible;
        box-shadow: none;
        top: auto;
    }

    .fixed-footer .app-footer__inner {
        margin-left: 0 !important;
    }

    .fixed-footer.sidebar-mobile-open .app-footer__inner {
        margin-left: 280px !important;
    }
}

@media (max-width: 499px) {
    .header-mobile-employee-name {
        display: none;
    }
}