@progress/kendo-theme-classic 4.41.2 → 4.41.3-dev.3

package/dist/all.css

@@ -1394,27 +1394,8 @@ hr.k-separator {
     padding: 0;
 }
 
-.k-text-primary {
-    color: #f35800 !important;
-}
-
-.k-text-info {
-    color: #2498bc !important;
-}
-
-.k-text-success {
-    color: #3ea44e !important;
-}
-
-.k-text-warning {
-    color: #ff9800 !important;
-}
-
-.k-text-error {
-    color: #d92800 !important;
-}
-
-.k-text-base {
+.k-text-base,
+.k-color-base {
     color: #272727;
 }
 
@@ -1476,6 +1457,14 @@ hr.k-separator {
     background-color: #f35800 !important;
 }
 
+.k-bg-secondary {
+    background-color: #e9e9e9 !important;
+}
+
+.k-bg-tertiary {
+    background-color: #03a9f4 !important;
+}
+
 .k-bg-info {
     background-color: #2498bc !important;
 }
@@ -1492,12 +1481,36 @@ hr.k-separator {
     background-color: #d92800 !important;
 }
 
+.k-bg-dark {
+    background-color: #404040 !important;
+}
+
+.k-bg-light {
+    background-color: #ebebeb !important;
+}
+
+.k-bg-inverse {
+    background-color: #404040 !important;
+}
+
 .k-state-primary {
     background-color: #fddecc;
     color: #7e2e00;
     border-color: #fcd0b8;
 }
 
+.k-state-secondary {
+    background-color: #fbfbfb;
+    color: #797979;
+    border-color: #f9f9f9;
+}
+
+.k-state-tertiary {
+    background-color: #cdeefd;
+    color: #02587f;
+    border-color: #b8e7fc;
+}
+
 .k-state-info {
     background-color: #d3eaf2;
     color: #134f62;
@@ -1522,6 +1535,24 @@ hr.k-separator {
     border-color: #f4c3b8;
 }
 
+.k-state-dark {
+    background-color: #d9d9d9;
+    color: #212121;
+    border-color: #cacaca;
+}
+
+.k-state-light {
+    background-color: #fbfbfb;
+    color: #7a7a7a;
+    border-color: #f9f9f9;
+}
+
+.k-state-inverse {
+    background-color: #d9d9d9;
+    color: #212121;
+    border-color: #cacaca;
+}
+
 .k-info-colored {
     color: #50607f;
     border-color: #d0d9df;
@@ -1672,6 +1703,26 @@ hr.k-separator {
     border-radius: 0 !important;
 }
 
+.k-rounded-sm {
+    border-radius: 2px !important;
+}
+
+.k-rounded-md {
+    border-radius: 4px !important;
+}
+
+.k-rounded-lg {
+    border-radius: 8px !important;
+}
+
+.k-rounded-circle {
+    border-radius: 50% !important;
+}
+
+.k-rounded-pill {
+    border-radius: 9999px !important;
+}
+
 .k-rounded-top {
     border-top-left-radius: 4px !important;
     border-top-right-radius: 4px !important;
@@ -1682,6 +1733,31 @@ hr.k-separator {
     border-top-right-radius: 0 !important;
 }
 
+.k-rounded-top-sm {
+    border-top-left-radius: 2px !important;
+    border-top-right-radius: 2px !important;
+}
+
+.k-rounded-top-md {
+    border-top-left-radius: 4px !important;
+    border-top-right-radius: 4px !important;
+}
+
+.k-rounded-top-lg {
+    border-top-left-radius: 8px !important;
+    border-top-right-radius: 8px !important;
+}
+
+.k-rounded-top-circle {
+    border-top-left-radius: 50% !important;
+    border-top-right-radius: 50% !important;
+}
+
+.k-rounded-top-pill {
+    border-top-left-radius: 9999px !important;
+    border-top-right-radius: 9999px !important;
+}
+
 .k-rounded-right {
     border-top-right-radius: 4px !important;
     border-bottom-right-radius: 4px !important;
@@ -1692,6 +1768,31 @@ hr.k-separator {
     border-bottom-right-radius: 0 !important;
 }
 
+.k-rounded-right-sm {
+    border-top-right-radius: 2px !important;
+    border-bottom-right-radius: 2px !important;
+}
+
+.k-rounded-right-md {
+    border-top-right-radius: 4px !important;
+    border-bottom-right-radius: 4px !important;
+}
+
+.k-rounded-right-lg {
+    border-top-right-radius: 8px !important;
+    border-bottom-right-radius: 8px !important;
+}
+
+.k-rounded-right-circle {
+    border-top-right-radius: 50% !important;
+    border-bottom-right-radius: 50% !important;
+}
+
+.k-rounded-right-pill {
+    border-top-right-radius: 9999px !important;
+    border-bottom-right-radius: 9999px !important;
+}
+
 .k-rounded-bottom {
     border-bottom-left-radius: 4px !important;
     border-bottom-right-radius: 4px !important;
@@ -1702,6 +1803,31 @@ hr.k-separator {
     border-bottom-right-radius: 0 !important;
 }
 
+.k-rounded-bottom-sm {
+    border-bottom-left-radius: 2px !important;
+    border-bottom-right-radius: 2px !important;
+}
+
+.k-rounded-bottom-md {
+    border-bottom-left-radius: 4px !important;
+    border-bottom-right-radius: 4px !important;
+}
+
+.k-rounded-bottom-lg {
+    border-bottom-left-radius: 8px !important;
+    border-bottom-right-radius: 8px !important;
+}
+
+.k-rounded-bottom-circle {
+    border-bottom-left-radius: 50% !important;
+    border-bottom-right-radius: 50% !important;
+}
+
+.k-rounded-bottom-pill {
+    border-bottom-left-radius: 9999px !important;
+    border-bottom-right-radius: 9999px !important;
+}
+
 .k-rounded-left {
     border-bottom-left-radius: 4px !important;
     border-top-left-radius: 4px !important;
@@ -1712,6 +1838,143 @@ hr.k-separator {
     border-top-left-radius: 0 !important;
 }
 
+.k-rounded-left-sm {
+    border-bottom-left-radius: 2px !important;
+    border-top-left-radius: 2px !important;
+}
+
+.k-rounded-left-md {
+    border-bottom-left-radius: 4px !important;
+    border-top-left-radius: 4px !important;
+}
+
+.k-rounded-left-lg {
+    border-bottom-left-radius: 8px !important;
+    border-top-left-radius: 8px !important;
+}
+
+.k-rounded-left-circle {
+    border-bottom-left-radius: 50% !important;
+    border-top-left-radius: 50% !important;
+}
+
+.k-rounded-left-pill {
+    border-bottom-left-radius: 9999px !important;
+    border-top-left-radius: 9999px !important;
+}
+
+.k-rounded-top-left {
+    border-top-left-radius: 4px !important;
+}
+
+.k-rounded-top-left-0 {
+    border-top-left-radius: 0 !important;
+}
+
+.k-rounded-top-left-sm {
+    border-top-left-radius: 2px !important;
+}
+
+.k-rounded-top-left-md {
+    border-top-left-radius: 4px !important;
+}
+
+.k-rounded-top-left-lg {
+    border-top-left-radius: 8px !important;
+}
+
+.k-rounded-top-left-circle {
+    border-top-left-radius: 50% !important;
+}
+
+.k-rounded-top-left-pill {
+    border-top-left-radius: 9999px !important;
+}
+
+.k-rounded-top-right {
+    border-top-right-radius: 4px !important;
+}
+
+.k-rounded-top-right-0 {
+    border-top-right-radius: 0 !important;
+}
+
+.k-rounded-top-right-sm {
+    border-top-right-radius: 2px !important;
+}
+
+.k-rounded-top-right-md {
+    border-top-right-radius: 4px !important;
+}
+
+.k-rounded-top-right-lg {
+    border-top-right-radius: 8px !important;
+}
+
+.k-rounded-top-right-circle {
+    border-top-right-radius: 50% !important;
+}
+
+.k-rounded-top-right-pill {
+    border-top-right-radius: 9999px !important;
+}
+
+.k-rounded-bottom-left {
+    border-bottom-left-radius: 4px !important;
+}
+
+.k-rounded-bottom-left-0 {
+    border-bottom-left-radius: 0 !important;
+}
+
+.k-rounded-bottom-left-sm {
+    border-bottom-left-radius: 2px !important;
+}
+
+.k-rounded-bottom-left-md {
+    border-bottom-left-radius: 4px !important;
+}
+
+.k-rounded-bottom-left-lg {
+    border-bottom-left-radius: 8px !important;
+}
+
+.k-rounded-bottom-left-circle {
+    border-bottom-left-radius: 50% !important;
+}
+
+.k-rounded-bottom-left-pill {
+    border-bottom-left-radius: 9999px !important;
+}
+
+.k-rounded-bottom-right {
+    border-bottom-right-radius: 4px !important;
+}
+
+.k-rounded-bottom-right-0 {
+    border-bottom-right-radius: 0 !important;
+}
+
+.k-rounded-bottom-right-sm {
+    border-bottom-right-radius: 2px !important;
+}
+
+.k-rounded-bottom-right-md {
+    border-bottom-right-radius: 4px !important;
+}
+
+.k-rounded-bottom-right-lg {
+    border-bottom-right-radius: 8px !important;
+}
+
+.k-rounded-bottom-right-circle {
+    border-bottom-right-radius: 50% !important;
+}
+
+.k-rounded-bottom-right-pill {
+    border-bottom-right-radius: 9999px !important;
+}
+
 .k-display-inline {
     display: inline !important;
 }
@@ -10284,7 +10547,7 @@ kendo-badge-container {
     font-size: 14px;
 }
 
-.k-selection-multiple .k-chip-selected .k-selected-icon-wrapper {
+.k-selection-multiple .k-chip.k-selected .k-selected-icon-wrapper {
     width: 16px;
     visibility: visible;
 }
@@ -10300,7 +10563,7 @@ kendo-badge-container {
     transition: width .2s, opacity .2s;
 }
 
-.k-selection-multiple :not(.k-chip-has-icon).k-chip-selected .k-selected-icon-wrapper {
+.k-selection-multiple :not(.k-chip-has-icon).k-selected .k-selected-icon-wrapper {
     opacity: 1;
 }
 
@@ -10330,15 +10593,6 @@ kendo-badge-container {
     outline: 0;
 }
 
-.k-chip.k-chip-disabled {
-    outline: none;
-    cursor: default;
-    opacity: 0.6;
-    filter: grayscale(0.1);
-    pointer-events: none;
-    box-shadow: none;
-}
-
 .k-chip-content {
     min-width: 0;
     overflow: hidden;
@@ -10381,173 +10635,219 @@ kendo-badge-container {
 }
 
 .k-chip-list[dir="rtl"] > *,
-.k-rtl .k-chip-list > * {
+.k-rtl .k-chip-list > *, .k-chip-list.k-rtl > * {
     margin-right: 0;
     margin-left: 8px;
 }
 
 .k-chip-list[dir="rtl"] > *:last-child,
-.k-rtl .k-chip-list > *:last-child {
+.k-rtl .k-chip-list > *:last-child, .k-chip-list.k-rtl > *:last-child {
     margin-left: 0;
 }
 
 .k-chip[dir="rtl"] .k-chip-icon,
-.k-rtl .k-chip .k-chip-icon {
+.k-rtl .k-chip .k-chip-icon, .k-chip.k-rtl .k-chip-icon {
     margin-left: 0;
     margin-right: 4px;
 }
 
 .k-chip[dir="rtl"] .k-remove-icon,
-.k-rtl .k-chip .k-remove-icon {
+.k-rtl .k-chip .k-remove-icon, .k-chip.k-rtl .k-remove-icon {
     margin-right: 0;
     margin-left: 8px;
 }
 
 .k-selection-multiple .k-chip[dir="rtl"] .k-selected-icon-wrapper, .k-selection-multiple
-.k-rtl .k-chip .k-selected-icon-wrapper {
+.k-rtl .k-chip .k-selected-icon-wrapper, .k-selection-multiple .k-chip.k-rtl .k-selected-icon-wrapper {
     left: 0;
     right: 4px;
 }
 
 .k-selection-multiple .k-chip[dir="rtl"]:not(.k-chip-has-icon) .k-selected-icon-wrapper, .k-selection-multiple
-.k-rtl .k-chip:not(.k-chip-has-icon) .k-selected-icon-wrapper {
+.k-rtl .k-chip:not(.k-chip-has-icon) .k-selected-icon-wrapper, .k-selection-multiple .k-chip.k-rtl:not(.k-chip-has-icon) .k-selected-icon-wrapper {
     left: 0;
     right: 4px;
 }
 
-.k-selection-single .k-chip-selected.k-chip-filled {
-    border-color: rgba(243, 88, 0, 0.2);
-    color: #f35800;
-    background-color: rgba(243, 88, 0, 0.08);
-}
-
-.k-selection-single .k-chip-selected.k-chip-outline {
-    border-color: rgba(243, 88, 0, 0.2);
-    color: #f35800;
-    background-color: transparent;
-}
-
-.k-selection-multiple > .k-chip-has-icon.k-chip-selected .k-selected-icon-wrapper {
+.k-selection-multiple .k-chip-has-icon.k-selected .k-selected-icon-wrapper {
     color: #ffffff;
     background-color: rgba(0, 0, 0, 0.36);
 }
 
-.k-chip-filled {
-    border-color: rgba(0, 0, 0, 0.15);
+.k-chip-solid {
+    border-color: rgba(39, 39, 39, 0.15);
     color: #272727;
-    background-color: #ebebeb;
+    background-color: rgba(39, 39, 39, 0.08);
 }
 
-.k-chip-filled:hover, .k-chip-filled.k-chip-hover {
-    background-color: #e0e0e0;
-    border-color: rgba(0, 0, 0, 0.2);
+.k-chip-solid:hover, .k-chip-solid.k-state-hover, .k-chip-solid.k-hover {
+    background-color: rgba(39, 39, 39, 0.16);
 }
 
-.k-chip-filled:focus, .k-chip-filled.k-chip-focused {
-    background-color: #ebebeb;
-    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
+.k-chip-solid:focus, .k-chip-solid.k-state-focus, .k-chip-solid.k-focus {
+    box-shadow: 0 0 0 2px rgba(39, 39, 39, 0.08);
+    background-color: rgba(39, 39, 39, 0.08);
 }
 
-.k-chip-filled.k-chip-selected {
-    background-color: #d6d6d6;
-    border-color: rgba(0, 0, 0, 0.3);
+.k-chip-solid.k-state-selected, .k-chip-solid.k-selected {
+    background-color: rgba(39, 39, 39, 0.24);
 }
 
-.k-chip-filled.k-chip-success {
+.k-chip-solid.k-chip-success {
     border-color: rgba(62, 164, 78, 0.3);
     color: #3ea44e;
-    background-color: rgba(62, 164, 78, 0.12);
+    background-color: rgba(62, 164, 78, 0.08);
+}
+
+.k-chip-solid.k-chip-success:hover, .k-chip-solid.k-chip-success.k-state-hover, .k-chip-solid.k-chip-success.k-hover {
+    background-color: rgba(62, 164, 78, 0.16);
+}
+
+.k-chip-solid.k-chip-success.k-state-selected, .k-chip-solid.k-chip-success.k-selected {
+    background-color: rgba(62, 164, 78, 0.24);
 }
 
-.k-chip-filled.k-chip-warning {
+.k-chip-solid.k-chip-warning {
     border-color: rgba(255, 152, 0, 0.3);
     color: #ff9800;
-    background-color: rgba(255, 152, 0, 0.12);
+    background-color: rgba(255, 152, 0, 0.08);
+}
+
+.k-chip-solid.k-chip-warning:hover, .k-chip-solid.k-chip-warning.k-state-hover, .k-chip-solid.k-chip-warning.k-hover {
+    background-color: rgba(255, 152, 0, 0.16);
+}
+
+.k-chip-solid.k-chip-warning.k-state-selected, .k-chip-solid.k-chip-warning.k-selected {
+    background-color: rgba(255, 152, 0, 0.24);
 }
 
-.k-chip-filled.k-chip-error {
+.k-chip-solid.k-chip-error {
     border-color: rgba(217, 40, 0, 0.3);
     color: #d92800;
-    background-color: rgba(217, 40, 0, 0.12);
+    background-color: rgba(217, 40, 0, 0.08);
+}
+
+.k-chip-solid.k-chip-error:hover, .k-chip-solid.k-chip-error.k-state-hover, .k-chip-solid.k-chip-error.k-hover {
+    background-color: rgba(217, 40, 0, 0.16);
+}
+
+.k-chip-solid.k-chip-error.k-state-selected, .k-chip-solid.k-chip-error.k-selected {
+    background-color: rgba(217, 40, 0, 0.24);
 }
 
-.k-chip-filled.k-chip-info {
+.k-chip-solid.k-chip-info {
     border-color: rgba(36, 152, 188, 0.3);
     color: #2498bc;
-    background-color: rgba(36, 152, 188, 0.12);
+    background-color: rgba(36, 152, 188, 0.08);
+}
+
+.k-chip-solid.k-chip-info:hover, .k-chip-solid.k-chip-info.k-state-hover, .k-chip-solid.k-chip-info.k-hover {
+    background-color: rgba(36, 152, 188, 0.16);
+}
+
+.k-chip-solid.k-chip-info.k-state-selected, .k-chip-solid.k-chip-info.k-selected {
+    background-color: rgba(36, 152, 188, 0.24);
 }
 
 .k-chip-outline {
     border-color: #272727;
-    color: #6c757d;
-    background-color: transparent;
+    color: #272727;
+    background-color: #ffffff;
 }
 
-.k-chip-outline:hover, .k-chip-outline.k-chip-hover {
-    border-color: rgba(0, 0, 0, 0.2);
+.k-chip-outline:hover, .k-chip-outline.k-state-hover, .k-chip-outline.k-hover {
     color: #ffffff;
     background-color: #272727;
 }
 
-.k-chip-outline:focus, .k-chip-outline.k-chip-focused {
-    border-color: #272727;
-    color: #6c757d;
-    background-color: transparent;
+.k-chip-outline:focus, .k-chip-outline.k-state-focus, .k-chip-outline.k-focus {
     box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
 }
 
-.k-chip-outline.k-chip-selected {
+.k-chip-outline.k-state-selected, .k-chip-outline.k-selected {
     color: #ffffff;
     background-color: #272727;
 }
 
 .k-chip-outline.k-chip-success {
-    border-color: rgba(62, 164, 78, 0.54);
+    border-color: #3ea44e;
     color: #3ea44e;
-    background-color: transparent;
 }
 
-.k-chip-outline.k-chip-warning {
-    border-color: rgba(255, 152, 0, 0.54);
-    color: #ff9800;
-    background-color: transparent;
+.k-chip-outline.k-chip-success:hover, .k-chip-outline.k-chip-success.k-state-hover, .k-chip-outline.k-chip-success.k-hover {
+    color: #ffffff;
+    background-color: #3ea44e;
 }
 
-.k-chip-outline.k-chip-error {
-    border-color: rgba(217, 40, 0, 0.54);
-    color: #d92800;
-    background-color: transparent;
+.k-chip-outline.k-chip-success.k-state-selected, .k-chip-outline.k-chip-success.k-selected {
+    color: #ffffff;
+    background-color: #3ea44e;
 }
 
-.k-chip-outline.k-chip-info {
-    border-color: rgba(36, 152, 188, 0.54);
-    color: #2498bc;
-    background-color: transparent;
+.k-chip-outline.k-chip-warning {
+    border-color: #ff9800;
+    color: #ff9800;
 }
 
-.k-chip-primary:focus, .k-chip-primary.k-chip-focus {
-    box-shadow: 0 0 0 2px rgba(243, 88, 0, 0.16);
+.k-chip-outline.k-chip-warning:hover, .k-chip-outline.k-chip-warning.k-state-hover, .k-chip-outline.k-chip-warning.k-hover {
+    color: #ffffff;
+    background-color: #ff9800;
 }
 
-.k-chip-info:focus, .k-chip-info.k-chip-focus {
-    box-shadow: 0 0 0 2px rgba(36, 152, 188, 0.16);
+.k-chip-outline.k-chip-warning.k-state-selected, .k-chip-outline.k-chip-warning.k-selected {
+    color: #ffffff;
+    background-color: #ff9800;
 }
 
-.k-chip-success:focus, .k-chip-success.k-chip-focus {
-    box-shadow: 0 0 0 2px rgba(62, 164, 78, 0.16);
+.k-chip-outline.k-chip-error {
+    border-color: #d92800;
+    color: #d92800;
 }
 
-.k-chip-warning:focus, .k-chip-warning.k-chip-focus {
-    box-shadow: 0 0 0 2px rgba(255, 152, 0, 0.16);
+.k-chip-outline.k-chip-error:hover, .k-chip-outline.k-chip-error.k-state-hover, .k-chip-outline.k-chip-error.k-hover {
+    color: #ffffff;
+    background-color: #d92800;
 }
 
-.k-chip-error:focus, .k-chip-error.k-chip-focus {
-    box-shadow: 0 0 0 2px rgba(217, 40, 0, 0.16);
+.k-chip-outline.k-chip-error.k-state-selected, .k-chip-outline.k-chip-error.k-selected {
+    color: #ffffff;
+    background-color: #d92800;
 }
 
-.k-cursor-auto {
-    cursor: auto;
-}
+.k-chip-outline.k-chip-info {
+    border-color: #2498bc;
+    color: #2498bc;
+}
+
+.k-chip-outline.k-chip-info:hover, .k-chip-outline.k-chip-info.k-state-hover, .k-chip-outline.k-chip-info.k-hover {
+    color: #ffffff;
+    background-color: #2498bc;
+}
+
+.k-chip-outline.k-chip-info.k-state-selected, .k-chip-outline.k-chip-info.k-selected {
+    color: #ffffff;
+    background-color: #2498bc;
+}
+
+.k-chip-info:focus, .k-chip-info.k-state-focus, .k-chip-info.k-focus {
+    box-shadow: 0 0 0 2px rgba(36, 152, 188, 0.16);
+}
+
+.k-chip-success:focus, .k-chip-success.k-state-focus, .k-chip-success.k-focus {
+    box-shadow: 0 0 0 2px rgba(62, 164, 78, 0.16);
+}
+
+.k-chip-warning:focus, .k-chip-warning.k-state-focus, .k-chip-warning.k-focus {
+    box-shadow: 0 0 0 2px rgba(255, 152, 0, 0.16);
+}
+
+.k-chip-error:focus, .k-chip-error.k-state-focus, .k-chip-error.k-focus {
+    box-shadow: 0 0 0 2px rgba(217, 40, 0, 0.16);
+}
+
+.k-cursor-auto {
+    cursor: auto;
+}
 
 .k-cursor-default {
     cursor: default;
@@ -12046,10 +12346,8 @@ kendo-badge-container {
 .k-toolbar-group {
     display: -ms-flexbox;
     display: flex;
-    -ms-flex-direction: inherit;
-        flex-direction: inherit;
-    -ms-flex-wrap: nowrap;
-        flex-wrap: nowrap;
+    -ms-flex-flow: inherit nowrap;
+        flex-flow: inherit nowrap;
     gap: inherit;
 }
 
@@ -15688,603 +15986,305 @@ textarea.k-textarea {
     box-shadow: none;
 }
 
-.k-captcha {
-    width: 280px;
+.k-slider {
+    border: 0;
     box-sizing: border-box;
-    font-size: 14px;
+    outline: 0;
     font-family: inherit;
+    font-size: 14px;
     line-height: 1.4285714286;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-direction: column;
-        flex-direction: column;
-    -ms-flex-wrap: nowrap;
-        flex-wrap: nowrap;
-    gap: 8px;
-}
-
-.k-captcha-image-wrap {
-    position: relative;
-    gap: 8px;
-}
-
-.k-captcha-image-controls {
+    background: none;
+    display: -ms-inline-flexbox;
+    display: inline-flex;
+    -ms-flex-align: stretch;
+        align-items: stretch;
     position: relative;
-    gap: 8px;
+    -webkit-touch-callout: none;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
-.k-captcha-image {
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
+.k-slider .k-button {
+    height: 28px;
+    line-height: 28px;
+    margin: 0;
+    min-width: 0;
+    outline: 0;
+    padding: 0;
+    position: absolute;
+    width: 28px;
+    box-sizing: content-box;
 }
 
-.k-captcha-image > img {
-    width: 100%;
+.k-slider .k-button .k-icon,
+.k-slider .k-button .k-button-icon {
+    vertical-align: baseline;
+    line-height: 28px;
     height: 100%;
-    display: block;
-    object-fit: cover;
 }
 
-.k-captcha-loading .k-captcha-image {
-    height: auto;
+.k-slider .k-button-increase {
+    right: 0;
+    top: 0;
 }
 
-.k-captcha-volume-control {
-    height: 100%;
+.k-slider .k-button-decrease {
+    left: 0;
+    top: 0;
 }
 
-.k-captcha-input > .k-textbox {
-    width: 100%;
+.k-slider .k-label {
+    width: auto;
+    font-size: .92em;
+    line-height: 1;
+    white-space: nowrap;
+    position: absolute;
 }
 
-.k-captcha-validation-message {
-    margin-top: 4px;
-    font-size: 12px;
-    font-style: italic;
+.k-slider .k-tick,
+.k-slider .k-slider-track {
+    cursor: pointer;
 }
 
-.k-captcha {
-    border-color: #ffffff;
-    color: #ffffff;
-    background-color: #ffffff;
+.k-slider .k-tick {
+    background-color: transparent;
+    background-position: center center;
+    background-repeat: no-repeat;
+    margin: 0;
+    padding: 0;
+    position: relative;
 }
 
-.k-autocomplete {
-    border-radius: 4px;
-    width: 12.4em;
-    border-width: 1px;
-    border-style: solid;
-    outline: 0;
-    box-sizing: border-box;
-    font-family: inherit;
-    font-size: 14px;
-    line-height: 1.4285714286;
-    white-space: nowrap;
-    display: -ms-inline-flexbox;
-    display: inline-flex;
-    -ms-flex-flow: row nowrap;
-        flex-flow: row nowrap;
-    -ms-flex-align: stretch;
-        align-items: stretch;
-    vertical-align: middle;
-    transition: all .1s ease;
-    position: relative;
+.k-slider.k-state-disabled .k-tick,
+.k-slider.k-state-disabled .k-slider-track,
+.k-slider.k-state-disabled .k-draghandle {
     cursor: default;
-    -webkit-touch-callout: none;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
-.k-autocomplete .k-i-loading {
-    width: 24px;
-    height: 28px;
+.k-rtl .k-slider .k-slider-selection, .k-slider.k-rtl .k-slider-selection,
+[dir="rtl"] .k-slider .k-slider-selection, .k-slider[dir="rtl"] .k-slider-selection {
+    left: auto;
+    right: 0;
 }
 
-.k-autocomplete .k-clear-value {
-    visibility: hidden;
+.k-rtl .k-slider .k-button-increase, .k-slider.k-rtl .k-button-increase,
+[dir="rtl"] .k-slider .k-button-increase, .k-slider[dir="rtl"] .k-button-increase {
+    left: 0;
+    right: auto;
 }
 
-.k-autocomplete:hover .k-clear-value, .k-autocomplete.k-state-hover .k-clear-value, .k-autocomplete.k-state-focused .k-clear-value, .k-autocomplete.k-state-focus .k-clear-value {
-    visibility: visible;
+.k-rtl .k-slider .k-button-decrease, .k-slider.k-rtl .k-button-decrease,
+[dir="rtl"] .k-slider .k-button-decrease, .k-slider[dir="rtl"] .k-button-decrease {
+    right: 0;
+    left: auto;
 }
 
-.k-autocomplete:focus-within .k-clear-value {
-    visibility: visible;
+.k-slider {
+    gap: 7px;
 }
 
-.k-autocomplete.k-header,
-.k-autocomplete {
-    border-color: #cacaca;
-    color: #272727;
-    background-color: #ffffff;
+.k-slider > .k-button {
+    position: relative;
+    -ms-flex-negative: 0;
+        flex-shrink: 0;
+    -ms-flex-item-align: center;
+        align-self: center;
 }
 
-.k-autocomplete.k-header:hover, .k-autocomplete.k-header.k-state-hover,
-.k-autocomplete:hover,
-.k-autocomplete.k-state-hover {
-    border-color: #bababa;
+.k-slider > .k-slider-track-wrap {
+    -ms-flex: 1 1 auto;
+        flex: 1 1 auto;
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-flow: inherit;
+        flex-flow: inherit;
+    position: relative;
+    -ms-touch-action: none;
+        touch-action: none;
 }
 
-.k-autocomplete.k-header.k-state-open, .k-autocomplete.k-header.k-state-focused, .k-autocomplete.k-header.k-state-focus,
-.k-autocomplete.k-state-open,
-.k-autocomplete.k-state-focused,
-.k-autocomplete.k-state-focus {
-    border-color: rgba(0, 0, 0, 0.1);
-    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
+.k-slider > .k-slider-track-wrap .k-slider-items {
+    -ms-flex: 1 1 100%;
+        flex: 1 1 100%;
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-flow: inherit;
+        flex-flow: inherit;
+    -ms-flex-pack: justify;
+        justify-content: space-between;
 }
 
-.k-autocomplete.k-header:focus-within,
-.k-autocomplete:focus-within {
-    border-color: rgba(0, 0, 0, 0.1);
-    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
+.k-slider > .k-slider-track-wrap .k-slider-items::after {
+    display: none;
 }
 
-.k-autocomplete.k-header.k-invalid, .k-autocomplete.k-header.k-state-invalid, .k-autocomplete.k-header.ng-invalid.ng-touched, .k-autocomplete.k-header.ng-invalid.ng-dirty,
-.k-autocomplete.k-invalid,
-.k-autocomplete.k-state-invalid,
-.k-autocomplete.ng-invalid.ng-touched,
-.k-autocomplete.ng-invalid.ng-dirty {
-    border-color: rgba(217, 40, 0, 0.5);
+.k-slider > .k-slider-track-wrap .k-tick {
+    -ms-flex: 0 0 1px;
+        flex: 0 0 1px;
 }
 
-.k-numerictextbox {
-    width: 12.4em;
-    border-width: 0;
-    box-sizing: border-box;
-    outline: 0;
-    background: none;
-    font-family: inherit;
-    font-size: 14px;
-    line-height: 1.4285714286;
-    text-align: left;
-    white-space: nowrap;
-    display: -ms-inline-flexbox;
-    display: inline-flex;
-    vertical-align: middle;
-    position: relative;
-    -webkit-touch-callout: none;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+.k-slider > .k-slider-track-wrap .k-draghandle {
+    position: absolute;
 }
 
-.k-numerictextbox .k-numeric-wrap {
-    border-radius: 4px;
-    padding: 0;
+.k-slider-horizontal > .k-slider-track-wrap .k-slider-track {
     width: 100%;
-    border-width: 1px;
-    border-style: solid;
-    box-sizing: border-box;
-    position: relative;
-    transition: all .1s ease;
-    cursor: default;
-    outline: 0;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-flow: row nowrap;
-        flex-flow: row nowrap;
 }
 
-.k-numerictextbox .k-input {
-    text-overflow: clip;
+.k-slider-horizontal > .k-slider-track-wrap .k-draghandle {
+    top: 50%;
+    -ms-transform: translate(-50%, -50%);
+        transform: translate(-50%, -50%);
 }
 
-.k-numerictextbox .k-select {
-    border-radius: 0 4px 4px 0;
-    padding: 0;
-    border-width: 0 0 0 0px;
-    border-style: solid;
-    box-sizing: border-box;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-direction: column;
-        flex-direction: column;
-    -ms-flex-align: stretch;
-        align-items: stretch;
-    -ms-flex-pack: center;
-        justify-content: center;
-    -ms-flex: 0 0 auto;
-        flex: 0 0 auto;
-    text-align: center;
-    cursor: pointer;
+.k-slider-horizontal > .k-slider-track-wrap .k-draghandle:focus,
+.k-slider-horizontal > .k-slider-track-wrap .k-draghandle:active {
+    -ms-transform: translate(-50%, -50%) scale(1);
+        transform: translate(-50%, -50%) scale(1);
 }
 
-.k-numerictextbox .k-link {
-    padding: 0 4px;
-    min-width: 24px;
-    box-sizing: border-box;
-    -ms-flex: 1 1 auto;
-        flex: 1 1 auto;
-    display: block;
-    overflow: hidden;
-    position: relative;
+.k-slider-horizontal > .k-slider-track-wrap .k-slider-selection {
+    width: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
+    left: calc(var(--kendo-slider-start, 0)*1%);
 }
 
-.k-numerictextbox .k-link .k-icon {
-    position: absolute;
-    right: 50%;
-    -ms-transform: translateX(50%);
-        transform: translateX(50%);
+.k-slider-horizontal > .k-slider-track-wrap .k-draghandle-start {
+    left: calc(var(--kendo-slider-start, 0)*1%);
 }
 
-.k-numerictextbox .k-link-increase .k-icon {
-    bottom: -2px;
+.k-slider-horizontal > .k-slider-track-wrap .k-draghandle-end {
+    left: calc(var(--kendo-slider-end, 0)*1%);
 }
 
-.k-numerictextbox .k-link-decrease .k-icon {
-    top: -2px;
+[dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-slider-selection {
+    left: unset;
+    right: calc(var(--kendo-slider-start, 0)*1%);
 }
 
-.k-numerictextbox .k-i-warning {
-    -ms-flex-item-align: center;
-        align-self: center;
-    margin-right: 0.5em;
+[dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-start {
+    left: unset;
+    right: calc(var(--kendo-slider-start, 0)*1%);
 }
 
-.k-rtl .k-numerictextbox, .k-numerictextbox[dir="rtl"] {
-    text-align: right;
+[dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-end {
+    left: unset;
+    right: calc(var(--kendo-slider-end, 0)*1%);
 }
 
-.k-rtl .k-numerictextbox .k-numeric-wrap .k-i-warning, .k-numerictextbox[dir="rtl"] .k-numeric-wrap .k-i-warning {
-    -ms-flex-item-align: center;
-        align-self: center;
-    margin-right: 0;
-    margin-left: 0.5em;
+[dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle {
+    -ms-transform: translate(50%, -50%);
+        transform: translate(50%, -50%);
 }
 
-.k-rtl .k-numerictextbox .k-select, .k-numerictextbox[dir="rtl"] .k-select {
-    border-radius: 4px 0 0 4px;
-    border-width: 0 0px 0 0;
+[dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:focus,
+[dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:active {
+    -ms-transform: translate(50%, -50%) scale(1);
+        transform: translate(50%, -50%) scale(1);
 }
 
-.k-numerictextbox .k-i-warning {
-    color: #d92800;
+.k-slider-vertical > .k-slider-track-wrap .k-slider-track {
+    height: 100%;
 }
 
-.k-numerictextbox .k-numeric-wrap {
-    border-color: #cacaca;
-    color: #272727;
-    background-color: #ffffff;
+.k-slider-vertical > .k-slider-track-wrap .k-draghandle {
+    left: 50%;
+    -ms-transform: translate(-50%, 50%);
+        transform: translate(-50%, 50%);
 }
 
-.k-numerictextbox .k-numeric-wrap:hover, .k-numerictextbox .k-numeric-wrap.k-state-hover {
-    border-color: #bababa;
+.k-slider-vertical > .k-slider-track-wrap .k-draghandle:focus,
+.k-slider-vertical > .k-slider-track-wrap .k-draghandle:active {
+    -ms-transform: translate(-50%, 50%) scale(1);
+        transform: translate(-50%, 50%) scale(1);
 }
 
-.k-numerictextbox .k-numeric-wrap.k-state-focused {
-    border-color: rgba(0, 0, 0, 0.1);
-    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
+.k-slider-vertical > .k-slider-track-wrap .k-slider-selection {
+    bottom: calc(var(--kendo-slider-start, 0)*1%);
+    height: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
 }
 
-.k-numerictextbox .k-numeric-wrap.k-invalid, .k-numerictextbox .k-numeric-wrap.k-invalid:hover, .k-numerictextbox .k-numeric-wrap.k-state-invalid {
-    border-color: rgba(217, 40, 0, 0.5);
+.k-slider-vertical > .k-slider-track-wrap .k-draghandle-start {
+    bottom: calc(var(--kendo-slider-start, 0)*1%);
 }
 
-.k-numerictextbox .k-select {
-    border-color: #cacaca;
-    color: #272727;
-    background-color: #f0f0f0;
-    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
+.k-slider-vertical > .k-slider-track-wrap .k-draghandle-end {
+    bottom: calc(var(--kendo-slider-end, 0)*1%);
 }
 
-.k-numerictextbox .k-select .k-link:hover,
-.k-numerictextbox .k-select .k-link.k-state-hover {
-    border-color: #bababa;
-    background-color: #dddddd;
+.k-slider-vertical {
+    height: 200px;
+    width: 30px;
+    -ms-flex-flow: column-reverse nowrap;
+        flex-flow: column-reverse nowrap;
 }
 
-.k-numerictextbox .k-select .k-link:active,
-.k-numerictextbox .k-select .k-link.k-state-active,
-.k-numerictextbox .k-select .k-link.k-state-selected {
-    border-color: #aaaaaa;
-    background-color: #cacaca;
+.k-slider-vertical .k-button-decrease {
+    bottom: 0;
+    top: auto;
 }
 
-.k-numerictextbox.k-state-invalid .k-numeric-wrap, .k-numerictextbox.ng-invalid.ng-touched .k-numeric-wrap, .k-numerictextbox.ng-invalid.ng-dirty .k-numeric-wrap {
-    border-color: rgba(217, 40, 0, 0.5);
+.k-slider-vertical .k-tick {
+    text-align: right;
+    margin-left: 2px;
 }
 
-.k-slider {
-    border: 0;
-    box-sizing: border-box;
-    outline: 0;
-    font-family: inherit;
-    font-size: 14px;
-    line-height: 1.4285714286;
-    background: none;
-    display: -ms-inline-flexbox;
-    display: inline-flex;
-    -ms-flex-align: stretch;
-        align-items: stretch;
-    position: relative;
-    -webkit-touch-callout: none;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+.k-slider-vertical .k-slider-topleft .k-tick {
+    text-align: left;
 }
 
-.k-slider .k-button {
-    height: 28px;
-    line-height: 28px;
-    margin: 0;
-    min-width: 0;
-    outline: 0;
-    padding: 0;
-    position: absolute;
-    width: 28px;
-    box-sizing: content-box;
+.k-slider-vertical .k-tick {
+    background-position: -92px center;
 }
 
-.k-slider .k-button .k-icon,
-.k-slider .k-button .k-button-icon {
-    vertical-align: baseline;
-    line-height: 28px;
-    height: 100%;
+.k-slider-vertical .k-slider-topleft .k-tick {
+    background-position: -122px center;
 }
 
-.k-slider .k-button-increase {
-    right: 0;
-    top: 0;
+.k-slider-vertical .k-slider-bottomright .k-tick {
+    background-position: -152px center;
 }
 
-.k-slider .k-button-decrease {
-    left: 0;
-    top: 0;
+.k-slider-vertical .k-tick-large {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-align: center;
+        align-items: center;
+    background-position: -2px center;
 }
 
-.k-slider .k-label {
-    width: auto;
-    font-size: .92em;
-    line-height: 1;
-    white-space: nowrap;
-    position: absolute;
+.k-slider-vertical .k-slider-topleft .k-tick-large {
+    background-position: -32px center;
 }
 
-.k-slider .k-tick,
-.k-slider .k-slider-track {
-    cursor: pointer;
+.k-slider-vertical .k-slider-bottomright .k-tick-large {
+    background-position: -62px center;
 }
 
-.k-slider .k-tick {
-    background-color: transparent;
-    background-position: center center;
-    background-repeat: no-repeat;
-    margin: 0;
-    padding: 0;
-    position: relative;
+.k-slider-vertical .k-first {
+    background-position: -92px 100%;
 }
 
-.k-slider.k-state-disabled .k-tick,
-.k-slider.k-state-disabled .k-slider-track,
-.k-slider.k-state-disabled .k-draghandle {
-    cursor: default;
+.k-slider-vertical .k-tick-large.k-first {
+    background-position: -2px 100%;
 }
 
-.k-rtl .k-slider .k-slider-selection, .k-slider.k-rtl .k-slider-selection,
-[dir="rtl"] .k-slider .k-slider-selection, .k-slider[dir="rtl"] .k-slider-selection {
-    left: auto;
-    right: 0;
+.k-slider-vertical .k-slider-topleft .k-first {
+    background-position: -122px 100%;
 }
 
-.k-rtl .k-slider .k-button-increase, .k-slider.k-rtl .k-button-increase,
-[dir="rtl"] .k-slider .k-button-increase, .k-slider[dir="rtl"] .k-button-increase {
-    left: 0;
-    right: auto;
+.k-slider-vertical .k-slider-topleft .k-tick-large.k-first {
+    background-position: -32px 100%;
 }
 
-.k-rtl .k-slider .k-button-decrease, .k-slider.k-rtl .k-button-decrease,
-[dir="rtl"] .k-slider .k-button-decrease, .k-slider[dir="rtl"] .k-button-decrease {
-    right: 0;
-    left: auto;
+.k-slider-vertical .k-slider-bottomright .k-first {
+    background-position: -152px 100%;
 }
 
-.k-slider {
-    gap: 7px;
+.k-slider-vertical .k-slider-bottomright .k-tick-large.k-first {
+    background-position: -62px 100%;
 }
 
-.k-slider > .k-button {
-    position: relative;
-    -ms-flex-negative: 0;
-        flex-shrink: 0;
-    -ms-flex-item-align: center;
-        align-self: center;
-}
-
-.k-slider > .k-slider-track-wrap {
-    -ms-flex: 1 1 auto;
-        flex: 1 1 auto;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-flow: inherit;
-        flex-flow: inherit;
-    position: relative;
-    -ms-touch-action: none;
-        touch-action: none;
-}
-
-.k-slider > .k-slider-track-wrap .k-slider-items {
-    -ms-flex: 1 1 100%;
-        flex: 1 1 100%;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-flow: inherit;
-        flex-flow: inherit;
-    -ms-flex-pack: justify;
-        justify-content: space-between;
-}
-
-.k-slider > .k-slider-track-wrap .k-slider-items::after {
-    display: none;
-}
-
-.k-slider > .k-slider-track-wrap .k-tick {
-    -ms-flex-negative: 0;
-        flex-shrink: 0;
-    -ms-flex-positive: 0;
-        flex-grow: 0;
-    -ms-flex-preferred-size: 1px;
-        flex-basis: 1px;
-}
-
-.k-slider > .k-slider-track-wrap .k-draghandle {
-    position: absolute;
-}
-
-.k-slider-horizontal > .k-slider-track-wrap .k-slider-track {
-    width: 100%;
-}
-
-.k-slider-horizontal > .k-slider-track-wrap .k-draghandle {
-    top: 50%;
-    -ms-transform: translate(-50%, -50%);
-        transform: translate(-50%, -50%);
-}
-
-.k-slider-horizontal > .k-slider-track-wrap .k-draghandle:focus,
-.k-slider-horizontal > .k-slider-track-wrap .k-draghandle:active {
-    -ms-transform: translate(-50%, -50%) scale(1);
-        transform: translate(-50%, -50%) scale(1);
-}
-
-.k-slider-horizontal > .k-slider-track-wrap .k-slider-selection {
-    width: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
-    left: calc(var(--kendo-slider-start, 0)*1%);
-}
-
-.k-slider-horizontal > .k-slider-track-wrap .k-draghandle-start {
-    left: calc(var(--kendo-slider-start, 0)*1%);
-}
-
-.k-slider-horizontal > .k-slider-track-wrap .k-draghandle-end {
-    left: calc(var(--kendo-slider-end, 0)*1%);
-}
-
-[dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-slider-selection {
-    left: unset;
-    right: calc(var(--kendo-slider-start, 0)*1%);
-}
-
-[dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-start {
-    left: unset;
-    right: calc(var(--kendo-slider-start, 0)*1%);
-}
-
-[dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-end {
-    left: unset;
-    right: calc(var(--kendo-slider-end, 0)*1%);
-}
-
-[dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle {
-    -ms-transform: translate(50%, -50%);
-        transform: translate(50%, -50%);
-}
-
-[dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:focus,
-[dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:active {
-    -ms-transform: translate(50%, -50%) scale(1);
-        transform: translate(50%, -50%) scale(1);
-}
-
-.k-slider-vertical > .k-slider-track-wrap .k-slider-track {
-    height: 100%;
-}
-
-.k-slider-vertical > .k-slider-track-wrap .k-draghandle {
-    left: 50%;
-    -ms-transform: translate(-50%, 50%);
-        transform: translate(-50%, 50%);
-}
-
-.k-slider-vertical > .k-slider-track-wrap .k-draghandle:focus,
-.k-slider-vertical > .k-slider-track-wrap .k-draghandle:active {
-    -ms-transform: translate(-50%, 50%) scale(1);
-        transform: translate(-50%, 50%) scale(1);
-}
-
-.k-slider-vertical > .k-slider-track-wrap .k-slider-selection {
-    bottom: calc(var(--kendo-slider-start, 0)*1%);
-    height: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
-}
-
-.k-slider-vertical > .k-slider-track-wrap .k-draghandle-start {
-    bottom: calc(var(--kendo-slider-start, 0)*1%);
-}
-
-.k-slider-vertical > .k-slider-track-wrap .k-draghandle-end {
-    bottom: calc(var(--kendo-slider-end, 0)*1%);
-}
-
-.k-slider-vertical {
-    height: 200px;
-    width: 30px;
-    -ms-flex-flow: column-reverse nowrap;
-        flex-flow: column-reverse nowrap;
-}
-
-.k-slider-vertical .k-button-decrease {
-    bottom: 0;
-    top: auto;
-}
-
-.k-slider-vertical .k-tick {
-    text-align: right;
-    margin-left: 2px;
-}
-
-.k-slider-vertical .k-slider-topleft .k-tick {
-    text-align: left;
-}
-
-.k-slider-vertical .k-tick {
-    background-position: -92px center;
-}
-
-.k-slider-vertical .k-slider-topleft .k-tick {
-    background-position: -122px center;
-}
-
-.k-slider-vertical .k-slider-bottomright .k-tick {
-    background-position: -152px center;
-}
-
-.k-slider-vertical .k-tick-large {
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-align: center;
-        align-items: center;
-    background-position: -2px center;
-}
-
-.k-slider-vertical .k-slider-topleft .k-tick-large {
-    background-position: -32px center;
-}
-
-.k-slider-vertical .k-slider-bottomright .k-tick-large {
-    background-position: -62px center;
-}
-
-.k-slider-vertical .k-first {
-    background-position: -92px 100%;
-}
-
-.k-slider-vertical .k-tick-large.k-first {
-    background-position: -2px 100%;
-}
-
-.k-slider-vertical .k-slider-topleft .k-first {
-    background-position: -122px 100%;
-}
-
-.k-slider-vertical .k-slider-topleft .k-tick-large.k-first {
-    background-position: -32px 100%;
-}
-
-.k-slider-vertical .k-slider-bottomright .k-first {
-    background-position: -152px 100%;
-}
-
-.k-slider-vertical .k-slider-bottomright .k-tick-large.k-first {
-    background-position: -62px 100%;
-}
-
-.k-slider-vertical .k-last {
-    background-position: -92px 0;
+.k-slider-vertical .k-last {
+    background-position: -92px 0;
 }
 
 .k-slider-vertical .k-tick-large.k-last {
@@ -16590,86 +16590,378 @@ textarea.k-textarea {
     padding-top: 38px;
 }
 
-.k-slider-items::after {
-    content: "";
+.k-slider-items::after {
+    content: "";
+    display: block;
+    clear: both;
+}
+
+.k-slider-tooltip .k-callout-n,
+.k-slider-tooltip .k-callout-s {
+    margin-left: -3px;
+}
+
+.k-slider-tooltip .k-callout-w,
+.k-slider-tooltip .k-callout-e {
+    margin-top: -3px;
+}
+
+.k-no-flexbox .k-slider-horizontal {
+    display: inline-block;
+}
+
+.k-no-flexbox .k-slider-vertical {
+    display: inline-block;
+}
+
+.k-slider {
+    color: #272727;
+}
+
+.k-slider .k-slider-track,
+.k-slider .k-slider-selection {
+    border-radius: 4px;
+}
+
+.k-slider .k-slider-track {
+    background-color: #ebebeb;
+}
+
+.k-slider .k-slider-selection {
+    background-color: #f35800;
+}
+
+.k-slider .k-button {
+    border-radius: 50%;
+}
+
+.k-slider .k-draghandle {
+    border-color: #cc4a00;
+    color: #ffffff;
+    background-color: #f35800;
+    border-radius: 50%;
+}
+
+.k-slider .k-draghandle:hover {
+    border-color: #bc4400;
+    background-color: #e05100;
+}
+
+.k-slider .k-draghandle:active, .k-slider .k-draghandle.k-pressed {
+    border-color: #ab3e00;
+    background-color: #cc4a00;
+}
+
+.k-slider .k-draghandle:focus, .k-slider .k-draghandle.k-state-focused {
+    box-shadow: 0 0 4px 0 rgba(204, 74, 0, 0.75);
+}
+
+.k-slider.k-state-focused .k-draghandle {
+    box-shadow: 0 0 4px 0 rgba(204, 74, 0, 0.75);
+}
+
+.k-slider .k-slider-wrap:focus {
+    outline: none;
+}
+
+.k-slider-horizontal .k-tick {
+    background-image: url(data:image/gif;base64,R0lGODlhAQC0AIABALi4uAAAACH5BAEAAAEALAAAAAABALQAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7);
+}
+
+.k-slider-vertical .k-tick {
+    background-image: url(data:image/gif;base64,R0lGODlhtAABAIABALi4uAAAACH5BAEAAAEALAAAAAC0AAEAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7);
+}
+
+.k-captcha {
+    width: 280px;
+    box-sizing: border-box;
+    font-size: 14px;
+    font-family: inherit;
+    line-height: 1.4285714286;
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-flow: column nowrap;
+        flex-flow: column nowrap;
+    gap: 8px;
+}
+
+.k-captcha-image-wrap {
+    position: relative;
+    gap: 8px;
+}
+
+.k-captcha-image-controls {
+    position: relative;
+    gap: 8px;
+}
+
+.k-captcha-image {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+}
+
+.k-captcha-image > img {
+    width: 100%;
+    height: 100%;
+    display: block;
+    object-fit: cover;
+}
+
+.k-captcha-loading .k-captcha-image {
+    height: auto;
+}
+
+.k-captcha-volume-control {
+    height: 100%;
+}
+
+.k-captcha-input > .k-textbox {
+    width: 100%;
+}
+
+.k-captcha-validation-message {
+    margin-top: 4px;
+    font-size: 12px;
+    font-style: italic;
+}
+
+.k-captcha {
+    border-color: #ffffff;
+    color: #ffffff;
+    background-color: #ffffff;
+}
+
+.k-autocomplete {
+    border-radius: 4px;
+    width: 12.4em;
+    border-width: 1px;
+    border-style: solid;
+    outline: 0;
+    box-sizing: border-box;
+    font-family: inherit;
+    font-size: 14px;
+    line-height: 1.4285714286;
+    white-space: nowrap;
+    display: -ms-inline-flexbox;
+    display: inline-flex;
+    -ms-flex-flow: row nowrap;
+        flex-flow: row nowrap;
+    -ms-flex-align: stretch;
+        align-items: stretch;
+    vertical-align: middle;
+    transition: all .1s ease;
+    position: relative;
+    cursor: default;
+    -webkit-touch-callout: none;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+.k-autocomplete .k-i-loading {
+    width: 24px;
+    height: 28px;
+}
+
+.k-autocomplete .k-clear-value {
+    visibility: hidden;
+}
+
+.k-autocomplete:hover .k-clear-value, .k-autocomplete.k-state-hover .k-clear-value, .k-autocomplete.k-state-focused .k-clear-value, .k-autocomplete.k-state-focus .k-clear-value {
+    visibility: visible;
+}
+
+.k-autocomplete:focus-within .k-clear-value {
+    visibility: visible;
+}
+
+.k-autocomplete.k-header,
+.k-autocomplete {
+    border-color: #cacaca;
+    color: #272727;
+    background-color: #ffffff;
+}
+
+.k-autocomplete.k-header:hover, .k-autocomplete.k-header.k-state-hover,
+.k-autocomplete:hover,
+.k-autocomplete.k-state-hover {
+    border-color: #bababa;
+}
+
+.k-autocomplete.k-header.k-state-open, .k-autocomplete.k-header.k-state-focused, .k-autocomplete.k-header.k-state-focus,
+.k-autocomplete.k-state-open,
+.k-autocomplete.k-state-focused,
+.k-autocomplete.k-state-focus {
+    border-color: rgba(0, 0, 0, 0.1);
+    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
+}
+
+.k-autocomplete.k-header:focus-within,
+.k-autocomplete:focus-within {
+    border-color: rgba(0, 0, 0, 0.1);
+    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
+}
+
+.k-autocomplete.k-header.k-invalid, .k-autocomplete.k-header.k-state-invalid, .k-autocomplete.k-header.ng-invalid.ng-touched, .k-autocomplete.k-header.ng-invalid.ng-dirty,
+.k-autocomplete.k-invalid,
+.k-autocomplete.k-state-invalid,
+.k-autocomplete.ng-invalid.ng-touched,
+.k-autocomplete.ng-invalid.ng-dirty {
+    border-color: rgba(217, 40, 0, 0.5);
+}
+
+.k-numerictextbox {
+    width: 12.4em;
+    border-width: 0;
+    box-sizing: border-box;
+    outline: 0;
+    background: none;
+    font-family: inherit;
+    font-size: 14px;
+    line-height: 1.4285714286;
+    text-align: left;
+    white-space: nowrap;
+    display: -ms-inline-flexbox;
+    display: inline-flex;
+    vertical-align: middle;
+    position: relative;
+    -webkit-touch-callout: none;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+.k-numerictextbox .k-numeric-wrap {
+    border-radius: 4px;
+    padding: 0;
+    width: 100%;
+    border-width: 1px;
+    border-style: solid;
+    box-sizing: border-box;
+    position: relative;
+    transition: all .1s ease;
+    cursor: default;
+    outline: 0;
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-flow: row nowrap;
+        flex-flow: row nowrap;
+}
+
+.k-numerictextbox .k-input {
+    text-overflow: clip;
+}
+
+.k-numerictextbox .k-select {
+    border-radius: 0 4px 4px 0;
+    padding: 0;
+    border-width: 0 0 0 0px;
+    border-style: solid;
+    box-sizing: border-box;
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-direction: column;
+        flex-direction: column;
+    -ms-flex-align: stretch;
+        align-items: stretch;
+    -ms-flex-pack: center;
+        justify-content: center;
+    -ms-flex: 0 0 auto;
+        flex: 0 0 auto;
+    text-align: center;
+    cursor: pointer;
+}
+
+.k-numerictextbox .k-link {
+    padding: 0 4px;
+    min-width: 24px;
+    box-sizing: border-box;
+    -ms-flex: 1 1 auto;
+        flex: 1 1 auto;
     display: block;
-    clear: both;
-}
-
-.k-slider-tooltip .k-callout-n,
-.k-slider-tooltip .k-callout-s {
-    margin-left: -3px;
+    overflow: hidden;
+    position: relative;
 }
 
-.k-slider-tooltip .k-callout-w,
-.k-slider-tooltip .k-callout-e {
-    margin-top: -3px;
+.k-numerictextbox .k-link .k-icon {
+    position: absolute;
+    right: 50%;
+    -ms-transform: translateX(50%);
+        transform: translateX(50%);
 }
 
-.k-no-flexbox .k-slider-horizontal {
-    display: inline-block;
+.k-numerictextbox .k-link-increase .k-icon {
+    bottom: -2px;
 }
 
-.k-no-flexbox .k-slider-vertical {
-    display: inline-block;
+.k-numerictextbox .k-link-decrease .k-icon {
+    top: -2px;
 }
 
-.k-slider {
-    color: #272727;
+.k-numerictextbox .k-i-warning {
+    -ms-flex-item-align: center;
+        align-self: center;
+    margin-right: 0.5em;
 }
 
-.k-slider .k-slider-track,
-.k-slider .k-slider-selection {
-    border-radius: 4px;
+.k-rtl .k-numerictextbox, .k-numerictextbox[dir="rtl"] {
+    text-align: right;
 }
 
-.k-slider .k-slider-track {
-    background-color: #ebebeb;
+.k-rtl .k-numerictextbox .k-numeric-wrap .k-i-warning, .k-numerictextbox[dir="rtl"] .k-numeric-wrap .k-i-warning {
+    -ms-flex-item-align: center;
+        align-self: center;
+    margin-right: 0;
+    margin-left: 0.5em;
 }
 
-.k-slider .k-slider-selection {
-    background-color: #f35800;
+.k-rtl .k-numerictextbox .k-select, .k-numerictextbox[dir="rtl"] .k-select {
+    border-radius: 4px 0 0 4px;
+    border-width: 0 0px 0 0;
 }
 
-.k-slider .k-button {
-    border-radius: 50%;
+.k-numerictextbox .k-i-warning {
+    color: #d92800;
 }
 
-.k-slider .k-draghandle {
-    border-color: #cc4a00;
-    color: #ffffff;
-    background-color: #f35800;
-    border-radius: 50%;
+.k-numerictextbox .k-numeric-wrap {
+    border-color: #cacaca;
+    color: #272727;
+    background-color: #ffffff;
 }
 
-.k-slider .k-draghandle:hover {
-    border-color: #bc4400;
-    background-color: #e05100;
+.k-numerictextbox .k-numeric-wrap:hover, .k-numerictextbox .k-numeric-wrap.k-state-hover {
+    border-color: #bababa;
 }
 
-.k-slider .k-draghandle:active, .k-slider .k-draghandle.k-pressed {
-    border-color: #ab3e00;
-    background-color: #cc4a00;
+.k-numerictextbox .k-numeric-wrap.k-state-focused {
+    border-color: rgba(0, 0, 0, 0.1);
+    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
 }
 
-.k-slider .k-draghandle:focus, .k-slider .k-draghandle.k-state-focused {
-    box-shadow: 0 0 4px 0 rgba(204, 74, 0, 0.75);
+.k-numerictextbox .k-numeric-wrap.k-invalid, .k-numerictextbox .k-numeric-wrap.k-invalid:hover, .k-numerictextbox .k-numeric-wrap.k-state-invalid {
+    border-color: rgba(217, 40, 0, 0.5);
 }
 
-.k-slider.k-state-focused .k-draghandle {
-    box-shadow: 0 0 4px 0 rgba(204, 74, 0, 0.75);
+.k-numerictextbox .k-select {
+    border-color: #cacaca;
+    color: #272727;
+    background-color: #f0f0f0;
+    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
 }
 
-.k-slider .k-slider-wrap:focus {
-    outline: none;
+.k-numerictextbox .k-select .k-link:hover,
+.k-numerictextbox .k-select .k-link.k-state-hover {
+    border-color: #bababa;
+    background-color: #dddddd;
 }
 
-.k-slider-horizontal .k-tick {
-    background-image: url(data:image/gif;base64,R0lGODlhAQC0AIABALi4uAAAACH5BAEAAAEALAAAAAABALQAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7);
+.k-numerictextbox .k-select .k-link:active,
+.k-numerictextbox .k-select .k-link.k-state-active,
+.k-numerictextbox .k-select .k-link.k-state-selected {
+    border-color: #aaaaaa;
+    background-color: #cacaca;
 }
 
-.k-slider-vertical .k-tick {
-    background-image: url(data:image/gif;base64,R0lGODlhtAABAIABALi4uAAAACH5BAEAAAEALAAAAAC0AAEAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7);
+.k-numerictextbox.k-state-invalid .k-numeric-wrap, .k-numerictextbox.ng-invalid.ng-touched .k-numeric-wrap, .k-numerictextbox.ng-invalid.ng-dirty .k-numeric-wrap {
+    border-color: rgba(217, 40, 0, 0.5);
 }
 
 .k-colorpicker {
@@ -18691,7 +18983,7 @@ textarea.k-textarea {
 }
 
 .k-dropdowngrid-popup .k-grid-header {
-    border-width: 0 0 1px 0;
+    border-width: 0 0 1px;
     border-style: solid;
     border-color: inherit;
     display: block;
@@ -18825,7 +19117,7 @@ textarea.k-textarea {
 
 .k-dropdowngrid-popup .k-footer {
     padding: 8px 8px;
-    border-width: 1px 0 0 0;
+    border-width: 1px 0 0;
     border-style: solid;
     text-align: left;
     white-space: nowrap;
@@ -20659,10 +20951,8 @@ select.k-dropdown:focus, select.k-dropdowntree:focus {
     display: -ms-flexbox;
     display: flex;
     gap: 8px;
-    -ms-flex-direction: row;
-        flex-direction: row;
-    -ms-flex-wrap: wrap;
-        flex-wrap: wrap;
+    -ms-flex-flow: row wrap;
+        flex-flow: row wrap;
     -ms-flex-align: center;
         align-items: center;
     overflow: hidden;
@@ -21212,10 +21502,8 @@ select.k-dropdown:focus, select.k-dropdowntree:focus {
         flex: 1;
     display: -ms-flexbox;
     display: flex;
-    -ms-flex-direction: row;
-        flex-direction: row;
-    -ms-flex-wrap: nowrap;
-        flex-wrap: nowrap;
+    -ms-flex-flow: row nowrap;
+        flex-flow: row nowrap;
 }
 
 .k-window-title::before {
@@ -21413,10 +21701,8 @@ select.k-dropdown:focus, select.k-dropdowntree:focus {
 .k-drawer-container {
     display: -ms-flexbox;
     display: flex;
-    -ms-flex-direction: row;
-        flex-direction: row;
-    -ms-flex-wrap: nowrap;
-        flex-wrap: nowrap;
+    -ms-flex-flow: row nowrap;
+        flex-flow: row nowrap;
     -ms-flex-align: start;
         align-items: flex-start;
 }
@@ -21549,10 +21835,8 @@ kendo-drawer .k-drawer-wrapper {
     line-height: 1.5;
     display: -ms-flexbox;
     display: flex;
-    -ms-flex-direction: row;
-        flex-direction: row;
-    -ms-flex-wrap: nowrap;
-        flex-wrap: nowrap;
+    -ms-flex-flow: row nowrap;
+        flex-flow: row nowrap;
     cursor: pointer;
 }
 
@@ -21562,10 +21846,8 @@ kendo-drawer .k-drawer-wrapper {
     color: inherit;
     display: -ms-flexbox;
     display: flex;
-    -ms-flex-direction: row;
-        flex-direction: row;
-    -ms-flex-wrap: nowrap;
-        flex-wrap: nowrap;
+    -ms-flex-flow: row nowrap;
+        flex-flow: row nowrap;
     -ms-flex: 1 0 auto;
         flex: 1 0 auto;
 }
@@ -21700,14 +21982,12 @@ kendo-drawer .k-drawer-wrapper {
 }
 
 .k-notification-group {
-    position: fixed;
+    max-height: 100%;
     display: -ms-inline-flexbox;
     display: inline-flex;
-    -ms-flex-wrap: wrap;
-        flex-wrap: wrap;
-    max-height: 100%;
-    -ms-flex-direction: column-reverse;
-        flex-direction: column-reverse;
+    -ms-flex-flow: column-reverse wrap;
+        flex-flow: column-reverse wrap;
+    position: fixed;
 }
 
 .k-notification-container {
@@ -21741,10 +22021,8 @@ kendo-drawer .k-drawer-wrapper {
 .k-notification-wrap {
     display: -ms-flexbox;
     display: flex;
-    -ms-flex-direction: row;
-        flex-direction: row;
-    -ms-flex-wrap: nowrap;
-        flex-wrap: nowrap;
+    -ms-flex-flow: row nowrap;
+        flex-flow: row nowrap;
 }
 
 .k-notification-wrap > .k-icon {
@@ -22020,8 +22298,8 @@ kendo-drawer .k-drawer-wrapper {
     border-left-width: 0;
     left: 0;
     top: 50%;
-    -ms-transform: translatey(-50%);
-        transform: translatey(-50%);
+    -ms-transform: translateY(-50%);
+        transform: translateY(-50%);
 }
 
 .k-actionsheet-right {
@@ -22031,8 +22309,8 @@ kendo-drawer .k-drawer-wrapper {
     border-right-width: 0;
     right: 0;
     top: 50%;
-    -ms-transform: translatey(-50%);
-        transform: translatey(-50%);
+    -ms-transform: translateY(-50%);
+        transform: translateY(-50%);
 }
 
 .k-animation-container > .k-actionsheet {
@@ -22403,10 +22681,8 @@ kendo-card-footer {
 .k-card-group {
     display: -ms-flexbox;
     display: flex;
-    -ms-flex-direction: row;
-        flex-direction: row;
-    -ms-flex-wrap: nowrap;
-        flex-wrap: nowrap;
+    -ms-flex-flow: row nowrap;
+        flex-flow: row nowrap;
     -ms-flex-align: stretch;
         align-items: stretch;
     -ms-flex: 0 0 auto;
@@ -23999,12 +24275,8 @@ kendo-card-footer {
 }
 
 .k-wizard-vertical .k-wizard-content {
-    -ms-flex-positive: 1;
-        flex-grow: 1;
-    -ms-flex-negative: 1;
-        flex-shrink: 1;
-    -ms-flex-preferred-size: auto;
-        flex-basis: auto;
+    -ms-flex: 1 1 0%;
+        flex: 1 1 0%;
 }
 
 .k-wizard-vertical .k-wizard-steps {
@@ -24498,10 +24770,8 @@ kendo-card-footer {
     letter-spacing: 0.2px;
     display: -ms-flexbox;
     display: flex;
-    -ms-flex-direction: row;
-        flex-direction: row;
-    -ms-flex-wrap: nowrap;
-        flex-wrap: nowrap;
+    -ms-flex-flow: row nowrap;
+        flex-flow: row nowrap;
     white-space: nowrap;
     gap: 4px;
     overflow: hidden;
@@ -24559,10 +24829,8 @@ kendo-card-footer {
     color: inherit;
     display: -ms-flexbox;
     display: flex;
-    -ms-flex-direction: row;
-        flex-direction: row;
-    -ms-flex-wrap: nowrap;
-        flex-wrap: nowrap;
+    -ms-flex-flow: row nowrap;
+        flex-flow: row nowrap;
     -ms-flex: 1 0 auto;
         flex: 1 0 auto;
     -ms-flex-align: center;
@@ -24587,10 +24855,8 @@ kendo-card-footer {
 }
 
 .k-bottom-nav-item-flow-horizontal .k-bottom-nav-item {
-    -ms-flex-direction: row;
-        flex-direction: row;
-    -ms-flex-wrap: nowrap;
-        flex-wrap: nowrap;
+    -ms-flex-flow: row nowrap;
+        flex-flow: row nowrap;
 }
 
 .k-bottom-nav-item-flow-vertical .k-bottom-nav-item {
@@ -27485,7 +27751,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
     -ms-flex-direction: row;
         flex-direction: row;
     -ms-flex-align: start;
-        align-items: start;
+        align-items: flex-start;
     position: relative;
 }
 
@@ -28839,10 +29105,8 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
 
 .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-value-fields {
     max-height: 250px;
-    -ms-flex-direction: row;
-        flex-direction: row;
-    -ms-flex-wrap: wrap;
-        flex-wrap: wrap;
+    -ms-flex-flow: row wrap;
+        flex-flow: row wrap;
     overflow-x: hidden;
     overflow-y: auto;
 }
@@ -28873,7 +29137,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
     border-width: 0 0 1px;
     border-style: solid;
     -ms-flex-align: start;
-        align-items: start;
+        align-items: flex-start;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
 }
@@ -29740,10 +30004,8 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
     width: 100%;
     -ms-flex: 1 1 100%;
         flex: 1 1 100%;
-    -ms-flex-direction: row;
-        flex-direction: row;
-    -ms-flex-wrap: nowrap;
-        flex-wrap: nowrap;
+    -ms-flex-flow: row nowrap;
+        flex-flow: row nowrap;
 }
 
 .k-filemanager .k-splitbar {
@@ -30361,7 +30623,7 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
     display: flex;
     -ms-flex-direction: column;
         flex-direction: column;
-    padding: 10px 0 40px 0;
+    padding: 10px 0 40px;
 }
 
 .k-editor-find-replace .k-search-options > span {
@@ -30499,10 +30761,8 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
 .k-filebrowser .k-tiles {
     display: -ms-flexbox;
     display: flex;
-    -ms-flex-direction: row;
-        flex-direction: row;
-    -ms-flex-wrap: wrap;
-        flex-wrap: wrap;
+    -ms-flex-flow: row wrap;
+        flex-flow: row wrap;
     height: 390px;
     max-height: 50vh;
     margin: 0 0 1em 0;
@@ -32170,6 +32430,11 @@ kendo-scheduler.k-scheduler.k-readonly-scheduler .k-event-delete {
     padding: 0;
 }
 
+.k-scheduler-layout-flex.k-scheduler-timeline-view .k-scheduler-body .k-scheduler-cell {
+    -ms-flex-preferred-size: auto;
+        flex-basis: auto;
+}
+
 .k-scheduler-layout-flex .k-more-events {
     bottom: 2px;
     left: 0;
@@ -32332,10 +32597,8 @@ kendo-scheduler .k-scheduler-toolbar {
     border-style: solid;
     display: -ms-flexbox;
     display: flex;
-    -ms-flex-direction: row;
-        flex-direction: row;
-    -ms-flex-wrap: wrap;
-        flex-wrap: wrap;
+    -ms-flex-flow: row wrap;
+        flex-flow: row wrap;
     -ms-flex-align: center;
         align-items: center;
     -ms-flex-pack: justify;
@@ -32583,10 +32846,8 @@ kendo-scheduler .k-scheduler-footer {
     border-style: solid;
     display: -ms-flexbox;
     display: flex;
-    -ms-flex-direction: row;
-        flex-direction: row;
-    -ms-flex-wrap: wrap;
-        flex-wrap: wrap;
+    -ms-flex-flow: row wrap;
+        flex-flow: row wrap;
     -ms-flex-align: center;
         align-items: center;
     -ms-flex-pack: justify;
@@ -33842,10 +34103,8 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
     padding-right: 16px;
     display: -ms-flexbox;
     display: flex;
-    -ms-flex-direction: row;
-        flex-direction: row;
-    -ms-flex-wrap: nowrap;
-        flex-wrap: nowrap;
+    -ms-flex-flow: row nowrap;
+        flex-flow: row nowrap;
     -ms-flex: 0 0 auto;
         flex: 0 0 auto;
     overflow-x: auto;
@@ -33939,10 +34198,8 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
 .k-chat .k-card-deck .k-card-wrap {
     display: -ms-flexbox;
     display: flex;
-    -ms-flex-direction: row;
-        flex-direction: row;
-    -ms-flex-wrap: nowrap;
-        flex-wrap: nowrap;
+    -ms-flex-flow: row nowrap;
+        flex-flow: row nowrap;
     -ms-flex-align: stretch;
         align-items: stretch;
     -ms-flex: 0 0 auto;
@@ -33964,10 +34221,8 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
     border-radius: 50px;
     display: -ms-inline-flexbox;
     display: inline-flex;
-    -ms-flex-direction: row;
-        flex-direction: row;
-    -ms-flex-wrap: nowrap;
-        flex-wrap: nowrap;
+    -ms-flex-flow: row nowrap;
+        flex-flow: row nowrap;
 }
 
 .k-typing-indicator span {
@@ -34016,10 +34271,8 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
 .k-chat .k-toolbar-box .k-button-list {
     display: -ms-flexbox;
     display: flex;
-    -ms-flex-direction: row;
-        flex-direction: row;
-    -ms-flex-wrap: nowrap;
-        flex-wrap: nowrap;
+    -ms-flex-flow: row nowrap;
+        flex-flow: row nowrap;
     overflow: hidden;
     scroll-behavior: smooth;
     padding: 10px 16px;