.top-bar {
    display: flex;
    justify-content: right;
    background-color: #317ece;
    padding: 10px 20px;
}

.top-bar > button:hover {
    color: #F5F5F5;
    border-color: #F5F5F5;
}

.search-row {
    display: flex;
    gap: 20px;
    margin: 10px 10px;
}

.search-row > * {
    display: flex;
    gap: 5px;
    align-items: center;
    flex: 1;
    font-size: 1rem;
}

.search-row > *:not(.operation-buttons) > *:last-child {
    flex: 1;
}

.operation-buttons {
    display: flex;
    justify-content: right;
    gap: 10px;
}