@progress/kendo-theme-bootstrap 4.43.1-dev.3 → 4.43.1-dev.4

package/dist/all.css

@@ -10471,6 +10471,258 @@ kendo-sortable {
     background-color: #d3d3d4;
 }
 
+.k-checkbox {
+    border-radius: 0.25rem;
+    margin: 0;
+    padding: 0;
+    width: 1rem;
+    height: 1rem;
+    line-height: initial;
+    border-width: 1px;
+    border-style: solid;
+    outline: 0;
+    box-sizing: border-box;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: contain;
+    display: inline-block;
+    flex: none;
+    vertical-align: middle;
+    position: relative;
+    cursor: pointer;
+    -webkit-appearance: none;
+}
+
+.k-checkbox:checked,
+.k-checkbox.k-checked {
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
+}
+
+.k-checkbox:indeterminate,
+.k-checkbox.k-indeterminate,
+.k-checkbox.k-state-indeterminate {
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
+}
+
+.k-checkbox:disabled,
+.k-checkbox.k-disabled,
+.k-checkbox:disabled + .k-checkbox-label,
+.k-checkbox.k-disabled + .k-checkbox-label {
+    outline: none;
+    cursor: default;
+    opacity: 0.65;
+    filter: grayscale(0.1);
+    pointer-events: none;
+    box-shadow: none;
+}
+
+.k-checkbox-label {
+    margin: 0;
+    padding: 0;
+    line-height: calc(1rem + 1px);
+    display: inline-flex;
+    align-items: flex-start;
+    vertical-align: middle;
+    position: relative;
+    cursor: pointer;
+}
+
+.k-checkbox-label .k-label {
+    cursor: pointer;
+}
+
+.k-checkbox-label .k-ripple {
+    top: 0.5rem;
+    left: 0.5rem;
+    right: auto;
+    bottom: auto;
+    width: 2.5rem;
+    height: 2.5rem;
+    transform: translate(-50%, -50%);
+    border-radius: 50%;
+    visibility: hidden !important;
+}
+
+.k-checkbox-label .k-ripple-blob {
+    top: 50% !important;
+    left: 50% !important;
+    width: 200% !important;
+    height: 200% !important;
+}
+
+.k-checkbox + .k-checkbox-label {
+    display: inline;
+}
+
+.k-checkbox + .k-checkbox-label,
+.k-checkbox-label + .k-checkbox {
+    margin-left: 0.25rem;
+}
+
+.k-checkbox-label > .k-checkbox {
+    margin-right: 0.25rem;
+    flex-shrink: 0;
+}
+
+kendo-label.k-checkbox-label > .k-checkbox:last-child {
+    margin-right: 0;
+}
+
+kendo-label.k-checkbox-label > .k-label:first-child {
+    margin-right: 0.25rem;
+}
+
+kendo-label.k-checkbox-label > .k-label {
+    display: inline;
+}
+
+.k-checkbox-label:empty {
+    display: none !important;
+}
+
+.k-checkbox-label.k-no-text {
+    min-width: 1px;
+}
+
+.k-checkbox-list {
+    margin: 0px;
+    padding: 0px;
+    list-style: none;
+}
+
+.k-checkbox-list .k-checkbox-item {
+    padding: 0.25rem 0px;
+}
+
+.k-list-horizontal .k-checkbox-item {
+    display: inline-block;
+    margin: 0 32px 0 0;
+}
+
+.k-list-horizontal .k-checkbox-item:last-child {
+    margin-right: 0;
+}
+
+.k-rtl .k-checkbox + .k-checkbox-label,
+.k-rtl .k-checkbox-label + .k-checkbox,
+[dir="rtl"] .k-checkbox + .k-checkbox-label,
+[dir="rtl"] .k-checkbox-label + .k-checkbox {
+    margin-left: 0;
+    margin-right: 0.25rem;
+}
+
+.k-rtl .k-checkbox-label > .k-checkbox,
+[dir="rtl"] .k-checkbox-label > .k-checkbox {
+    margin-right: 0;
+    margin-left: 0.25rem;
+}
+
+.k-rtl kendo-label.k-checkbox-label > .k-checkbox:last-child,
+[dir="rtl"] kendo-label.k-checkbox-label > .k-checkbox:last-child {
+    margin-left: 0;
+}
+
+.k-rtl kendo-label.k-checkbox-label > .k-label:first-child,
+[dir="rtl"] kendo-label.k-checkbox-label > .k-label:first-child {
+    margin-right: 0;
+    margin-left: 0.25rem;
+}
+
+.k-rtl .k-list-horizontal .k-checkbox-item,
+[dir="rtl"] .k-list-horizontal .k-checkbox-item {
+    margin-right: 0;
+    margin-left: 32px;
+}
+
+.k-rtl .k-list-horizontal .k-checkbox-item:last-child,
+[dir="rtl"] .k-list-horizontal .k-checkbox-item:last-child {
+    margin-left: 0;
+}
+
+.k-ripple-container .k-checkbox::after {
+    content: "";
+    display: block;
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 3rem;
+    height: 3rem;
+    margin-left: calc(-1rem + -1px);
+    margin-top: calc(-1rem + -1px);
+    border-radius: 100%;
+    z-index: 1;
+    transform: scale(0);
+}
+
+.k-ripple-container .k-checkbox:disabled::after,
+.k-ripple-container .k-checkbox.k-disabled::after {
+    display: none;
+}
+
+.k-checkbox::-ms-check {
+    border-width: 1px;
+    border-color: inherit;
+    color: inherit;
+    background-color: inherit;
+}
+
+.k-checkbox {
+    border-color: #ced4da;
+    background-color: #ffffff;
+}
+
+.k-checkbox:focus,
+.k-checkbox.k-state-focus {
+    border-color: #86b7fe;
+    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+}
+
+.k-checkbox:indeterminate,
+.k-checkbox.k-state-indeterminate,
+.k-checkbox.k-indeterminate {
+    border-color: #0d6efd;
+    color: white;
+    background-color: #0d6efd;
+}
+
+.k-checkbox:checked,
+.k-checkbox.k-checked {
+    border-color: #0d6efd;
+    color: white;
+    background-color: #0d6efd;
+}
+
+.k-checkbox:checked:focus,
+.k-checkbox.k-checked.k-state-focus {
+    border-color: #0d6efd;
+    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+}
+
+.k-checkbox.k-invalid,
+.k-checkbox.k-state-invalid,
+.k-checkbox.ng-invalid.ng-touched,
+.k-checkbox.ng-invalid.ng-dirty {
+    border-color: #dc3545;
+}
+
+.k-checkbox.k-invalid + .k-checkbox-label,
+.k-checkbox.k-state-invalid + .k-checkbox-label,
+.k-checkbox.ng-invalid.ng-touched + .k-checkbox-label,
+.k-checkbox.ng-invalid.ng-dirty + .k-checkbox-label {
+    color: #dc3545;
+}
+
+.k-ripple-container .k-checkbox::after {
+    background: #0d6efd;
+    opacity: 0.3;
+}
+
+.k-list,
+.k-list-container {
+    font-size: 1rem;
+    line-height: 1.5;
+}
+
 .k-list-scroller {
     position: relative;
     overflow: auto;
@@ -10527,7 +10779,7 @@ kendo-list > .k-group-header,
 .k-list-optionlabel {
     padding: 0.25rem 1rem;
     min-height: 1.5em;
-    line-height: 1.5em;
+    line-height: 1.5;
     white-space: normal;
     display: flex;
     align-items: center;
@@ -10541,6 +10793,12 @@ kendo-list > .k-group-header,
     outline: none;
 }
 
+.k-list__item .k-checkbox, .k-list .k-item .k-checkbox, .k-list-optionlabel .k-checkbox {
+    margin-top: calc(0.75em - 0.5rem);
+    font-size: inherit;
+    align-self: flex-start;
+}
+
 .k-list__item.k-first::before, .k-list .k-first.k-item::before,
 .k-first.k-list-optionlabel::before {
     content: "";
@@ -11376,7 +11634,7 @@ kendo-list > .k-group-header,
 .k-textbox-container,
 .k-floating-label-container {
     padding-top: 1.5rem;
-    width: 12.4em;
+    width: 200px;
     display: inline-flex;
     vertical-align: middle;
     position: relative;
@@ -11474,131 +11732,103 @@ kendo-list > .k-group-header,
 }
 
 .k-combobox {
-    width: 12.4em;
-    border-width: 0;
+    border-radius: 0.25rem;
+    width: 200px;
+    border-width: 1px;
+    border-style: solid;
     box-sizing: border-box;
     outline: 0;
-    background: none;
     font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     font-size: 1rem;
     line-height: 1.5;
-    text-align: left;
+    text-align: start;
     white-space: nowrap;
     display: inline-flex;
+    flex-flow: row nowrap;
     vertical-align: middle;
     position: relative;
+    overflow: hidden;
+    transition: all .1s ease;
     -webkit-touch-callout: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
-.k-combobox .k-dropdown-wrap {
-    border-radius: 0.25rem;
-    padding: 0;
-    width: 100%;
-    border-width: 1px;
-    border-style: solid;
-    box-sizing: border-box;
-    position: relative;
-    display: flex;
-    flex-flow: row nowrap;
-    transition: all .1s ease;
-    outline: 0;
-    cursor: initial;
-    overflow: hidden;
+.k-combobox .k-i-loading {
+    width: calc(16px + 0.75rem);
+    height: 2.25rem;
 }
 
 .k-combobox .k-select {
     padding: 0.375rem 0.375rem;
     border-width: 0;
     border-inline-start-width: 1px;
-    box-sizing: border-box;
     border-style: solid;
+    box-sizing: border-box;
+    outline: 0;
     display: flex;
+    flex-flow: row nowrap;
     align-items: center;
     justify-content: center;
     flex: 0 0 auto;
-    text-align: center;
     cursor: pointer;
 }
 
-.k-combobox[dir="rtl"],
-.k-rtl .k-combobox {
-    text-align: right;
-}
-
-.k-combobox .k-dropdown-wrap {
+.k-combobox {
     transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
 }
 
-.k-combobox .k-dropdown-wrap .k-select {
+.k-combobox .k-select {
     transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
 }
 
-.k-combobox .k-dropdown-wrap {
+.k-combobox {
     border-color: #ced4da;
     color: #495057;
     background-color: #ffffff;
 }
 
-.k-combobox .k-dropdown-wrap.k-invalid, .k-combobox .k-dropdown-wrap.k-invalid:hover, .k-combobox .k-dropdown-wrap.k-state-invalid {
-    border-color: #dc3545;
-}
-
-.k-combobox .k-dropdown-wrap.k-invalid .k-input-validation-icon, .k-combobox .k-dropdown-wrap.k-invalid:hover .k-input-validation-icon, .k-combobox .k-dropdown-wrap.k-state-invalid .k-input-validation-icon {
-    color: #dc3545;
-}
-
-.k-combobox .k-dropdown-wrap.k-invalid:focus, .k-combobox .k-dropdown-wrap.k-invalid.k-state-focused, .k-combobox .k-dropdown-wrap.k-invalid:hover:focus, .k-combobox .k-dropdown-wrap.k-invalid:hover.k-state-focused, .k-combobox .k-dropdown-wrap.k-state-invalid:focus, .k-combobox .k-dropdown-wrap.k-state-invalid.k-state-focused {
-    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
-}
-
-.k-combobox .k-select {
-    border-color: #e4e7eb;
-    color: #212529;
-    background-color: #e4e7eb;
-}
-
-.k-combobox .k-select:hover {
-    border-color: #c7cdd5;
-    background-color: #ced3db;
+.k-combobox:focus, .k-combobox.k-state-focus {
+    border-color: #86b7fe;
+    color: #495057;
+    background-color: #ffffff;
+    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }
 
-.k-combobox > .k-state-focused {
+.k-combobox:focus-within {
     border-color: #86b7fe;
     color: #495057;
     background-color: #ffffff;
     box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }
 
-.k-combobox.k-state-invalid .k-dropdown-wrap, .k-combobox.ng-invalid.ng-touched .k-dropdown-wrap, .k-combobox.ng-invalid.ng-dirty .k-dropdown-wrap {
+.k-combobox.k-invalid, .k-combobox.ng-invalid, .k-combobox.k-state-invalid {
     border-color: #dc3545;
 }
 
-.k-combobox.k-state-invalid .k-dropdown-wrap .k-input-validation-icon, .k-combobox.ng-invalid.ng-touched .k-dropdown-wrap .k-input-validation-icon, .k-combobox.ng-invalid.ng-dirty .k-dropdown-wrap .k-input-validation-icon {
+.k-combobox.k-invalid .k-input-validation-icon, .k-combobox.ng-invalid .k-input-validation-icon, .k-combobox.k-state-invalid .k-input-validation-icon {
     color: #dc3545;
 }
 
-.k-combobox.k-state-invalid .k-dropdown-wrap:focus, .k-combobox.k-state-invalid .k-dropdown-wrap.k-state-focused, .k-combobox.ng-invalid.ng-touched .k-dropdown-wrap:focus, .k-combobox.ng-invalid.ng-touched .k-dropdown-wrap.k-state-focused, .k-combobox.ng-invalid.ng-dirty .k-dropdown-wrap:focus, .k-combobox.ng-invalid.ng-dirty .k-dropdown-wrap.k-state-focused {
+.k-combobox.k-invalid:focus-within, .k-combobox.k-invalid.k-state-focus, .k-combobox.ng-invalid:focus-within, .k-combobox.ng-invalid.k-state-focus, .k-combobox.k-state-invalid:focus-within, .k-combobox.k-state-invalid.k-state-focus {
     box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
 }
 
-.k-combobox.k-state-focus .k-dropdown-wrap {
-    border-color: #86b7fe;
-    color: #495057;
-    background-color: #ffffff;
-    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
-}
-
-.k-combobox.k-invalid .k-dropdown-wrap {
-    border-color: #dc3545;
+.k-combobox .k-select {
+    border-color: #e4e7eb;
+    color: #212529;
+    background-color: #e4e7eb;
 }
 
-.k-combobox.k-invalid .k-dropdown-wrap .k-input-validation-icon {
-    color: #dc3545;
+.k-combobox .k-select:hover,
+.k-combobox .k-select.k-state-hover {
+    border-color: #c7cdd5;
+    background-color: #ced3db;
 }
 
-.k-combobox.k-invalid.k-state-focus .k-dropdown-wrap {
-    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
+.k-combobox .k-select:active,
+.k-combobox .k-select.k-state-active {
+    border-color: #bfc6d0;
+    background-color: #c7cdd5;
 }
 
 .k-table {
@@ -12747,6 +12977,7 @@ kendo-badge-container {
 .k-color-preview {
     border-width: 1px;
     border-radius: 0.25rem;
+    box-sizing: border-box;
     border-style: solid;
     display: inline-flex;
     flex-direction: row;
@@ -12755,17 +12986,50 @@ kendo-badge-container {
     overflow: hidden;
 }
 
-.k-color-preview::before {
-    content: "";
+.k-coloreditor-current-color {
+    cursor: pointer;
+}
+
+.k-icon-color-preview {
+    border-width: 0;
+    border-radius: 0;
+    display: flex;
+    flex-flow: column nowrap;
+    align-items: center;
+    justify-content: center;
+    gap: 2px;
+}
+
+.k-icon-color-preview .k-color-preview-mask {
+    width: 14px;
+    height: 2px;
+}
+
+.k-color-preview-mask {
     width: 100%;
     height: 100%;
-    display: block;
     position: relative;
+}
+
+.k-color-preview-mask::before {
+    content: "";
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
     z-index: -1;
+    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC");
+    background-size: contain;
+    background-position: 0 0;
 }
 
-.k-coloreditor-current-color {
-    cursor: pointer;
+.k-no-color .k-color-preview-mask::before {
+    content: "";
+    background-color: #ffffff;
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' version='1.1'%3e%3cline x1='0' x2='20' y1='0' y2='20' stroke='%23dc3545' stroke-width='1'/%3e%3c/svg%3e");
+    background-size: 100% 100%;
+    background-position: 0 0;
 }
 
 .k-no-color::before {
@@ -12781,23 +13045,10 @@ kendo-badge-container {
     border-color: #dee2e6;
 }
 
-.k-color-preview::before {
-    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC");
-    background-size: contain;
-    background-position: 0;
-}
-
 .k-color-preview:hover, .k-color-preview.k-state-hover, .k-color-preview.k-hover {
     border-color: #d6d9dc;
 }
 
-.k-no-color::before {
-    background-color: #ffffff;
-    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' version='1.1'%3e%3cline x1='0' x2='20' y1='0' y2='20' stroke='%23dc3545' stroke-width='1'/%3e%3c/svg%3e");
-    background-size: 100% 100%;
-    background-position: 0 0;
-}
-
 .k-loader {
     position: relative;
     display: inline-block;
@@ -13611,7 +13862,7 @@ kendo-badge-container {
 }
 
 .k-button::after {
-    border-radius: 0.25rem;
+    border-radius: inherit;
     content: "";
     opacity: 0;
     display: none;
@@ -13625,12 +13876,6 @@ kendo-badge-container {
     transition: opacity .2s ease-in-out;
 }
 
-.k-ie .k-button,
-.k-ie .k-button-group {
-    display: inline-block;
-    overflow: visible;
-}
-
 .k-ie .k-button-icontext .k-icon,
 .k-ie .k-button-icontext .k-image,
 .k-ie .k-button-icontext .k-sprite {
@@ -13902,6 +14147,18 @@ kendo-badge-container {
     align-items: center;
 }
 
+.k-toolbar .k-textbox,
+.k-toolbar .k-combobox,
+.k-toolbar .k-dropdown,
+.k-toolbar .k-dropdowntree,
+.k-toolbar .k-searchbox,
+.k-toolbar .k-numerictextbox,
+.k-toolbar .k-datepicker,
+.k-toolbar .k-timepicker,
+.k-toolbar .k-datetimepicker {
+    width: 10em;
+}
+
 .k-toolbar-group {
     display: flex;
     flex-direction: inherit;
@@ -13910,6 +14167,7 @@ kendo-badge-container {
 }
 
 kendo-toolbar-renderer {
+    display: inline-block;
     border-color: inherit;
 }
 
@@ -14211,10 +14469,6 @@ kendo-label > .k-label {
     width: 100%;
 }
 
-.k-form .k-editor .k-dropdown, .k-form .k-editor .k-dropdowntree {
-    width: 12.4em;
-}
-
 .k-form-buttons {
     margin-top: 2rem;
     padding: 0;
@@ -14670,7 +14924,7 @@ kendo-label > .k-label {
     border-radius: 0.25rem;
     margin: 0;
     padding: 0;
-    width: 12.4em;
+    width: 200px;
     height: calc(1.5em + 0.75rem + 2px);
     border-width: 1px;
     border-style: solid;
@@ -14858,299 +15112,54 @@ textarea.k-textarea {
     resize: both;
 }
 
-.k-textbox-container > .k-textarea,
-.k-floating-label-container > .k-textarea {
-    flex: 1 1 auto;
-    width: 100%;
-}
-
-.k-ie .k-textarea :-ms-input-placeholder, .k-ie .k-textarea:-ms-input-placeholder {
-    color: #6c757d;
-}
-
-.k-textarea {
-    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
-}
-
-.k-textarea {
-    border-color: #ced4da;
-    color: #495057;
-    background-color: #ffffff;
-}
-
-.k-textarea:focus, .k-textarea.k-state-focus, .k-textarea.k-state-focused {
-    border-color: #86b7fe;
-    color: #495057;
-    background-color: #ffffff;
-    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
-}
-
-.k-textarea:focus-within {
-    border-color: #86b7fe;
-    color: #495057;
-    background-color: #ffffff;
-    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
-}
-
-.k-textarea.k-invalid, .k-textarea.k-state-invalid, .k-textarea.ng-invalid.ng-touched, .k-textarea.ng-invalid.ng-dirty {
-    border-color: #dc3545;
-}
-
-.k-textarea.k-invalid .k-input-validation-icon, .k-textarea.k-state-invalid .k-input-validation-icon, .k-textarea.ng-invalid.ng-touched .k-input-validation-icon, .k-textarea.ng-invalid.ng-dirty .k-input-validation-icon {
-    color: #dc3545;
-}
-
-.k-textarea.k-invalid:focus, .k-textarea.k-invalid.k-state-focus, .k-textarea.k-invalid.k-state-focused, .k-textarea.k-state-invalid:focus, .k-textarea.k-state-invalid.k-state-focus, .k-textarea.k-state-invalid.k-state-focused, .k-textarea.ng-invalid.ng-touched:focus, .k-textarea.ng-invalid.ng-touched.k-state-focus, .k-textarea.ng-invalid.ng-touched.k-state-focused, .k-textarea.ng-invalid.ng-dirty:focus, .k-textarea.ng-invalid.ng-dirty.k-state-focus, .k-textarea.ng-invalid.ng-dirty.k-state-focused {
-    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
-}
-
-.k-textarea.k-invalid:focus-within, .k-textarea.k-state-invalid:focus-within, .k-textarea.ng-invalid.ng-touched:focus-within, .k-textarea.ng-invalid.ng-dirty:focus-within {
-    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
-}
-
-.k-checkbox {
-    border-radius: 0.25rem;
-    margin: 0;
-    padding: 0;
-    width: 1rem;
-    height: 1rem;
-    line-height: initial;
-    border-width: 1px;
-    border-style: solid;
-    outline: 0;
-    box-sizing: border-box;
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: contain;
-    display: inline-block;
-    vertical-align: middle;
-    position: relative;
-    cursor: pointer;
-    -webkit-appearance: none;
-}
-
-.k-checkbox:checked,
-.k-checkbox.k-checked {
-    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
-}
-
-.k-checkbox:indeterminate,
-.k-checkbox.k-indeterminate,
-.k-checkbox.k-state-indeterminate {
-    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
-}
-
-.k-checkbox:disabled,
-.k-checkbox.k-disabled,
-.k-checkbox:disabled + .k-checkbox-label,
-.k-checkbox.k-disabled + .k-checkbox-label {
-    outline: none;
-    cursor: default;
-    opacity: 0.65;
-    filter: grayscale(0.1);
-    pointer-events: none;
-    box-shadow: none;
-}
-
-.k-checkbox-label {
-    margin: 0;
-    padding: 0;
-    line-height: calc(1rem + 1px);
-    display: inline-flex;
-    align-items: flex-start;
-    vertical-align: middle;
-    position: relative;
-    cursor: pointer;
-}
-
-.k-checkbox-label .k-label {
-    cursor: pointer;
-}
-
-.k-checkbox-label .k-ripple {
-    top: 0.5rem;
-    left: 0.5rem;
-    right: auto;
-    bottom: auto;
-    width: 2.5rem;
-    height: 2.5rem;
-    transform: translate(-50%, -50%);
-    border-radius: 50%;
-    visibility: hidden !important;
-}
-
-.k-checkbox-label .k-ripple-blob {
-    top: 50% !important;
-    left: 50% !important;
-    width: 200% !important;
-    height: 200% !important;
-}
-
-.k-checkbox + .k-checkbox-label {
-    display: inline;
-}
-
-.k-checkbox + .k-checkbox-label,
-.k-checkbox-label + .k-checkbox {
-    margin-left: 0.25rem;
-}
-
-.k-checkbox-label > .k-checkbox {
-    margin-right: 0.25rem;
-    flex-shrink: 0;
-}
-
-kendo-label.k-checkbox-label > .k-checkbox:last-child {
-    margin-right: 0;
-}
-
-kendo-label.k-checkbox-label > .k-label:first-child {
-    margin-right: 0.25rem;
-}
-
-kendo-label.k-checkbox-label > .k-label {
-    display: inline;
-}
-
-.k-checkbox-label:empty {
-    display: none;
-}
-
-.k-checkbox-label.k-no-text {
-    min-width: 1px;
-}
-
-.k-checkbox-list {
-    margin: 0px;
-    padding: 0px;
-    list-style: none;
-}
-
-.k-checkbox-list .k-checkbox-item {
-    padding: 0.25rem 0px;
-}
-
-.k-list-horizontal .k-checkbox-item {
-    display: inline-block;
-    margin: 0 32px 0 0;
-}
-
-.k-list-horizontal .k-checkbox-item:last-child {
-    margin-right: 0;
-}
-
-.k-rtl .k-checkbox + .k-checkbox-label,
-.k-rtl .k-checkbox-label + .k-checkbox,
-[dir="rtl"] .k-checkbox + .k-checkbox-label,
-[dir="rtl"] .k-checkbox-label + .k-checkbox {
-    margin-left: 0;
-    margin-right: 0.25rem;
-}
-
-.k-rtl .k-checkbox-label > .k-checkbox,
-[dir="rtl"] .k-checkbox-label > .k-checkbox {
-    margin-right: 0;
-    margin-left: 0.25rem;
-}
-
-.k-rtl kendo-label.k-checkbox-label > .k-checkbox:last-child,
-[dir="rtl"] kendo-label.k-checkbox-label > .k-checkbox:last-child {
-    margin-left: 0;
-}
-
-.k-rtl kendo-label.k-checkbox-label > .k-label:first-child,
-[dir="rtl"] kendo-label.k-checkbox-label > .k-label:first-child {
-    margin-right: 0;
-    margin-left: 0.25rem;
-}
-
-.k-rtl .k-list-horizontal .k-checkbox-item,
-[dir="rtl"] .k-list-horizontal .k-checkbox-item {
-    margin-right: 0;
-    margin-left: 32px;
-}
-
-.k-rtl .k-list-horizontal .k-checkbox-item:last-child,
-[dir="rtl"] .k-list-horizontal .k-checkbox-item:last-child {
-    margin-left: 0;
-}
-
-.k-ripple-container .k-checkbox::after {
-    content: "";
-    display: block;
-    position: absolute;
-    left: 0;
-    top: 0;
-    width: 3rem;
-    height: 3rem;
-    margin-left: calc(-1rem + -1px);
-    margin-top: calc(-1rem + -1px);
-    border-radius: 100%;
-    z-index: 1;
-    transform: scale(0);
+.k-textbox-container > .k-textarea,
+.k-floating-label-container > .k-textarea {
+    flex: 1 1 auto;
+    width: 100%;
 }
 
-.k-ripple-container .k-checkbox:disabled::after,
-.k-ripple-container .k-checkbox.k-disabled::after {
-    display: none;
+.k-ie .k-textarea :-ms-input-placeholder, .k-ie .k-textarea:-ms-input-placeholder {
+    color: #6c757d;
 }
 
-.k-checkbox::-ms-check {
-    border-width: 1px;
-    border-color: inherit;
-    color: inherit;
-    background-color: inherit;
+.k-textarea {
+    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
 }
 
-.k-checkbox {
+.k-textarea {
     border-color: #ced4da;
+    color: #495057;
     background-color: #ffffff;
 }
 
-.k-checkbox:focus,
-.k-checkbox.k-state-focus {
+.k-textarea:focus, .k-textarea.k-state-focus, .k-textarea.k-state-focused {
     border-color: #86b7fe;
+    color: #495057;
+    background-color: #ffffff;
     box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }
 
-.k-checkbox:indeterminate,
-.k-checkbox.k-state-indeterminate,
-.k-checkbox.k-indeterminate {
-    border-color: #0d6efd;
-    color: white;
-    background-color: #0d6efd;
-}
-
-.k-checkbox:checked,
-.k-checkbox.k-checked {
-    border-color: #0d6efd;
-    color: white;
-    background-color: #0d6efd;
-}
-
-.k-checkbox:checked:focus,
-.k-checkbox.k-checked.k-state-focus {
-    border-color: #0d6efd;
+.k-textarea:focus-within {
+    border-color: #86b7fe;
+    color: #495057;
+    background-color: #ffffff;
     box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }
 
-.k-checkbox.k-invalid,
-.k-checkbox.k-state-invalid,
-.k-checkbox.ng-invalid.ng-touched,
-.k-checkbox.ng-invalid.ng-dirty {
+.k-textarea.k-invalid, .k-textarea.k-state-invalid, .k-textarea.ng-invalid.ng-touched, .k-textarea.ng-invalid.ng-dirty {
     border-color: #dc3545;
 }
 
-.k-checkbox.k-invalid + .k-checkbox-label,
-.k-checkbox.k-state-invalid + .k-checkbox-label,
-.k-checkbox.ng-invalid.ng-touched + .k-checkbox-label,
-.k-checkbox.ng-invalid.ng-dirty + .k-checkbox-label {
+.k-textarea.k-invalid .k-input-validation-icon, .k-textarea.k-state-invalid .k-input-validation-icon, .k-textarea.ng-invalid.ng-touched .k-input-validation-icon, .k-textarea.ng-invalid.ng-dirty .k-input-validation-icon {
     color: #dc3545;
 }
 
-.k-ripple-container .k-checkbox::after {
-    background: #0d6efd;
-    opacity: 0.3;
+.k-textarea.k-invalid:focus, .k-textarea.k-invalid.k-state-focus, .k-textarea.k-invalid.k-state-focused, .k-textarea.k-state-invalid:focus, .k-textarea.k-state-invalid.k-state-focus, .k-textarea.k-state-invalid.k-state-focused, .k-textarea.ng-invalid.ng-touched:focus, .k-textarea.ng-invalid.ng-touched.k-state-focus, .k-textarea.ng-invalid.ng-touched.k-state-focused, .k-textarea.ng-invalid.ng-dirty:focus, .k-textarea.ng-invalid.ng-dirty.k-state-focus, .k-textarea.ng-invalid.ng-dirty.k-state-focused {
+    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
+}
+
+.k-textarea.k-invalid:focus-within, .k-textarea.k-state-invalid:focus-within, .k-textarea.ng-invalid.ng-touched:focus-within, .k-textarea.ng-invalid.ng-dirty:focus-within {
+    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
 }
 
 .k-listbox {
@@ -15520,6 +15529,7 @@ kendo-label.k-checkbox-label > .k-label {
     background-repeat: no-repeat;
     background-size: contain;
     display: inline-block;
+    flex: none;
     vertical-align: middle;
     position: relative;
     cursor: pointer;
@@ -15563,7 +15573,7 @@ kendo-label.k-checkbox-label > .k-label {
 }
 
 .k-radio-label:empty {
-    display: none;
+    display: none !important;
 }
 
 .k-radio-label .k-ripple {
@@ -17215,22 +17225,22 @@ kendo-label.k-radio-label > .k-label {
 
 .k-autocomplete {
     border-radius: 0.25rem;
-    width: 12.4em;
+    width: 200px;
     border-width: 1px;
     border-style: solid;
-    outline: 0;
     box-sizing: border-box;
+    outline: 0;
     font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     font-size: 1rem;
     line-height: 1.5;
+    text-align: start;
     white-space: nowrap;
     display: inline-flex;
     flex-flow: row nowrap;
-    align-items: stretch;
     vertical-align: middle;
-    transition: all .1s ease;
     position: relative;
-    cursor: default;
+    overflow: hidden;
+    transition: all .1s ease;
     -webkit-touch-callout: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
@@ -17411,7 +17421,7 @@ kendo-label.k-radio-label > .k-label {
 }
 
 .k-numerictextbox {
-    width: 12.4em;
+    width: 200px;
     border-width: 0;
     box-sizing: border-box;
     outline: 0;
@@ -17811,14 +17821,18 @@ kendo-label.k-radio-label > .k-label {
 }
 
 .k-coloreditor-preview {
+    display: flex;
+    flex-flow: column nowrap;
+    align-items: stretch;
+    justify-content: center;
+    gap: 0.25rem;
     position: relative;
-    gap: 2px;
     z-index: 1;
 }
 
 .k-coloreditor-preview .k-color-preview {
-    width: 34px;
-    height: 14px;
+    width: 32px;
+    height: 12px;
 }
 
 .k-coloreditor-views {
@@ -17895,6 +17909,13 @@ kendo-label.k-radio-label > .k-label {
     overflow: hidden;
 }
 
+.k-colorpicker .k-color-preview {
+    margin: 0.375rem;
+    width: 1.5em;
+    height: 1.5em;
+    z-index: 1;
+}
+
 .k-colorpicker .k-tool-icon {
     padding: 0.375rem;
     width: calc(1.5em + 0.75rem);
@@ -17992,7 +18013,7 @@ kendo-label.k-radio-label > .k-label {
 
 .k-dateinput {
     border-radius: 0.25rem;
-    width: 12.4em;
+    width: 200px;
     border-width: 1px;
     border-style: solid;
     box-sizing: border-box;
@@ -18117,7 +18138,7 @@ kendo-label.k-radio-label > .k-label {
 
 .k-datepicker {
     border-radius: 0.25rem;
-    width: 12.4em;
+    width: 200px;
     border-width: 1px;
     border-style: solid;
     box-sizing: border-box;
@@ -18208,7 +18229,7 @@ kendo-label.k-radio-label > .k-label {
 
 .k-timepicker {
     border-radius: 0.25rem;
-    width: 12.4em;
+    width: 200px;
     border-width: 1px;
     border-style: solid;
     box-sizing: border-box;
@@ -18299,7 +18320,7 @@ kendo-label.k-radio-label > .k-label {
 
 .k-datetimepicker {
     border-radius: 0.25rem;
-    width: 12.4em;
+    width: 200px;
     border-width: 1px;
     border-style: solid;
     box-sizing: border-box;
@@ -18742,73 +18763,57 @@ kendo-label.k-radio-label > .k-label {
 }
 
 .k-dropdown, .k-dropdowntree {
-    width: 12.4em;
-    border-width: 0;
-    outline: 0;
-    background: none;
+    border-radius: 0.25rem;
+    width: 200px;
+    border-width: 1px;
+    border-style: solid;
     box-sizing: border-box;
+    outline: 0;
     font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     font-size: 1rem;
     line-height: 1.5;
-    text-align: left;
+    text-align: start;
     white-space: nowrap;
     display: inline-flex;
+    flex-flow: row nowrap;
     vertical-align: middle;
     position: relative;
+    overflow: hidden;
+    transition: all .1s ease;
     -webkit-touch-callout: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
-.k-dropdown .k-dropdown-wrap, .k-dropdowntree .k-dropdown-wrap {
-    border-radius: 0.25rem;
-    padding: 0;
-    width: 100%;
-    display: flex;
-    flex-flow: row nowrap;
-    border-width: 1px;
-    border-style: solid;
-    box-sizing: border-box;
-    position: relative;
-    transition: all .1s ease;
-    cursor: pointer;
-    outline: 0;
-    overflow: hidden;
+.k-dropdown .k-i-loading, .k-dropdowntree .k-i-loading {
+    width: calc(16px + 0.75rem);
+    height: 2.25rem;
 }
 
-.k-dropdown .k-dropdown-wrap .k-select, .k-dropdowntree .k-dropdown-wrap .k-select {
+.k-dropdown .k-select, .k-dropdowntree .k-select {
     padding: 0.375rem 0.375rem;
     border-width: 0;
     border-inline-start-width: 1px;
+    border-style: solid;
     border-color: transparent;
     box-sizing: border-box;
-    border-style: solid;
+    outline: 0;
     display: flex;
+    flex-flow: row nowrap;
     align-items: center;
     justify-content: center;
     flex: 0 0 auto;
-    text-align: center;
     cursor: pointer;
 }
 
-.k-dropdown.k-rtl, .k-rtl.k-dropdowntree,
-.k-dropdown[dir="rtl"],
-.k-dropdowntree[dir="rtl"],
-.k-rtl .k-dropdown,
-.k-rtl .k-dropdowntree,
-[dir="rtl"] .k-dropdown,
-[dir="rtl"] .k-dropdowntree {
-    text-align: right;
-}
-
 .k-dropdown-operator {
     width: auto;
 }
 
-.k-dropdown-operator .k-dropdown-wrap .k-input {
+.k-dropdown-operator .k-input {
     display: none;
 }
 
-.k-dropdown-operator .k-dropdown-wrap .k-select {
+.k-dropdown-operator .k-select {
     width: calc(1.5em + 0.75rem);
     height: calc(1.5em + 0.75rem);
 }
@@ -18826,68 +18831,45 @@ select.k-dropdown, select.k-dropdowntree {
     cursor: pointer;
 }
 
-.k-dropdown .k-dropdown-wrap, .k-dropdowntree .k-dropdown-wrap {
+.k-dropdown, .k-dropdowntree {
     transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
 }
 
-.k-dropdown .k-dropdown-wrap, .k-dropdowntree .k-dropdown-wrap {
+.k-dropdown, .k-dropdowntree {
     border-color: #e4e7eb;
     color: #212529;
     background-color: #e4e7eb;
 }
 
-.k-dropdown .k-dropdown-wrap:hover, .k-dropdowntree .k-dropdown-wrap:hover, .k-dropdown .k-dropdown-wrap.k-state-hover, .k-dropdowntree .k-dropdown-wrap.k-state-hover {
+.k-dropdown:hover, .k-dropdowntree:hover, .k-dropdown.k-state-hover, .k-state-hover.k-dropdowntree {
     border-color: #c7cdd5;
     background-color: #ced3db;
 }
 
-.k-dropdown .k-dropdown-wrap.k-state-focused, .k-dropdowntree .k-dropdown-wrap.k-state-focused {
+.k-dropdown:focus, .k-dropdowntree:focus, .k-dropdown.k-state-focus, .k-state-focus.k-dropdowntree {
     border-color: #bfc6d0;
     background-color: #c7cdd5;
     box-shadow: 0 0 0 3px rgba(228, 231, 235, 0.5);
 }
 
-.k-dropdown .k-dropdown-wrap.k-invalid, .k-dropdowntree .k-dropdown-wrap.k-invalid, .k-dropdown .k-dropdown-wrap.k-invalid:hover, .k-dropdowntree .k-dropdown-wrap.k-invalid:hover, .k-dropdown .k-dropdown-wrap.k-state-invalid, .k-dropdowntree .k-dropdown-wrap.k-state-invalid {
-    border-color: #dc3545;
-}
-
-.k-dropdown .k-dropdown-wrap.k-invalid .k-input-validation-icon, .k-dropdowntree .k-dropdown-wrap.k-invalid .k-input-validation-icon, .k-dropdown .k-dropdown-wrap.k-invalid:hover .k-input-validation-icon, .k-dropdowntree .k-dropdown-wrap.k-invalid:hover .k-input-validation-icon, .k-dropdown .k-dropdown-wrap.k-state-invalid .k-input-validation-icon, .k-dropdowntree .k-dropdown-wrap.k-state-invalid .k-input-validation-icon {
-    color: #dc3545;
-}
-
-.k-dropdown .k-dropdown-wrap.k-invalid:focus, .k-dropdowntree .k-dropdown-wrap.k-invalid:focus, .k-dropdown .k-dropdown-wrap.k-invalid.k-state-focused, .k-dropdowntree .k-dropdown-wrap.k-invalid.k-state-focused, .k-dropdown .k-dropdown-wrap.k-invalid:hover:focus, .k-dropdowntree .k-dropdown-wrap.k-invalid:hover:focus, .k-dropdown .k-dropdown-wrap.k-invalid:hover.k-state-focused, .k-dropdowntree .k-dropdown-wrap.k-invalid:hover.k-state-focused, .k-dropdown .k-dropdown-wrap.k-state-invalid:focus, .k-dropdowntree .k-dropdown-wrap.k-state-invalid:focus, .k-dropdown .k-dropdown-wrap.k-state-invalid.k-state-focused, .k-dropdowntree .k-dropdown-wrap.k-state-invalid.k-state-focused {
-    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
+.k-dropdown:focus-within, .k-dropdowntree:focus-within {
+    border-color: #bfc6d0;
+    background-color: #c7cdd5;
+    box-shadow: 0 0 0 3px rgba(228, 231, 235, 0.5);
 }
 
-.k-dropdown.k-state-invalid > .k-dropdown-wrap, .k-state-invalid.k-dropdowntree > .k-dropdown-wrap, .k-dropdown.ng-invalid.ng-touched > .k-dropdown-wrap, .ng-invalid.ng-touched.k-dropdowntree > .k-dropdown-wrap, .k-dropdown.ng-invalid.ng-dirty > .k-dropdown-wrap, .ng-invalid.ng-dirty.k-dropdowntree > .k-dropdown-wrap {
+.k-dropdown.k-invalid, .k-invalid.k-dropdowntree, .k-dropdown.ng-invalid, .ng-invalid.k-dropdowntree, .k-dropdown.k-state-invalid, .k-state-invalid.k-dropdowntree {
     border-color: #dc3545;
 }
 
-.k-dropdown.k-state-invalid > .k-dropdown-wrap .k-input-validation-icon, .k-state-invalid.k-dropdowntree > .k-dropdown-wrap .k-input-validation-icon, .k-dropdown.ng-invalid.ng-touched > .k-dropdown-wrap .k-input-validation-icon, .ng-invalid.ng-touched.k-dropdowntree > .k-dropdown-wrap .k-input-validation-icon, .k-dropdown.ng-invalid.ng-dirty > .k-dropdown-wrap .k-input-validation-icon, .ng-invalid.ng-dirty.k-dropdowntree > .k-dropdown-wrap .k-input-validation-icon {
+.k-dropdown.k-invalid .k-input-validation-icon, .k-invalid.k-dropdowntree .k-input-validation-icon, .k-dropdown.ng-invalid .k-input-validation-icon, .ng-invalid.k-dropdowntree .k-input-validation-icon, .k-dropdown.k-state-invalid .k-input-validation-icon, .k-state-invalid.k-dropdowntree .k-input-validation-icon {
     color: #dc3545;
 }
 
-.k-dropdown.k-state-invalid > .k-dropdown-wrap:focus, .k-state-invalid.k-dropdowntree > .k-dropdown-wrap:focus, .k-dropdown.k-state-invalid > .k-dropdown-wrap.k-state-focused, .k-state-invalid.k-dropdowntree > .k-dropdown-wrap.k-state-focused, .k-dropdown.ng-invalid.ng-touched > .k-dropdown-wrap:focus, .ng-invalid.ng-touched.k-dropdowntree > .k-dropdown-wrap:focus, .k-dropdown.ng-invalid.ng-touched > .k-dropdown-wrap.k-state-focused, .ng-invalid.ng-touched.k-dropdowntree > .k-dropdown-wrap.k-state-focused, .k-dropdown.ng-invalid.ng-dirty > .k-dropdown-wrap:focus, .ng-invalid.ng-dirty.k-dropdowntree > .k-dropdown-wrap:focus, .k-dropdown.ng-invalid.ng-dirty > .k-dropdown-wrap.k-state-focused, .ng-invalid.ng-dirty.k-dropdowntree > .k-dropdown-wrap.k-state-focused {
+.k-dropdown.k-invalid:focus-within, .k-invalid.k-dropdowntree:focus-within, .k-dropdown.k-invalid.k-state-focus, .k-invalid.k-state-focus.k-dropdowntree, .k-dropdown.ng-invalid:focus-within, .ng-invalid.k-dropdowntree:focus-within, .k-dropdown.ng-invalid.k-state-focus, .ng-invalid.k-state-focus.k-dropdowntree, .k-dropdown.k-state-invalid:focus-within, .k-state-invalid.k-dropdowntree:focus-within, .k-dropdown.k-state-invalid.k-state-focus, .k-state-invalid.k-state-focus.k-dropdowntree {
     box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
 }
 
-select.k-dropdown, select.k-dropdowntree {
-    border-color: #e4e7eb;
-    color: #212529;
-    background-color: #e4e7eb;
-}
-
-select.k-dropdown:hover, select.k-dropdowntree:hover {
-    border-color: #c7cdd5;
-    background-color: #ced3db;
-}
-
-select.k-dropdown:focus, select.k-dropdowntree:focus {
-    border-color: #bfc6d0;
-    background-color: #c7cdd5;
-    box-shadow: 0 0 0 3px rgba(228, 231, 235, 0.5);
-}
-
 .k-multiselect, .k-dropdowntree {
     border-radius: 0.25rem;
     width: 100%;
@@ -19400,7 +19382,7 @@ select.k-dropdown:focus, select.k-dropdowntree:focus {
 }
 
 .k-dropdowntree {
-    width: 12.4em;
+    width: 200px;
 }
 
 .k-popup-dropdowntree {
@@ -19416,67 +19398,61 @@ select.k-dropdown:focus, select.k-dropdowntree:focus {
 }
 
 .k-maskedtextbox {
-    width: 12.4em;
+    border-radius: 0.25rem;
+    width: 200px;
+    border-width: 1px;
+    border-style: solid;
+    box-sizing: border-box;
+    outline: 0;
     font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     font-size: 1rem;
     line-height: 1.5;
-    border-width: 0;
-    box-sizing: border-box;
-    outline: 0;
-    background: none;
-    text-align: left;
+    text-align: start;
     white-space: nowrap;
     display: inline-flex;
+    flex-flow: row nowrap;
     vertical-align: middle;
     position: relative;
+    overflow: hidden;
+    transition: all .1s ease;
     -webkit-touch-callout: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
-.k-maskedtextbox > .k-textbox {
-    flex: 1 0 0%;
-    min-width: 0;
-}
-
-.k-maskedtextbox > .k-textbox.k-state-invalid {
-    transition: none;
-}
-
-.k-maskedtextbox .k-i-warning {
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-    right: 1rem;
-}
-
-.k-maskedtextbox[dir="rtl"],
-.k-rtl .k-maskedtextbox {
-    text-align: right;
+.k-maskedtextbox .k-i-loading {
+    width: calc(16px + 0.75rem);
+    height: 2.25rem;
 }
 
-.k-maskedtextbox[dir="rtl"] .k-i-warning,
-.k-rtl .k-maskedtextbox .k-i-warning {
-    right: auto;
-    left: 1rem;
+.k-maskedtextbox {
+    border-color: #ced4da;
+    color: #495057;
+    background-color: #ffffff;
 }
 
-.k-maskedtextbox ::-ms-clear {
-    display: none;
+.k-maskedtextbox:focus, .k-maskedtextbox.k-state-focus {
+    border-color: #86b7fe;
+    color: #495057;
+    background-color: #ffffff;
+    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }
 
-.k-maskedtextbox .k-i-warning {
-    color: #dc3545;
+.k-maskedtextbox:focus-within {
+    border-color: #86b7fe;
+    color: #495057;
+    background-color: #ffffff;
+    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }
 
-.k-maskedtextbox.k-state-invalid .k-textbox, .k-maskedtextbox.ng-invalid.ng-touched .k-textbox, .k-maskedtextbox.ng-invalid.ng-dirty .k-textbox {
+.k-maskedtextbox.k-invalid, .k-maskedtextbox.ng-invalid, .k-maskedtextbox.k-state-invalid {
     border-color: #dc3545;
 }
 
-.k-maskedtextbox.k-state-invalid .k-input-validation-icon, .k-maskedtextbox.ng-invalid.ng-touched .k-input-validation-icon, .k-maskedtextbox.ng-invalid.ng-dirty .k-input-validation-icon {
+.k-maskedtextbox.k-invalid .k-input-validation-icon, .k-maskedtextbox.ng-invalid .k-input-validation-icon, .k-maskedtextbox.k-state-invalid .k-input-validation-icon {
     color: #dc3545;
 }
 
-.k-maskedtextbox.k-state-invalid:focus .k-textbox, .k-maskedtextbox.k-state-invalid.k-state-focused .k-textbox, .k-maskedtextbox.ng-invalid.ng-touched:focus .k-textbox, .k-maskedtextbox.ng-invalid.ng-touched.k-state-focused .k-textbox, .k-maskedtextbox.ng-invalid.ng-dirty:focus .k-textbox, .k-maskedtextbox.ng-invalid.ng-dirty.k-state-focused .k-textbox {
+.k-maskedtextbox.k-invalid:focus-within, .k-maskedtextbox.k-invalid.k-state-focus, .k-maskedtextbox.ng-invalid:focus-within, .k-maskedtextbox.ng-invalid.k-state-focus, .k-maskedtextbox.k-state-invalid:focus-within, .k-maskedtextbox.k-state-invalid.k-state-focus {
     box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
 }
 
@@ -20427,6 +20403,18 @@ select.k-dropdown:focus, select.k-dropdowntree:focus {
     display: inline-block;
 }
 
+.k-appbar .k-textbox,
+.k-appbar .k-combobox,
+.k-appbar .k-dropdown,
+.k-appbar .k-dropdowntree,
+.k-appbar .k-searchbox,
+.k-appbar .k-numerictextbox,
+.k-appbar .k-datepicker,
+.k-appbar .k-timepicker,
+.k-appbar .k-datetimepicker {
+    width: 10em;
+}
+
 .k-appbar-static {
     position: static;
 }
@@ -26216,7 +26204,7 @@ kendo-card-footer {
 }
 
 .k-grid-search {
-    width: 12.4em;
+    width: 200px;
 }
 
 .k-grouping-header {
@@ -26523,7 +26511,6 @@ div.k-grid-footer {
 }
 
 .k-grid-columnmenu-popup.k-popup {
-    padding: 0.5rem 0;
 }
 
 .k-filter-row {
@@ -27104,7 +27091,7 @@ div.k-grid-norecords {
 
 .k-column-chooser-title,
 .k-column-list-item {
-    padding: 0.25rem 1.5rem;
+    padding: 0.25rem 1rem;
 }
 
 .k-column-list-item {
@@ -27119,7 +27106,7 @@ div.k-grid-norecords {
 }
 
 .k-columnmenu-item {
-    padding: 0.25rem 1.5rem;
+    padding: 0.25rem 1rem;
     outline: 0;
     cursor: pointer;
 }
@@ -27842,16 +27829,10 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
     min-width: 1.5em;
 }
 
-.k-spreadsheet-toolbar [data-tool="fontSize"] {
-    width: 5rem;
-}
-
-.k-spreadsheet-toolbar [data-tool="fontFamily"] {
-    width: 6rem;
-}
-
-.k-spreadsheet-toolbar [data-tool="format"] {
-    width: 4rem;
+.k-spreadsheet-toolbar .k-combobox,
+.k-spreadsheet-toolbar .k-dropdown,
+.k-spreadsheet-toolbar .k-dropdowntree {
+    width: 5em;
 }
 
 .k-spreadsheet-action-bar {
@@ -30724,6 +30705,7 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
     background: transparent;
 }
 
+.k-editor-toolbar,
 .k-editor > .k-toolbar {
     border-width: 0 0 1px 0;
     flex-shrink: 0;
@@ -30751,7 +30733,7 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
     visibility: hidden;
 }
 
-.k-editor-toolbar .k-overflow-anchor {
+.k-editor-toolbar .k-overflow-tools .k-overflow-anchor {
     border-width: 0;
     padding: 0.5rem;
     width: calc(1.5em + 1.75rem + 2px);
@@ -30868,14 +30850,6 @@ td.k-editor-content {
     display: none;
 }
 
-.k-rtl .k-editor .k-editor-widget .k-dropdown-wrap {
-    padding-left: 0;
-}
-
-.k-rtl .k-editor .k-editor-widget .k-dropdown-wrap .k-select {
-    border-width: 0;
-}
-
 .k-editor-find-replace .k-content {
     position: relative;
 }
@@ -31372,18 +31346,17 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
 }
 
 .k-imageeditor-action-pane {
+    padding: 2rem 1rem;
+    width: 241px;
     border-width: 0;
     border-left-width: 1px;
     border-style: solid;
     border-color: inherit;
-    flex-shrink: 0;
+    box-sizing: border-box;
+    flex: none;
     overflow-y: auto;
 }
 
-.k-imageeditor-action-pane > .k-form {
-    padding: 2rem 1rem;
-}
-
 .k-imageeditor-crop-overlay {
     width: 100%;
     height: 100%;
@@ -31462,10 +31435,6 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
     align-self: flex-start;
 }
 
-.k-ie .k-imageeditor-action-pane {
-    flex: 0 0 auto;
-}
-
 .k-imageeditor {
     border-color: #dee2e6;
     color: #212529;
@@ -33606,7 +33575,7 @@ kendo-scheduler .k-recurrence-editor {
 .k-scheduler-edit-form .k-widget.k-recur-month,
 .k-scheduler-edit-form .k-widget.k-recur-weekday,
 .k-scheduler-edit-form .k-widget.k-recur-weekday-offset {
-    width: 9em;
+    width: 10em;
 }
 
 .k-rtl .k-scheduler-header th,
@@ -34613,6 +34582,10 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
     box-shadow: none;
 }
 
+.k-mediaplayer-toolbar .k-dropdown, .k-mediaplayer-toolbar .k-dropdowntree {
+    width: auto;
+}
+
 .k-mediaplayer-time-wrap {
     flex: 1;
 }
@@ -36421,39 +36394,36 @@ kendo-scrollview.k-scrollview-wrap.k-scrollview-light .k-scrollview-nav-wrap,
 }
 
 .k-navigator .k-button {
-    margin: 0;
     padding: 0;
     width: auto;
     height: auto;
-    border-radius: 100%;
     line-height: 1;
     box-shadow: none;
     position: absolute;
 }
 
-.k-navigator .k-button:not(:hover) {
-    border-color: transparent;
-    background: none;
-}
-
+.k-navigator .k-navigator-n,
 .k-navigator .k-navigator-up {
     transform: translateX(-50%);
     top: 2px;
     left: 50%;
 }
 
+.k-navigator .k-navigator-e,
 .k-navigator .k-navigator-right {
     transform: translateY(-50%);
     right: 2px;
     top: 50%;
 }
 
+.k-navigator .k-navigator-s,
 .k-navigator .k-navigator-down {
     transform: translateX(-50%);
     bottom: 2px;
     left: 50%;
 }
 
+.k-navigator .k-navigator-w,
 .k-navigator .k-navigator-left {
     transform: translateY(-50%);
     left: 2px;