/* Basic reset */
    /* Main container for the matrix */
    .admin_object_settings_matrix_container {
        display: flex;
        flex-direction: column;
        width: 300px; /* Fixed width of the container */
        height: 400px; /* Fixed height of the container */
        overflow: hidden; /* Hide overflow to control scrolling */
        border: 1px solid #ccc;
    }

    /* Header row for member names */
    .admin_object_settings_header_row {
        display: flex;
        position: sticky;
        top: 0;
        background-color: #f3f3f3;
        z-index: 10;
    }

    .admin_object_settings_corner {
        width: 200px; /* Adjust the width of the corner */
        background-color: darkslategray;
    }

    .admin_object_settings_member {
        display: flex;
        height: 40px;
        align-items: center;
        justify-content: center;
        width: 200px; /* Minimum width for scrolling */
        min-width: 200px; /* Minimum width for scrolling */
        background-color: darkslategray;
        color: white;
        font-weight: bold;
        font-size: 8pt;
    }

    /* Scrollable container for items and matrix */
    .admin_object_settings_scroll_container {
        display: flex;
        overflow: auto; /* Enable scrolling for overflow content */
        width: 100%; /* Ensure it takes the full width of the parent */
        height: calc(100% - 40px); /* Adjust height based on header height */
    }

    /* Side column for items */
    .admin_object_settings_side_column {
        display: flex;
        flex-direction: column;
        position: sticky;
        left: 0;
        z-index: 5;
        background-color: #f3f3f3;
    }

    .admin_object_settings_item {
        font-size: 8pt;
        width: 200px; /* Adjust the width of items */
        text-align: left;
        padding-left: 10px;
        height: 40px; /* Minimum height for scrolling */
        line-height: 40px; /* Minimum height for scrolling */
        display: flex;
        align-items: center;
        align-content: center;
        color: #333333;
        background-color: whitesmoke;
        border-bottom: 1px solid lightgrey;
    }

    .admin_object_settings_item_header {
        color: white;
        background-color: #333333;
        border-bottom: 1px solid #333333;
    }

    /* Matrix for checkboxes */
    .admin_object_settings_matrix {
        display: flex;
        flex-direction: column;
        /*min-width: 600px; *//* Set a minimum width larger than container width */
        width: auto; /* Allow the width to expand based on content */
    }

    .admin_object_settings_row {
        display: flex;
    }

    .admin_object_settings_cell {
        font-size: 8pt;
        text-align: center;
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid lightgrey;
        /*min-width: 150px; /* Ensure cells are wide enough for scrolling */
        width: 200px; /* Ensure cells are wide enough for scrolling */
        display: flex;
        align-items: center;
        background-color: white;
        justify-content: center;
    }

    /*==================================================================================*/
    /*==================================================================================*/
    /*==================================================================================*/

    #places__settings_table {
        position: relative;
        background-color: #aaa;
        border-collapse: collapse;
        table-layout: fixed;
        display: flex;
        flex-direction: column;
        height: 100%;
        width: 100%;
    }


    /*thead*/
    #places__settings_thead {
        position: relative;
        display: block; /*seperates the header from the body allowing it to be positioned*/
        background-color: darkslategray;
        color: white;
    }

    #places__settings_thead th {
        width: 200px;
        border: 1px solid #222;
        line-height: 40px;
        text-align: center;
    }

    #places__settings_thead th:nth-child(1) {/*first cell in the header*/
        position: relative;
        background-color: whitesmoke;
    }

    /*tbody*/
    #places__settings_tbody {
        position: relative;
        display: block; /*seperates the tbody from the header*/
        overflow: auto;
    }

    #places__settings_tbody td {
        background-color: #bbc;
        min-width: 200px;
        border: 1px solid lightgrey;
    }

    #places__settings_tbody tr td:nth-child(1) {  /*the first cell in each tr*/
        position: relative;
        background-color: whitesmoke;
    }















    #places_settings_wrapper {
        width: calc(100vw - 150px);
        height: calc(100vh - 40px);
        overflow: auto;
    }

    @media (max-width: 992px) {
        #places_settings_wrapper {
            left: 0;
            width: 100vw;
        }
    }

    #places_settings_table {
        width: max-content;
        min-width: 100%;
        border-collapse: separate;
        border-spacing: 0;
    }

    #places_settings_table th, td {
        border: 1px solid #ccc;
        width: 100px;
        padding: 0 5px;
    }

    /* Sticky Header */
    #places_settings_table thead th {
        position: sticky;
        top: 0;
        z-index: 3;
        line-height: 40px;
        text-align: center;
    }

    /* Sticky Columns */
    #places_settings_table .sticky-col {
        position: sticky;
        border: 1px solid #ccc;
        left: 0;
        z-index: 2;
        width: 50px;
        font-size: 8pt;
    }

    #places_settings_table .sticky-col-2 {
        position: sticky;
        border: 1px solid #ccc;
        left: 50px;
        width: 150px;
        z-index: 2;
    }

    #places_settings_table .sticky-col-3 {
        position: sticky;
        border: 1px solid #ccc;
        left: 200px;
        width: 150px;
        z-index: 2;
    }

    /* Raise header cells above data cells */
    #places_settings_table thead .sticky-col {
        z-index: 4;
    }

    #places_settings_table thead .sticky-col-2 {
        z-index: 4;
    }

    #places_settings_table thead .sticky-col-3 {
        z-index: 4;
    }