.member-info-modal .modal-dialog {
    width: calc(100% - 32px);
    max-width: 520px;
    margin: 24px auto;
}

.admin-report-modal .modal-dialog {
    width: calc(100% - 32px);
    max-width: 520px;
    margin: 24px auto;
}

.member-info-modal .modal-content.member-info-modal-content {
    border-radius: 12px;
    border: 1px solid #ffffff;
    box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
    background: #ffffff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 48px);
}

.admin-report-modal .modal-content.member-info-modal-content {
    border-radius: 12px;
    border: 1px solid #ffffff;
    box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
    background: #ffffff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 48px);
}

.member-info-modal .modal-header,
.member-info-popup-header {
    flex: 0 0 auto;
    border-bottom: 1px solid #F1F5F9;
    padding: 18px 24px;
    position: relative;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.member-info-modal .modal-header h4,
.member-info-popup-header h4 {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #111827;
    position: relative;
}

.member-info-modal .modal-header h4 .close,
.member-info-popup-header h4 .close {
    position: static;
    transform: none;
    width: 26px;
    height: 26px;
    border-radius: 0;
    border: none;
    background: transparent;
    color: #374151;
    opacity: 1;
    font-size: 0;
    line-height: 0;
    padding: 0;
    text-shadow: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.member-info-modal .modal-header h4 .close img,
.member-info-popup-header h4 .close img {
    width: 25px;
    height: 25px;
    display: block;
}

.admin-report-modal .member-info-popup-body {
    padding: 15px 24px;
    background: #ffffff;
    min-height: 0;
    max-height: 450px;
    overflow-y: auto;
}

.custom-modal-first-div .member-info-popup-body {
    padding: 15px 24px;
    background: #ffffff;
    min-height: 0;
    max-height: 450px;
    overflow-y: auto;
}

.admin-report-modal .admin-report-popup-card {
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 12px 16px;
    background: #ffffff;
}

.custom-modal-first-div .admin-report-popup-card {
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 12px 16px;
    background: #ffffff;
}

.admin-report-modal .admin-report-popup-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.custom-modal-first-div .admin-report-popup-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.admin-report-modal .admin-report-popup-table td {
    padding: 4px 0;
    vertical-align: top;
}

.custom-modal-first-div .admin-report-popup-table td {
    padding: 4px 0;
    vertical-align: top;
}

.admin-report-modal .admin-report-popup-label {
    width: 55%;
    color: #374151;
    font-weight: 400;
}

.custom-modal-first-div .admin-report-popup-label {
    width: 55%;
    color: #374151;
    font-weight: 400;
}

.admin-report-modal .admin-report-popup-value {
    width: 45%;
    padding-left: 16px;
    padding-inline-start: 16px;
    padding-inline-end: 0;
    color: #111827;
    font-weight: 500;
}

.custom-modal-first-div .admin-report-popup-value {
    width: 45%;
    padding-left: 16px;
    padding-inline-start: 16px;
    padding-inline-end: 0;
    color: #111827;
    font-weight: 500;
}

html[dir="rtl"] .admin-report-modal .admin-report-popup-value,
body[dir="rtl"] .admin-report-modal .admin-report-popup-value {
    padding-left: 0;
    padding-right: 16px;
    padding-inline-start: 0;
    padding-inline-end: 16px;
}

html[dir="rtl"] .custom-modal-first-div .admin-report-popup-value,
body[dir="rtl"] .custom-modal-first-div .admin-report-popup-value {
    padding-left: 0;
    padding-right: 16px;
    padding-inline-start: 0;
    padding-inline-end: 16px;
}

.member-info-popup-body {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 16px 24px 0 24px;
    background: #ffffff;
    position: relative;
}

.member-info-popup {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.mi-top-profile-wrap {
    flex: 0 0 auto;
    width: 100%;
    position: relative;
    z-index: 5;
    background: #ffffff;
}

.mi-details-scroll-wrap,
.mi-details-scroll {
    flex: 1 1 auto;
    min-height: 0;
    max-height: 380px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    position: relative;
    z-index: 1;
}

html[dir="rtl"] .mi-details-scroll-wrap,
body[dir="rtl"] .mi-details-scroll-wrap,
.member-info-modal[dir="rtl"] .mi-details-scroll-wrap,
html[dir="rtl"] .mi-details-scroll,
body[dir="rtl"] .mi-details-scroll,
.member-info-modal[dir="rtl"] .mi-details-scroll {
    padding-right: 0;
    padding-left: 4px;
}

.member-info-modal.mi-loading .member-info-popup-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px 24px;
    min-height: 240px;
}

.member-info-popup-loader {
    display: none;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 180px;
}

.member-info-popup-loader img {
    width: 36px;
    height: 36px;
}

.member-info-modal.mi-loading .member-info-popup-loader {
    display: flex;
    width: 100%;
    min-height: 0;
}

.member-info-modal.mi-loading .member-info-popup {
    display: none;
}

.member-info-modal.modal.fade .modal-dialog {
    transition: transform 220ms ease, opacity 220ms ease;
    transform: translateY(-8px) scale(0.98);
    opacity: 0;
}

.admin-report-modal.modal.fade .modal-dialog {
    transition: transform 220ms ease, opacity 220ms ease;
    transform: translateY(-8px) scale(0.98);
    opacity: 0;
}

.member-info-modal.modal.in .modal-dialog,
.member-info-modal.modal.show .modal-dialog {
    transform: none;
    opacity: 1;
}

.admin-report-modal.modal.in .modal-dialog,
.admin-report-modal.modal.show .modal-dialog {
    transform: none;
    opacity: 1;
}

html[dir="rtl"] .member-info-popup-header h4,
body[dir="rtl"] .member-info-popup-header h4,
.member-info-modal[dir="rtl"] .member-info-popup-header h4 {
    padding-right: 0;
    padding-left: 44px;
    padding-inline-start: 44px;
    padding-inline-end: 0;
}

html[dir="rtl"] .member-info-popup-header h4 .close,
body[dir="rtl"] .member-info-popup-header h4 .close,
.member-info-modal[dir="rtl"] .member-info-popup-header h4 .close {
    right: auto;
    left: -8px;
    inset-inline-end: auto;
    inset-inline-start: -8px;
}

.member-info-popup > table.table {
    margin: 0;
    width: 100%;
    border-radius: 12px;
    background: #ffffff;
    border-collapse: separate;
    border-spacing: 0;
}

.member-info-popup > table.table > tbody > tr:empty {
    display: none;
}

.member-info-popup > table.table > tbody > tr > td {
    border: 0;
    padding: 0;
    vertical-align: top !important;
}

.member-info-popup td.rider-detail-media {
    width: 120px;
    padding: 4px 16px 0 0;
    text-align: left !important;
}

html[dir="rtl"] .member-info-popup td.rider-detail-media,
body[dir="rtl"] .member-info-popup td.rider-detail-media {
    padding: 4px 0 0 16px;
    text-align: right !important;
}

.member-info-popup .rider-detail-media img {
    width: 88px;
    height: 88px;
    border-radius: 9999px;
    border: 2px solid rgba(23, 79, 236, 0.2);
    background: #F8FAFC;
    object-fit: cover;
    display: block;
    margin: 0;
    padding: 1px;
}

.member-info-popup .rider-detail-rating {
    display: none;
}

.member-info-popup .mi-top {
    padding: 4px 0 0;
    text-align: left;
}

html[dir="rtl"] .member-info-popup .mi-top,
body[dir="rtl"] .member-info-popup .mi-top {
    text-align: right;
}

.member-info-popup .mi-top-name {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: #111827;
}

.member-info-popup .mi-top-email {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #6B7280;
}

.member-info-popup .mi-top-phone {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #6B7280;
    margin-top: 2px;
}

.member-info-popup .mi-top-divider {
    height: 1px;
    background: #E5E7EB;
    margin: 16px -24px 0 -24px;
    width: calc(100% + 48px);
    position: relative;
    z-index: 10;
}

.member-info-popup .mi-top-divider::after {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    right: 0;
    width: 100%;
    height: 20px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
    opacity: 0;
    transition: opacity 180ms ease;
    z-index: 15;
}

.member-info-modal.mi-has-top-shadow .member-info-popup .mi-top-divider::after,
.mi-has-top-shadow .member-info-popup .mi-top-divider::after {
    opacity: 1;
}

.member-info-popup .mi-details-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 0;
}

.member-info-popup table table,
.member-info-popup .mi-details-table {
    border-collapse: collapse;
}

.member-info-popup table table tr td,
.member-info-popup .mi-details-table tr td {
    border-bottom: 1px solid #E5E7EB;
    padding: 14px 16px;
}

.member-info-popup table table tr:last-child td,
.member-info-popup .mi-details-table tr:last-child td {
    border-bottom: 0;
}

.member-info-popup table table tr td.text_design,
.member-info-popup .mi-details-table tr td.text_design {
    font-size: 14px;
    font-weight: 500;
    color: #6B7280;
    text-transform: none;
    width: 42%;
    white-space: nowrap;
    position: relative;
    padding-left: 52px;
    text-align: left;
}

.member-info-popup table table tr td.text_design::before,
.member-info-popup .mi-details-table tr td.text_design::before {
    content: "";
    position: absolute;
    left: 16px;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    opacity: 0.65;
}

html[dir="rtl"] .member-info-popup table table tr td.text_design,
body[dir="rtl"] .member-info-popup table table tr td.text_design,
.member-info-modal[dir="rtl"] .member-info-popup table table tr td.text_design,
html[dir="rtl"] .member-info-popup .mi-details-table tr td.text_design,
body[dir="rtl"] .member-info-popup .mi-details-table tr td.text_design,
.member-info-modal[dir="rtl"] .member-info-popup .mi-details-table tr td.text_design {
    padding-left: 16px;
    padding-right: 52px;
    text-align: right;
}

html[dir="rtl"] .member-info-popup table table tr td.text_design::before,
body[dir="rtl"] .member-info-popup table table tr td.text_design::before,
.member-info-modal[dir="rtl"] .member-info-popup table table tr td.text_design::before,
html[dir="rtl"] .member-info-popup .mi-details-table tr td.text_design::before,
body[dir="rtl"] .member-info-popup .mi-details-table tr td.text_design::before,
.member-info-modal[dir="rtl"] .member-info-popup .mi-details-table tr td.text_design::before {
    left: auto;
    right: 16px;
}

.member-info-popup table table tr td.text_design + td,
.member-info-popup .mi-details-table tr td.text_design + td {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
    border-left: 1px solid #E5E7EB;
    word-break: break-word;
    text-align: left;
}

html[dir="rtl"] .member-info-popup table table tr td.text_design + td,
body[dir="rtl"] .member-info-popup table table tr td.text_design + td,
.member-info-modal[dir="rtl"] .member-info-popup table table tr td.text_design + td,
html[dir="rtl"] .member-info-popup .mi-details-table tr td.text_design + td,
body[dir="rtl"] .member-info-popup .mi-details-table tr td.text_design + td,
.member-info-modal[dir="rtl"] .member-info-popup .mi-details-table tr td.text_design + td {
    border-left: 0;
    border-right: 1px solid #E5E7EB;
    text-align: right;
}

.member-info-popup .mi-na {
    color: #6B7280;
    font-weight: 400;
}

.member-info-popup .mi-rating-value {
    margin-left: 8px;
    color: #111827;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
}

html[dir="rtl"] .member-info-popup .mi-rating-value,
body[dir="rtl"] .member-info-popup .mi-rating-value {
    margin-left: 0;
    margin-right: 8px;
}

.member-info-popup table table tr td.text_design[data-mi="name"]::before,
.member-info-popup .mi-details-table tr td.text_design[data-mi="name"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}

.member-info-popup table table tr td.text_design[data-mi="email"]::before,
.member-info-popup .mi-details-table tr td.text_design[data-mi="email"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16v16H4z'/%3E%3Cpath d='m22 6-10 7L2 6'/%3E%3C/svg%3E");
}

.member-info-popup table table tr td.text_design[data-mi="rating"]::before,
.member-info-popup .mi-details-table tr td.text_design[data-mi="rating"]::before,
.member-info-popup table table tr td.text_design[data-mi="safety_rating"]::before,
.member-info-popup .mi-details-table tr td.text_design[data-mi="safety_rating"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E");
}

.member-info-popup table table tr td.text_design[data-mi="phone"]::before,
.member-info-popup .mi-details-table tr td.text_design[data-mi="phone"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
}

.member-info-popup table table tr td.text_design[data-mi="country"]::before,
.member-info-popup .mi-details-table tr td.text_design[data-mi="country"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E");
}

.member-info-popup table table tr td.text_design[data-mi="status"]::before,
.member-info-popup .mi-details-table tr td.text_design[data-mi="status"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m12 6 0 6 4 2'/%3E%3C/svg%3E");
}

.member-info-popup table table tr td.text_design[data-mi="reg_date"]::before,
.member-info-popup .mi-details-table tr td.text_design[data-mi="reg_date"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
}

.member-info-popup table table tr td.text_design[data-mi="address"]::before,
.member-info-popup .mi-details-table tr td.text_design[data-mi="address"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}

.member-info-popup table table tr td.text_design[data-mi="company"]::before,
.member-info-popup .mi-details-table tr td.text_design[data-mi="company"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21V3h18v18'/%3E%3Cpath d='M9 21v-8h6v8'/%3E%3Cpath d='M7 7h.01'/%3E%3Cpath d='M17 7h.01'/%3E%3Cpath d='M7 11h.01'/%3E%3Cpath d='M17 11h.01'/%3E%3C/svg%3E");
}

.member-info-popup table table tr td.text_design[data-mi="vat"]::before,
.member-info-popup .mi-details-table tr td.text_design[data-mi="vat"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M16 13H8'/%3E%3Cpath d='M16 17H8'/%3E%3Cpath d='M10 9H8'/%3E%3C/svg%3E");
}

.member-info-popup table table tr td.text_design[data-mi="role"]::before,
.member-info-popup .mi-details-table tr td.text_design[data-mi="role"]::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z'/%3E%3Cpath d='M6 20v-1a6 6 0 0 1 12 0v1'/%3E%3C/svg%3E");
}

.member-info-popup .mi-layout-table {
    margin: 0;
}

.member-info-popup .mi-layout-table > tbody > tr > td {
    border: 0;
    padding: 0;
}

.member-info-popup .mi-layout-table > tbody > tr.mi-head-row > td {
    padding-top: 6px;
}

.member-info-popup .mi-layout-table .mi-avatar-cell {
    width: 120px;
    padding: 0 24px 0 0;
    vertical-align: top;
}

html[dir="rtl"] .member-info-popup .mi-layout-table .mi-avatar-cell,
body[dir="rtl"] .member-info-popup .mi-layout-table .mi-avatar-cell {
    padding: 0 0 0 24px;
}

.member-info-popup .mi-layout-table .mi-info-cell {
    vertical-align: top;
    padding: 10px 0 0;
}

.member-info-popup .btn.no-cursor {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    height: 24px;
    padding: 0 12px 0 13px;
    font-size: 11px;
    font-weight: 400;
    line-height: 17px;
    box-shadow: none;
    cursor: default !important;
    pointer-events: none;
    user-select: none;
}

.member-info-popup .btn.btn-success.no-cursor {
    border: 1px solid #b2f0b9 !important;
    background: #edffe6 !important;
    color: #59a259 !important;
}

.member-info-popup .btn.btn-info.no-cursor,
.member-info-popup .btn.btn-danger.no-cursor {
    border: 1px solid #FDA29B !important;
    background: #FEE4E2 !important;
    color: #B42318 !important;
}

.member-info-popup .btn.no-cursor:not(.btn-success):not(.btn-danger):not(.btn-info) {
    border: 1px solid #E2E8F0 !important;
    background: #F8FAFC !important;
    color: #707070 !important;
}

.member-info-popup .mi-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 24px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    text-transform: capitalize;
    border: 1px solid #cccccc;
    background: #f6f6f6;
    color: #a8a8a8;
    font-family: Poppins, Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
    white-space: nowrap;
}

.member-info-popup .mi-status.mi-status--active {
    background: #edffe6;
    border-color: #b2f0b9;
    color: #59a259;
}

.member-info-popup .mi-status.mi-status--inactive {
    background: #f6f6f6;
    border-color: #cccccc;
    color: #a8a8a8;
}

.member-info-popup .mi-status.mi-status--danger {
    background: #FEE4E2;
    border-color: #FDA29B;
    color: #B42318;
}

.member-info-modal .modal-footer,
.member-info-popup-footer {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    border-top: none;
    background: #ffffff;
    padding: 16px 24px 24px;
    margin-top: auto;
    position: relative;
    z-index: 10;
}

.member-info-popup-footer::before {
    display: none;
}

.member-info-modal.mi-has-bottom-shadow .member-info-popup-footer::before,
.mi-has-bottom-shadow .member-info-popup-footer::before {
    display: none;
}

.member-info-popup-footer:empty {
    display: none !important;
}

.member-info-modal .modal-footer .btn,
.member-info-popup-footer .btn {
    flex: 0 0 auto;
    min-width: 140px;
    height: 42px;
    border-radius: 8px;
    padding: 10px 24px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    outline: none;
    transition: all 160ms ease;
}

.member-info-modal .modal-footer .btn.btn-primary,
.member-info-popup-footer .btn.btn-primary {
    background: #000000;
    border: 1px solid #000000;
    color: #ffffff;
    order: 2;
}

.member-info-modal .modal-footer .btn.btn-danger,
.member-info-popup-footer .btn.btn-danger {
    background: #ffffff;
    border: 1px solid #d1d5db;
    color: #111827;
    order: 1;
}

.member-info-modal .modal-footer .btn:hover,
.member-info-popup-footer .btn:hover {
    transform: none;
    box-shadow: none;
}

.member-info-modal .modal-footer .btn.btn-primary:hover,
.member-info-popup-footer .btn.btn-primary:hover {
    background: #222222;
    border-color: #222222;
    color: #ffffff;
}

.member-info-modal .modal-footer .btn.btn-danger:hover,
.member-info-popup-footer .btn.btn-danger:hover {
    background: #f9fafb;
    border-color: #9ca3af;
    color: #111827;
}

html[dir="rtl"] .member-info-popup-footer .btn.btn-primary,
body[dir="rtl"] .member-info-popup-footer .btn.btn-primary,
.member-info-modal[dir="rtl"] .member-info-popup-footer .btn.btn-primary {
    order: 1;
}

html[dir="rtl"] .member-info-popup-footer .btn.btn-danger,
body[dir="rtl"] .member-info-popup-footer .btn.btn-danger,
.member-info-modal[dir="rtl"] .member-info-popup-footer .btn.btn-danger {
    order: 2;
}

.mi-details-scroll-wrap::-webkit-scrollbar,
.mi-details-scroll::-webkit-scrollbar,
.member-info-popup-body::-webkit-scrollbar {
    width: 6px;
}

.mi-details-scroll-wrap::-webkit-scrollbar-track,
.mi-details-scroll::-webkit-scrollbar-track,
.member-info-popup-body::-webkit-scrollbar-track {
    background: #F1F5F9;
    border-radius: 4px;
}

.mi-details-scroll-wrap::-webkit-scrollbar-thumb,
.mi-details-scroll::-webkit-scrollbar-thumb,
.member-info-popup-body::-webkit-scrollbar-thumb {
    background: #CBD5E1;
    border-radius: 4px;
}

.mi-details-scroll-wrap::-webkit-scrollbar-thumb:hover,
.mi-details-scroll::-webkit-scrollbar-thumb:hover,
.member-info-popup-body::-webkit-scrollbar-thumb:hover {
    background: #94A3B8;
}

@media (max-width: 991px), (max-height: 850px) {
    .member-info-modal .modal-dialog,
    .admin-report-modal .modal-dialog {
        width: calc(100% - 20px);
        margin: 12px auto;
    }
}

@media (max-width: 575px) {
    .member-info-popup-header {
        padding: 12px 16px;
    }
    .member-info-popup-body {
        padding: 12px 16px 0 16px;
    }
    .member-info-popup .mi-top-divider {
        margin: 16px -16px 0 -16px;
        width: calc(100% + 32px);
    }
    .member-info-popup-footer {
        flex-direction: column;
        padding: 12px 16px 16px;
    }
    .member-info-popup table table tr td.text_design,
    .member-info-popup .mi-details-table tr td.text_design {
        width: 120px;
    }
}