.user__block-referral {
    gap: 15px;
}

.sidebar-button__mobile-nav {
    position: absolute;
    top: 20px;
    left: 100%;
    color: #fff;
    z-index: 1;
    padding: 10px;
    border: 1px solid var(--red-color);
    border-left: none;
    background: var(--red-color);
    display: none;
}

.sidebar-button__mobile-nav:hover {
    color: #fff;
    background: var(--red-color);
    opacity: 0.9;
}

.table-tours #basic-1_filter {
    display: none;
}

#value__order-status,
#value__order-status-tour,
#value__order-city {
    display: block;
    width: 100%;
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    background-color: #fff;
    font-size: 14px;
    color: #717171;
    font-weight: 400;
    line-height: 1.5;
    vertical-align: middle;
    background-image: url(../../img/user/arrow.svg);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media screen and (max-width: 991px) {
    .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav.user__left-sidebar {
        opacity: 1;
        visibility: visible;
    } 
    .page-body-wrapper .page-body {
        margin-left: 290px !important;
    }
    .page-wrapper.compact-wrapper .page-body-wrapper header .sidebar-user img {
        width: 90px !important;
        float: none;
        border-width: 10px !important;
    }
    .page-wrapper.compact-wrapper .page-body-wrapper header .sidebar-user .badge-bottom {
        display: block;
    }
    .page-wrapper.compact-wrapper .page-body-wrapper header .sidebar-user p {
        padding-left: 0;
        text-align: center;
        max-width: 100%;
    }
    .page-wrapper.compact-wrapper .page-body-wrapper header .sidebar-user h6 {
        margin-top: 1rem !important;
        padding-left: 0;
        text-align: center;
    }
    .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .main-navbar .nav-menu {
        height: calc(100vh - 355px);
    }
    .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav .sidebar-user ul {
        display: flex;
    }
    .page-body-wrapper .page-body {
        margin-left: 0 !important;
    }
    .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav.user__left-sidebar {
        margin-left: -290px;
        transition: 1.5s;
    }
    .page-wrapper.compact-wrapper .page-body-wrapper header.main-nav.user__left-sidebar.is-active {
        margin-left: 0;
        transition: 1.5s;
    }
    .page-wrapper .page-body-wrapper .page-body {
        padding-top: 80px !important;
    }
    .sidebar-button__mobile-nav {
        display: block;
    }
    .sidebar__name-agent {
        margin-top: 0.75rem !important;
    }
}

@media (min-width: 1455px) {
    .header__container {
        max-width: 100% !important;
    }
}