From 6079e73d48cac30d7bfce37b0838b79d4ddbfc60 Mon Sep 17 00:00:00 2001
From: Gustau Navarro <gn@agno.me>
Date: Sat, 20 Nov 2021 16:58:18 +0100
Subject: [PATCH] Fix checkbox columns non proper rendered in CRUD with
 Boostrap 5.x (https://github.com/gustavnavar/Grid.Blazor/issues/321)

---
 GridBlazor/Pages/GridCreateComponent.razor | 354 ++++++++++-----------
 GridBlazor/Pages/GridDeleteComponent.razor |   4 +-
 GridBlazor/Pages/GridReadComponent.razor   |   4 +-
 GridBlazor/Pages/GridUpdateComponent.razor |   8 +-
 GridBlazor/wwwroot/css/gridblazor.css      |   2 +-
 GridBlazor/wwwroot/css/gridblazor.min.css  |   2 +-
 GridMvc/Resources/css/gridmvc.css          |   2 +-
 GridMvc/Resources/css/gridmvc.min.css      |   2 +-
 8 files changed, 189 insertions(+), 189 deletions(-)

diff --git a/GridBlazor/Pages/GridCreateComponent.razor b/GridBlazor/Pages/GridCreateComponent.razor
index f45ea43d..d5685538 100644
--- a/GridBlazor/Pages/GridCreateComponent.razor
+++ b/GridBlazor/Pages/GridCreateComponent.razor
@@ -41,250 +41,250 @@
                     {
                         <label for="@column.FieldName" class="col-form-label col-md-@column.CrudLabelWidth.ToString()">@column.Title</label>
                     }
-                <div class="@(type == typeof(bool) && !column.ToggleSwitch ? "col-md-1" : "col-md-" + column.CrudWidth.ToString())">
-                    @if (((IGridColumn<T>)column).IsSelectField.IsSelectKey)
-                    {
-                        if (((IGridColumn<T>)column).ReadOnlyOnCreate(Item))
+                    <div class="@(type == typeof(bool) && !column.ToggleSwitch ? "col-md-1" : "col-md-" + column.CrudWidth.ToString())">
+                        @if (((IGridColumn<T>)column).IsSelectField.IsSelectKey)
                         {
-                            string text = ((IGridColumn<T>)column).GetFormatedValue(((IGridColumn<T>)column).IsSelectField.Expression, Item);
-                            <input id="@column.FieldName" name="@column.FieldName" class="form-control" readonly="readonly" value="@text" />
-                        }
-                        else
-                        {
-                            var selectedValue = column.GetFormatedValue(value);
-                            <select id="@column.FieldName" name="@column.FieldName" class="form-control" value="@selectedValue" @onchange="(e) => ChangeValue(e, column)">
-                                <option value="">@Strings.SelectItem</option>
-                                @foreach (var selectItem in ((IGridColumn<T>)column).SelectItems)
-                                {
-                                    if (selectItem.Value == selectedValue)
-                                    {
-                                        <option value="@selectItem.Value" selected="selected">@selectItem.Title</option>
-                                    }
-                                    else
+                            if (((IGridColumn<T>)column).ReadOnlyOnCreate(Item))
+                            {
+                                string text = ((IGridColumn<T>)column).GetFormatedValue(((IGridColumn<T>)column).IsSelectField.Expression, Item);
+                                <input id="@column.FieldName" name="@column.FieldName" class="form-control" readonly="readonly" value="@text" />
+                            }
+                            else
+                            {
+                                var selectedValue = column.GetFormatedValue(value);
+                                <select id="@column.FieldName" name="@column.FieldName" class="form-control" value="@selectedValue" @onchange="(e) => ChangeValue(e, column)">
+                                    <option value="">@Strings.SelectItem</option>
+                                    @foreach (var selectItem in ((IGridColumn<T>)column).SelectItems)
                                     {
-                                        <option value="@selectItem.Value">@selectItem.Title</option>
+                                        if (selectItem.Value == selectedValue)
+                                        {
+                                            <option value="@selectItem.Value" selected="selected">@selectItem.Title</option>
+                                        }
+                                        else
+                                        {
+                                            <option value="@selectItem.Value">@selectItem.Title</option>
+                                        }
                                     }
-                                }
-                            </select>
-                        }
-                    }
-                    else if (((IGridColumn<T>)column).IsSelectColumn.IsSelectKey)
-                    {
-                        if (((IGridColumn<T>)column).ReadOnlyOnCreate(Item))
-                        {
-                            string text = ((IGridColumn<T>)column).GetFormatedValue(((IGridColumn<T>)column).IsSelectColumn.Expression, Item);
-                            <input id="@column.FieldName" name="@column.FieldName" class="form-control" readonly="readonly" value="@text" />
+                                </select>
+                            }
                         }
-                        else
+                        else if (((IGridColumn<T>)column).IsSelectColumn.IsSelectKey)
                         {
-                            var selectedValue = column.GetFormatedValue(value);
-                            <select id="@column.FieldName" name="@column.FieldName" class="form-control" value="@selectedValue" @onchange="(e) => ChangeValue(e, column)">
-                                <option value="">@Strings.SelectItem</option>
-                                @{       
-                                    var selectItems = SelectItems.Get(column.Name);
-                                    if (selectItems != null && selectItems.Count() > 0)
-                                    {
-                                        foreach (var selectItem in selectItems)
+                            if (((IGridColumn<T>)column).ReadOnlyOnCreate(Item))
+                            {
+                                string text = ((IGridColumn<T>)column).GetFormatedValue(((IGridColumn<T>)column).IsSelectColumn.Expression, Item);
+                                <input id="@column.FieldName" name="@column.FieldName" class="form-control" readonly="readonly" value="@text" />
+                            }
+                            else
+                            {
+                                var selectedValue = column.GetFormatedValue(value);
+                                <select id="@column.FieldName" name="@column.FieldName" class="form-control" value="@selectedValue" @onchange="(e) => ChangeValue(e, column)">
+                                    <option value="">@Strings.SelectItem</option>
+                                    @{       
+                                        var selectItems = SelectItems.Get(column.Name);
+                                        if (selectItems != null && selectItems.Count() > 0)
                                         {
-                                            if (selectItem.Value == selectedValue)
+                                            foreach (var selectItem in selectItems)
                                             {
-                                                <option value="@selectItem.Value" selected="selected">@selectItem.Title</option>
-                                            }
-                                            else
-                                            {
-                                                <option value="@selectItem.Value">@selectItem.Title</option>
+                                                if (selectItem.Value == selectedValue)
+                                                {
+                                                    <option value="@selectItem.Value" selected="selected">@selectItem.Title</option>
+                                                }
+                                                else
+                                                {
+                                                    <option value="@selectItem.Value">@selectItem.Title</option>
+                                                }
                                             }
                                         }
                                     }
-                                }
-                            </select>
+                                </select>
+                            }
                         }
-                    }
-                    else
-                    {
-                        if (((IGridColumn<T>)column).ReadOnlyOnCreate(Item))
+                        else
                         {
-                            if (type == typeof(bool))
+                            if (((IGridColumn<T>)column).ReadOnlyOnCreate(Item))
                             {
-                                if (value != null && (bool)value == true)
+                                if (type == typeof(bool))
                                 {
-                                    if (column.ToggleSwitch)
+                                    if (value != null && (bool)value == true)
                                     {
-                                        <label class="col-form-label">@column.FalseLabel</label>
-                                        <label class="grid-switch">
-                                            <input id="@column.FieldName" name="@column.FieldName" type="checkbox" class="form-control" disabled="disabled" readonly="readonly" checked="checked" value="true" />
-                                            <span class="grid-slider round"></span>
-                                        </label>
-                                        <label class="col-form-label">@column.TrueLabel</label>
+                                        if (column.ToggleSwitch)
+                                        {
+                                            <label class="col-form-label">@column.FalseLabel</label>
+                                            <label class="grid-switch">
+                                                <input id="@column.FieldName" name="@column.FieldName" type="checkbox" class="form-control" disabled="disabled" readonly="readonly" checked="checked" value="true" />
+                                                <span class="grid-slider round"></span>
+                                            </label>
+                                            <label class="col-form-label">@column.TrueLabel</label>
+                                        }
+                                        else
+                                        {
+                                            <input id="@column.FieldName" name="@column.FieldName" type="checkbox" class="form-check" disabled="disabled" readonly="readonly" checked="checked" value="true" />
+                                        }
                                     }
                                     else
                                     {
-                                        <input id="@column.FieldName" name="@column.FieldName" type="checkbox" class="form-control" disabled="disabled" readonly="readonly" checked="checked" value="true" />
+                                        if (column.ToggleSwitch)
+                                        {
+                                            <label class="col-form-label">@column.FalseLabel</label>
+                                            <label class="grid-switch">
+                                                <input id="@column.FieldName" name="@column.FieldName" type="checkbox" class="form-control" disabled="disabled" readonly="readonly" value="false" />
+                                                <span class="grid-slider round"></span>
+                                            </label>
+                                            <label class="col-form-label">@column.TrueLabel</label>
+                                        }
+                                        else
+                                        {
+                                            <input id="@column.FieldName" name="@column.FieldName" type="checkbox" class="form-check" disabled="disabled" readonly="readonly" value="false" />
+                                        }
                                     }
                                 }
+                                else if (type == typeof(string) && ((IGridColumn<T>)column).InputType == InputType.TextArea)
+                                {
+                                    <textarea id="@column.FieldName" name="@column.FieldName" class="form-control" rows="5" readonly="readonly" value="@column.GetFormatedValue(value)" />
+                                }
                                 else
                                 {
-                                    if (column.ToggleSwitch)
-                                    {
-                                        <label class="col-form-label">@column.FalseLabel</label>
-                                        <label class="grid-switch">
-                                            <input id="@column.FieldName" name="@column.FieldName" type="checkbox" class="form-control" disabled="disabled" readonly="readonly" value="false" />
-                                            <span class="grid-slider round"></span>
-                                        </label>
-                                        <label class="col-form-label">@column.TrueLabel</label>
-                                    }
-                                    else
-                                    {
-                                        <input id="@column.FieldName" name="@column.FieldName" type="checkbox" class="form-control" disabled="disabled" readonly="readonly" value="false" />
-                                    }
+                                    <input id="@column.FieldName" name="@column.FieldName" class="form-control" readonly="readonly" value="@column.GetFormatedValue(value)" />
                                 }
                             }
-                            else if (type == typeof(string) && ((IGridColumn<T>)column).InputType == InputType.TextArea)
-                            {
-                                <textarea id="@column.FieldName" name="@column.FieldName" class="form-control" rows="5" readonly="readonly" value="@column.GetFormatedValue(value)" />
-                            }
                             else
                             {
-                                <input id="@column.FieldName" name="@column.FieldName" class="form-control" readonly="readonly" value="@column.GetFormatedValue(value)" />
-                            }
-                        }
-                        else
-                        {
                                     
-                        if (column.IsPrimaryKey && column.IsAutoGeneratedKey)
-                        {
-                            <input id="@column.FieldName" name="@column.FieldName" class="form-control" readonly="readonly" value="@column.GetFormatedValue(value)" />
-                        }
-                        else if (type == typeof(string) && ((IGridColumn<T>)column).InputType == InputType.TextArea)
-                        {
-                            <textarea id="@column.FieldName" name="@column.FieldName" class="form-control @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" rows="5" value="@column.GetFormatedValue(value)" @onchange="(e) => ChangeValue(e, column)" />
-                        }
-                        else if (((IGridColumn<T>)column).InputType == InputType.File)
-                        {
-                            if (Files.ContainsKey(column.FieldName))
+                            if (column.IsPrimaryKey && column.IsAutoGeneratedKey)
                             {
-                                value = string.Join(";", Files[column.FieldName].Select(r => r.Name));
-                            }
-                            else
-                            {
-                                value = "";
+                                <input id="@column.FieldName" name="@column.FieldName" class="form-control" readonly="readonly" value="@column.GetFormatedValue(value)" />
                             }
-                            VariableReference reference;
-                            if (InputFiles.ContainsKey(column.FieldName))
+                            else if (type == typeof(string) && ((IGridColumn<T>)column).InputType == InputType.TextArea)
                             {
-                                reference = InputFiles[column.FieldName];
+                                <textarea id="@column.FieldName" name="@column.FieldName" class="form-control @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" rows="5" value="@column.GetFormatedValue(value)" @onchange="(e) => ChangeValue(e, column)" />
                             }
-                            else
+                            else if (((IGridColumn<T>)column).InputType == InputType.File)
                             {
-                                reference = new VariableReference();
-                                InputFiles.Add(column.FieldName, reference);
-                            }
-                            <div class="input-group">
-                                <input type="text" id="@column.FieldName" name="@column.FieldName" class="form-control @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" value="@column.GetFormatedValue(value)">
-                                <span class="input-group-btn">
-                                    <button type="button" class="btn btn-default btn-primary grid-button-input-file" @onclick="() => ButtonFileClicked(column.FieldName)">@Strings.Files</button>
-                                </span>
-                                @if (column.MultipleInput)
+                                if (Files.ContainsKey(column.FieldName))
                                 {
-                                    <AgnoInputFile name="@(column.FieldName + "-file")" multiple style="display:none;" @ref="reference.Variable" OnFileChange="(files) => OnFileChange(column, files)" />
+                                    value = string.Join(";", Files[column.FieldName].Select(r => r.Name));
                                 }
                                 else
                                 {
-                                    <AgnoInputFile name="@(column.FieldName + "-file")" style="display:none;" @ref="reference.Variable" OnFileChange="(files) => OnFileChange(column, files)" />
+                                    value = "";
                                 }
-                            </div>
-                        }
-                        else if (type == typeof(DateTime) || type == typeof(System.DateTimeOffset))
-                        {
-                            string typeAttr = ((IGridColumn<T>)column).InputType == InputType.None ? "date" : ((IGridColumn<T>)column).InputType.ToTypeAttr();
-                            if (typeAttr == "week")
-                            {
-                                if (GridComponent.IsWeekSupported)
+                                VariableReference reference;
+                                if (InputFiles.ContainsKey(column.FieldName))
                                 {
-                                    <input id="@column.FieldName" name="@column.FieldName" type="@typeAttr" placeholder="yyyy-Www" class="form-control @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" value="@(((ICGridColumn)column).GetFormatedDateTime(value, typeAttr))" @onchange="(e) => ChangeValue(e, column, typeAttr)" />
+                                    reference = InputFiles[column.FieldName];
                                 }
                                 else
                                 {
-                                    <input id="@column.FieldName" name="@column.FieldName" type="text" placeholder="yyyy-Www" class="form-control @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" value="@(((ICGridColumn)column).GetFormatedDateTime(value, typeAttr))" @onchange="(e) => ChangeValue(e, column, typeAttr)" />
+                                    reference = new VariableReference();
+                                    InputFiles.Add(column.FieldName, reference);
                                 }
+                                <div class="input-group">
+                                    <input type="text" id="@column.FieldName" name="@column.FieldName" class="form-control @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" value="@column.GetFormatedValue(value)">
+                                    <span class="input-group-btn">
+                                        <button type="button" class="btn btn-default btn-primary grid-button-input-file" @onclick="() => ButtonFileClicked(column.FieldName)">@Strings.Files</button>
+                                    </span>
+                                    @if (column.MultipleInput)
+                                    {
+                                        <AgnoInputFile name="@(column.FieldName + "-file")" multiple style="display:none;" @ref="reference.Variable" OnFileChange="(files) => OnFileChange(column, files)" />
+                                    }
+                                    else
+                                    {
+                                        <AgnoInputFile name="@(column.FieldName + "-file")" style="display:none;" @ref="reference.Variable" OnFileChange="(files) => OnFileChange(column, files)" />
+                                    }
+                                </div>
                             }
-                            else if (typeAttr == "month")
+                            else if (type == typeof(DateTime) || type == typeof(System.DateTimeOffset))
                             {
-                                if (GridComponent.IsMonthSupported)
+                                string typeAttr = ((IGridColumn<T>)column).InputType == InputType.None ? "date" : ((IGridColumn<T>)column).InputType.ToTypeAttr();
+                                if (typeAttr == "week")
                                 {
-                                    <input id="@column.FieldName" name="@column.FieldName" type="@typeAttr" placeholder="yyyy-mm" class="form-control @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" value="@(((ICGridColumn)column).GetFormatedDateTime(value, typeAttr))" @onchange="(e) => ChangeValue(e, column, typeAttr)" />
+                                    if (GridComponent.IsWeekSupported)
+                                    {
+                                        <input id="@column.FieldName" name="@column.FieldName" type="@typeAttr" placeholder="yyyy-Www" class="form-control @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" value="@(((ICGridColumn)column).GetFormatedDateTime(value, typeAttr))" @onchange="(e) => ChangeValue(e, column, typeAttr)" />
+                                    }
+                                    else
+                                    {
+                                        <input id="@column.FieldName" name="@column.FieldName" type="text" placeholder="yyyy-Www" class="form-control @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" value="@(((ICGridColumn)column).GetFormatedDateTime(value, typeAttr))" @onchange="(e) => ChangeValue(e, column, typeAttr)" />
+                                    }
                                 }
-                                else
+                                else if (typeAttr == "month")
                                 {
-                                    <input id="@column.FieldName" name="@column.FieldName" type="text" placeholder="yyyy-mm" class="form-control @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" value="@(((ICGridColumn)column).GetFormatedDateTime(value, typeAttr))" @onchange="(e) => ChangeValue(e, column, typeAttr)" />
+                                    if (GridComponent.IsMonthSupported)
+                                    {
+                                        <input id="@column.FieldName" name="@column.FieldName" type="@typeAttr" placeholder="yyyy-mm" class="form-control @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" value="@(((ICGridColumn)column).GetFormatedDateTime(value, typeAttr))" @onchange="(e) => ChangeValue(e, column, typeAttr)" />
+                                    }
+                                    else
+                                    {
+                                        <input id="@column.FieldName" name="@column.FieldName" type="text" placeholder="yyyy-mm" class="form-control @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" value="@(((ICGridColumn)column).GetFormatedDateTime(value, typeAttr))" @onchange="(e) => ChangeValue(e, column, typeAttr)" />
+                                    }
                                 }
-                            }
-                            else if (typeAttr == "datetime-local")
-                            {
-                                if (GridComponent.IsDateTimeLocalSupported)
+                                else if (typeAttr == "datetime-local")
                                 {
-                                    <input id="@column.FieldName" name="@column.FieldName" type="@typeAttr" placeholder="yyyy-mm-dd hh:mm" class="form-control @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" value="@(((ICGridColumn)column).GetFormatedDateTime(value, typeAttr))" @onchange="(e) => ChangeValue(e, column, typeAttr)" />
+                                    if (GridComponent.IsDateTimeLocalSupported)
+                                    {
+                                        <input id="@column.FieldName" name="@column.FieldName" type="@typeAttr" placeholder="yyyy-mm-dd hh:mm" class="form-control @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" value="@(((ICGridColumn)column).GetFormatedDateTime(value, typeAttr))" @onchange="(e) => ChangeValue(e, column, typeAttr)" />
+                                    }
+                                    else
+                                    {
+                                        <input id="@column.FieldName" name="@column.FieldName" type="text" placeholder="yyyy-mm-dd hh:mm" class="form-control @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" value="@(((ICGridColumn)column).GetFormatedDateTime(value, typeAttr))" @onchange="(e) => ChangeValue(e, column, typeAttr)" />
+                                    }
                                 }
                                 else
                                 {
-                                    <input id="@column.FieldName" name="@column.FieldName" type="text" placeholder="yyyy-mm-dd hh:mm" class="form-control @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" value="@(((ICGridColumn)column).GetFormatedDateTime(value, typeAttr))" @onchange="(e) => ChangeValue(e, column, typeAttr)" />
+                                    <input id="@column.FieldName" name="@column.FieldName" type="@typeAttr" class="form-control @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" value="@(((ICGridColumn)column).GetFormatedDateTime(value, typeAttr))" @onchange="(e) => ChangeValue(e, column, typeAttr)" />
                                 }
                             }
-                            else
+                            else if (type == typeof(System.TimeSpan))
                             {
-                                <input id="@column.FieldName" name="@column.FieldName" type="@typeAttr" class="form-control @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" value="@(((ICGridColumn)column).GetFormatedDateTime(value, typeAttr))" @onchange="(e) => ChangeValue(e, column, typeAttr)" />
+                                string typeAttr = ((IGridColumn<T>)column).InputType == InputType.None ? "time" : ((IGridColumn<T>)column).InputType.ToTypeAttr();
+                                <input id="@column.FieldName" name="@column.FieldName" type="@typeAttr" class="form-control @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" value="@(((ICGridColumn)column).GetFormatedDateTime(value, typeAttr))" @onchange="(e) => ChangeValue(e, column)" />
                             }
-                        }
-                        else if (type == typeof(System.TimeSpan))
-                        {
-                            string typeAttr = ((IGridColumn<T>)column).InputType == InputType.None ? "time" : ((IGridColumn<T>)column).InputType.ToTypeAttr();
-                            <input id="@column.FieldName" name="@column.FieldName" type="@typeAttr" class="form-control @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" value="@(((ICGridColumn)column).GetFormatedDateTime(value, typeAttr))" @onchange="(e) => ChangeValue(e, column)" />
-                        }
-                        else if (type == typeof(bool))
-                        {
-                            if (value != null && (bool)value == true)
+                            else if (type == typeof(bool))
                             {
-                                if (column.ToggleSwitch)
+                                if (value != null && (bool)value == true)
                                 {
-                                    <label class="col-form-label">@column.FalseLabel</label>
-                                    <label class="grid-switch">
-                                        <input id="@column.FieldName" name="@column.FieldName" type="checkbox" class="form-control @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" checked="checked" value="true" @onchange="(e) => ChangeValue(e, column)" />
-                                        <span class="grid-slider round"></span>
-                                    </label>
-                                    <label class="col-form-label">@column.TrueLabel</label>
+                                    if (column.ToggleSwitch)
+                                    {
+                                        <label class="col-form-label">@column.FalseLabel</label>
+                                        <label class="grid-switch">
+                                            <input id="@column.FieldName" name="@column.FieldName" type="checkbox" class="form-control @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" checked="checked" value="true" @onchange="(e) => ChangeValue(e, column)" />
+                                            <span class="grid-slider round"></span>
+                                        </label>
+                                        <label class="col-form-label">@column.TrueLabel</label>
+                                    }
+                                    else
+                                    {
+                                        <input id="@column.FieldName" name="@column.FieldName" type="checkbox" class="form-check @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" checked="checked" value="true" @onchange="(e) => ChangeValue(e, column)" />
+                                    }
                                 }
                                 else
                                 {
-                                    <input id="@column.FieldName" name="@column.FieldName" type="checkbox" class="form-control @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" checked="checked" value="true" @onchange="(e) => ChangeValue(e, column)" />
+                                    if (column.ToggleSwitch)
+                                    {
+                                        <label class="col-form-label">@column.FalseLabel</label>
+                                        <label class="grid-switch">
+                                            <input id="@column.FieldName" name="@column.FieldName" type="checkbox" class="form-control @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" value="false" @onchange="(e) => ChangeValue(e, column)" />
+                                            <span class="grid-slider round"></span>
+                                        </label>
+                                        <label class="col-form-label">@column.TrueLabel</label>
+                                    }
+                                    else
+                                    {
+                                        <input id="@column.FieldName" name="@column.FieldName" type="checkbox" class="form-check @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" value="false" @onchange="(e) => ChangeValue(e, column)" />
+                                    }
                                 }
                             }
                             else
                             {
-                                if (column.ToggleSwitch)
-                                {
-                                    <label class="col-form-label">@column.FalseLabel</label>
-                                    <label class="grid-switch">
-                                        <input id="@column.FieldName" name="@column.FieldName" type="checkbox" class="form-control @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" value="false" @onchange="(e) => ChangeValue(e, column)" />
-                                        <span class="grid-slider round"></span>
-                                    </label>
-                                    <label class="col-form-label">@column.TrueLabel</label>
-                                }
-                                else
-                                {
-                                    <input id="@column.FieldName" name="@column.FieldName" type="checkbox" class="form-control @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" value="false" @onchange="(e) => ChangeValue(e, column)" />
-                                }
+                                <input id="@column.FieldName" name="@column.FieldName" class="form-control @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" value="@column.GetFormatedValue(value)" @onchange="(e) => ChangeValue(e, column)" />
+                            }
+                            <span class="field-validation-error">
+                                <span>@ColumnErrors.Get(column.FieldName)</span>
+                            </span>
                             }
                         }
-                        else
-                        {
-                            <input id="@column.FieldName" name="@column.FieldName" class="form-control @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" value="@column.GetFormatedValue(value)" @onchange="(e) => ChangeValue(e, column)" />
-                        }
-                        <span class="field-validation-error">
-                            <span>@ColumnErrors.Get(column.FieldName)</span>
-                        </span>
-                        }
-                    }
-                </div>
+                    </div>
                 </div>
             }
             else if (column.CreateComponentType != null && string.IsNullOrWhiteSpace(column.TabGroup))
diff --git a/GridBlazor/Pages/GridDeleteComponent.razor b/GridBlazor/Pages/GridDeleteComponent.razor
index bb71af05..91733d65 100644
--- a/GridBlazor/Pages/GridDeleteComponent.razor
+++ b/GridBlazor/Pages/GridDeleteComponent.razor
@@ -62,7 +62,7 @@
                             }
                             else
                             {
-                                <input id="@column.FieldName" type="checkbox" class="form-control" disabled="disabled" readonly="readonly" checked="checked" value="true" />
+                                <input id="@column.FieldName" type="checkbox" class="form-check" disabled="disabled" readonly="readonly" checked="checked" value="true" />
                             }
                         }
                         else
@@ -78,7 +78,7 @@
                             }
                             else
                             {
-                                <input id="@column.FieldName" type="checkbox" class="form-control" disabled="disabled" readonly="readonly" value="false" />
+                                <input id="@column.FieldName" type="checkbox" class="form-check" disabled="disabled" readonly="readonly" value="false" />
                             }
                         }
                     }
diff --git a/GridBlazor/Pages/GridReadComponent.razor b/GridBlazor/Pages/GridReadComponent.razor
index 19b35529..796fde41 100644
--- a/GridBlazor/Pages/GridReadComponent.razor
+++ b/GridBlazor/Pages/GridReadComponent.razor
@@ -61,7 +61,7 @@
                             }
                             else
                             {
-                                <input id="@column.FieldName" type="checkbox" class="form-control" disabled="disabled" readonly="readonly" checked="checked" value="true" />
+                                <input id="@column.FieldName" type="checkbox" class="form-check" disabled="disabled" readonly="readonly" checked="checked" value="true" />
                             }
                         }
                         else
@@ -77,7 +77,7 @@
                             }
                             else
                             {
-                                <input id="@column.FieldName" type="checkbox" class="form-control" disabled="disabled" readonly="readonly" value="false" />
+                                <input id="@column.FieldName" type="checkbox" class="form-check" disabled="disabled" readonly="readonly" value="false" />
                             }
                         }
                     }
diff --git a/GridBlazor/Pages/GridUpdateComponent.razor b/GridBlazor/Pages/GridUpdateComponent.razor
index cf7d3f33..b9b543f7 100644
--- a/GridBlazor/Pages/GridUpdateComponent.razor
+++ b/GridBlazor/Pages/GridUpdateComponent.razor
@@ -123,7 +123,7 @@
                                         }
                                         else
                                         {
-                                            <input id="@column.FieldName" name="@column.FieldName" type="checkbox" class="form-control" disabled="disabled" readonly="readonly" checked="checked" value="true" />
+                                            <input id="@column.FieldName" name="@column.FieldName" type="checkbox" class="form-check" disabled="disabled" readonly="readonly" checked="checked" value="true" />
                                         }
                                     }
                                     else
@@ -139,7 +139,7 @@
                                         }
                                         else
                                         {
-                                            <input id="@column.FieldName" name="@column.FieldName" type="checkbox" class="form-control" disabled="disabled" readonly="readonly" value="false" />
+                                            <input id="@column.FieldName" name="@column.FieldName" type="checkbox" class="form-check" disabled="disabled" readonly="readonly" value="false" />
                                         }
                                     }
                                 }
@@ -254,7 +254,7 @@
                                         }
                                         else
                                         {
-                                            <input id="@column.FieldName" name="@column.FieldName" type="checkbox" class="form-control @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" checked="checked" value="true" @onchange="(e) => ChangeValue(e, column)" />
+                                            <input id="@column.FieldName" name="@column.FieldName" type="checkbox" class="form-check @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" checked="checked" value="true" @onchange="(e) => ChangeValue(e, column)" />
                                         }
                                     }
                                     else
@@ -270,7 +270,7 @@
                                         }
                                         else
                                         {
-                                            <input id="@column.FieldName" name="@column.FieldName" type="checkbox" class="form-control @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" value="false" @onchange="(e) => ChangeValue(e, column)" />
+                                            <input id="@column.FieldName" name="@column.FieldName" type="checkbox" class="form-check @(ColumnErrors.ContainsKey(@column.FieldName) ? "input-validation-error" : "")" value="false" @onchange="(e) => ChangeValue(e, column)" />
                                         }
                                     }
                                 }
diff --git a/GridBlazor/wwwroot/css/gridblazor.css b/GridBlazor/wwwroot/css/gridblazor.css
index 86e3ca11..d7263353 100644
--- a/GridBlazor/wwwroot/css/gridblazor.css
+++ b/GridBlazor/wwwroot/css/gridblazor.css
@@ -107,7 +107,7 @@ div[dir="rtl"] .subgrid-caret-down::after { content: "\25E3"; }
 .grid-buttons { display:inline-flex; width:100%; justify-content:space-between; }
 
 /* Grid header buttons */
-.grid-header-buttons { display:inline-flex; width:100%; }
+.grid-header-buttons { display:inline-flex; }
 
 /* Grid search */
 .grid-search { margin-top: 10px; margin-bottom: 10px; }
diff --git a/GridBlazor/wwwroot/css/gridblazor.min.css b/GridBlazor/wwwroot/css/gridblazor.min.css
index e03a2b06..d84b271c 100644
--- a/GridBlazor/wwwroot/css/gridblazor.min.css
+++ b/GridBlazor/wwwroot/css/gridblazor.min.css
@@ -1 +1 @@
-.grid-mvc:focus{outline:none}.grid-table-wrap{overflow:auto}.grid-table-head{overflow:hidden}.grid-table-body{overflow:auto}.grid-error{color:#f00}table.grid-table{margin:0}table.grid-table .grid-wrap{padding:0;position:relative}table.grid-table .grid-empty-text{color:#666}table.grid-table .grid-header{position:relative;vertical-align:top}table.grid-table .grid-header .sorted-asc .grid-sort-arrow::after{content:" ↑"}table.grid-table .grid-header .sorted-desc .grid-sort-arrow::after{content:" ↓"}table.grid-table .grid-header>.grid-header-group{display:flex}table.grid-table .grid-header>.grid-header-group>.grid-header-title{width:100%;margin-right:15px;white-space:nowrap}div[dir="rtl"] table.grid-table .grid-header>.grid-header-group>.grid-header-title{margin-left:15px;margin-right:0}table.grid-table .grid-header>.grid-header-group>.grid-header-title>button{font-weight:bold;color:#007bff;background-color:#fff;border:none}table.grid-table .grid-header>.grid-header-group>.grid-header-title>button:hover{color:#0056b3;text-decoration:underline}table.grid-table .grid-header>.grid-header-group>.grid-header-title>button:focus{outline:0}table.grid-table .grid-header.grid-header-drag-over{border:1px solid lightblue;border-radius:16px}table.grid-table .grid-header.grid-header-drag-over *{pointer-events:none}table.grid-table .grid-header > .grid-header-group .grid-column-rearrange-insert-placeholder{margin-left:-12px}table.grid-table tr.grid-row-selected td{background:#4888c2 !important;color:#fff}table.grid-table tr.grid-row-selected a{color:#fff}table.striped>tbody>tr.grid-row:nth-of-type(odd){background-color:#f9f9f9}table.substriped>tbody>tr.grid-row:nth-of-type(4n+1){background-color:#f9f9f9}table.grid-table tr.grid-totals-row td{border-color:#aaa;background:#eee !important}input.grid-filter-input{padding:4px}table.grid-table .grid-filter{position:relative;margin-top:2px;margin-bottom:10px;float:right;width:10px}table.grid-table .grid-filter-btn{cursor:pointer;display:block;width:10px;height:12px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAJFJREFUKFNjkJSU/E8MZvj//78DMRhkoj+6bizYH2SiiIeHx2FjY+P/2DBIDqSGAQSOHTtmYWZm9hldEUgMJAdWBAJAHSzt7e056ApBYiA5qDIIAAoIhIaGroYpArFBYlBpVLB3715DmEIQGyqMCUDWwBRiWIkOYAqhXNwApMjX13c7lIsbgBQBrdWAcqGAgQEAdOGTrvsYKXIAAAAASUVORK5CYII=') no-repeat}table.grid-table .grid-filter-btn.filtered{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAJNJREFUKFNjYGj//58o/P//fwdiMIOkpKQ/VhOQMFgNULWIh4fHYWNj4//YMEgOpIYBBI4dO2ZhZmb2GV0RSAwkB1YEAkAdLO3t7TnoCkFiIDmoMggACgiEhoauhikCsUFiUGlUsHfvXkOYQhAbKowJQNbAFGJYiQ5gCqFc3ACkyNfXdzuUixuAFAGt1YByoYCBAQAUDanUpFB4UQAAAABJRU5ErkJggg==') no-repeat}table.grid-table .grid-filter-buttons{padding:0}table.grid-table .grid-filter-buttons button{margin-right:5px}div[dir="rtl"] table.grid-table .grid-filter-buttons button{margin-right:0;margin-left:5px}table.grid-table .grid-filter-buttons button:last-child{margin-right:0}div[dir="rtl"] table.grid-table .grid-filter-buttons button:last-child{margin-left:0}table.grid-table .grid-filter-datepicker table td{padding:1px!important}table.grid-table .grid-filter-datepicker .ui-datepicker{width:auto}table.grid-table .grid-dropdown-inner ul.menu-list li a.grid-filter-clear{white-space:nowrap;padding-left:23px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAARpJREFUKFNjYGj//58o/P//fwdiMIOkpKQ/VhOQMFgNULWIh4fHYWNj4//YMEgOpIYBBI4dO2axOC/396GinP/O+vpwRVbGxl92+vluXm1kuASsEKiD5VB99aG3eTH/HxjL/A/RUPsfrqb6f7e21uutlhbRYEUwAFQskOLmun2+lND/0xxM/7dycXzd6OxoCpVGBduWLjXv4+f/v5WF+f9RbtYvfeysqlApBKhhY2Hcxsy0+xAL038nbe3/m8W4ss/Jcx2GSiPAal6uvGtczP9TFOXBHgGJ7RHlmLGOjy0UrAAGzgT7rn7urP/P3NDgv6+v73aQWAMzM+dqTtbJYAUwsNzeyuhImE8GSBHQYxpQYYYJQCcxMDAwAAB7/bt5uWh9FAAAAABJRU5ErkJggg==');background-position:3px center;background-repeat:no-repeat}div[dir="rtl"] table.grid-table .grid-dropdown-inner ul.menu-list li a.grid-filter-clear{padding-left:0;padding-right:23px;background-position:right}table.grid-table .grid-filter-choose.choose-selected{background-color:#fff!important;cursor:default;color:#999}table.grid-table .grid-popup-additional{padding:3px 0 0 0}.grid-tooltip{position:relative;margin-top:0}.grid-tooltip-dropdown{font-weight:normal;left:-102px;top:16px!important;margin-top:-5px;min-width:300px}div[dir="rtl"] .grid-tooltip-dropdown{left:0;right:-102px}.grid-dropdown{font-weight:normal;left:-102px;top:16px!important;min-width:360px}div[dir="rtl"] .grid-dropdown{left:-258px}.grid-dropdown-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAl0lEQVQoU42PMQuFMAyE6xN5gpOjjsIb/P9/o3O3zh27dY25kIPq8DBwmLT35WoQkUEVOmGec84CaW2q7+N+AdCD6M9SisQYTei1jsfyCeCu+vjFVGs1AN++94DRfUOfuNLoKUiyRC5y2F5I8NdaM4P/l0EswvBorQTnfxBhLMRih+2pklIy+eEtjQPu6MNZwIBNbwteMBd5X4ZGHcwL3QAAAABJRU5ErkJggg==") no-repeat;height:8px;left:99px;position:absolute;top:-8px;width:14px}div[dir="rtl"] .grid-dropdown-arrow{left:255px}.grid-dropdown-inner{padding:5px 7px}.grid-dropdown ul.menu-list{list-style-type:none;margin:3px 0 0 0;padding:0}.grid-dropdown ul.menu-list li a{text-decoration:none;background-position:6px center;background-repeat:no-repeat;display:flex;padding:4px 5px}.grid-dropdown ul.menu-list li a:hover{background-color:#eee;text-decoration:none}.grid-dropdown input.grid-filter-input{width:100%}.grid-dropdown select.grid-filter-type{width:100%}.grid-dropdown input.grid-filter-list{margin:5px 10px 5px 20px}div[dir="rtl"] .grid-dropdown input.grid-filter-list{margin:5px 20px 5px 10px}.grid-footer{display:inline-flex;width:100%;justify-content:space-between}.grid-itemscount{display:inline-flex;margin-top:10px}.grid-itemscount-label,.grid-itemscount-caption{margin-left:5px;margin-right:5px}.grid-pager{margin-top:20px}.grid-pager ul{padding:0}.page-link:focus{box-shadow:none}.page-item:first-child .page-link{border-radius:4px 0 0 4px}div[dir="rtl"] .page-item:first-child .page-link{border-radius:0 4px 4px 0}.page-item:last-child .page-link{border-radius:0 4px 4px 0}div[dir="rtl"] .page-item:last-child .page-link{border-radius:4px 0 0 4px}.subgrid-caret{cursor:pointer;user-select:none}.subgrid-caret::after{content:"▷"}div[dir="rtl"] .subgrid-caret::after{content:"◁"}.subgrid-caret-down{cursor:pointer;user-select:none}.subgrid-caret-down::after{content:"◢"}div[dir="rtl"] .subgrid-caret-down::after{content:"◣"}.grid-button{background-color:#333}.grid-button:hover{border-color:#666}.grid-buttons{display:inline-flex;width:100%;justify-content:space-between}.grid-header-buttons{display:inline-flex;width:100%}.grid-search{margin-top:10px;margin-bottom:10px}button.grid-button{height:34px;color:#333;border:1px solid #aaa;border-radius:4px}button.grid-search-apply{padding-left:20px;border-radius:4px 0 0 4px;background-repeat:no-repeat,no-repeat;background-position-x:8px,0;background-position-y:8px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 8 8"><path d="M3.5 0c-1.93 0-3.5 1.57-3.5 3.5s1.57 3.5 3.5 3.5c.59 0 1.17-.14 1.66-.41a1 1 0 0 0 .13.13l1 1a1.02 1.02 0 1 0 1.44-1.44l-1-1a1 1 0 0 0-.16-.13c.27-.49.44-1.06.44-1.66 0-1.93-1.57-3.5-3.5-3.5zm0 1c1.39 0 2.5 1.11 2.5 2.5 0 .66-.24 1.27-.66 1.72-.01.01-.02.02-.03.03a1 1 0 0 0-.13.13c-.44.4-1.04.63-1.69.63-1.39 0-2.5-1.11-2.5-2.5s1.11-2.5 2.5-2.5z"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-search-apply{border-radius:0 4px 4px 0}button.grid-search-clear{padding-left:22px;border-radius:0 4px 4px 0;background-repeat:no-repeat,no-repeat;background-position-x:8px,0;background-position-y:8px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 8 8"><path d="M1.41 0l-1.41 1.41.72.72 1.78 1.81-1.78 1.78-.72.69 1.41 1.44.72-.72 1.81-1.81 1.78 1.81.69.72 1.44-1.44-.72-.69-1.81-1.78 1.81-1.81.72-.72-1.44-1.41-.69.72-1.78 1.78-1.81-1.78-.72-.72z" /></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-search-clear{border-radius:4px 0 0 4px}input.grid-search-input{height:34px;border-color:#ccc}.grid-change-page-size{display:inline-flex;width:250px;margin:10px 20px}.grid-change-page-size label{margin:6px 10px}.grid-change-page-size-input{display:inline;width:60px;margin-left:5px;margin-right:5px}.grid-extsort-droppable{height:42px;width:100%;margin-bottom:10px;border:1px solid #ccc;border-radius:4px}.grid-extsort-column{height:28px;display:inline-block;margin:6px 0 6px 20px;padding:5px;background-color:#efefef;border:1px solid #ccc;border-radius:4px}div[dir="rtl"] .grid-extsort-column{margin:6px 20px 6px 0}.grid-extsort-column .sorted-asc .grid-sort-arrow::after{content:" ↑"}.grid-extsort-column .sorted-desc .grid-sort-arrow::after{content:" ↓"}.grid-extsort-column a{font-weight:700}.grid-extsort-column>a{margin-left:10px;margin-right:5px}div[dir="rtl"] .grid-extsort-column>a{margin-left:5px;margin-right:10px}.grid-extsort-column button{border:none;padding:0;font-size:14px;font-weight:700}.grid-extsort-column>button{margin-left:10px;margin-right:5px}div[dir="rtl"] .grid-extsort-column>button{margin-left:5px;margin-right:10px}.grid-extsort-empty{font-size:14px;height:20px;margin:10px;color:#aaa}.grid-group-caret{margin-right:10px;cursor:pointer;user-select:none}div[dir="rtl"] .grid-group-caret{margin-left:10px;margin-right:0}.grid-group-caret::after{content:"▷"}.grid-group-caret-down{margin-right:10px;cursor:pointer;user-select:none}div[dir="rtl"] .grid-group-caret-down{margin-left:10px;margin-right:0}.grid-group-caret-down::after{content:"◢"}.grid-group-tab{margin-left:20px}div[dir="rtl"] .grid-group-tab{margin-left:0;margin-right:20px}.grid-group-row{background:#eee}.grid-crud{margin-top:10px;margin-bottom:10px;margin-left:0;margin-right:5px}div[dir="rtl"] .grid-crud{margin-left:5px;margin-right:0}.grid-crud:first-child{margin-left:0}div[dir="rtl"] .grid-crud:first-child{margin-right:0}button.grid-button-add{width:32px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:7px,0;background-position-y:8px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 8 8"><path d="M3 0v3h-3v2h3v3h2v-3h3v-2h-3v-3h-2z"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-add{margin-left:5px;margin-right:0}button.grid-button-view{width:30px;height:30px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:7px,0;background-position-y:7px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 8 8"><path d="M4.03 0c-2.53 0-4.03 3-4.03 3s1.5 3 4.03 3c2.47 0 3.97-3 3.97-3s-1.5-3-3.97-3zm-.03 1c1.11 0 2 .9 2 2 0 1.11-.89 2-2 2-1.1 0-2-.89-2-2 0-1.1.9-2 2-2zm0 1c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1c0-.1-.04-.19-.06-.28-.08.16-.24.28-.44.28-.28 0-.5-.22-.5-.5 0-.2.12-.36.28-.44-.09-.03-.18-.06-.28-.06z" transform="translate(0 1)"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-view{margin-left:5px;margin-right:0}button.grid-button-edit{width:30px;height:30px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:7px,0;background-position-y:7px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 8 8"><path d="M6 0l-1 1 2 2 1-1-2-2zm-2 2l-4 4v2h2l4-4-2-2z"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-edit{margin-left:5px;margin-right:0}button.grid-button-delete{width:30px;height:30px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:7px,0;background-position-y:7px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 8 8"><path d="M3 0c-.55 0-1 .45-1 1h-1c-.55 0-1 .45-1 1h7c0-.55-.45-1-1-1h-1c0-.55-.45-1-1-1h-1zm-2 3v4.81c0 .11.08.19.19.19h4.63c.11 0 .19-.08.19-.19v-4.81h-1v3.5c0 .28-.22.5-.5.5s-.5-.22-.5-.5v-3.5h-1v3.5c0 .28-.22.5-.5.5s-.5-.22-.5-.5v-3.5h-1z"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-delete{margin-left:5px;margin-right:0}button.grid-button-header-view{width:34px;height:34px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:8px,0;background-position-y:8px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 8 8"><path d="M4.03 0c-2.53 0-4.03 3-4.03 3s1.5 3 4.03 3c2.47 0 3.97-3 3.97-3s-1.5-3-3.97-3zm-.03 1c1.11 0 2 .9 2 2 0 1.11-.89 2-2 2-1.1 0-2-.89-2-2 0-1.1.9-2 2-2zm0 1c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1c0-.1-.04-.19-.06-.28-.08.16-.24.28-.44.28-.28 0-.5-.22-.5-.5 0-.2.12-.36.28-.44-.09-.03-.18-.06-.28-.06z" transform="translate(0 1)"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-header-view{margin-left:5px;margin-right:0}button.grid-button-header-edit{width:34px;height:34px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:8px,0;background-position-y:8px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 8 8"><path d="M6 0l-1 1 2 2 1-1-2-2zm-2 2l-4 4v2h2l4-4-2-2z"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-header-edit{margin-left:5px;margin-right:0}button.grid-button-header-delete{width:34px;height:34px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:9px,0;background-position-y:8px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 8 8"><path d="M3 0c-.55 0-1 .45-1 1h-1c-.55 0-1 .45-1 1h7c0-.55-.45-1-1-1h-1c0-.55-.45-1-1-1h-1zm-2 3v4.81c0 .11.08.19.19.19h4.63c.11 0 .19-.08.19-.19v-4.81h-1v3.5c0 .28-.22.5-.5.5s-.5-.22-.5-.5v-3.5h-1v3.5c0 .28-.22.5-.5.5s-.5-.22-.5-.5v-3.5h-1z"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-header-delete{margin-left:5px;margin-right:0}button.grid-button-label-add{height:34px;margin-right:5px}div[dir="rtl"] button.grid-button-label-add{margin-left:5px;margin-right:0}button.grid-button-label-view{height:30px;margin-right:5px}div[dir="rtl"] button.grid-button-label-view{margin-left:5px;margin-right:0}button.grid-button-label-edit{height:30px;margin-right:5px}div[dir="rtl"] button.grid-button-label-edit{margin-left:5px;margin-right:0}button.grid-button-label-delete{height:30px;margin-right:5px}div[dir="rtl"] button.grid-button-label-delete{margin-left:5px;margin-right:0}button.grid-button-header-label-view{height:34px;margin-right:5px}div[dir="rtl"] button.grid-button-header-label-view{margin-left:5px;margin-right:0}button.grid-button-header-label-edit{height:34px;margin-right:5px}div[dir="rtl"] button.grid-button-header-label-edit{margin-left:5px;margin-right:0}button.grid-button-header-label-delete{height:34px;margin-right:5px}div[dir="rtl"] button.grid-button-header-label-delete{margin-left:5px;margin-right:0}td.grid-button-cell{padding:5px 0 5px 0;width:34px}.input-validation-error{border:1px solid #f00}.field-validation-error{color:#f00}button.grid-button-input-file{border-radius:0 4px 4px 0;background-image:linear-gradient(#ddd,#eee);font-weight:bold}div[dir="rtl"] button.grid-button-input-file{border-radius:4px 0 0 4px}.grid-crud-header{font-size:2rem;margin:1rem 0 1rem 0}.grid-all-filters-clear{margin-top:10px;margin-bottom:10px;margin-left:15px;margin-right:5px}.grid-all-filters-clear:first-child{margin-left:0}div[dir="rtl"] .grid-all-filters-clear:first-child{margin-right:0}button.grid-button-all-filters-clear{width:32px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:10px,0;background-position-y:10px,0;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAARpJREFUKFNjYGj//58o/P//fwdiMIOkpKQ/VhOQMFgNULWIh4fHYWNj4//YMEgOpIYBBI4dO2axOC/396GinP/O+vpwRVbGxl92+vluXm1kuASsEKiD5VB99aG3eTH/HxjL/A/RUPsfrqb6f7e21uutlhbRYEUwAFQskOLmun2+lND/0xxM/7dycXzd6OxoCpVGBduWLjXv4+f/v5WF+f9RbtYvfeysqlApBKhhY2Hcxsy0+xAL038nbe3/m8W4ss/Jcx2GSiPAal6uvGtczP9TFOXBHgGJ7RHlmLGOjy0UrAAGzgT7rn7urP/P3NDgv6+v73aQWAMzM+dqTtbJYAUwsNzeyuhImE8GSBHQYxpQYYYJQCcxMDAwAAB7/bt5uWh9FAAAAABJRU5ErkJggg=='),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-all-filters-clear{margin-left:5px;margin-right:0}.grid-excel{margin-top:10px;margin-bottom:10px;margin-left:15px;margin-right:5px}.grid-excel:first-child{margin-left:0}div[dir="rtl"] .grid-excel:first-child{margin-right:0}button.grid-button-excel{width:32px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:7px,0;background-position-y:8px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 8 8"><path d="M3 0v3h-2l3 3 3-3h-2v-3h-2zm-3 7v1h8v-1h-8z"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-excel{margin-left:5px;margin-right:0}.grid-button-components{margin-top:10px;margin-bottom:10px;margin-left:0;margin-right:5px}div[dir="rtl"] .grid-button-components{margin-left:5px;margin-right:0}.grid-button-components:first-child{margin-left:0}div[dir="rtl"] .grid-button-components:first-child{margin-right:0}button.grid-button-component{min-width:32px;margin-right:5px;background:-o-linear-gradient(top,#ddd 0%,#eee 100%);background:-moz-linear-gradient(top,#ddd 0%,#eee 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ddd),color-stop(1,#eee))}div[dir="rtl"] button.grid-button-component{margin-left:5px;margin-right:0}.grid-header-checkbox-input{opacity:0}.grid-header-checkbox-input~.null-checkbox::before{position:absolute;top:1rem;display:block;width:.9rem;height:.9rem;pointer-events:none;content:"";border:.5px solid #666;border-radius:3px;background-color:#ccc}div[dir="rtl"] label{display:flex}.grid-switch{position:relative;display:inline-block;width:50px;height:24px;margin-left:16px;margin-right:16px;margin-bottom:-8px}.grid-switch input{display:none}.grid-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.grid-slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.grid-slider{background-color:#ccc}input:focus+.grid-slider{box-shadow:0 0 1px #ccc}input:checked+.grid-slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.grid-slider.round{border-radius:24px}.grid-slider.round:before{border-radius:50%}.grid-spinner{margin:170px auto;border:6px solid #f3f3f3;border-top:6px solid #455a64;border-radius:50%;width:60px;height:60px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes spin{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}
\ No newline at end of file
+.grid-mvc:focus{outline:none}.grid-table-wrap{overflow:auto}.grid-table-head{overflow:hidden}.grid-table-body{overflow:auto}.grid-error{color:#f00}table.grid-table{margin:0}table.grid-table .grid-wrap{padding:0;position:relative}table.grid-table .grid-empty-text{color:#666}table.grid-table .grid-header{position:relative;vertical-align:top}table.grid-table .grid-header .sorted-asc .grid-sort-arrow::after{content:" ↑"}table.grid-table .grid-header .sorted-desc .grid-sort-arrow::after{content:" ↓"}table.grid-table .grid-header>.grid-header-group{display:flex}table.grid-table .grid-header>.grid-header-group>.grid-header-title{width:100%;margin-right:15px;white-space:nowrap}div[dir="rtl"] table.grid-table .grid-header>.grid-header-group>.grid-header-title{margin-left:15px;margin-right:0}table.grid-table .grid-header>.grid-header-group>.grid-header-title>button{font-weight:bold;color:#007bff;background-color:#fff;border:none}table.grid-table .grid-header>.grid-header-group>.grid-header-title>button:hover{color:#0056b3;text-decoration:underline}table.grid-table .grid-header>.grid-header-group>.grid-header-title>button:focus{outline:0}table.grid-table .grid-header.grid-header-drag-over{border:1px solid #add8e6;border-radius:16px}table.grid-table .grid-header.grid-header-drag-over *{pointer-events:none}table.grid-table .grid-header>.grid-header-group .grid-column-rearrange-insert-placeholder{margin-left:-12px}table.grid-table tr.grid-row-selected td{background:#4888c2 !important;color:#fff}table.grid-table tr.grid-row-selected a{color:#fff}table.striped>tbody>tr.grid-row:nth-of-type(odd){background-color:#f9f9f9}table.substriped>tbody>tr.grid-row:nth-of-type(4n+1){background-color:#f9f9f9}table.grid-table tr.grid-totals-row td{border-color:#aaa;background:#eee !important}input.grid-filter-input{padding:4px}table.grid-table .grid-filter{position:relative;margin-top:2px;margin-bottom:10px;float:right;width:10px}table.grid-table .grid-filter-btn{cursor:pointer;display:block;width:10px;height:12px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAJFJREFUKFNjkJSU/E8MZvj//78DMRhkoj+6bizYH2SiiIeHx2FjY+P/2DBIDqSGAQSOHTtmYWZm9hldEUgMJAdWBAJAHSzt7e056ApBYiA5qDIIAAoIhIaGroYpArFBYlBpVLB3715DmEIQGyqMCUDWwBRiWIkOYAqhXNwApMjX13c7lIsbgBQBrdWAcqGAgQEAdOGTrvsYKXIAAAAASUVORK5CYII=') no-repeat}table.grid-table .grid-filter-btn.filtered{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAJNJREFUKFNjYGj//58o/P//fwdiMIOkpKQ/VhOQMFgNULWIh4fHYWNj4//YMEgOpIYBBI4dO2ZhZmb2GV0RSAwkB1YEAkAdLO3t7TnoCkFiIDmoMggACgiEhoauhikCsUFiUGlUsHfvXkOYQhAbKowJQNbAFGJYiQ5gCqFc3ACkyNfXdzuUixuAFAGt1YByoYCBAQAUDanUpFB4UQAAAABJRU5ErkJggg==') no-repeat}table.grid-table .grid-filter-buttons{padding:0}table.grid-table .grid-filter-buttons button{margin-right:5px}div[dir="rtl"] table.grid-table .grid-filter-buttons button{margin-right:0;margin-left:5px}table.grid-table .grid-filter-buttons button:last-child{margin-right:0}div[dir="rtl"] table.grid-table .grid-filter-buttons button:last-child{margin-left:0}table.grid-table .grid-filter-datepicker table td{padding:1px!important}table.grid-table .grid-filter-datepicker .ui-datepicker{width:auto}table.grid-table .grid-dropdown-inner ul.menu-list li a.grid-filter-clear{white-space:nowrap;padding-left:23px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAARpJREFUKFNjYGj//58o/P//fwdiMIOkpKQ/VhOQMFgNULWIh4fHYWNj4//YMEgOpIYBBI4dO2axOC/396GinP/O+vpwRVbGxl92+vluXm1kuASsEKiD5VB99aG3eTH/HxjL/A/RUPsfrqb6f7e21uutlhbRYEUwAFQskOLmun2+lND/0xxM/7dycXzd6OxoCpVGBduWLjXv4+f/v5WF+f9RbtYvfeysqlApBKhhY2Hcxsy0+xAL038nbe3/m8W4ss/Jcx2GSiPAal6uvGtczP9TFOXBHgGJ7RHlmLGOjy0UrAAGzgT7rn7urP/P3NDgv6+v73aQWAMzM+dqTtbJYAUwsNzeyuhImE8GSBHQYxpQYYYJQCcxMDAwAAB7/bt5uWh9FAAAAABJRU5ErkJggg==');background-position:3px center;background-repeat:no-repeat}div[dir="rtl"] table.grid-table .grid-dropdown-inner ul.menu-list li a.grid-filter-clear{padding-left:0;padding-right:23px;background-position:right}table.grid-table .grid-filter-choose.choose-selected{background-color:#fff!important;cursor:default;color:#999}table.grid-table .grid-popup-additional{padding:3px 0 0 0}.grid-tooltip{position:relative;margin-top:0}.grid-tooltip-dropdown{font-weight:normal;left:-102px;top:16px!important;margin-top:-5px;min-width:300px}div[dir="rtl"] .grid-tooltip-dropdown{left:0;right:-102px}.grid-dropdown{font-weight:normal;left:-102px;top:16px!important;min-width:360px}div[dir="rtl"] .grid-dropdown{left:-258px}.grid-dropdown-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAl0lEQVQoU42PMQuFMAyE6xN5gpOjjsIb/P9/o3O3zh27dY25kIPq8DBwmLT35WoQkUEVOmGec84CaW2q7+N+AdCD6M9SisQYTei1jsfyCeCu+vjFVGs1AN++94DRfUOfuNLoKUiyRC5y2F5I8NdaM4P/l0EswvBorQTnfxBhLMRih+2pklIy+eEtjQPu6MNZwIBNbwteMBd5X4ZGHcwL3QAAAABJRU5ErkJggg==") no-repeat;height:8px;left:99px;position:absolute;top:-8px;width:14px}div[dir="rtl"] .grid-dropdown-arrow{left:255px}.grid-dropdown-inner{padding:5px 7px}.grid-dropdown ul.menu-list{list-style-type:none;margin:3px 0 0 0;padding:0}.grid-dropdown ul.menu-list li a{text-decoration:none;background-position:6px center;background-repeat:no-repeat;display:flex;padding:4px 5px}.grid-dropdown ul.menu-list li a:hover{background-color:#eee;text-decoration:none}.grid-dropdown input.grid-filter-input{width:100%}.grid-dropdown select.grid-filter-type{width:100%}.grid-dropdown input.grid-filter-list{margin:5px 10px 5px 20px}div[dir="rtl"] .grid-dropdown input.grid-filter-list{margin:5px 20px 5px 10px}.grid-footer{display:inline-flex;width:100%;justify-content:space-between}.grid-itemscount{display:inline-flex;margin-top:10px}.grid-itemscount-label,.grid-itemscount-caption{margin-left:5px;margin-right:5px}.grid-pager{margin-top:20px}.grid-pager ul{padding:0}.page-link:focus{box-shadow:none}.page-item:first-child .page-link{border-radius:4px 0 0 4px}div[dir="rtl"] .page-item:first-child .page-link{border-radius:0 4px 4px 0}.page-item:last-child .page-link{border-radius:0 4px 4px 0}div[dir="rtl"] .page-item:last-child .page-link{border-radius:4px 0 0 4px}.subgrid-caret{cursor:pointer;user-select:none}.subgrid-caret::after{content:"▷"}div[dir="rtl"] .subgrid-caret::after{content:"◁"}.subgrid-caret-down{cursor:pointer;user-select:none}.subgrid-caret-down::after{content:"◢"}div[dir="rtl"] .subgrid-caret-down::after{content:"◣"}.grid-button{background-color:#333}.grid-button:hover{border-color:#666}.grid-buttons{display:inline-flex;width:100%;justify-content:space-between}.grid-header-buttons{display:inline-flex}.grid-search{margin-top:10px;margin-bottom:10px}button.grid-button{height:34px;color:#333;border:1px solid #aaa;border-radius:4px}button.grid-search-apply{padding-left:20px;border-radius:4px 0 0 4px;background-repeat:no-repeat,no-repeat;background-position-x:8px,0;background-position-y:8px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 8 8"><path d="M3.5 0c-1.93 0-3.5 1.57-3.5 3.5s1.57 3.5 3.5 3.5c.59 0 1.17-.14 1.66-.41a1 1 0 0 0 .13.13l1 1a1.02 1.02 0 1 0 1.44-1.44l-1-1a1 1 0 0 0-.16-.13c.27-.49.44-1.06.44-1.66 0-1.93-1.57-3.5-3.5-3.5zm0 1c1.39 0 2.5 1.11 2.5 2.5 0 .66-.24 1.27-.66 1.72-.01.01-.02.02-.03.03a1 1 0 0 0-.13.13c-.44.4-1.04.63-1.69.63-1.39 0-2.5-1.11-2.5-2.5s1.11-2.5 2.5-2.5z"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-search-apply{border-radius:0 4px 4px 0}button.grid-search-clear{padding-left:22px;border-radius:0 4px 4px 0;background-repeat:no-repeat,no-repeat;background-position-x:8px,0;background-position-y:8px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 8 8"><path d="M1.41 0l-1.41 1.41.72.72 1.78 1.81-1.78 1.78-.72.69 1.41 1.44.72-.72 1.81-1.81 1.78 1.81.69.72 1.44-1.44-.72-.69-1.81-1.78 1.81-1.81.72-.72-1.44-1.41-.69.72-1.78 1.78-1.81-1.78-.72-.72z" /></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-search-clear{border-radius:4px 0 0 4px}input.grid-search-input{height:34px;border-color:#ccc}.grid-change-page-size{display:inline-flex;width:250px;margin:10px 20px}.grid-change-page-size label{margin:6px 10px}.grid-change-page-size-input{display:inline;width:60px;margin-left:5px;margin-right:5px}.grid-extsort-droppable{height:42px;width:100%;margin-bottom:10px;border:1px solid #ccc;border-radius:4px}.grid-extsort-column{height:28px;display:inline-block;margin:6px 0 6px 20px;padding:5px;background-color:#efefef;border:1px solid #ccc;border-radius:4px}div[dir="rtl"] .grid-extsort-column{margin:6px 20px 6px 0}.grid-extsort-column .sorted-asc .grid-sort-arrow::after{content:" ↑"}.grid-extsort-column .sorted-desc .grid-sort-arrow::after{content:" ↓"}.grid-extsort-column a{font-weight:700}.grid-extsort-column>a{margin-left:10px;margin-right:5px}div[dir="rtl"] .grid-extsort-column>a{margin-left:5px;margin-right:10px}.grid-extsort-column button{border:none;padding:0;font-size:14px;font-weight:700}.grid-extsort-column>button{margin-left:10px;margin-right:5px}div[dir="rtl"] .grid-extsort-column>button{margin-left:5px;margin-right:10px}.grid-extsort-empty{font-size:14px;height:20px;margin:10px;color:#aaa}.grid-group-caret{margin-right:10px;cursor:pointer;user-select:none}div[dir="rtl"] .grid-group-caret{margin-left:10px;margin-right:0}.grid-group-caret::after{content:"▷"}.grid-group-caret-down{margin-right:10px;cursor:pointer;user-select:none}div[dir="rtl"] .grid-group-caret-down{margin-left:10px;margin-right:0}.grid-group-caret-down::after{content:"◢"}.grid-group-tab{margin-left:20px}div[dir="rtl"] .grid-group-tab{margin-left:0;margin-right:20px}.grid-group-row{background:#eee}.grid-crud{margin-top:10px;margin-bottom:10px;margin-left:0;margin-right:5px}div[dir="rtl"] .grid-crud{margin-left:5px;margin-right:0}.grid-crud:first-child{margin-left:0}div[dir="rtl"] .grid-crud:first-child{margin-right:0}button.grid-button-add{width:32px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:7px,0;background-position-y:8px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 8 8"><path d="M3 0v3h-3v2h3v3h2v-3h3v-2h-3v-3h-2z"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-add{margin-left:5px;margin-right:0}button.grid-button-view{width:30px;height:30px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:7px,0;background-position-y:7px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 8 8"><path d="M4.03 0c-2.53 0-4.03 3-4.03 3s1.5 3 4.03 3c2.47 0 3.97-3 3.97-3s-1.5-3-3.97-3zm-.03 1c1.11 0 2 .9 2 2 0 1.11-.89 2-2 2-1.1 0-2-.89-2-2 0-1.1.9-2 2-2zm0 1c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1c0-.1-.04-.19-.06-.28-.08.16-.24.28-.44.28-.28 0-.5-.22-.5-.5 0-.2.12-.36.28-.44-.09-.03-.18-.06-.28-.06z" transform="translate(0 1)"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-view{margin-left:5px;margin-right:0}button.grid-button-edit{width:30px;height:30px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:7px,0;background-position-y:7px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 8 8"><path d="M6 0l-1 1 2 2 1-1-2-2zm-2 2l-4 4v2h2l4-4-2-2z"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-edit{margin-left:5px;margin-right:0}button.grid-button-delete{width:30px;height:30px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:7px,0;background-position-y:7px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 8 8"><path d="M3 0c-.55 0-1 .45-1 1h-1c-.55 0-1 .45-1 1h7c0-.55-.45-1-1-1h-1c0-.55-.45-1-1-1h-1zm-2 3v4.81c0 .11.08.19.19.19h4.63c.11 0 .19-.08.19-.19v-4.81h-1v3.5c0 .28-.22.5-.5.5s-.5-.22-.5-.5v-3.5h-1v3.5c0 .28-.22.5-.5.5s-.5-.22-.5-.5v-3.5h-1z"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-delete{margin-left:5px;margin-right:0}button.grid-button-header-view{width:34px;height:34px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:8px,0;background-position-y:8px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 8 8"><path d="M4.03 0c-2.53 0-4.03 3-4.03 3s1.5 3 4.03 3c2.47 0 3.97-3 3.97-3s-1.5-3-3.97-3zm-.03 1c1.11 0 2 .9 2 2 0 1.11-.89 2-2 2-1.1 0-2-.89-2-2 0-1.1.9-2 2-2zm0 1c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1c0-.1-.04-.19-.06-.28-.08.16-.24.28-.44.28-.28 0-.5-.22-.5-.5 0-.2.12-.36.28-.44-.09-.03-.18-.06-.28-.06z" transform="translate(0 1)"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-header-view{margin-left:5px;margin-right:0}button.grid-button-header-edit{width:34px;height:34px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:8px,0;background-position-y:8px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 8 8"><path d="M6 0l-1 1 2 2 1-1-2-2zm-2 2l-4 4v2h2l4-4-2-2z"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-header-edit{margin-left:5px;margin-right:0}button.grid-button-header-delete{width:34px;height:34px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:9px,0;background-position-y:8px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 8 8"><path d="M3 0c-.55 0-1 .45-1 1h-1c-.55 0-1 .45-1 1h7c0-.55-.45-1-1-1h-1c0-.55-.45-1-1-1h-1zm-2 3v4.81c0 .11.08.19.19.19h4.63c.11 0 .19-.08.19-.19v-4.81h-1v3.5c0 .28-.22.5-.5.5s-.5-.22-.5-.5v-3.5h-1v3.5c0 .28-.22.5-.5.5s-.5-.22-.5-.5v-3.5h-1z"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-header-delete{margin-left:5px;margin-right:0}button.grid-button-label-add{height:34px;margin-right:5px}div[dir="rtl"] button.grid-button-label-add{margin-left:5px;margin-right:0}button.grid-button-label-view{height:30px;margin-right:5px}div[dir="rtl"] button.grid-button-label-view{margin-left:5px;margin-right:0}button.grid-button-label-edit{height:30px;margin-right:5px}div[dir="rtl"] button.grid-button-label-edit{margin-left:5px;margin-right:0}button.grid-button-label-delete{height:30px;margin-right:5px}div[dir="rtl"] button.grid-button-label-delete{margin-left:5px;margin-right:0}button.grid-button-header-label-view{height:34px;margin-right:5px}div[dir="rtl"] button.grid-button-header-label-view{margin-left:5px;margin-right:0}button.grid-button-header-label-edit{height:34px;margin-right:5px}div[dir="rtl"] button.grid-button-header-label-edit{margin-left:5px;margin-right:0}button.grid-button-header-label-delete{height:34px;margin-right:5px}div[dir="rtl"] button.grid-button-header-label-delete{margin-left:5px;margin-right:0}td.grid-button-cell{padding:5px 0 5px 0;width:34px}.input-validation-error{border:1px solid #f00}.field-validation-error{color:#f00}button.grid-button-input-file{border-radius:0 4px 4px 0;background-image:linear-gradient(#ddd,#eee);font-weight:bold}div[dir="rtl"] button.grid-button-input-file{border-radius:4px 0 0 4px}.grid-crud-header{font-size:2rem;margin:1rem 0 1rem 0}.grid-all-filters-clear{margin-top:10px;margin-bottom:10px;margin-left:15px;margin-right:5px}.grid-all-filters-clear:first-child{margin-left:0}div[dir="rtl"] .grid-all-filters-clear:first-child{margin-right:0}button.grid-button-all-filters-clear{width:32px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:10px,0;background-position-y:10px,0;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAARpJREFUKFNjYGj//58o/P//fwdiMIOkpKQ/VhOQMFgNULWIh4fHYWNj4//YMEgOpIYBBI4dO2axOC/396GinP/O+vpwRVbGxl92+vluXm1kuASsEKiD5VB99aG3eTH/HxjL/A/RUPsfrqb6f7e21uutlhbRYEUwAFQskOLmun2+lND/0xxM/7dycXzd6OxoCpVGBduWLjXv4+f/v5WF+f9RbtYvfeysqlApBKhhY2Hcxsy0+xAL038nbe3/m8W4ss/Jcx2GSiPAal6uvGtczP9TFOXBHgGJ7RHlmLGOjy0UrAAGzgT7rn7urP/P3NDgv6+v73aQWAMzM+dqTtbJYAUwsNzeyuhImE8GSBHQYxpQYYYJQCcxMDAwAAB7/bt5uWh9FAAAAABJRU5ErkJggg=='),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-all-filters-clear{margin-left:5px;margin-right:0}.grid-excel{margin-top:10px;margin-bottom:10px;margin-left:15px;margin-right:5px}.grid-excel:first-child{margin-left:0}div[dir="rtl"] .grid-excel:first-child{margin-right:0}button.grid-button-excel{width:32px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:7px,0;background-position-y:8px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 8 8"><path d="M3 0v3h-2l3 3 3-3h-2v-3h-2zm-3 7v1h8v-1h-8z"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-excel{margin-left:5px;margin-right:0}.grid-button-components{margin-top:10px;margin-bottom:10px;margin-left:0;margin-right:5px}div[dir="rtl"] .grid-button-components{margin-left:5px;margin-right:0}.grid-button-components:first-child{margin-left:0}div[dir="rtl"] .grid-button-components:first-child{margin-right:0}button.grid-button-component{min-width:32px;margin-right:5px;background:-o-linear-gradient(top,#ddd 0%,#eee 100%);background:-moz-linear-gradient(top,#ddd 0%,#eee 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ddd),color-stop(1,#eee))}div[dir="rtl"] button.grid-button-component{margin-left:5px;margin-right:0}.grid-header-checkbox-input{opacity:0}.grid-header-checkbox-input~.null-checkbox::before{position:absolute;top:1rem;display:block;width:.9rem;height:.9rem;pointer-events:none;content:"";border:.5px solid #666;border-radius:3px;background-color:#ccc}div[dir="rtl"] label{display:flex}.grid-switch{position:relative;display:inline-block;width:50px;height:24px;margin-left:16px;margin-right:16px;margin-bottom:-8px}.grid-switch input{display:none}.grid-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.grid-slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.grid-slider{background-color:#ccc}input:focus+.grid-slider{box-shadow:0 0 1px #ccc}input:checked+.grid-slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.grid-slider.round{border-radius:24px}.grid-slider.round:before{border-radius:50%}.grid-spinner{margin:170px auto;border:6px solid #f3f3f3;border-top:6px solid #455a64;border-radius:50%;width:60px;height:60px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes spin{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}
\ No newline at end of file
diff --git a/GridMvc/Resources/css/gridmvc.css b/GridMvc/Resources/css/gridmvc.css
index 83b3db1c..3384e49a 100644
--- a/GridMvc/Resources/css/gridmvc.css
+++ b/GridMvc/Resources/css/gridmvc.css
@@ -93,7 +93,7 @@ div[dir="rtl"] .subgrid-caret-down::after { content: "\25E3"; }
 .grid-buttons { display:inline-flex; width:100%; justify-content:space-between; }
 
 /* Grid header buttons */
-.grid-header-buttons { display:inline-flex; width:100%; }
+.grid-header-buttons { display:inline-flex; }
 
 /* Grid search */
 .grid-search { margin-top: 10px; margin-bottom: 10px; }
diff --git a/GridMvc/Resources/css/gridmvc.min.css b/GridMvc/Resources/css/gridmvc.min.css
index 2eed7717..3ef66a15 100644
--- a/GridMvc/Resources/css/gridmvc.min.css
+++ b/GridMvc/Resources/css/gridmvc.min.css
@@ -1 +1 @@
-.grid-mvc:focus{outline:none}.grid-table-wrap{overflow:auto}.grid-table-head{overflow:hidden}.grid-table-body{overflow:auto}.grid-error{color:#f00}table.grid-table{margin:0}table.grid-table .grid-wrap{padding:0;position:relative}table.grid-table .grid-empty-text{color:#666}table.grid-table .grid-header{position:relative;vertical-align:top}table.grid-table .grid-header .sorted-asc .grid-sort-arrow::after{content:" ↑"}table.grid-table .grid-header .sorted-desc .grid-sort-arrow::after{content:" ↓"}table.grid-table .grid-header>.grid-header-group{display:flex}table.grid-table .grid-header>.grid-header-group>.grid-header-title{width:100%;margin-right:15px;white-space:nowrap}div[dir="rtl"] table.grid-table .grid-header>.grid-header-group>.grid-header-title{margin-left:15px;margin-right:0}table.grid-table .grid-header>.grid-header-group>.grid-header-title>button{font-weight:bold;color:#007bff;background-color:#fff;border:none}table.grid-table .grid-header>.grid-header-group>.grid-header-title>button:hover{color:#0056b3;text-decoration:underline}table.grid-table .grid-header>.grid-header-group>.grid-header-title>button:focus{outline:0}table.grid-table tr.grid-row-selected td{background:#4888c2 !important;color:#fff}table.grid-table tr.grid-row-selected a{color:#fff}table.striped>tbody>tr.grid-row:nth-of-type(odd){background-color:#f9f9f9}table.substriped>tbody>tr.grid-row:nth-of-type(4n+1){background-color:#f9f9f9}table.grid-table tr.grid-totals-row td{border-color:#aaa;background:#eee !important}input.grid-filter-input{padding:4px}table.grid-table .grid-filter{position:relative;margin-top:2px;margin-bottom:10px;float:right;width:10px}table.grid-table .grid-filter-btn{cursor:pointer;display:block;width:10px;height:12px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAJFJREFUKFNjkJSU/E8MZvj//78DMRhkoj+6bizYH2SiiIeHx2FjY+P/2DBIDqSGAQSOHTtmYWZm9hldEUgMJAdWBAJAHSzt7e056ApBYiA5qDIIAAoIhIaGroYpArFBYlBpVLB3715DmEIQGyqMCUDWwBRiWIkOYAqhXNwApMjX13c7lIsbgBQBrdWAcqGAgQEAdOGTrvsYKXIAAAAASUVORK5CYII=') no-repeat}table.grid-table .grid-filter-btn.filtered{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAJNJREFUKFNjYGj//58o/P//fwdiMIOkpKQ/VhOQMFgNULWIh4fHYWNj4//YMEgOpIYBBI4dO2ZhZmb2GV0RSAwkB1YEAkAdLO3t7TnoCkFiIDmoMggACgiEhoauhikCsUFiUGlUsHfvXkOYQhAbKowJQNbAFGJYiQ5gCqFc3ACkyNfXdzuUixuAFAGt1YByoYCBAQAUDanUpFB4UQAAAABJRU5ErkJggg==') no-repeat}table.grid-table .grid-filter-buttons{padding:0}table.grid-table .grid-filter-buttons button{margin-right:5px}div[dir="rtl"] table.grid-table .grid-filter-buttons button{margin-right:0;margin-left:5px}table.grid-table .grid-filter-buttons button:last-child{margin-right:0}div[dir="rtl"] table.grid-table .grid-filter-buttons button:last-child{margin-left:0}table.grid-table .grid-filter-datepicker table td{padding:1px!important}table.grid-table .grid-filter-datepicker .ui-datepicker{width:auto}table.grid-table .grid-dropdown-inner ul.menu-list li a.grid-filter-clear{white-space:nowrap;padding-left:23px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAARpJREFUKFNjYGj//58o/P//fwdiMIOkpKQ/VhOQMFgNULWIh4fHYWNj4//YMEgOpIYBBI4dO2axOC/396GinP/O+vpwRVbGxl92+vluXm1kuASsEKiD5VB99aG3eTH/HxjL/A/RUPsfrqb6f7e21uutlhbRYEUwAFQskOLmun2+lND/0xxM/7dycXzd6OxoCpVGBduWLjXv4+f/v5WF+f9RbtYvfeysqlApBKhhY2Hcxsy0+xAL038nbe3/m8W4ss/Jcx2GSiPAal6uvGtczP9TFOXBHgGJ7RHlmLGOjy0UrAAGzgT7rn7urP/P3NDgv6+v73aQWAMzM+dqTtbJYAUwsNzeyuhImE8GSBHQYxpQYYYJQCcxMDAwAAB7/bt5uWh9FAAAAABJRU5ErkJggg==');background-position:3px center;background-repeat:no-repeat}div[dir="rtl"] table.grid-table .grid-dropdown-inner ul.menu-list li a.grid-filter-clear{padding-left:0;padding-right:23px;background-position:right}table.grid-table .grid-filter-choose.choose-selected{background-color:#fff!important;cursor:default;color:#999}table.grid-table .grid-popup-additional{padding:3px 0 0 0}.grid-tooltip{position:relative;margin-top:0}.grid-tooltip-dropdown{font-weight:normal;left:-102px;top:16px!important;margin-top:-5px;min-width:300px}div[dir="rtl"] .grid-tooltip-dropdown{left:0;right:-102px}.grid-dropdown{font-weight:normal;left:-102px;top:16px!important;min-width:360px}div[dir="rtl"] .grid-dropdown{left:-258px}.grid-dropdown-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAl0lEQVQoU42PMQuFMAyE6xN5gpOjjsIb/P9/o3O3zh27dY25kIPq8DBwmLT35WoQkUEVOmGec84CaW2q7+N+AdCD6M9SisQYTei1jsfyCeCu+vjFVGs1AN++94DRfUOfuNLoKUiyRC5y2F5I8NdaM4P/l0EswvBorQTnfxBhLMRih+2pklIy+eEtjQPu6MNZwIBNbwteMBd5X4ZGHcwL3QAAAABJRU5ErkJggg==") no-repeat;height:8px;left:99px;position:absolute;top:-8px;width:14px}div[dir="rtl"] .grid-dropdown-arrow{left:255px}.grid-dropdown-inner{padding:5px 7px}.grid-dropdown ul.menu-list{list-style-type:none;margin:3px 0 0 0;padding:0}.grid-dropdown ul.menu-list li a{text-decoration:none;background-position:6px center;background-repeat:no-repeat;display:flex;padding:4px 5px}.grid-dropdown ul.menu-list li a:hover{background-color:#eee;text-decoration:none}.grid-dropdown input.grid-filter-input{width:100%}.grid-dropdown select.grid-filter-type{width:100%}.grid-dropdown input.grid-filter-list{margin:5px 10px 5px 20px}div[dir="rtl"] .grid-dropdown input.grid-filter-list{margin:5px 20px 5px 10px}.grid-footer{display:inline-flex;width:100%;justify-content:space-between}.grid-itemscount{display:inline-flex;margin-top:10px}.grid-itemscount-label,.grid-itemscount-caption{margin-left:5px;margin-right:5px}.grid-pager{margin-top:20px}.grid-pager ul{padding:0}.page-link:focus{box-shadow:none}.page-item:first-child .page-link{border-radius:4px 0 0 4px}div[dir="rtl"] .page-item:first-child .page-link{border-radius:0 4px 4px 0}.page-item:last-child .page-link{border-radius:0 4px 4px 0}div[dir="rtl"] .page-item:last-child .page-link{border-radius:4px 0 0 4px}.subgrid-caret{cursor:pointer;user-select:none}.subgrid-caret::after{content:"▷"}div[dir="rtl"] .subgrid-caret::after{content:"◁"}.subgrid-caret-down{cursor:pointer;user-select:none}.subgrid-caret-down::after{content:"◢"}div[dir="rtl"] .subgrid-caret-down::after{content:"◣"}.grid-button{background-color:#333}.grid-button:hover{border-color:#666}.grid-buttons{display:inline-flex;width:100%;justify-content:space-between}.grid-header-buttons{display:inline-flex;width:100%}.grid-search{margin-top:10px;margin-bottom:10px}button.grid-button{height:34px;color:#333;border:1px solid #aaa;border-radius:4px}button.grid-search-apply{padding-left:20px;border-radius:4px 0 0 4px;background-repeat:no-repeat,no-repeat;background-position-x:8px,0;background-position-y:8px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 8 8"><path d="M3.5 0c-1.93 0-3.5 1.57-3.5 3.5s1.57 3.5 3.5 3.5c.59 0 1.17-.14 1.66-.41a1 1 0 0 0 .13.13l1 1a1.02 1.02 0 1 0 1.44-1.44l-1-1a1 1 0 0 0-.16-.13c.27-.49.44-1.06.44-1.66 0-1.93-1.57-3.5-3.5-3.5zm0 1c1.39 0 2.5 1.11 2.5 2.5 0 .66-.24 1.27-.66 1.72-.01.01-.02.02-.03.03a1 1 0 0 0-.13.13c-.44.4-1.04.63-1.69.63-1.39 0-2.5-1.11-2.5-2.5s1.11-2.5 2.5-2.5z"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-search-apply{border-radius:0 4px 4px 0}button.grid-search-clear{padding-left:22px;border-radius:0 4px 4px 0;background-repeat:no-repeat,no-repeat;background-position-x:8px,0;background-position-y:8px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 8 8"><path d="M1.41 0l-1.41 1.41.72.72 1.78 1.81-1.78 1.78-.72.69 1.41 1.44.72-.72 1.81-1.81 1.78 1.81.69.72 1.44-1.44-.72-.69-1.81-1.78 1.81-1.81.72-.72-1.44-1.41-.69.72-1.78 1.78-1.81-1.78-.72-.72z" /></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-search-clear{border-radius:4px 0 0 4px}input.grid-search-input{height:34px;border-color:#ccc}.grid-change-page-size{display:inline-flex;width:250px;margin:10px 20px}.grid-change-page-size label{margin:6px 10px}.grid-change-page-size-input{display:inline;width:60px;margin-left:5px;margin-right:5px}.grid-extsort-droppable{height:42px;width:100%;margin-bottom:10px;border:1px solid #ccc;border-radius:4px}.grid-extsort-column{height:28px;display:inline-block;margin:6px 0 6px 20px;padding:5px;background-color:#efefef;border:1px solid #ccc;border-radius:4px}div[dir="rtl"] .grid-extsort-column{margin:6px 20px 6px 0}.grid-extsort-column .sorted-asc .grid-sort-arrow::after{content:" ↑"}.grid-extsort-column .sorted-desc .grid-sort-arrow::after{content:" ↓"}.grid-extsort-column a{font-weight:700}.grid-extsort-column>a{margin-left:10px;margin-right:5px}div[dir="rtl"] .grid-extsort-column>a{margin-left:5px;margin-right:10px}.grid-extsort-column button{border:none;padding:0;font-size:14px;font-weight:700}.grid-extsort-column>button{margin-left:10px;margin-right:5px}div[dir="rtl"] .grid-extsort-column>button{margin-left:5px;margin-right:10px}.grid-extsort-empty{font-size:14px;height:20px;margin:10px;color:#aaa}.grid-group-caret{margin-right:10px;cursor:pointer;user-select:none}div[dir="rtl"] .grid-group-caret{margin-left:10px;margin-right:0}.grid-group-caret::after{content:"▷"}.grid-group-caret-down{margin-right:10px;cursor:pointer;user-select:none}div[dir="rtl"] .grid-group-caret-down{margin-left:10px;margin-right:0}.grid-group-caret-down::after{content:"◢"}.grid-group-tab{margin-left:20px}div[dir="rtl"] .grid-group-tab{margin-left:0;margin-right:20px}.grid-group-row{background:#eee}.grid-crud{margin-top:10px;margin-bottom:10px;margin-left:0;margin-right:5px}div[dir="rtl"] .grid-crud{margin-left:5px;margin-right:0}.grid-crud:first-child{margin-left:0}div[dir="rtl"] .grid-crud:first-child{margin-right:0}button.grid-button-add{width:32px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:7px,0;background-position-y:8px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 8 8"><path d="M3 0v3h-3v2h3v3h2v-3h3v-2h-3v-3h-2z"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-add{margin-left:5px;margin-right:0}button.grid-button-view{width:30px;height:30px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:7px,0;background-position-y:7px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 8 8"><path d="M4.03 0c-2.53 0-4.03 3-4.03 3s1.5 3 4.03 3c2.47 0 3.97-3 3.97-3s-1.5-3-3.97-3zm-.03 1c1.11 0 2 .9 2 2 0 1.11-.89 2-2 2-1.1 0-2-.89-2-2 0-1.1.9-2 2-2zm0 1c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1c0-.1-.04-.19-.06-.28-.08.16-.24.28-.44.28-.28 0-.5-.22-.5-.5 0-.2.12-.36.28-.44-.09-.03-.18-.06-.28-.06z" transform="translate(0 1)"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-view{margin-left:5px;margin-right:0}button.grid-button-edit{width:30px;height:30px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:7px,0;background-position-y:7px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 8 8"><path d="M6 0l-1 1 2 2 1-1-2-2zm-2 2l-4 4v2h2l4-4-2-2z"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-edit{margin-left:5px;margin-right:0}button.grid-button-delete{width:30px;height:30px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:7px,0;background-position-y:7px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 8 8"><path d="M3 0c-.55 0-1 .45-1 1h-1c-.55 0-1 .45-1 1h7c0-.55-.45-1-1-1h-1c0-.55-.45-1-1-1h-1zm-2 3v4.81c0 .11.08.19.19.19h4.63c.11 0 .19-.08.19-.19v-4.81h-1v3.5c0 .28-.22.5-.5.5s-.5-.22-.5-.5v-3.5h-1v3.5c0 .28-.22.5-.5.5s-.5-.22-.5-.5v-3.5h-1z"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-delete{margin-left:5px;margin-right:0}button.grid-button-header-view{width:34px;height:34px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:8px,0;background-position-y:8px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 8 8"><path d="M4.03 0c-2.53 0-4.03 3-4.03 3s1.5 3 4.03 3c2.47 0 3.97-3 3.97-3s-1.5-3-3.97-3zm-.03 1c1.11 0 2 .9 2 2 0 1.11-.89 2-2 2-1.1 0-2-.89-2-2 0-1.1.9-2 2-2zm0 1c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1c0-.1-.04-.19-.06-.28-.08.16-.24.28-.44.28-.28 0-.5-.22-.5-.5 0-.2.12-.36.28-.44-.09-.03-.18-.06-.28-.06z" transform="translate(0 1)"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-header-view{margin-left:5px;margin-right:0}button.grid-button-header-edit{width:34px;height:34px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:8px,0;background-position-y:8px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 8 8"><path d="M6 0l-1 1 2 2 1-1-2-2zm-2 2l-4 4v2h2l4-4-2-2z"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-header-edit{margin-left:5px;margin-right:0}button.grid-button-header-delete{width:34px;height:34px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:9px,0;background-position-y:8px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 8 8"><path d="M3 0c-.55 0-1 .45-1 1h-1c-.55 0-1 .45-1 1h7c0-.55-.45-1-1-1h-1c0-.55-.45-1-1-1h-1zm-2 3v4.81c0 .11.08.19.19.19h4.63c.11 0 .19-.08.19-.19v-4.81h-1v3.5c0 .28-.22.5-.5.5s-.5-.22-.5-.5v-3.5h-1v3.5c0 .28-.22.5-.5.5s-.5-.22-.5-.5v-3.5h-1z"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-header-delete{margin-left:5px;margin-right:0}button.grid-button-label-add{height:34px;margin-right:5px}div[dir="rtl"] button.grid-button-label-add{margin-left:5px;margin-right:0}button.grid-button-label-view{height:30px;margin-right:5px}div[dir="rtl"] button.grid-button-label-view{margin-left:5px;margin-right:0}button.grid-button-label-edit{height:30px;margin-right:5px}div[dir="rtl"] button.grid-button-label-edit{margin-left:5px;margin-right:0}button.grid-button-label-delete{height:30px;margin-right:5px}div[dir="rtl"] button.grid-button-label-delete{margin-left:5px;margin-right:0}button.grid-button-header-label-view{height:34px;margin-right:5px}div[dir="rtl"] button.grid-button-header-label-view{margin-left:5px;margin-right:0}button.grid-button-header-label-edit{height:34px;margin-right:5px}div[dir="rtl"] button.grid-button-header-label-edit{margin-left:5px;margin-right:0}button.grid-button-header-label-delete{height:34px;margin-right:5px}div[dir="rtl"] button.grid-button-header-label-delete{margin-left:5px;margin-right:0}td.grid-button-cell{padding:5px 0 5px 0;width:34px}.input-validation-error{border:1px solid #f00}.field-validation-error{color:#f00}button.grid-button-input-file{border-radius:0 4px 4px 0;background-image:linear-gradient(#ddd,#eee);font-weight:bold}div[dir="rtl"] button.grid-button-input-file{border-radius:4px 0 0 4px}.grid-crud-header{font-size:2rem;margin:1rem 0 1rem 0}.grid-all-filters-clear{margin-top:10px;margin-bottom:10px;margin-left:15px;margin-right:5px}.grid-all-filters-clear:first-child{margin-left:0}div[dir="rtl"] .grid-all-filters-clear:first-child{margin-right:0}button.grid-button-all-filters-clear{width:32px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:10px,0;background-position-y:10px,0;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAARpJREFUKFNjYGj//58o/P//fwdiMIOkpKQ/VhOQMFgNULWIh4fHYWNj4//YMEgOpIYBBI4dO2axOC/396GinP/O+vpwRVbGxl92+vluXm1kuASsEKiD5VB99aG3eTH/HxjL/A/RUPsfrqb6f7e21uutlhbRYEUwAFQskOLmun2+lND/0xxM/7dycXzd6OxoCpVGBduWLjXv4+f/v5WF+f9RbtYvfeysqlApBKhhY2Hcxsy0+xAL038nbe3/m8W4ss/Jcx2GSiPAal6uvGtczP9TFOXBHgGJ7RHlmLGOjy0UrAAGzgT7rn7urP/P3NDgv6+v73aQWAMzM+dqTtbJYAUwsNzeyuhImE8GSBHQYxpQYYYJQCcxMDAwAAB7/bt5uWh9FAAAAABJRU5ErkJggg=='),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-all-filters-clear{margin-left:5px;margin-right:0}.grid-excel{margin-top:10px;margin-bottom:10px;margin-left:15px;margin-right:5px}.grid-excel:first-child{margin-left:0}div[dir="rtl"] .grid-excel:first-child{margin-right:0}button.grid-button-excel{width:32px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:7px,0;background-position-y:8px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 8 8"><path d="M3 0v3h-2l3 3 3-3h-2v-3h-2zm-3 7v1h8v-1h-8z"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-excel{margin-left:5px;margin-right:0}.grid-button-components{margin-top:10px;margin-bottom:10px;margin-left:0;margin-right:5px}div[dir="rtl"] .grid-button-components{margin-left:5px;margin-right:0}.grid-button-components:first-child{margin-left:0}div[dir="rtl"] .grid-button-components:first-child{margin-right:0}button.grid-button-component{min-width:32px;margin-right:5px;background:-o-linear-gradient(top,#ddd 0%,#eee 100%);background:-moz-linear-gradient(top,#ddd 0%,#eee 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ddd),color-stop(1,#eee))}div[dir="rtl"] button.grid-button-component{margin-left:5px;margin-right:0}.grid-header-checkbox-input{opacity:0}.grid-header-checkbox-input~.null-checkbox::before{position:absolute;top:1rem;display:block;width:.9rem;height:.9rem;pointer-events:none;content:"";border:.5px solid #666;border-radius:3px;background-color:#ccc}div[dir="rtl"] label{display:flex}.grid-switch{position:relative;display:inline-block;width:50px;height:24px;margin-left:16px;margin-right:16px;margin-bottom:-8px}.grid-switch input{display:none}.grid-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.grid-slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.grid-slider{background-color:#ccc}input:focus+.grid-slider{box-shadow:0 0 1px #ccc}input:checked+.grid-slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.grid-slider.round{border-radius:24px}.grid-slider.round:before{border-radius:50%}
\ No newline at end of file
+.grid-mvc:focus{outline:none}.grid-table-wrap{overflow:auto}.grid-table-head{overflow:hidden}.grid-table-body{overflow:auto}.grid-error{color:#f00}table.grid-table{margin:0}table.grid-table .grid-wrap{padding:0;position:relative}table.grid-table .grid-empty-text{color:#666}table.grid-table .grid-header{position:relative;vertical-align:top}table.grid-table .grid-header .sorted-asc .grid-sort-arrow::after{content:" ↑"}table.grid-table .grid-header .sorted-desc .grid-sort-arrow::after{content:" ↓"}table.grid-table .grid-header>.grid-header-group{display:flex}table.grid-table .grid-header>.grid-header-group>.grid-header-title{width:100%;margin-right:15px;white-space:nowrap}div[dir="rtl"] table.grid-table .grid-header>.grid-header-group>.grid-header-title{margin-left:15px;margin-right:0}table.grid-table .grid-header>.grid-header-group>.grid-header-title>button{font-weight:bold;color:#007bff;background-color:#fff;border:none}table.grid-table .grid-header>.grid-header-group>.grid-header-title>button:hover{color:#0056b3;text-decoration:underline}table.grid-table .grid-header>.grid-header-group>.grid-header-title>button:focus{outline:0}table.grid-table tr.grid-row-selected td{background:#4888c2 !important;color:#fff}table.grid-table tr.grid-row-selected a{color:#fff}table.striped>tbody>tr.grid-row:nth-of-type(odd){background-color:#f9f9f9}table.substriped>tbody>tr.grid-row:nth-of-type(4n+1){background-color:#f9f9f9}table.grid-table tr.grid-totals-row td{border-color:#aaa;background:#eee !important}input.grid-filter-input{padding:4px}table.grid-table .grid-filter{position:relative;margin-top:2px;margin-bottom:10px;float:right;width:10px}table.grid-table .grid-filter-btn{cursor:pointer;display:block;width:10px;height:12px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAJFJREFUKFNjkJSU/E8MZvj//78DMRhkoj+6bizYH2SiiIeHx2FjY+P/2DBIDqSGAQSOHTtmYWZm9hldEUgMJAdWBAJAHSzt7e056ApBYiA5qDIIAAoIhIaGroYpArFBYlBpVLB3715DmEIQGyqMCUDWwBRiWIkOYAqhXNwApMjX13c7lIsbgBQBrdWAcqGAgQEAdOGTrvsYKXIAAAAASUVORK5CYII=') no-repeat}table.grid-table .grid-filter-btn.filtered{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAJNJREFUKFNjYGj//58o/P//fwdiMIOkpKQ/VhOQMFgNULWIh4fHYWNj4//YMEgOpIYBBI4dO2ZhZmb2GV0RSAwkB1YEAkAdLO3t7TnoCkFiIDmoMggACgiEhoauhikCsUFiUGlUsHfvXkOYQhAbKowJQNbAFGJYiQ5gCqFc3ACkyNfXdzuUixuAFAGt1YByoYCBAQAUDanUpFB4UQAAAABJRU5ErkJggg==') no-repeat}table.grid-table .grid-filter-buttons{padding:0}table.grid-table .grid-filter-buttons button{margin-right:5px}div[dir="rtl"] table.grid-table .grid-filter-buttons button{margin-right:0;margin-left:5px}table.grid-table .grid-filter-buttons button:last-child{margin-right:0}div[dir="rtl"] table.grid-table .grid-filter-buttons button:last-child{margin-left:0}table.grid-table .grid-filter-datepicker table td{padding:1px!important}table.grid-table .grid-filter-datepicker .ui-datepicker{width:auto}table.grid-table .grid-dropdown-inner ul.menu-list li a.grid-filter-clear{white-space:nowrap;padding-left:23px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAARpJREFUKFNjYGj//58o/P//fwdiMIOkpKQ/VhOQMFgNULWIh4fHYWNj4//YMEgOpIYBBI4dO2axOC/396GinP/O+vpwRVbGxl92+vluXm1kuASsEKiD5VB99aG3eTH/HxjL/A/RUPsfrqb6f7e21uutlhbRYEUwAFQskOLmun2+lND/0xxM/7dycXzd6OxoCpVGBduWLjXv4+f/v5WF+f9RbtYvfeysqlApBKhhY2Hcxsy0+xAL038nbe3/m8W4ss/Jcx2GSiPAal6uvGtczP9TFOXBHgGJ7RHlmLGOjy0UrAAGzgT7rn7urP/P3NDgv6+v73aQWAMzM+dqTtbJYAUwsNzeyuhImE8GSBHQYxpQYYYJQCcxMDAwAAB7/bt5uWh9FAAAAABJRU5ErkJggg==');background-position:3px center;background-repeat:no-repeat}div[dir="rtl"] table.grid-table .grid-dropdown-inner ul.menu-list li a.grid-filter-clear{padding-left:0;padding-right:23px;background-position:right}table.grid-table .grid-filter-choose.choose-selected{background-color:#fff!important;cursor:default;color:#999}table.grid-table .grid-popup-additional{padding:3px 0 0 0}.grid-tooltip{position:relative;margin-top:0}.grid-tooltip-dropdown{font-weight:normal;left:-102px;top:16px!important;margin-top:-5px;min-width:300px}div[dir="rtl"] .grid-tooltip-dropdown{left:0;right:-102px}.grid-dropdown{font-weight:normal;left:-102px;top:16px!important;min-width:360px}div[dir="rtl"] .grid-dropdown{left:-258px}.grid-dropdown-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAl0lEQVQoU42PMQuFMAyE6xN5gpOjjsIb/P9/o3O3zh27dY25kIPq8DBwmLT35WoQkUEVOmGec84CaW2q7+N+AdCD6M9SisQYTei1jsfyCeCu+vjFVGs1AN++94DRfUOfuNLoKUiyRC5y2F5I8NdaM4P/l0EswvBorQTnfxBhLMRih+2pklIy+eEtjQPu6MNZwIBNbwteMBd5X4ZGHcwL3QAAAABJRU5ErkJggg==") no-repeat;height:8px;left:99px;position:absolute;top:-8px;width:14px}div[dir="rtl"] .grid-dropdown-arrow{left:255px}.grid-dropdown-inner{padding:5px 7px}.grid-dropdown ul.menu-list{list-style-type:none;margin:3px 0 0 0;padding:0}.grid-dropdown ul.menu-list li a{text-decoration:none;background-position:6px center;background-repeat:no-repeat;display:flex;padding:4px 5px}.grid-dropdown ul.menu-list li a:hover{background-color:#eee;text-decoration:none}.grid-dropdown input.grid-filter-input{width:100%}.grid-dropdown select.grid-filter-type{width:100%}.grid-dropdown input.grid-filter-list{margin:5px 10px 5px 20px}div[dir="rtl"] .grid-dropdown input.grid-filter-list{margin:5px 20px 5px 10px}.grid-footer{display:inline-flex;width:100%;justify-content:space-between}.grid-itemscount{display:inline-flex;margin-top:10px}.grid-itemscount-label,.grid-itemscount-caption{margin-left:5px;margin-right:5px}.grid-pager{margin-top:20px}.grid-pager ul{padding:0}.page-link:focus{box-shadow:none}.page-item:first-child .page-link{border-radius:4px 0 0 4px}div[dir="rtl"] .page-item:first-child .page-link{border-radius:0 4px 4px 0}.page-item:last-child .page-link{border-radius:0 4px 4px 0}div[dir="rtl"] .page-item:last-child .page-link{border-radius:4px 0 0 4px}.subgrid-caret{cursor:pointer;user-select:none}.subgrid-caret::after{content:"▷"}div[dir="rtl"] .subgrid-caret::after{content:"◁"}.subgrid-caret-down{cursor:pointer;user-select:none}.subgrid-caret-down::after{content:"◢"}div[dir="rtl"] .subgrid-caret-down::after{content:"◣"}.grid-button{background-color:#333}.grid-button:hover{border-color:#666}.grid-buttons{display:inline-flex;width:100%;justify-content:space-between}.grid-header-buttons{display:inline-flex}.grid-search{margin-top:10px;margin-bottom:10px}button.grid-button{height:34px;color:#333;border:1px solid #aaa;border-radius:4px}button.grid-search-apply{padding-left:20px;border-radius:4px 0 0 4px;background-repeat:no-repeat,no-repeat;background-position-x:8px,0;background-position-y:8px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 8 8"><path d="M3.5 0c-1.93 0-3.5 1.57-3.5 3.5s1.57 3.5 3.5 3.5c.59 0 1.17-.14 1.66-.41a1 1 0 0 0 .13.13l1 1a1.02 1.02 0 1 0 1.44-1.44l-1-1a1 1 0 0 0-.16-.13c.27-.49.44-1.06.44-1.66 0-1.93-1.57-3.5-3.5-3.5zm0 1c1.39 0 2.5 1.11 2.5 2.5 0 .66-.24 1.27-.66 1.72-.01.01-.02.02-.03.03a1 1 0 0 0-.13.13c-.44.4-1.04.63-1.69.63-1.39 0-2.5-1.11-2.5-2.5s1.11-2.5 2.5-2.5z"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-search-apply{border-radius:0 4px 4px 0}button.grid-search-clear{padding-left:22px;border-radius:0 4px 4px 0;background-repeat:no-repeat,no-repeat;background-position-x:8px,0;background-position-y:8px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 8 8"><path d="M1.41 0l-1.41 1.41.72.72 1.78 1.81-1.78 1.78-.72.69 1.41 1.44.72-.72 1.81-1.81 1.78 1.81.69.72 1.44-1.44-.72-.69-1.81-1.78 1.81-1.81.72-.72-1.44-1.41-.69.72-1.78 1.78-1.81-1.78-.72-.72z" /></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-search-clear{border-radius:4px 0 0 4px}input.grid-search-input{height:34px;border-color:#ccc}.grid-change-page-size{display:inline-flex;width:250px;margin:10px 20px}.grid-change-page-size label{margin:6px 10px}.grid-change-page-size-input{display:inline;width:60px;margin-left:5px;margin-right:5px}.grid-extsort-droppable{height:42px;width:100%;margin-bottom:10px;border:1px solid #ccc;border-radius:4px}.grid-extsort-column{height:28px;display:inline-block;margin:6px 0 6px 20px;padding:5px;background-color:#efefef;border:1px solid #ccc;border-radius:4px}div[dir="rtl"] .grid-extsort-column{margin:6px 20px 6px 0}.grid-extsort-column .sorted-asc .grid-sort-arrow::after{content:" ↑"}.grid-extsort-column .sorted-desc .grid-sort-arrow::after{content:" ↓"}.grid-extsort-column a{font-weight:700}.grid-extsort-column>a{margin-left:10px;margin-right:5px}div[dir="rtl"] .grid-extsort-column>a{margin-left:5px;margin-right:10px}.grid-extsort-column button{border:none;padding:0;font-size:14px;font-weight:700}.grid-extsort-column>button{margin-left:10px;margin-right:5px}div[dir="rtl"] .grid-extsort-column>button{margin-left:5px;margin-right:10px}.grid-extsort-empty{font-size:14px;height:20px;margin:10px;color:#aaa}.grid-group-caret{margin-right:10px;cursor:pointer;user-select:none}div[dir="rtl"] .grid-group-caret{margin-left:10px;margin-right:0}.grid-group-caret::after{content:"▷"}.grid-group-caret-down{margin-right:10px;cursor:pointer;user-select:none}div[dir="rtl"] .grid-group-caret-down{margin-left:10px;margin-right:0}.grid-group-caret-down::after{content:"◢"}.grid-group-tab{margin-left:20px}div[dir="rtl"] .grid-group-tab{margin-left:0;margin-right:20px}.grid-group-row{background:#eee}.grid-crud{margin-top:10px;margin-bottom:10px;margin-left:0;margin-right:5px}div[dir="rtl"] .grid-crud{margin-left:5px;margin-right:0}.grid-crud:first-child{margin-left:0}div[dir="rtl"] .grid-crud:first-child{margin-right:0}button.grid-button-add{width:32px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:7px,0;background-position-y:8px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 8 8"><path d="M3 0v3h-3v2h3v3h2v-3h3v-2h-3v-3h-2z"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-add{margin-left:5px;margin-right:0}button.grid-button-view{width:30px;height:30px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:7px,0;background-position-y:7px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 8 8"><path d="M4.03 0c-2.53 0-4.03 3-4.03 3s1.5 3 4.03 3c2.47 0 3.97-3 3.97-3s-1.5-3-3.97-3zm-.03 1c1.11 0 2 .9 2 2 0 1.11-.89 2-2 2-1.1 0-2-.89-2-2 0-1.1.9-2 2-2zm0 1c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1c0-.1-.04-.19-.06-.28-.08.16-.24.28-.44.28-.28 0-.5-.22-.5-.5 0-.2.12-.36.28-.44-.09-.03-.18-.06-.28-.06z" transform="translate(0 1)"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-view{margin-left:5px;margin-right:0}button.grid-button-edit{width:30px;height:30px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:7px,0;background-position-y:7px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 8 8"><path d="M6 0l-1 1 2 2 1-1-2-2zm-2 2l-4 4v2h2l4-4-2-2z"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-edit{margin-left:5px;margin-right:0}button.grid-button-delete{width:30px;height:30px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:7px,0;background-position-y:7px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 8 8"><path d="M3 0c-.55 0-1 .45-1 1h-1c-.55 0-1 .45-1 1h7c0-.55-.45-1-1-1h-1c0-.55-.45-1-1-1h-1zm-2 3v4.81c0 .11.08.19.19.19h4.63c.11 0 .19-.08.19-.19v-4.81h-1v3.5c0 .28-.22.5-.5.5s-.5-.22-.5-.5v-3.5h-1v3.5c0 .28-.22.5-.5.5s-.5-.22-.5-.5v-3.5h-1z"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-delete{margin-left:5px;margin-right:0}button.grid-button-header-view{width:34px;height:34px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:8px,0;background-position-y:8px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 8 8"><path d="M4.03 0c-2.53 0-4.03 3-4.03 3s1.5 3 4.03 3c2.47 0 3.97-3 3.97-3s-1.5-3-3.97-3zm-.03 1c1.11 0 2 .9 2 2 0 1.11-.89 2-2 2-1.1 0-2-.89-2-2 0-1.1.9-2 2-2zm0 1c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1c0-.1-.04-.19-.06-.28-.08.16-.24.28-.44.28-.28 0-.5-.22-.5-.5 0-.2.12-.36.28-.44-.09-.03-.18-.06-.28-.06z" transform="translate(0 1)"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-header-view{margin-left:5px;margin-right:0}button.grid-button-header-edit{width:34px;height:34px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:8px,0;background-position-y:8px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 8 8"><path d="M6 0l-1 1 2 2 1-1-2-2zm-2 2l-4 4v2h2l4-4-2-2z"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-header-edit{margin-left:5px;margin-right:0}button.grid-button-header-delete{width:34px;height:34px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:9px,0;background-position-y:8px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 8 8"><path d="M3 0c-.55 0-1 .45-1 1h-1c-.55 0-1 .45-1 1h7c0-.55-.45-1-1-1h-1c0-.55-.45-1-1-1h-1zm-2 3v4.81c0 .11.08.19.19.19h4.63c.11 0 .19-.08.19-.19v-4.81h-1v3.5c0 .28-.22.5-.5.5s-.5-.22-.5-.5v-3.5h-1v3.5c0 .28-.22.5-.5.5s-.5-.22-.5-.5v-3.5h-1z"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-header-delete{margin-left:5px;margin-right:0}button.grid-button-label-add{height:34px;margin-right:5px}div[dir="rtl"] button.grid-button-label-add{margin-left:5px;margin-right:0}button.grid-button-label-view{height:30px;margin-right:5px}div[dir="rtl"] button.grid-button-label-view{margin-left:5px;margin-right:0}button.grid-button-label-edit{height:30px;margin-right:5px}div[dir="rtl"] button.grid-button-label-edit{margin-left:5px;margin-right:0}button.grid-button-label-delete{height:30px;margin-right:5px}div[dir="rtl"] button.grid-button-label-delete{margin-left:5px;margin-right:0}button.grid-button-header-label-view{height:34px;margin-right:5px}div[dir="rtl"] button.grid-button-header-label-view{margin-left:5px;margin-right:0}button.grid-button-header-label-edit{height:34px;margin-right:5px}div[dir="rtl"] button.grid-button-header-label-edit{margin-left:5px;margin-right:0}button.grid-button-header-label-delete{height:34px;margin-right:5px}div[dir="rtl"] button.grid-button-header-label-delete{margin-left:5px;margin-right:0}td.grid-button-cell{padding:5px 0 5px 0;width:34px}.input-validation-error{border:1px solid #f00}.field-validation-error{color:#f00}button.grid-button-input-file{border-radius:0 4px 4px 0;background-image:linear-gradient(#ddd,#eee);font-weight:bold}div[dir="rtl"] button.grid-button-input-file{border-radius:4px 0 0 4px}.grid-crud-header{font-size:2rem;margin:1rem 0 1rem 0}.grid-all-filters-clear{margin-top:10px;margin-bottom:10px;margin-left:15px;margin-right:5px}.grid-all-filters-clear:first-child{margin-left:0}div[dir="rtl"] .grid-all-filters-clear:first-child{margin-right:0}button.grid-button-all-filters-clear{width:32px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:10px,0;background-position-y:10px,0;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAARpJREFUKFNjYGj//58o/P//fwdiMIOkpKQ/VhOQMFgNULWIh4fHYWNj4//YMEgOpIYBBI4dO2axOC/396GinP/O+vpwRVbGxl92+vluXm1kuASsEKiD5VB99aG3eTH/HxjL/A/RUPsfrqb6f7e21uutlhbRYEUwAFQskOLmun2+lND/0xxM/7dycXzd6OxoCpVGBduWLjXv4+f/v5WF+f9RbtYvfeysqlApBKhhY2Hcxsy0+xAL038nbe3/m8W4ss/Jcx2GSiPAal6uvGtczP9TFOXBHgGJ7RHlmLGOjy0UrAAGzgT7rn7urP/P3NDgv6+v73aQWAMzM+dqTtbJYAUwsNzeyuhImE8GSBHQYxpQYYYJQCcxMDAwAAB7/bt5uWh9FAAAAABJRU5ErkJggg=='),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-all-filters-clear{margin-left:5px;margin-right:0}.grid-excel{margin-top:10px;margin-bottom:10px;margin-left:15px;margin-right:5px}.grid-excel:first-child{margin-left:0}div[dir="rtl"] .grid-excel:first-child{margin-right:0}button.grid-button-excel{width:32px;margin-right:5px;background-repeat:no-repeat,no-repeat;background-position-x:7px,0;background-position-y:8px,0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 8 8"><path d="M3 0v3h-2l3 3 3-3h-2v-3h-2zm-3 7v1h8v-1h-8z"/></svg>'),linear-gradient(#ddd,#eee)}div[dir="rtl"] button.grid-button-excel{margin-left:5px;margin-right:0}.grid-button-components{margin-top:10px;margin-bottom:10px;margin-left:0;margin-right:5px}div[dir="rtl"] .grid-button-components{margin-left:5px;margin-right:0}.grid-button-components:first-child{margin-left:0}div[dir="rtl"] .grid-button-components:first-child{margin-right:0}button.grid-button-component{min-width:32px;margin-right:5px;background:-o-linear-gradient(top,#ddd 0%,#eee 100%);background:-moz-linear-gradient(top,#ddd 0%,#eee 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ddd),color-stop(1,#eee))}div[dir="rtl"] button.grid-button-component{margin-left:5px;margin-right:0}.grid-header-checkbox-input{opacity:0}.grid-header-checkbox-input~.null-checkbox::before{position:absolute;top:1rem;display:block;width:.9rem;height:.9rem;pointer-events:none;content:"";border:.5px solid #666;border-radius:3px;background-color:#ccc}div[dir="rtl"] label{display:flex}.grid-switch{position:relative;display:inline-block;width:50px;height:24px;margin-left:16px;margin-right:16px;margin-bottom:-8px}.grid-switch input{display:none}.grid-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.grid-slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.grid-slider{background-color:#ccc}input:focus+.grid-slider{box-shadow:0 0 1px #ccc}input:checked+.grid-slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.grid-slider.round{border-radius:24px}.grid-slider.round:before{border-radius:50%}
\ No newline at end of file