/* responsive button bar */
.form-buttons {
    gap: 8px;
    display: flex;
}
@media (max-width: 768px) {
    .form-buttons {
        display: grid;
    }
}

/* responsive list toolbar (required an "ul" for the toolbar and a "li" for each toolbar item) */
.list-toolbar {
    display: flex;
    flex-wrap: wrap;
}

.list-toolbar-item {
    display: inline-block;
    align-self: flex-end;
    margin-bottom: 10px;
    margin-right: 8px;
}

@media (max-width: 768px) {
    .list-toolbar {
        display: grid;
    }

    .list-toolbar-item {
        display: inline-grid;
    }
}

/* Tweak the validation error message of ASP.NET to have the same display than the one of Kendo. */
.field-validation-error {
    margin-top: 4px;
    display: flex;
    font-size: 12px;
    font-style: italic;
    color: red;
}