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

package/dist/all.css

@@ -10471,6 +10471,289 @@ kendo-sortable {
     background-color: #d9d9d9;
 }
 
+.k-checkbox {
+    border-radius: 2px;
+    margin: 0;
+    padding: 0;
+    width: 16px;
+    height: 16px;
+    line-height: initial;
+    border-width: 2px;
+    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 24 24'%3e%3cpath fill='none' stroke='white' stroke-width='3' d='M4.1,12.7 9,17.6 20.3,6.3'/%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-width='3' d='M4 10h12'/%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.6;
+    filter: grayscale(0.1);
+    pointer-events: none;
+    box-shadow: none;
+}
+
+.k-checkbox-label {
+    margin: 0;
+    padding: 0;
+    line-height: 18px;
+    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: 8px;
+    left: 8px;
+    right: auto;
+    bottom: auto;
+    width: 40px;
+    height: 40px;
+    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: 4px;
+}
+
+.k-checkbox-label > .k-checkbox {
+    margin-right: 4px;
+    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: 4px;
+}
+
+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: 4px 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: 4px;
+}
+
+.k-rtl .k-checkbox-label > .k-checkbox,
+[dir="rtl"] .k-checkbox-label > .k-checkbox {
+    margin-right: 0;
+    margin-left: 4px;
+}
+
+.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: 4px;
+}
+
+.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: 48px;
+    height: 48px;
+    margin-left: -18px;
+    margin-top: -18px;
+    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: rgba(0, 0, 0, 0.54);
+    color: transparent;
+}
+
+.k-checkbox:hover,
+.k-checkbox.k-state-hover {
+    border-color: rgba(0, 0, 0, 0.87);
+}
+
+.k-checkbox:focus,
+.k-checkbox.k-state-focus {
+    border-color: rgba(0, 0, 0, 0.54);
+    box-shadow: none;
+}
+
+.k-checkbox:indeterminate,
+.k-checkbox.k-state-indeterminate,
+.k-checkbox.k-indeterminate {
+    border-color: #3f51b5;
+    color: white;
+    background-color: #3f51b5;
+}
+
+.k-checkbox:checked,
+.k-checkbox.k-checked {
+    border-color: #3f51b5;
+    color: white;
+    background-color: #3f51b5;
+}
+
+.k-checkbox:checked:focus,
+.k-checkbox.k-checked.k-state-focus {
+    border-color: #3f51b5;
+    box-shadow: none;
+}
+
+.k-checkbox:disabled,
+.k-checkbox.k-disabled {
+    border-color: #adadad;
+}
+
+.k-checkbox:checked:disabled,
+.k-checkbox:indeterminate:disabled,
+.k-checkbox.k-state-indeterminate:disabled,
+.k-checkbox.k-checked.k-disabled,
+.k-checkbox.k-indeterminate.k-disabled {
+    border-color: #adadad;
+    color: white;
+    background-color: #adadad;
+}
+
+.k-checkbox.k-invalid,
+.k-checkbox.k-state-invalid,
+.k-checkbox.ng-invalid.ng-touched,
+.k-checkbox.ng-invalid.ng-dirty {
+    border-color: #f31700;
+}
+
+.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: #f31700;
+}
+
+.k-ripple-container .k-checkbox::after {
+    background: #3f51b5;
+    opacity: 0.38;
+}
+
+.k-checkbox:disabled + .k-checkbox-label {
+    color: rgba(0, 0, 0, 0.54);
+    opacity: 1;
+    filter: none;
+}
+
+.k-checkbox-label .k-ripple-blob {
+    opacity: .2;
+    background-color: #3f51b5;
+}
+
+.k-list,
+.k-list-container {
+    font-size: 14px;
+    line-height: 1.5;
+}
+
 .k-list-scroller {
     position: relative;
     overflow: auto;
@@ -10489,7 +10772,7 @@ kendo-sortable {
 kendo-list > .k-group-header,
 .k-virtual-wrap > .k-group-header {
     padding: 4px 16px;
-    min-height: 2em;
+    min-height: 1.5em;
     border-bottom-width: 1px;
     border-bottom-style: solid;
     font-size: 14px;
@@ -10526,8 +10809,8 @@ kendo-list > .k-group-header,
 .k-list__item, .k-list .k-item,
 .k-list-optionlabel {
     padding: 4px 16px;
-    min-height: 2em;
-    line-height: 2em;
+    min-height: 1.5em;
+    line-height: 1.5;
     white-space: normal;
     display: flex;
     align-items: center;
@@ -10541,6 +10824,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 - 8px);
+    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: "";
@@ -10652,10 +10941,6 @@ kendo-list > .k-group-header,
     border-width: 1px;
 }
 
-.k-list-container {
-    line-height: 1.5;
-}
-
 .k-list-container .k-button {
     box-shadow: none;
 }
@@ -10664,16 +10949,11 @@ kendo-list > .k-group-header,
     display: none;
 }
 
-.k-list {
-    line-height: 1.5;
-}
-
-.k-list__item, .k-list .k-item,
-.k-list-optionlabel, .k-list__group-header, .k-outer-group-header,
-.k-list > .k-group-header,
+.k-list-container .k-list__group-header, .k-list-container .k-outer-group-header,
+.k-list-container .k-list > .k-group-header,
 .k-list-container > .k-group-header,
-kendo-list > .k-group-header,
-.k-virtual-wrap > .k-group-header {
+.k-list-container kendo-list > .k-group-header,
+.k-list-container .k-virtual-wrap > .k-group-header {
     min-height: auto;
     line-height: inherit;
 }
@@ -11504,117 +11784,77 @@ kendo-list > .k-group-header,
 }
 
 .k-combobox {
+    border-radius: 4px;
     width: 200px;
-    border-width: 0;
+    border-width: 1px;
+    border-style: solid;
     box-sizing: border-box;
     outline: 0;
-    background: none;
     font-family: Roboto, "Helvetica Neue", sans-serif;
     font-size: 14px;
     line-height: 1.4285714286;
-    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: 4px;
-    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: 32px;
+    height: 36px;
 }
 
 .k-combobox .k-select {
     padding: 8px 4px;
     border-width: 0;
     border-inline-start-width: 0px;
-    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 {
     border-bottom-right-radius: 0 !important;
     border-bottom-left-radius: 0 !important;
     border-width: 1px 0;
     border-top-color: transparent !important;
 }
 
-.k-combobox .k-dropdown-wrap {
+.k-combobox {
     border-color: rgba(0, 0, 0, 0.12);
     color: rgba(0, 0, 0, 0.87);
     background-color: whitesmoke;
 }
 
-.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: #f31700;
-}
-
-.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: #f31700;
-}
-
-.k-combobox .k-select {
-    color: rgba(0, 0, 0, 0.54);
-}
-
-.k-combobox > :hover,
-.k-combobox .k-state-hover {
+.k-combobox:hover, .k-combobox.k-state-hover {
     border-color: rgba(0, 0, 0, 0.87);
 }
 
-.k-combobox .k-select:hover {
-    color: rgba(0, 0, 0, 0.87);
-}
-
-.k-combobox > .k-state-focused {
+.k-combobox:focus, .k-combobox.k-state-focus {
     border-color: #3f51b5;
 }
 
-.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 {
-    border-color: #f31700;
-}
-
-.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 {
-    color: #f31700;
-}
-
-.k-combobox.k-state-hover .k-dropdown-wrap {
-    border-color: rgba(0, 0, 0, 0.87);
-}
-
-.k-combobox.k-state-focus .k-dropdown-wrap {
+.k-combobox:focus-within {
     border-color: #3f51b5;
 }
 
-.k-combobox.k-invalid .k-dropdown-wrap {
+.k-combobox.k-invalid, .k-combobox.ng-invalid, .k-combobox.k-state-invalid {
     border-color: #f31700;
 }
 
-.k-combobox.k-invalid .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: #f31700;
 }
 
@@ -12763,6 +13003,7 @@ kendo-badge-container {
 .k-color-preview {
     border-width: 1px;
     border-radius: 2px;
+    box-sizing: border-box;
     border-style: solid;
     display: inline-flex;
     flex-direction: row;
@@ -12771,17 +13012,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: white;
+    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='%23f31700' stroke-width='1'/%3e%3c/svg%3e");
+    background-size: 100% 100%;
+    background-position: 0 0;
 }
 
 .k-no-color::before {
@@ -12797,23 +13071,10 @@ kendo-badge-container {
     border-color: rgba(0, 0, 0, 0.12);
 }
 
-.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: rgba(0, 0, 0, 0.15);
 }
 
-.k-no-color::before {
-    background-color: white;
-    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='%23f31700' stroke-width='1'/%3e%3c/svg%3e");
-    background-size: 100% 100%;
-    background-position: 0 0;
-}
-
 .k-loader {
     position: relative;
     display: inline-block;
@@ -13647,7 +13908,7 @@ kendo-scheduler .k-scheduler-footer li .k-link::before {
 }
 
 .k-button::after {
-    border-radius: 2px;
+    border-radius: inherit;
     content: "";
     opacity: 0;
     display: none;
@@ -13656,15 +13917,9 @@ kendo-scheduler .k-scheduler-footer li .k-link::before {
     left: 0px;
     right: 0px;
     top: 0px;
-    bottom: 0px;
-    z-index: 0;
-    transition: opacity .2s ease-in-out;
-}
-
-.k-ie .k-button,
-.k-ie .k-button-group {
-    display: inline-block;
-    overflow: visible;
+    bottom: 0px;
+    z-index: 0;
+    transition: opacity .2s ease-in-out;
 }
 
 .k-ie .k-button-icontext .k-icon,
@@ -14084,6 +14339,18 @@ kendo-scheduler .k-scheduler-footer li .k-primary.k-state-disabled.k-link {
     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;
@@ -14092,6 +14359,7 @@ kendo-scheduler .k-scheduler-footer li .k-primary.k-state-disabled.k-link {
 }
 
 kendo-toolbar-renderer {
+    display: inline-block;
     border-color: inherit;
 }
 
@@ -14437,10 +14705,6 @@ kendo-label > .k-label {
     width: 100%;
 }
 
-.k-form .k-editor .k-dropdown, .k-form .k-editor .k-dropdowntree {
-    width: 200px;
-}
-
 .k-form-buttons {
     margin-top: 2em;
     padding: 0;
@@ -15207,312 +15471,36 @@ textarea.k-textarea {
 
 .k-textarea {
     border-color: rgba(0, 0, 0, 0.12);
-    color: rgba(0, 0, 0, 0.87);
-    background-color: whitesmoke;
-}
-
-.k-textarea::selection,
-.k-textarea .k-input::selection {
-    color: white;
-    background-color: #3f51b5;
-}
-
-.k-textarea:hover, .k-textarea.k-state-hover {
-    border-color: rgba(0, 0, 0, 0.87);
-}
-
-.k-textarea:focus, .k-textarea.k-state-focus, .k-textarea.k-state-focused {
-    border-color: #3f51b5;
-}
-
-.k-textarea:focus-within {
-    border-color: #3f51b5;
-}
-
-.k-textarea.k-invalid, .k-textarea.k-state-invalid, .k-textarea.ng-invalid.ng-touched, .k-textarea.ng-invalid.ng-dirty {
-    border-color: #f31700;
-}
-
-.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: #f31700;
-}
-
-.k-checkbox {
-    border-radius: 2px;
-    margin: 0;
-    padding: 0;
-    width: 16px;
-    height: 16px;
-    line-height: initial;
-    border-width: 2px;
-    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 24 24'%3e%3cpath fill='none' stroke='white' stroke-width='3' d='M4.1,12.7 9,17.6 20.3,6.3'/%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-width='3' d='M4 10h12'/%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.6;
-    filter: grayscale(0.1);
-    pointer-events: none;
-    box-shadow: none;
-}
-
-.k-checkbox-label {
-    margin: 0;
-    padding: 0;
-    line-height: 18px;
-    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: 8px;
-    left: 8px;
-    right: auto;
-    bottom: auto;
-    width: 40px;
-    height: 40px;
-    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: 4px;
-}
-
-.k-checkbox-label > .k-checkbox {
-    margin-right: 4px;
-    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: 4px;
-}
-
-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: 4px 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: 4px;
-}
-
-.k-rtl .k-checkbox-label > .k-checkbox,
-[dir="rtl"] .k-checkbox-label > .k-checkbox {
-    margin-right: 0;
-    margin-left: 4px;
-}
-
-.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: 4px;
-}
-
-.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: 48px;
-    height: 48px;
-    margin-left: -18px;
-    margin-top: -18px;
-    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: rgba(0, 0, 0, 0.54);
-    color: transparent;
-}
-
-.k-checkbox:hover,
-.k-checkbox.k-state-hover {
-    border-color: rgba(0, 0, 0, 0.87);
-}
-
-.k-checkbox:focus,
-.k-checkbox.k-state-focus {
-    border-color: rgba(0, 0, 0, 0.54);
-    box-shadow: none;
-}
-
-.k-checkbox:indeterminate,
-.k-checkbox.k-state-indeterminate,
-.k-checkbox.k-indeterminate {
-    border-color: #3f51b5;
-    color: white;
-    background-color: #3f51b5;
+    color: rgba(0, 0, 0, 0.87);
+    background-color: whitesmoke;
 }
 
-.k-checkbox:checked,
-.k-checkbox.k-checked {
-    border-color: #3f51b5;
+.k-textarea::selection,
+.k-textarea .k-input::selection {
     color: white;
     background-color: #3f51b5;
 }
 
-.k-checkbox:checked:focus,
-.k-checkbox.k-checked.k-state-focus {
-    border-color: #3f51b5;
-    box-shadow: none;
+.k-textarea:hover, .k-textarea.k-state-hover {
+    border-color: rgba(0, 0, 0, 0.87);
 }
 
-.k-checkbox:disabled,
-.k-checkbox.k-disabled {
-    border-color: #adadad;
+.k-textarea:focus, .k-textarea.k-state-focus, .k-textarea.k-state-focused {
+    border-color: #3f51b5;
 }
 
-.k-checkbox:checked:disabled,
-.k-checkbox:indeterminate:disabled,
-.k-checkbox.k-state-indeterminate:disabled,
-.k-checkbox.k-checked.k-disabled,
-.k-checkbox.k-indeterminate.k-disabled {
-    border-color: #adadad;
-    color: white;
-    background-color: #adadad;
+.k-textarea:focus-within {
+    border-color: #3f51b5;
 }
 
-.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: #f31700;
 }
 
-.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: #f31700;
 }
 
-.k-ripple-container .k-checkbox::after {
-    background: #3f51b5;
-    opacity: 0.38;
-}
-
-.k-checkbox:disabled + .k-checkbox-label {
-    color: rgba(0, 0, 0, 0.54);
-    opacity: 1;
-    filter: none;
-}
-
-.k-checkbox-label .k-ripple-blob {
-    opacity: .2;
-    background-color: #3f51b5;
-}
-
 .k-listbox {
     width: 12.4em;
     height: 200px;
@@ -16000,6 +15988,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;
@@ -16056,7 +16045,7 @@ kendo-label.k-checkbox-label > .k-label {
 }
 
 .k-radio-label:empty {
-    display: none;
+    display: none !important;
 }
 
 .k-radio-label .k-ripple {
@@ -17818,19 +17807,19 @@ kendo-label.k-radio-label > .k-label {
     width: 200px;
     border-width: 1px;
     border-style: solid;
-    outline: 0;
     box-sizing: border-box;
+    outline: 0;
     font-family: Roboto, "Helvetica Neue", sans-serif;
     font-size: 14px;
     line-height: 1.4285714286;
+    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);
 }
@@ -18389,14 +18378,18 @@ kendo-label.k-radio-label > .k-label {
 }
 
 .k-coloreditor-preview {
+    display: flex;
+    flex-flow: column nowrap;
+    align-items: stretch;
+    justify-content: center;
+    gap: 4px;
     position: relative;
-    gap: 2px;
     z-index: 1;
 }
 
 .k-coloreditor-preview .k-color-preview {
-    width: 34px;
-    height: 14px;
+    width: 32px;
+    height: 12px;
 }
 
 .k-coloreditor-views {
@@ -18474,6 +18467,13 @@ kendo-label.k-radio-label > .k-label {
     overflow: hidden;
 }
 
+.k-colorpicker .k-color-preview {
+    margin: 8px;
+    width: 1.4285714286em;
+    height: 1.4285714286em;
+    z-index: 1;
+}
+
 .k-colorpicker .k-tool-icon {
     padding: 8px;
     width: calc(1.4285714286em + 16px);
@@ -18667,15 +18667,6 @@ kendo-label.k-radio-label > .k-label {
     color: #f31700;
 }
 
-.k-dateinput .k-select {
-    color: rgba(0, 0, 0, 0.54);
-}
-
-.k-dateinput .k-link:hover,
-.k-dateinput .k-link.k-state-hover {
-    color: rgba(0, 0, 0, 0.87);
-}
-
 .k-datepicker {
     border-radius: 4px;
     width: 200px;
@@ -18746,15 +18737,6 @@ kendo-label.k-radio-label > .k-label {
     color: #f31700;
 }
 
-.k-datepicker .k-select {
-    color: rgba(0, 0, 0, 0.54);
-}
-
-.k-datepicker .k-select:hover,
-.k-datepicker .k-select.k-state-hover {
-    color: rgba(0, 0, 0, 0.87);
-}
-
 .k-timepicker {
     border-radius: 4px;
     width: 200px;
@@ -18825,15 +18807,6 @@ kendo-label.k-radio-label > .k-label {
     color: #f31700;
 }
 
-.k-timepicker .k-select {
-    color: rgba(0, 0, 0, 0.54);
-}
-
-.k-timepicker .k-select:hover,
-.k-timepicker .k-select.k-state-hover {
-    color: rgba(0, 0, 0, 0.87);
-}
-
 .k-datetimepicker {
     border-radius: 4px;
     width: 200px;
@@ -18970,15 +18943,6 @@ kendo-label.k-radio-label > .k-label {
     color: #f31700;
 }
 
-.k-datetimepicker .k-select {
-    color: rgba(0, 0, 0, 0.54);
-}
-
-.k-datetimepicker .k-link:hover,
-.k-datetimepicker .k-link.k-state-hover {
-    color: rgba(0, 0, 0, 0.87);
-}
-
 .k-dropdowngrid-popup {
     overflow: hidden;
 }
@@ -19263,73 +19227,57 @@ kendo-label.k-radio-label > .k-label {
 }
 
 .k-dropdown, .k-dropdowntree {
+    border-radius: 4px;
     width: 200px;
-    border-width: 0;
-    outline: 0;
-    background: none;
+    border-width: 1px;
+    border-style: solid;
     box-sizing: border-box;
+    outline: 0;
     font-family: Roboto, "Helvetica Neue", sans-serif;
     font-size: 14px;
     line-height: 1.4285714286;
-    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: 4px;
-    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: 32px;
+    height: 36px;
 }
 
-.k-dropdown .k-dropdown-wrap .k-select, .k-dropdowntree .k-dropdown-wrap .k-select {
+.k-dropdown .k-select, .k-dropdowntree .k-select {
     padding: 8px 4px;
     border-width: 0;
     border-inline-start-width: 0px;
+    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.4285714286em + 16px);
     height: calc(1.4285714286em + 16px);
 }
@@ -19347,78 +19295,39 @@ select.k-dropdown, select.k-dropdowntree {
     cursor: pointer;
 }
 
-.k-dropdown .k-dropdown-wrap, .k-dropdowntree .k-dropdown-wrap {
-    border-bottom-right-radius: 0 !important;
-    border-bottom-left-radius: 0 !important;
-    border-width: 1px 0;
-    border-top-color: transparent !important;
-}
-
-select.k-dropdown, select.k-dropdowntree {
+.k-dropdown, .k-dropdowntree {
     border-bottom-right-radius: 0 !important;
     border-bottom-left-radius: 0 !important;
     border-width: 1px 0;
     border-top-color: transparent !important;
 }
 
-.k-dropdown .k-dropdown-wrap, .k-dropdowntree .k-dropdown-wrap {
+.k-dropdown, .k-dropdowntree {
     border-color: rgba(0, 0, 0, 0.12);
     color: rgba(0, 0, 0, 0.87);
     background-color: whitesmoke;
 }
 
-.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: rgba(0, 0, 0, 0.87);
 }
 
-.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: #3f51b5;
 }
 
-.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: #f31700;
-}
-
-.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: #f31700;
+.k-dropdown:focus-within, .k-dropdowntree:focus-within {
+    border-color: #3f51b5;
 }
 
-.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: #f31700;
 }
 
-.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: #f31700;
 }
 
-select.k-dropdown, select.k-dropdowntree {
-    border-color: rgba(0, 0, 0, 0.12);
-    color: rgba(0, 0, 0, 0.87);
-    background-color: whitesmoke;
-}
-
-select.k-dropdown:hover, select.k-dropdowntree:hover {
-    border-color: rgba(0, 0, 0, 0.87);
-}
-
-select.k-dropdown:focus, select.k-dropdowntree:focus {
-    border-color: #3f51b5;
-}
-
-.k-dropdown .k-dropdown-wrap .k-select, .k-dropdowntree .k-dropdown-wrap .k-select {
-    color: rgba(0, 0, 0, 0.54);
-}
-
-.k-dropdown .k-dropdown-wrap:hover .k-select, .k-dropdowntree .k-dropdown-wrap:hover .k-select, .k-dropdown .k-dropdown-wrap.k-state-hover .k-select, .k-dropdowntree .k-dropdown-wrap.k-state-hover .k-select {
-    color: rgba(0, 0, 0, 0.87);
-}
-
-.k-dropdown .k-dropdown-wrap.k-state-focused .k-select, .k-dropdowntree .k-dropdown-wrap.k-state-focused .k-select,
-.k-state-focused > .k-dropdown .k-dropdown-wrap .k-select,
-.k-state-focused > .k-dropdowntree .k-dropdown-wrap .k-select {
-    color: rgba(0, 0, 0, 0.87);
-}
-
 .k-multiselect, .k-dropdowntree {
     border-radius: 4px;
     width: 100%;
@@ -19957,63 +19866,55 @@ select.k-dropdown:focus, select.k-dropdowntree:focus {
 }
 
 .k-maskedtextbox {
+    border-radius: 4px;
     width: 200px;
+    border-width: 1px;
+    border-style: solid;
+    box-sizing: border-box;
+    outline: 0;
     font-family: Roboto, "Helvetica Neue", sans-serif;
     font-size: 14px;
     line-height: 1.4285714286;
-    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: 16px;
+.k-maskedtextbox .k-i-loading {
+    width: 32px;
+    height: 36px;
 }
 
-.k-maskedtextbox[dir="rtl"],
-.k-rtl .k-maskedtextbox {
-    text-align: right;
+.k-maskedtextbox {
+    border-color: rgba(0, 0, 0, 0.12);
+    color: rgba(0, 0, 0, 0.87);
+    background-color: whitesmoke;
 }
 
-.k-maskedtextbox[dir="rtl"] .k-i-warning,
-.k-rtl .k-maskedtextbox .k-i-warning {
-    right: auto;
-    left: 16px;
+.k-maskedtextbox:hover, .k-maskedtextbox.k-state-hover {
+    border-color: rgba(0, 0, 0, 0.87);
 }
 
-.k-maskedtextbox ::-ms-clear {
-    display: none;
+.k-maskedtextbox:focus, .k-maskedtextbox.k-state-focus {
+    border-color: #3f51b5;
 }
 
-.k-maskedtextbox .k-i-warning {
-    color: #f31700;
+.k-maskedtextbox:focus-within {
+    border-color: #3f51b5;
 }
 
-.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: #f31700;
 }
 
-.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: #f31700;
 }
 
@@ -20976,6 +20877,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;
 }
@@ -27142,7 +27055,6 @@ div.k-grid-footer {
 }
 
 .k-grid-columnmenu-popup.k-popup {
-    padding: 6px 0;
 }
 
 .k-filter-row {
@@ -27626,14 +27538,14 @@ div.k-grid-norecords {
 .k-grid-filter-popup.k-popup .k-multicheck-wrap .k-item,
 .k-popup .k-filter-menu .k-multicheck-wrap .k-item,
 .k-popup .k-grid-filter-popup .k-multicheck-wrap .k-item {
-    padding: 2px 0;
+    padding: 4px 0;
 }
 
 .k-filter-menu.k-popup .k-multicheck-wrap .k-check-all-wrap,
 .k-grid-filter-popup.k-popup .k-multicheck-wrap .k-check-all-wrap,
 .k-popup .k-filter-menu .k-multicheck-wrap .k-check-all-wrap,
 .k-popup .k-grid-filter-popup .k-multicheck-wrap .k-check-all-wrap {
-    padding-bottom: 4px;
+    padding-bottom: 8px;
     border-bottom-width: 0;
     border-bottom-style: solid;
 }
@@ -27723,7 +27635,7 @@ div.k-grid-norecords {
 
 .k-column-chooser-title,
 .k-column-list-item {
-    padding: 2px 16px;
+    padding: 4px 16px;
 }
 
 .k-column-list-item {
@@ -27738,7 +27650,7 @@ div.k-grid-norecords {
 }
 
 .k-columnmenu-item {
-    padding: 6px 16px;
+    padding: 4px 16px;
     outline: 0;
     cursor: pointer;
 }
@@ -28804,18 +28716,12 @@ thead.k-grid-header > tr:not(:only-child) > th {
     min-width: 2em;
 }
 
-.k-spreadsheet-toolbar [data-tool="fontSize"] {
+.k-spreadsheet-toolbar .k-combobox,
+.k-spreadsheet-toolbar .k-dropdown,
+.k-spreadsheet-toolbar .k-dropdowntree {
     width: 5em;
 }
 
-.k-spreadsheet-toolbar [data-tool="fontFamily"] {
-    width: 6em;
-}
-
-.k-spreadsheet-toolbar [data-tool="format"] {
-    width: 4em;
-}
-
 .k-spreadsheet-action-bar {
     border-width: 0 0 1px;
     border-style: solid;
@@ -31065,7 +30971,7 @@ thead.k-grid-header > tr:not(:only-child) > th {
 }
 
 .k-filter .k-filter-toolbar .k-filter-operator .k-dropdown, .k-filter .k-filter-toolbar .k-filter-operator .k-dropdowntree {
-    width: 19em;
+    width: 15em;
 }
 
 .k-filter .k-filter-item {
@@ -31819,6 +31725,7 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
     background: transparent;
 }
 
+.k-editor-toolbar,
 .k-editor > .k-toolbar {
     border-width: 0 0 0 0;
     flex-shrink: 0;
@@ -31846,7 +31753,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: 8px;
     width: calc(1.4285714286em + 32px);
@@ -31963,14 +31870,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;
 }
@@ -32518,18 +32417,17 @@ td.k-editor-content {
 }
 
 .k-imageeditor-action-pane {
+    padding: 32px 16px;
+    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: 32px 16px;
-}
-
 .k-imageeditor-crop-overlay {
     width: 100%;
     height: 100%;
@@ -32608,10 +32506,6 @@ td.k-editor-content {
     align-self: flex-start;
 }
 
-.k-ie .k-imageeditor-action-pane {
-    flex: 0 0 auto;
-}
-
 .k-imageeditor {
     border-color: rgba(0, 0, 0, 0.12);
     color: rgba(0, 0, 0, 0.87);
@@ -34762,7 +34656,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,
@@ -35952,6 +35846,10 @@ ul.k-scheduler-views li {
     box-shadow: none;
 }
 
+.k-mediaplayer-toolbar .k-dropdown, .k-mediaplayer-toolbar .k-dropdowntree {
+    width: auto;
+}
+
 .k-mediaplayer-time-wrap {
     flex: 1;
 }
@@ -37784,39 +37682,36 @@ div.k-scrollview.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;