/* ------------------------------ Tables and Table Options Menus ------------------------------ */

.tableBin1{
    width: calc(100% - 4px);

    height: fit-content; min-height: 100px; max-height: 300px;

    overflow-y: scroll;

    padding: 0;
    margin: 0;

    border: 2px solid lightgray;
}

.table1{
    width: 100%;
    /* height: 200px; */
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    
}
.tableRow1{
    width: 100%;
    padding: 0;
    margin: 0;
}
.tableRow1:hover{
    cursor: default;
    background-color: whitesmoke;
}
.tableCell1{
    text-align: center;
    height: fit-content;

    margin: 0;
    padding: 4px 0;
    
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    
}
.tableOptionsIcon1{
    object-fit: contain;
    max-width: 20px;
    padding: 2px;
    border-radius: 25px;
}
.tableOptionsIcon1:hover{
    cursor: pointer;
    background-color: lightgray;
}


.optionsMenu1{
    position: absolute;
    display: none;
    z-index: 990;
    width: fit-content;
    min-width: 100px;
    max-width: 200px;
    padding: 2px;
    background-color: white;
    border: 1px solid lightgray;
    border-radius: 5px;
}
.menuItem1{
    display: inline-block;
    width: calc(100% - 8px);
    padding: 4px;
    margin: 4px 0;
}
.menuItem1:hover{
    cursor: pointer;
    background-color: whitesmoke;
}

