.component-container {
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
    border-color:transparent;
    padding: 20px;
    background-color: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    overflow: auto;
}
.component-container .container-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.component-container .button-add{
    border-width: 1px;
    border-radius: 5px;
    border-color: transparent;
    display:flex;
    justify-content: center;
    align-items: center;
    background-color: #f2f2f2;
    height:30px;
    width:30px;
    padding:1px;
}
.component-container .button-add:hover{
    background-color: #9998988e;
}

.component-container .button-refresh{
    border-width: 1px;
    border-radius: 5px;
    border-color: transparent;
    display:flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    height:30px;
    width:30px;
    padding:1px;
    cursor:pointer;
    user-select:none;
}

.component-container .button-refresh:hover{
    color: rgb(0,0,0,0.5);
}

.edit-column-cell{
    display:table-cell;
    vertical-align: middle;
    width:1%; 
    white-space:nowrap;
}

.edit-column-cell .centering{
    display:flex;
    justify-content: space-evenly;
    align-items: center;
}

.edit-column-cell .button-edit{
    display:flex;
    border-style: hidden;
    border-width: 1px;
    border-radius: 5px;
    background-color: transparent;
    height:30px;
    width:30px;
    align-items: center;
}
.edit-column-cell .button-edit:hover{
    color: rgb(0, 0, 0, 0.50);
}

.edit-column-cell .button-delete{
    display: flex;
    border-style: hidden;
    border-width: 1px;
    border-radius: 5px;
    background-color: transparent;
    height:30px;
    width:30px;
    align-items: center;

}
.edit-column-cell .button-delete:hover{
    color: rgb(0, 0, 0, 0.50);
}

#clickable-tenant-name:hover{
    cursor: pointer;
    color:rgb(0,0,0,0.5);
}

.welcome-page-content{
    display: flex;
    padding-top:1rem;
    width:1%;
    white-space:nowrap;
    justify-content: flex-start;
    align-items: center;
    gap:0.5rem;
}