.table-model-controls {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.table-model-controls > div.table-model-loading {
    height: 3rem;
}

.table-model-controls > div.table-model-loading > img{
    height: 3rem;
    width: 3rem;
    margin-right: 1rem;
}

.table-model-controls > select.table-model-select {
    height: 3.5rem;
    width: 5.5rem;
    background-color: #e7eaec;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 3px;
    color: inherit;
    text-align: center;
    font-weight: 800;
    margin-right: 1rem;
}

.table-model-controls > select.table-model-select > option {
    font-weight: 600;
}

.table-model-paginator {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    justify-content: end;
    align-items: center;
}

.table-model-paginator > button {
    margin: 0.2rem;
}

.table-model-paginator > button.pressed {
    font-weight: 900;
    background-color: #c9c9c9;
}

.table-model-searchbar {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
}

.table-model-searchbar > input {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: inherit;
    display: block;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 25%;
    font-size: 14px;
}

.table-model-searchbar > input:focus {
    outline-color: #ee9797;
    outline-width: thin;
}

.table-model-searchbar > label {
    margin-right: 1rem;
}