.search-field {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

.search-field #seachInput {
    margin: 0;
}

.search-field img {
    display: block;
}

@media (max-width: 960px) {
    .search-field {
        margin-top: .5rem;
    }
}

/* Keep the disclosure symbol centered in both short and multiline rows. */
#example.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before,
#example.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 14px;
    line-height: 1;
}