.table_listing {

    width: 100%;

    border-collapse: collapse;

    border-spacing: 0;

    border: 1px solid #ddd;

    margin-bottom: 20px;

    background-color: #fff;

    box-shadow: 0 1px 1px rgba(0,0,0,.05);


}

.table_listing td,
.table_listing th {
    //align all items to and vertical horizontal Centre of the cell
    text-align: center;
}

.shorten_text {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 75px; /* Adjust this value to your desired width */
     max-height: 75px; /* Adjust this value to your desired width */
}

.shorten_text:hover {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
}

.shorten_text:before {
    content: "";
}

.shorten_text:hover:before {
    content: unset;
}


#refresh-field-button,#open-acf-tenant-popup,.refresh-buttons {
    margin: 20px;
    background-color: lightgrey;
    color: black !important;
    border: none;
    color: white;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
    cursor: pointer;
}