.card-body #entitylist-filters .entitylist-filter-option-group:last-child {
    display: none;
}

.card-body {
    width: max-content;
}

th {
    color: black;
    font-weight: bold;
    font-size: 12px;
    word-wrap: break-word;
}

th a {
    color: inherit;
    font-weight: inherit;
    font-size: 12px;
    word-wrap: break-word;
}

td {
    color: black;
    font-weight: normal;
    font-size: 12px;
}

.btn.btn-default.btn-entitylist-filter-submit {
    background-color: #8b8b8b;
    color: white;
    border: none;
    box-shadow: none;
}

.btn.btn-default.btn-md.aria-exp {
    background-color: #8b8b8b;
    color: white;
    border: none;
    box-shadow: none;
}

.pagination {
    --bs-pagination-color: #8b8b8b !important;
    --bs-pagination-active-bg: #8b8b8b !important;
    --bs-pagination-active-border-color: #8b8b8b !important;
}

.page-link:hover {
    color: #535353 !important;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover {
    background-color: #8b8b8b !important;
}

.entity-grid .view-grid {
    overflow-x: visible !important;
}

#isometryView {
    flex: 0 0 400px;
    height: 400px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: sticky;
    top: 150px;
    align-self: flex-start;
    margin-right: 100px;
    width: 100%;
}

.container {
    flex: 1;
    min-width: 0;
    flex-wrap: wrap;
}


@media (max-width: 1280px) {
    .sectionBlockLayout {
        flex-direction: column;
        align-items: center;
    }

    #isometryView {
        width: 100%;
        max-width: 400px;
        height: auto;
        position: relative;
        top: 50px;
        display: block;
        margin: 0 auto 0 auto;
        text-align: center;
    }

    .container {
        width: 100%;
    }

    .view-pagination {
        width: fit-content !important;
    }
}


/*filter*/
.entitylist-filter-option-group-label[for="multiple_2"]~ul .entitylist-filter-option label {
    position: relative;
    display: inline-block;
    padding-left: 2.5em;
}

.entitylist-filter-option-group-label[for="multiple_2"]~ul .entitylist-filter-option label input[type="checkbox"] {
    position: absolute;
    left: 20px;
    top: 40%;
    transform: translateY(-50%);
}

.entitylist-filter-option-group-label[for="multiple_2"]~ul .entitylist-filter-option label:has(input[value="0"])::before {
    content: "●";
    color: green;
    position: absolute;
    left: 1.3em;
    top: 50%;
    transform: translateY(-50%);
}

.entitylist-filter-option-group-label[for="multiple_2"]~ul .entitylist-filter-option label:has(input[value="1"])::before {
    content: "●";
    color: #d1a100;
    position: absolute;
    left: 1.3em;
    top: 50%;
    transform: translateY(-50%);
}

.entitylist-filter-option-group-label[for="multiple_2"]~ul .entitylist-filter-option label:has(input[value="2"])::before {
    content: "●";
    color: red;
    position: absolute;
    left: 1.3em;
    top: 50%;
    transform: translateY(-50%);
}

.content-panel.card.entitylist-filter {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0.5rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    margin-bottom: 1rem;
}

.content-panel.card.entitylist-filter .card-body {
    padding: 1rem;
}

.input-group-text {
    display: none !important;
}

.entitylist-filter-option-group-label.h4 {
    font-size: 1rem !important;
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: inline-block;
}

.filter-custom-button {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    margin-left: inherit;
}

#entitylist-filters.list-inline>li {
    margin-right: 1rem;
}

.entitylist-filter-option .input-group {
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    transition: box-shadow 0.2s, border-color 0.2s;
}

.entitylist-filter-option .input-group:hover {
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1);
}

.entitylist-filter-option .input-group-text {
    background-color: #f8f9fa;
    border: none;
    color: #6c757d;
}

.entitylist-filter-option .form-select {
    border: none;
    box-shadow: none;
    font-size: 1rem;
    padding: 0.375rem 0.75rem;
}

.entitylist-filter-option .form-select:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.btn.btn-entitylist-filter-submit {
    display: none;
}

.opportunityList th:has(a[aria-label="Has Portal Isometry"]) {
    display: none;
}

.opportunityList td[data-th="Has Portal Isometry"] {
    display: none;
}

.crmEntityFormView,
.entitylist,
.modal-content,
.popover-content {
    border: none !important;
}

.card {
    border: none !important;
    --bs-card-border-width: 0px !important;
}

.h4 {
    font-size: 18px !important;
}

.entitylist-filter-option-group {
    margin-right: 60px !important;
}

.wrapper-body {
    min-height: 0px !important;
}

.modal-title {
    display: none !important;
}

.crmEntityFormView .tab {
    display: none !important;
}

.modal {
    --bs-modal-padding: 0px !important;
}

.modal-backdrop {
    width: -webkit-fill-available !important;
    height: -webkit-fill-available !important;
}

.dropdown-menu {
    display: block !important;
    position: static !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    background-color: unset !important;
}

.dropdown.action>button {
    display: none !important;
}

/*list / table*/
.crmEntityFormView,
.entitylist {
    border: none !important;
}

table tbody tr:hover {
    background-color: #e2e2e2 !important;
}

.ms-DetailsRow {
    color: dimgray !important;
}

table tbody tr {
    cursor: default;
}

.table tbody tr:nth-child(odd) {
    background-color: #fff !important;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg) !important;
}

.table-info {
    margin-top: 0px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-accent-bg: #fff !important;
}

.table-striped tbody tr:nth-of-type(odd):hover {
    --bs-table-accent-bg: #e2e2e2 !important;
}

.table>:not(caption)>*>* {
    padding: .4rem .4rem !important;
    box-shadow: none !important;
    align-content: center;
}

td[data-attribute="statuscode"][data-value*='"Value":1'] a::before {
    content: "●";
    color: green;
    font-size: 16px;
}

td[data-attribute="statuscode"][data-value*='"Value":2'] a::before {
    content: "●";
    color: #d1a100;
    font-size: 16px;
}

td[data-attribute="statuscode"][data-value*='"Value":223610000'] a::before,
td[data-attribute="statuscode"][data-value*='"Value":3'] a::before {
    content: "●";
    color: red !important;
    font-size: 16px;
}

td[data-attribute="immo360_floorplan"] {
    justify-content: center;
    align-items: center;
}

td[data-attribute="immo360_floorplan"] a {
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

td[data-attribute="immo360_floorplan"] a::before {
    content: "\f1c1";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 16px;
}

td[data-attribute="immo360_fx_locationfloor"] {
    text-align: center;
}

td[data-attribute="statuscode"] a {
    font-size: 0;
}

td[data-attribute="statuscode"] a {
    pointer-events: none;
    cursor: default;
}

td[data-type="System.Double"] {
    text-align: right;
}

@media (max-width: 768px) {

    th:has(a[aria-label="Lage / Stock"]),
    th:has(a[aria-label="Floor"]),
    th:has(a[aria-label="Netto (CHF)"]),
    th:has(a[aria-label="Net Rent(CHF)"]),
    th:has(a[aria-label="Cost (CHF)"]),
    th:has(a[aria-label="NK (CHF)"]),
    th[aria-label="Floor Plan"],
    th[aria-label="Grundriss"] {
        display: none !important;
    }

    td[data-attribute="immo360_fx_locationfloor"],
    td[data-attribute="immo360_fx_netrent"],
    td[data-attribute="immo360_fx_cost"],
    td[data-th="Floor Plan"],
    td[data-th="Grundriss"] {
        display: none !important;
    }

    #entitylist-filters {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .entitylist-filter-option-group.list-inline-item {
        display: block;
        width: 100%;
    }

    .fa-calendar-check span {
        display: none;
    }

    .dropdown {
        width: 50px;
    }

    .dropdown-menu {
        min-width: 50px !important;
    }
}