.real-ui-portal,
.real-ui-broker {
    background: var(--re-bg-page);
}

.real-ui-portal .panel_s,
.real-ui-broker .panel_s,
.real-ui-portal .card,
.real-ui-broker .card {
    border: 1px solid var(--re-border-soft);
    border-radius: var(--re-radius-lg);
    box-shadow: var(--re-shadow-sm);
    overflow: hidden;
    transition: transform var(--re-motion-base) var(--re-ease-out), box-shadow var(--re-motion-base) var(--re-ease-out);
}

.real-ui-portal .panel_s:hover,
.real-ui-broker .panel_s:hover,
.real-ui-portal .card:hover,
.real-ui-broker .card:hover {
    box-shadow: var(--re-shadow-md);
}

.real-ui-portal .panel-body,
.real-ui-broker .panel-body,
.real-ui-portal .card-body,
.real-ui-broker .card-body {
    padding: var(--re-space-xl);
}

.real-ui-portal .btn,
.real-ui-broker .btn {
    border-radius: var(--re-radius-md);
    min-height: 38px;
}

.real-ui-portal .btn-primary,
.real-ui-broker .btn-primary,
.real-ui-portal .btn-info,
.real-ui-broker .btn-info {
    background: var(--re-grad-primary);
    border-color: transparent;
    color: var(--re-text-inverse);
}

.real-ui-portal .table,
.real-ui-broker .table {
    background: var(--re-bg-card);
}

.real-ui-portal .table thead th,
.real-ui-broker .table thead th {
    color: var(--re-text-muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.real-ui-portal .table tbody tr:hover,
.real-ui-broker .table tbody tr:hover {
    background: var(--re-bg-hover);
}

.real-ui-portal .customer-top-submenu,
.real-ui-broker #side-menu {
    border-radius: var(--re-radius-lg);
}

.real-ui-portal .customers-nav-item a[href*="realestate"],
.real-ui-broker #side-menu a[href*="realestate"] {
    transition: background var(--re-motion-fast) var(--re-ease-out), color var(--re-motion-fast) var(--re-ease-out), border-color var(--re-motion-fast) var(--re-ease-out);
}

.real-ui-portal .customers-nav-item a[href*="realestate"]:hover,
.real-ui-broker #side-menu a[href*="realestate"]:hover,
.real-ui-broker #side-menu li.active > a[href*="realestate"] {
    background: var(--re-bg-hover);
    color: var(--re-text);
}

@media (max-width: 767px) {
    .real-ui-portal .panel-body,
    .real-ui-broker .panel-body,
    .real-ui-portal .card-body,
    .real-ui-broker .card-body {
        padding: var(--re-space-lg);
    }
}

.real-ui-portal .dataTables_empty,
.real-ui-broker .dataTables_empty {
    color: var(--re-text-muted);
    padding: var(--re-space-2xl);
    text-align: center;
}

.real-ui-portal .dataTables_empty::before,
.real-ui-broker .dataTables_empty::before {
    color: var(--re-info);
    content: "\f002";
    display: block;
    font-family: "Font Awesome 6 Free", "FontAwesome";
    font-size: 24px;
    font-weight: 900;
    margin-bottom: var(--re-space-sm);
}