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

package/dist/all.css

@@ -10467,6 +10467,272 @@ kendo-sortable {
     background-color: #d9d9d9;
 }
 
+.k-checkbox {
+    border-radius: 2px;
+    margin: 0;
+    padding: 0;
+    width: 16px;
+    height: 16px;
+    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::before {
+    content: "";
+    width: 12px;
+    height: 12px;
+    font-size: 12px;
+    font-family: "WebComponentsIcons", monospace;
+    line-height: 1;
+    transform: scale(0) translate(-50%, -50%);
+    overflow: hidden;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+}
+
+.k-checkbox:checked::before,
+.k-checkbox.k-checked::before {
+    transform: scale(1) translate(-50%, -50%);
+}
+
+.k-checkbox:indeterminate::before,
+.k-checkbox.k-indeterminate::before,
+.k-checkbox.k-state-indeterminate::before {
+    content: "";
+    transform: scale(1) translate(-50%, -50%);
+}
+
+.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: 17px;
+    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.08);
+    color: transparent;
+    background-color: #ffffff;
+}
+
+.k-checkbox:focus,
+.k-checkbox.k-state-focus {
+    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.06);
+}
+
+.k-checkbox:indeterminate,
+.k-checkbox.k-state-indeterminate,
+.k-checkbox.k-indeterminate {
+    border-color: rgba(0, 0, 0, 0.08);
+    color: #ff6358;
+    background-color: #ffffff;
+}
+
+.k-checkbox:checked,
+.k-checkbox.k-checked {
+    border-color: #ff6358;
+    color: white;
+    background-color: #ff6358;
+}
+
+.k-checkbox:checked:focus,
+.k-checkbox.k-checked.k-state-focus {
+    box-shadow: 0 0 0 2px rgba(255, 99, 88, 0.3);
+}
+
+.k-checkbox.k-invalid,
+.k-checkbox.k-state-invalid,
+.k-checkbox.ng-invalid.ng-touched,
+.k-checkbox.ng-invalid.ng-dirty {
+    border-color: rgba(243, 23, 0, 0.5);
+}
+
+.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: #ff6358;
+    opacity: 0.3;
+}
+
+.k-list,
+.k-list-container {
+    font-size: 14px;
+    line-height: 1.4285714286;
+}
+
 .k-list-scroller {
     position: relative;
     overflow: auto;
@@ -10523,7 +10789,7 @@ kendo-list > .k-group-header,
 .k-list-optionlabel {
     padding: 4px 8px;
     min-height: 1.4285714286em;
-    line-height: 1.4285714286em;
+    line-height: 1.4285714286;
     white-space: normal;
     display: flex;
     align-items: center;
@@ -10537,6 +10803,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.7142857143em - 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: "";
@@ -11303,7 +11575,7 @@ kendo-list > .k-group-header,
 .k-textbox-container,
 .k-floating-label-container {
     padding-top: 20.0000000004px;
-    width: 12.4em;
+    width: 200px;
     display: inline-flex;
     vertical-align: middle;
     position: relative;
@@ -11401,117 +11673,91 @@ kendo-list > .k-group-header,
 }
 
 .k-combobox {
-    width: 12.4em;
-    border-width: 0;
+    border-radius: 2px;
+    width: 200px;
+    border-width: 1px;
+    border-style: solid;
     box-sizing: border-box;
     outline: 0;
-    background: none;
     font-family: inherit;
     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: 2px;
-    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: 24px;
+    height: 28px;
 }
 
 .k-combobox .k-select {
-    padding: 0px 0px;
+    padding: 4px 4px;
     width: calc(1.4285714286em + 8px);
     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-color: rgba(0, 0, 0, 0.08);
     color: #424242;
     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: rgba(243, 23, 0, 0.5);
-}
-
-.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 {
-    border-color: rgba(0, 0, 0, 0.08);
-    color: #424242;
-    background-color: #f5f5f5;
-    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
-}
-
-.k-combobox > :hover,
-.k-combobox .k-state-hover {
+.k-combobox:hover, .k-combobox.k-state-hover {
     border-color: rgba(0, 0, 0, 0.16);
 }
 
-.k-combobox .k-select:hover {
-    background-color: #ebebeb;
+.k-combobox:focus, .k-combobox.k-state-focus {
+    border-color: rgba(0, 0, 0, 0.16);
+    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
 }
 
-.k-combobox > .k-state-focused {
+.k-combobox:focus-within {
     border-color: rgba(0, 0, 0, 0.16);
     box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
 }
 
-.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: rgba(243, 23, 0, 0.5);
 }
 
-.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: #f31700;
 }
 
-.k-combobox.k-state-hover .k-dropdown-wrap {
-    border-color: rgba(0, 0, 0, 0.16);
-}
-
-.k-combobox.k-state-focus .k-dropdown-wrap {
-    border-color: rgba(0, 0, 0, 0.16);
-    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
+.k-combobox .k-select {
+    border-color: rgba(0, 0, 0, 0.08);
+    color: #424242;
+    background-color: #f5f5f5;
+    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
 }
 
-.k-combobox.k-invalid .k-dropdown-wrap {
-    border-color: rgba(243, 23, 0, 0.5);
+.k-combobox .k-select:hover,
+.k-combobox .k-select.k-state-hover {
+    background-color: #ebebeb;
 }
 
-.k-combobox.k-invalid .k-dropdown-wrap .k-input-validation-icon {
-    color: #f31700;
+.k-combobox .k-select:active,
+.k-combobox .k-select.k-state-active {
+    background-color: #d8d8d8;
 }
 
 .k-table {
@@ -12658,6 +12904,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;
@@ -12666,17 +12913,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='%23f31700' stroke-width='1'/%3e%3c/svg%3e");
+    background-size: 100% 100%;
+    background-position: 0 0;
 }
 
 .k-no-color::before {
@@ -12692,23 +12972,10 @@ kendo-badge-container {
     border-color: rgba(0, 0, 0, 0.08);
 }
 
-.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.08);
 }
 
-.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='%23f31700' stroke-width='1'/%3e%3c/svg%3e");
-    background-size: 100% 100%;
-    background-position: 0 0;
-}
-
 .k-loader {
     position: relative;
     display: inline-block;
@@ -13522,7 +13789,7 @@ kendo-badge-container {
 }
 
 .k-button::after {
-    border-radius: 2px;
+    border-radius: inherit;
     content: "";
     opacity: 0;
     display: none;
@@ -13536,12 +13803,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 {
@@ -13824,6 +14085,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;
@@ -13832,6 +14105,7 @@ kendo-badge-container {
 }
 
 kendo-toolbar-renderer {
+    display: inline-block;
     border-color: inherit;
 }
 
@@ -14133,10 +14407,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: 2em;
     padding: 0;
@@ -14563,7 +14833,7 @@ kendo-label > .k-label {
     border-radius: 2px;
     margin: 0;
     padding: 0;
-    width: 12.4em;
+    width: 200px;
     height: calc(1.4285714286em + 10px);
     border-width: 1px;
     border-style: solid;
@@ -14611,120 +14881,15 @@ kendo-label > .k-label {
     border: 0;
 }
 
-.k-textbox .k-textbox-separator {
-    margin: 0;
-    width: 0;
-    height: 16px;
-    border-width: 0 0 0 1px;
-    border-style: solid;
-}
-
-.k-textbox:disabled, .k-textbox[disabled], .k-textbox.k-state-disabled {
-    outline: none;
-    cursor: default;
-    opacity: 0.6;
-    filter: grayscale(0.1);
-    pointer-events: none;
-    box-shadow: none;
-}
-
-.k-textbox:disabled::selection, .k-textbox[disabled]::selection, .k-textbox.k-state-disabled::selection {
-    color: #424242;
-    background-color: transparent;
-}
-
-input.k-textbox {
-    padding: 4px 8px;
-}
-
-.k-textbox {
-    border-color: rgba(0, 0, 0, 0.08);
-    color: #424242;
-    background-color: #ffffff;
-}
-
-.k-textbox::selection,
-.k-textbox .k-input::selection {
-    color: white;
-    background-color: #ff6358;
-}
-
-.k-textbox .k-textbox-separator {
-    border-color: #424242;
-    opacity: 0.5;
-}
-
-.k-textbox:focus, .k-textbox.k-state-focus, .k-textbox.k-state-focused {
-    border-color: rgba(0, 0, 0, 0.16);
-    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
-}
-
-.k-textbox:focus-within {
-    border-color: rgba(0, 0, 0, 0.16);
-    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
-}
-
-.k-textbox:hover, .k-textbox.k-state-hover {
-    border-color: rgba(0, 0, 0, 0.16);
-}
-
-.k-textbox.k-invalid, .k-textbox.k-state-invalid, .k-textbox.ng-invalid.ng-touched, .k-textbox.ng-invalid.ng-dirty {
-    border-color: rgba(243, 23, 0, 0.5);
-}
-
-.k-textbox.k-invalid .k-input-validation-icon, .k-textbox.k-state-invalid .k-input-validation-icon, .k-textbox.ng-invalid.ng-touched .k-input-validation-icon, .k-textbox.ng-invalid.ng-dirty .k-input-validation-icon {
-    color: #f31700;
-}
-
-.k-textarea {
-    border-radius: 2px;
-    margin: 0;
-    padding: 0;
-    width: 18em;
-    border-width: 1px;
-    border-style: solid;
-    outline: 0;
-    font-family: inherit;
-    font-size: 14px;
-    line-height: 1.4285714286;
-    box-sizing: border-box;
-    box-shadow: none;
-    background: none;
-    display: inline-flex;
-    flex-wrap: nowrap;
-    vertical-align: middle;
-    position: relative;
-    -webkit-appearance: none;
-}
-
-.k-textarea::-ms-clear {
-    display: none;
-}
-
-.k-textarea:-ms-input-placeholder {
-    color: #666666;
-    opacity: 1;
-    -ms-user-select: none;
-        user-select: none;
-}
-
-.k-textarea::placeholder {
-    color: #666666;
-    opacity: 1;
-    -webkit-user-select: none;
-        -ms-user-select: none;
-            user-select: none;
-}
-
-.k-textarea > .k-input {
-    padding: 4px 8px;
-    height: auto;
-    min-height: calc(1.4285714286em + 10px);
-    overflow-y: auto;
-    resize: vertical;
+.k-textbox .k-textbox-separator {
+    margin: 0;
+    width: 0;
+    height: 16px;
+    border-width: 0 0 0 1px;
+    border-style: solid;
 }
 
-.k-textarea:disabled, .k-textarea[disabled], .k-textarea.k-state-disabled {
+.k-textbox:disabled, .k-textbox[disabled], .k-textbox.k-state-disabled {
     outline: none;
     cursor: default;
     opacity: 0.6;
@@ -14733,323 +14898,169 @@ input.k-textbox {
     box-shadow: none;
 }
 
-.k-textarea:disabled::selection, .k-textarea[disabled]::selection, .k-textarea.k-state-disabled::selection {
+.k-textbox:disabled::selection, .k-textbox[disabled]::selection, .k-textbox.k-state-disabled::selection {
     color: #424242;
     background-color: transparent;
 }
 
-.k-textarea-suffix {
-    flex-shrink: 0;
-}
-
-textarea.k-textarea {
+input.k-textbox {
     padding: 4px 8px;
-    min-height: calc(1.4285714286em + 10px);
-    display: inline-block;
-    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: #666666;
 }
 
-.k-textarea {
+.k-textbox {
     border-color: rgba(0, 0, 0, 0.08);
     color: #424242;
     background-color: #ffffff;
 }
 
-.k-textarea::selection,
-.k-textarea .k-input::selection {
+.k-textbox::selection,
+.k-textbox .k-input::selection {
     color: white;
     background-color: #ff6358;
 }
 
-.k-textarea:hover, .k-textarea.k-state-hover {
-    border-color: rgba(0, 0, 0, 0.16);
+.k-textbox .k-textbox-separator {
+    border-color: #424242;
+    opacity: 0.5;
 }
 
-.k-textarea:focus, .k-textarea.k-state-focus, .k-textarea.k-state-focused {
+.k-textbox:focus, .k-textbox.k-state-focus, .k-textbox.k-state-focused {
     border-color: rgba(0, 0, 0, 0.16);
     box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
 }
 
-.k-textarea:focus-within {
+.k-textbox:focus-within {
     border-color: rgba(0, 0, 0, 0.16);
     box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
 }
 
-.k-textarea.k-invalid, .k-textarea.k-state-invalid, .k-textarea.ng-invalid.ng-touched, .k-textarea.ng-invalid.ng-dirty {
+.k-textbox:hover, .k-textbox.k-state-hover {
+    border-color: rgba(0, 0, 0, 0.16);
+}
+
+.k-textbox.k-invalid, .k-textbox.k-state-invalid, .k-textbox.ng-invalid.ng-touched, .k-textbox.ng-invalid.ng-dirty {
     border-color: rgba(243, 23, 0, 0.5);
 }
 
-.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 {
+.k-textbox.k-invalid .k-input-validation-icon, .k-textbox.k-state-invalid .k-input-validation-icon, .k-textbox.ng-invalid.ng-touched .k-input-validation-icon, .k-textbox.ng-invalid.ng-dirty .k-input-validation-icon {
     color: #f31700;
 }
 
-.k-checkbox {
+.k-textarea {
     border-radius: 2px;
     margin: 0;
     padding: 0;
-    width: 16px;
-    height: 16px;
-    line-height: initial;
+    width: 18em;
     border-width: 1px;
     border-style: solid;
     outline: 0;
+    font-family: inherit;
+    font-size: 14px;
+    line-height: 1.4285714286;
     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::before {
-    content: "";
-    width: 12px;
-    height: 12px;
-    font-size: 12px;
-    font-family: "WebComponentsIcons", monospace;
-    line-height: 1;
-    transform: scale(0) translate(-50%, -50%);
-    overflow: hidden;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-}
-
-.k-checkbox:checked::before,
-.k-checkbox.k-checked::before {
-    transform: scale(1) translate(-50%, -50%);
-}
-
-.k-checkbox:indeterminate::before,
-.k-checkbox.k-indeterminate::before,
-.k-checkbox.k-state-indeterminate::before {
-    content: "";
-    transform: scale(1) translate(-50%, -50%);
-}
-
-.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: 17px;
+    background: none;
     display: inline-flex;
-    align-items: flex-start;
+    flex-wrap: nowrap;
     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;
+    -webkit-appearance: none;
 }
 
-.k-checkbox-label:empty {
+.k-textarea::-ms-clear {
     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-textarea:-ms-input-placeholder {
+    color: #666666;
+    opacity: 1;
+    -ms-user-select: none;
+        user-select: none;
 }
 
-.k-rtl .k-list-horizontal .k-checkbox-item,
-[dir="rtl"] .k-list-horizontal .k-checkbox-item {
-    margin-right: 0;
-    margin-left: 32px;
+.k-textarea::placeholder {
+    color: #666666;
+    opacity: 1;
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
 }
 
-.k-rtl .k-list-horizontal .k-checkbox-item:last-child,
-[dir="rtl"] .k-list-horizontal .k-checkbox-item:last-child {
-    margin-left: 0;
+.k-textarea > .k-input {
+    padding: 4px 8px;
+    height: auto;
+    min-height: calc(1.4285714286em + 10px);
+    overflow-y: auto;
+    resize: vertical;
 }
 
-.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-textarea:disabled, .k-textarea[disabled], .k-textarea.k-state-disabled {
+    outline: none;
+    cursor: default;
+    opacity: 0.6;
+    filter: grayscale(0.1);
+    pointer-events: none;
+    box-shadow: none;
 }
 
-.k-ripple-container .k-checkbox:disabled::after,
-.k-ripple-container .k-checkbox.k-disabled::after {
-    display: none;
+.k-textarea:disabled::selection, .k-textarea[disabled]::selection, .k-textarea.k-state-disabled::selection {
+    color: #424242;
+    background-color: transparent;
 }
 
-.k-checkbox::-ms-check {
-    border-width: 1px;
-    border-color: inherit;
-    color: inherit;
-    background-color: inherit;
+.k-textarea-suffix {
+    flex-shrink: 0;
 }
 
-.k-checkbox {
-    border-color: rgba(0, 0, 0, 0.08);
-    color: transparent;
-    background-color: #ffffff;
+textarea.k-textarea {
+    padding: 4px 8px;
+    min-height: calc(1.4285714286em + 10px);
+    display: inline-block;
+    resize: both;
 }
 
-.k-checkbox:focus,
-.k-checkbox.k-state-focus {
-    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.06);
+.k-textbox-container > .k-textarea,
+.k-floating-label-container > .k-textarea {
+    flex: 1 1 auto;
+    width: 100%;
 }
 
-.k-checkbox:indeterminate,
-.k-checkbox.k-state-indeterminate,
-.k-checkbox.k-indeterminate {
+.k-ie .k-textarea :-ms-input-placeholder, .k-ie .k-textarea:-ms-input-placeholder {
+    color: #666666;
+}
+
+.k-textarea {
     border-color: rgba(0, 0, 0, 0.08);
-    color: #ff6358;
+    color: #424242;
     background-color: #ffffff;
 }
 
-.k-checkbox:checked,
-.k-checkbox.k-checked {
-    border-color: #ff6358;
+.k-textarea::selection,
+.k-textarea .k-input::selection {
     color: white;
     background-color: #ff6358;
 }
 
-.k-checkbox:checked:focus,
-.k-checkbox.k-checked.k-state-focus {
-    box-shadow: 0 0 0 2px rgba(255, 99, 88, 0.3);
+.k-textarea:hover, .k-textarea.k-state-hover {
+    border-color: rgba(0, 0, 0, 0.16);
 }
 
-.k-checkbox.k-invalid,
-.k-checkbox.k-state-invalid,
-.k-checkbox.ng-invalid.ng-touched,
-.k-checkbox.ng-invalid.ng-dirty {
-    border-color: rgba(243, 23, 0, 0.5);
+.k-textarea:focus, .k-textarea.k-state-focus, .k-textarea.k-state-focused {
+    border-color: rgba(0, 0, 0, 0.16);
+    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
 }
 
-.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-textarea:focus-within {
+    border-color: rgba(0, 0, 0, 0.16);
+    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
 }
 
-.k-ripple-container .k-checkbox::after {
-    background: #ff6358;
-    opacity: 0.3;
+.k-textarea.k-invalid, .k-textarea.k-state-invalid, .k-textarea.ng-invalid.ng-touched, .k-textarea.ng-invalid.ng-dirty {
+    border-color: rgba(243, 23, 0, 0.5);
+}
+
+.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-listbox {
@@ -15422,6 +15433,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;
@@ -15478,7 +15490,7 @@ kendo-label.k-checkbox-label > .k-label {
 }
 
 .k-radio-label:empty {
-    display: none;
+    display: none !important;
 }
 
 .k-radio-label .k-ripple {
@@ -17123,22 +17135,22 @@ kendo-label.k-radio-label > .k-label {
 
 .k-autocomplete {
     border-radius: 2px;
-    width: 12.4em;
+    width: 200px;
     border-width: 1px;
     border-style: solid;
-    outline: 0;
     box-sizing: border-box;
+    outline: 0;
     font-family: inherit;
     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);
 }
@@ -17300,7 +17312,7 @@ kendo-label.k-radio-label > .k-label {
 }
 
 .k-numerictextbox {
-    width: 12.4em;
+    width: 200px;
     border-width: 0;
     box-sizing: border-box;
     outline: 0;
@@ -17689,14 +17701,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: 3px;
     z-index: 1;
 }
 
 .k-coloreditor-preview .k-color-preview {
-    width: 34px;
-    height: 14px;
+    width: 32px;
+    height: 12px;
 }
 
 .k-coloreditor-views {
@@ -17773,6 +17789,13 @@ kendo-label.k-radio-label > .k-label {
     overflow: hidden;
 }
 
+.k-colorpicker .k-color-preview {
+    margin: 4px;
+    width: 1.4285714286em;
+    height: 1.4285714286em;
+    z-index: 1;
+}
+
 .k-colorpicker .k-tool-icon {
     padding: 4px;
     width: calc(1.4285714286em + 8px);
@@ -17859,7 +17882,7 @@ kendo-label.k-radio-label > .k-label {
 
 .k-dateinput {
     border-radius: 2px;
-    width: 12.4em;
+    width: 200px;
     border-width: 1px;
     border-style: solid;
     box-sizing: border-box;
@@ -17976,7 +17999,7 @@ kendo-label.k-radio-label > .k-label {
 
 .k-datepicker {
     border-radius: 2px;
-    width: 12.4em;
+    width: 200px;
     border-width: 1px;
     border-style: solid;
     box-sizing: border-box;
@@ -18059,7 +18082,7 @@ kendo-label.k-radio-label > .k-label {
 
 .k-timepicker {
     border-radius: 2px;
-    width: 12.4em;
+    width: 200px;
     border-width: 1px;
     border-style: solid;
     box-sizing: border-box;
@@ -18142,7 +18165,7 @@ kendo-label.k-radio-label > .k-label {
 
 .k-datetimepicker {
     border-radius: 2px;
-    width: 12.4em;
+    width: 200px;
     border-width: 1px;
     border-style: solid;
     box-sizing: border-box;
@@ -18575,74 +18598,58 @@ kendo-label.k-radio-label > .k-label {
 }
 
 .k-dropdown, .k-dropdowntree {
-    width: 12.4em;
-    border-width: 0;
-    outline: 0;
-    background: none;
+    border-radius: 2px;
+    width: 200px;
+    border-width: 1px;
+    border-style: solid;
     box-sizing: border-box;
+    outline: 0;
     font-family: inherit;
     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: 2px;
-    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: 24px;
+    height: 28px;
 }
 
-.k-dropdown .k-dropdown-wrap .k-select, .k-dropdowntree .k-dropdown-wrap .k-select {
+.k-dropdown .k-select, .k-dropdowntree .k-select {
     padding: 4px 4px;
     width: calc(1.4285714286em + 8px);
     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 + 8px);
     height: calc(1.4285714286em + 8px);
 }
@@ -18660,52 +18667,33 @@ select.k-dropdown, select.k-dropdowntree {
     cursor: pointer;
 }
 
-.k-dropdown .k-dropdown-wrap, .k-dropdowntree .k-dropdown-wrap {
+.k-dropdown, .k-dropdowntree {
     border-color: rgba(0, 0, 0, 0.08);
     color: #424242;
     background-color: #f5f5f5;
     background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
 }
 
-.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 {
     background-color: #ebebeb;
 }
 
-.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 {
     box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
 }
 
-.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: rgba(243, 23, 0, 0.5);
-}
-
-.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 {
+    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
 }
 
-.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: rgba(243, 23, 0, 0.5);
 }
 
-.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.08);
-    color: #424242;
-    background-color: #f5f5f5;
-    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
-}
-
-select.k-dropdown:hover, select.k-dropdowntree:hover {
-    background-color: #ebebeb;
-}
-
-select.k-dropdown:focus, select.k-dropdowntree:focus {
-    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
-}
-
 .k-multiselect, .k-dropdowntree {
     border-radius: 2px;
     width: 100%;
@@ -19179,7 +19167,7 @@ select.k-dropdown:focus, select.k-dropdowntree:focus {
 }
 
 .k-dropdowntree {
-    width: 12.4em;
+    width: 200px;
 }
 
 .k-popup-dropdowntree {
@@ -19195,63 +19183,57 @@ select.k-dropdown:focus, select.k-dropdowntree:focus {
 }
 
 .k-maskedtextbox {
-    width: 12.4em;
+    border-radius: 2px;
+    width: 200px;
+    border-width: 1px;
+    border-style: solid;
+    box-sizing: border-box;
+    outline: 0;
     font-family: inherit;
     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: 8px;
+.k-maskedtextbox .k-i-loading {
+    width: 24px;
+    height: 28px;
 }
 
-.k-maskedtextbox[dir="rtl"],
-.k-rtl .k-maskedtextbox {
-    text-align: right;
+.k-maskedtextbox {
+    border-color: rgba(0, 0, 0, 0.08);
+    color: #424242;
+    background-color: #ffffff;
 }
 
-.k-maskedtextbox[dir="rtl"] .k-i-warning,
-.k-rtl .k-maskedtextbox .k-i-warning {
-    right: auto;
-    left: 8px;
+.k-maskedtextbox:hover, .k-maskedtextbox.k-state-hover {
+    border-color: rgba(0, 0, 0, 0.16);
 }
 
-.k-maskedtextbox ::-ms-clear {
-    display: none;
+.k-maskedtextbox:focus, .k-maskedtextbox.k-state-focus {
+    border-color: rgba(0, 0, 0, 0.16);
+    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
 }
 
-.k-maskedtextbox .k-i-warning {
-    color: #f31700;
+.k-maskedtextbox:focus-within {
+    border-color: rgba(0, 0, 0, 0.16);
+    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
 }
 
-.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: rgba(243, 23, 0, 0.5);
 }
 
-.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;
 }
 
@@ -20211,6 +20193,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;
 }
@@ -25834,7 +25828,7 @@ kendo-card-footer {
 }
 
 .k-grid-search {
-    width: 12.4em;
+    width: 200px;
 }
 
 .k-grouping-header {
@@ -26141,7 +26135,6 @@ div.k-grid-footer {
 }
 
 .k-grid-columnmenu-popup.k-popup {
-    padding: 2px 0;
 }
 
 .k-filter-row {
@@ -26625,14 +26618,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: 1px;
     border-bottom-style: solid;
 }
@@ -26722,7 +26715,7 @@ div.k-grid-norecords {
 
 .k-column-chooser-title,
 .k-column-list-item {
-    padding: 2px 8px;
+    padding: 4px 8px;
 }
 
 .k-column-list-item {
@@ -27464,18 +27457,12 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
     min-width: 1.4285714286em;
 }
 
-.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;
@@ -30218,6 +30205,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;
@@ -30245,7 +30233,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 + 26px);
@@ -30362,14 +30350,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;
 }
@@ -30867,18 +30847,17 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
 }
 
 .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%;
@@ -30957,10 +30936,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: rgba(0, 0, 0, 0.08);
     color: #424242;
@@ -33099,7 +33074,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,
@@ -34084,6 +34059,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;
 }
@@ -35900,39 +35879,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;