@progress/kendo-theme-bootstrap 5.0.0-beta.1 → 5.0.0-beta.2

package/dist/all.css

@@ -1570,19 +1570,11 @@ kendo-sortable {
     border-radius: 0.3rem !important;
 }
 
-.k-rounded-circle {
-    border-radius: 50%;
-}
-
-.\!k-rounded-circle {
-    border-radius: 50% !important;
-}
-
-.k-rounded-pill {
+.k-rounded-full {
     border-radius: 9999px;
 }
 
-.\!k-rounded-pill {
+.\!k-rounded-full {
     border-radius: 9999px !important;
 }
 
@@ -1636,22 +1628,12 @@ kendo-sortable {
     border-top-right-radius: 0.3rem !important;
 }
 
-.k-rounded-top-circle {
-    border-top-left-radius: 50%;
-    border-top-right-radius: 50%;
-}
-
-.\!k-rounded-top-circle {
-    border-top-left-radius: 50% !important;
-    border-top-right-radius: 50% !important;
-}
-
-.k-rounded-top-pill {
+.k-rounded-top-full {
     border-top-left-radius: 9999px;
     border-top-right-radius: 9999px;
 }
 
-.\!k-rounded-top-pill {
+.\!k-rounded-top-full {
     border-top-left-radius: 9999px !important;
     border-top-right-radius: 9999px !important;
 }
@@ -1706,22 +1688,12 @@ kendo-sortable {
     border-bottom-right-radius: 0.3rem !important;
 }
 
-.k-rounded-right-circle {
-    border-top-right-radius: 50%;
-    border-bottom-right-radius: 50%;
-}
-
-.\!k-rounded-right-circle {
-    border-top-right-radius: 50% !important;
-    border-bottom-right-radius: 50% !important;
-}
-
-.k-rounded-right-pill {
+.k-rounded-right-full {
     border-top-right-radius: 9999px;
     border-bottom-right-radius: 9999px;
 }
 
-.\!k-rounded-right-pill {
+.\!k-rounded-right-full {
     border-top-right-radius: 9999px !important;
     border-bottom-right-radius: 9999px !important;
 }
@@ -1776,22 +1748,12 @@ kendo-sortable {
     border-bottom-right-radius: 0.3rem !important;
 }
 
-.k-rounded-bottom-circle {
-    border-bottom-left-radius: 50%;
-    border-bottom-right-radius: 50%;
-}
-
-.\!k-rounded-bottom-circle {
-    border-bottom-left-radius: 50% !important;
-    border-bottom-right-radius: 50% !important;
-}
-
-.k-rounded-bottom-pill {
+.k-rounded-bottom-full {
     border-bottom-left-radius: 9999px;
     border-bottom-right-radius: 9999px;
 }
 
-.\!k-rounded-bottom-pill {
+.\!k-rounded-bottom-full {
     border-bottom-left-radius: 9999px !important;
     border-bottom-right-radius: 9999px !important;
 }
@@ -1846,22 +1808,12 @@ kendo-sortable {
     border-top-left-radius: 0.3rem !important;
 }
 
-.k-rounded-left-circle {
-    border-bottom-left-radius: 50%;
-    border-top-left-radius: 50%;
-}
-
-.\!k-rounded-left-circle {
-    border-bottom-left-radius: 50% !important;
-    border-top-left-radius: 50% !important;
-}
-
-.k-rounded-left-pill {
+.k-rounded-left-full {
     border-bottom-left-radius: 9999px;
     border-top-left-radius: 9999px;
 }
 
-.\!k-rounded-left-pill {
+.\!k-rounded-left-full {
     border-bottom-left-radius: 9999px !important;
     border-top-left-radius: 9999px !important;
 }
@@ -1906,19 +1858,11 @@ kendo-sortable {
     border-top-left-radius: 0.3rem !important;
 }
 
-.k-rounded-top-left-circle {
-    border-top-left-radius: 50%;
-}
-
-.\!k-rounded-top-left-circle {
-    border-top-left-radius: 50% !important;
-}
-
-.k-rounded-top-left-pill {
+.k-rounded-top-left-full {
     border-top-left-radius: 9999px;
 }
 
-.\!k-rounded-top-left-pill {
+.\!k-rounded-top-left-full {
     border-top-left-radius: 9999px !important;
 }
 
@@ -1962,19 +1906,11 @@ kendo-sortable {
     border-top-right-radius: 0.3rem !important;
 }
 
-.k-rounded-top-right-circle {
-    border-top-right-radius: 50%;
-}
-
-.\!k-rounded-top-right-circle {
-    border-top-right-radius: 50% !important;
-}
-
-.k-rounded-top-right-pill {
+.k-rounded-top-right-full {
     border-top-right-radius: 9999px;
 }
 
-.\!k-rounded-top-right-pill {
+.\!k-rounded-top-right-full {
     border-top-right-radius: 9999px !important;
 }
 
@@ -2018,19 +1954,11 @@ kendo-sortable {
     border-bottom-left-radius: 0.3rem !important;
 }
 
-.k-rounded-bottom-left-circle {
-    border-bottom-left-radius: 50%;
-}
-
-.\!k-rounded-bottom-left-circle {
-    border-bottom-left-radius: 50% !important;
-}
-
-.k-rounded-bottom-left-pill {
+.k-rounded-bottom-left-full {
     border-bottom-left-radius: 9999px;
 }
 
-.\!k-rounded-bottom-left-pill {
+.\!k-rounded-bottom-left-full {
     border-bottom-left-radius: 9999px !important;
 }
 
@@ -2074,19 +2002,11 @@ kendo-sortable {
     border-bottom-right-radius: 0.3rem !important;
 }
 
-.k-rounded-bottom-right-circle {
-    border-bottom-right-radius: 50%;
-}
-
-.\!k-rounded-bottom-right-circle {
-    border-bottom-right-radius: 50% !important;
-}
-
-.k-rounded-bottom-right-pill {
+.k-rounded-bottom-right-full {
     border-bottom-right-radius: 9999px;
 }
 
-.\!k-rounded-bottom-right-pill {
+.\!k-rounded-bottom-right-full {
     border-bottom-right-radius: 9999px !important;
 }
 
@@ -2122,40 +2042,54 @@ kendo-sortable {
     display: none !important;
 }
 
-.k-d-flex {
+.k-d-flex, .k-d-flex-row, .k-d-flex-col {
     display: flex;
 }
 
+.\!k-d-flex, .\!k-d-flex-row, .\!k-d-flex-col {
+    display: flex !important;
+}
+
 .k-d-inline-flex {
     display: inline-flex;
 }
 
-.k-d-flex-row {
-    display: flex;
-    flex-direction: row;
+.\!k-d-inline-flex {
+    display: inline-flex !important;
 }
 
-.k-d-flex-col {
-    display: flex;
-    flex-direction: column;
+.k-flex-row, .k-d-flex-row {
+    flex-direction: row;
 }
 
-.k-flex-row {
-    flex-direction: row;
+.\!k-flex-row, .\!k-d-flex-row, .\!k-d-flex-col {
+    flex-direction: row !important;
 }
 
 .k-flex-row-reverse {
     flex-direction: row-reverse;
 }
 
-.k-flex-col, .k-flex-column {
+.\!k-flex-row-reverse {
+    flex-direction: row-reverse !important;
+}
+
+.k-flex-col, .k-d-flex-col, .k-flex-column {
     flex-direction: column;
 }
 
+.\!k-flex-col {
+    flex-direction: column !important;
+}
+
 .k-flex-col-reverse, .k-flex-column-reverse {
     flex-direction: column-reverse;
 }
 
+.\!k-flex-col-reverse {
+    flex-direction: column-reverse;
+}
+
 .k-flex-wrap {
     flex-wrap: wrap;
 }
@@ -10547,21 +10481,32 @@ kendo-sortable {
 .k-list {
     margin: 0;
     padding: 0;
+    display: flex;
+    flex-flow: column nowrap;
     outline: none;
+    position: relative;
+    overflow: hidden;
+}
+
+.k-popup > .k-list {
+    height: 100%;
+    border-width: 0;
 }
 
-.k-list-header {
+.k-list-group-sticky-header {
     border-width: 0;
     border-width: 0 0 1px;
     border-style: solid;
     font-weight: bold;
     white-space: nowrap;
+    flex: none;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
 .k-list-content {
     border-color: inherit;
+    flex: 1 1 auto;
     overflow: hidden;
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;
@@ -10639,7 +10584,10 @@ kendo-sortable {
 }
 
 .k-virtual-list .k-list-item, .k-virtual-list .k-list-optionlabel,
-.k-virtual-list .k-list-group-item {
+.k-virtual-list .k-list-group-item,
+.k-virtual-content .k-list-item,
+.k-virtual-content .k-list-optionlabel,
+.k-virtual-content .k-list-group-item {
     position: absolute;
     width: 100%;
 }
@@ -10662,7 +10610,7 @@ kendo-sortable {
     font-size: 0.875rem;
 }
 
-.k-list-sm .k-list-header {
+.k-list-sm .k-list-group-sticky-header {
     padding: 0.1875rem 0.75rem;
 }
 
@@ -10678,7 +10626,7 @@ kendo-sortable {
     font-size: 1rem;
 }
 
-.k-list-md .k-list-header {
+.k-list-md .k-list-group-sticky-header {
     padding: 0.25rem 1rem;
 }
 
@@ -10694,7 +10642,7 @@ kendo-sortable {
     font-size: 1rem;
 }
 
-.k-list-lg .k-list-header {
+.k-list-lg .k-list-group-sticky-header {
     padding: 0.3125rem 1.25rem;
 }
 
@@ -10722,7 +10670,7 @@ kendo-sortable {
     background-color: #ffffff;
 }
 
-.k-list-header {
+.k-list-group-sticky-header {
     border-color: inherit;
 }
 
@@ -11606,14 +11554,14 @@ kendo-badge-container {
     z-index: 2;
 }
 
-.k-button-group .k-group-start,
-.k-button-group .k-button:first-child {
+.k-button-group .k-group-start:not(:only-child),
+.k-button-group .k-button:first-child:not(:only-child) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }
 
-.k-button-group .k-group-end,
-.k-button-group .k-button:last-child {
+.k-button-group .k-group-end:not(:only-child),
+.k-button-group .k-button:last-child:not(:only-child) {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
 }
@@ -12796,7 +12744,6 @@ kendo-badge-container {
 
 .k-input,
 .k-picker {
-    border-radius: 0.25rem;
     margin: 0;
     padding: 0;
     width: 100%;
@@ -12914,13 +12861,12 @@ textarea.k-input-inner {
 
 .k-icon-picker .k-input-inner {
     padding: 0.375rem;
-    width: calc(1.5em + 0.75rem);
-    height: calc(1.5em + 0.75rem);
     justify-content: center;
 }
 
 .k-input-prefix,
 .k-input-suffix {
+    border-color: inherit;
     display: flex;
     flex-flow: row nowrap;
     align-items: center;
@@ -12932,12 +12878,21 @@ textarea.k-input-inner {
     flex-shrink: 0;
 }
 
+.k-input-separator {
+    margin: 0;
+    width: 0;
+    height: 16px;
+    border-width: 0 0 0 1px;
+    border-style: solid;
+    border-color: inherit;
+    align-self: center;
+}
+
 .k-input-icon,
 .k-input-validation-icon,
 .k-input-loading-icon {
-    width: calc(16px + 0.75rem);
-    height: 2.25rem;
     flex: none;
+    align-self: center;
     display: inline-flex;
     flex-flow: row nowrap;
     align-items: center;
@@ -12945,10 +12900,9 @@ textarea.k-input-inner {
 }
 
 .k-clear-value {
-    width: calc(16px + 0.75rem);
-    height: 2.25rem;
     outline: 0;
     flex: none;
+    align-self: center;
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -13019,6 +12973,22 @@ textarea.k-input-inner {
     flex-flow: row nowrap;
 }
 
+.k-picker-wrap,
+.k-dropdown-wrap,
+.k-dateinput-wrap,
+.k-multiselect-wrap,
+.k-numeric-wrap {
+    width: 100%;
+    border-width: 0;
+    border-color: inherit;
+    box-sizing: border-box;
+    flex: 1 1 auto;
+    display: flex;
+    flex-flow: row nowrap;
+    overflow: hidden;
+    position: relative;
+}
+
 .k-input-flat,
 .k-picker-flat {
     border-radius: 0 !important;
@@ -13049,6 +13019,26 @@ textarea.k-input-inner {
     padding: 0.25rem 0.5rem;
 }
 
+.k-input-sm .k-input-icon,
+.k-input-sm .k-input-validation-icon,
+.k-input-sm .k-input-loading-icon,
+.k-input-sm .k-clear-value,
+.k-picker-sm .k-input-icon,
+.k-picker-sm .k-input-validation-icon,
+.k-picker-sm .k-input-loading-icon,
+.k-picker-sm .k-clear-value {
+    width: calc(16px + 0.5rem);
+    height: calc(16px + 0.5rem);
+}
+
+.k-input-sm.k-icon-picker .k-input-inner,
+.k-picker-sm.k-icon-picker .k-input-inner {
+    width: 1.5em;
+    height: 1.5em;
+    padding: 0.25rem;
+    box-sizing: content-box;
+}
+
 .k-input-md,
 .k-picker-md {
     font-size: 1rem;
@@ -13060,6 +13050,26 @@ textarea.k-input-inner {
     padding: 0.375rem 0.75rem;
 }
 
+.k-input-md .k-input-icon,
+.k-input-md .k-input-validation-icon,
+.k-input-md .k-input-loading-icon,
+.k-input-md .k-clear-value,
+.k-picker-md .k-input-icon,
+.k-picker-md .k-input-validation-icon,
+.k-picker-md .k-input-loading-icon,
+.k-picker-md .k-clear-value {
+    width: calc(16px + 0.75rem);
+    height: calc(16px + 0.75rem);
+}
+
+.k-input-md.k-icon-picker .k-input-inner,
+.k-picker-md.k-icon-picker .k-input-inner {
+    width: 1.5em;
+    height: 1.5em;
+    padding: 0.375rem;
+    box-sizing: content-box;
+}
+
 .k-input-lg,
 .k-picker-lg {
     font-size: 1.25rem;
@@ -13071,6 +13081,26 @@ textarea.k-input-inner {
     padding: 0.5rem 1rem;
 }
 
+.k-input-lg .k-input-icon,
+.k-input-lg .k-input-validation-icon,
+.k-input-lg .k-input-loading-icon,
+.k-input-lg .k-clear-value,
+.k-picker-lg .k-input-icon,
+.k-picker-lg .k-input-validation-icon,
+.k-picker-lg .k-input-loading-icon,
+.k-picker-lg .k-clear-value {
+    width: calc(16px + 1rem);
+    height: calc(16px + 1rem);
+}
+
+.k-input-lg.k-icon-picker .k-input-inner,
+.k-picker-lg.k-icon-picker .k-input-inner {
+    width: 1.5em;
+    height: 1.5em;
+    padding: 0.5rem;
+    box-sizing: content-box;
+}
+
 @keyframes autoFillStart {
     from {
     }
@@ -13118,15 +13148,15 @@ textarea.k-input-inner {
     box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }
 
-.k-input:invalid, .k-input.k-invalid {
+.k-input:invalid, .k-input.k-invalid, .k-input.ng-invalid {
     border-color: #dc3545;
 }
 
-.k-input:invalid .k-input-validation-icon, .k-input.k-invalid .k-input-validation-icon {
+.k-input:invalid .k-input-validation-icon, .k-input.k-invalid .k-input-validation-icon, .k-input.ng-invalid .k-input-validation-icon {
     color: #dc3545;
 }
 
-.k-input:invalid:focus, .k-input:invalid.k-focus, .k-input.k-invalid:focus, .k-input.k-invalid.k-focus {
+.k-input:invalid:focus, .k-input:invalid.k-focus, .k-input.k-invalid:focus, .k-input.k-invalid.k-focus, .k-input.ng-invalid:focus, .k-input.ng-invalid.k-focus {
     box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
 }
 
@@ -13145,15 +13175,15 @@ textarea.k-input-inner {
     box-shadow: 0 0 0 3px rgba(228, 231, 235, 0.5);
 }
 
-.k-picker:invalid, .k-picker.k-invalid {
+.k-picker:invalid, .k-picker.k-invalid, .k-picker.ng-invalid {
     border-color: #dc3545;
 }
 
-.k-picker:invalid .k-input-validation-icon, .k-picker.k-invalid .k-input-validation-icon {
+.k-picker:invalid .k-input-validation-icon, .k-picker.k-invalid .k-input-validation-icon, .k-picker.ng-invalid .k-input-validation-icon {
     color: #dc3545;
 }
 
-.k-picker:invalid:focus, .k-picker:invalid.k-focus, .k-picker.k-invalid:focus, .k-picker.k-invalid.k-focus {
+.k-picker:invalid:focus, .k-picker:invalid.k-focus, .k-picker.k-invalid:focus, .k-picker.k-invalid.k-focus, .k-picker.ng-invalid:focus, .k-picker.ng-invalid.k-focus {
     box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
 }
 
@@ -13252,6 +13282,10 @@ textarea.k-input-inner {
     border-style: solid;
 }
 
+.k-data-table .k-table {
+    table-layout: fixed;
+}
+
 .k-table-thead,
 .k-table-tbody,
 .k-table-tfoot {
@@ -13308,7 +13342,7 @@ textarea.k-input-inner {
     width: 100%;
     max-width: none;
     border-width: 0;
-    display: table-row-group;
+    display: table;
     border-collapse: collapse;
     border-spacing: 0;
     table-layout: fixed;
@@ -13317,10 +13351,11 @@ textarea.k-input-inner {
     outline: none;
 }
 
-.k-table-list .k-table-row {
+.k-table-list .k-table-row,
+.k-table-list .k-table-group-row {
     width: 100%;
     box-sizing: border-box;
-    display: flex;
+    display: table-row;
     position: relative;
 }
 
@@ -13333,6 +13368,23 @@ textarea.k-input-inner {
     vertical-align: middle;
 }
 
+.k-table-list .k-table-group-row::before {
+    content: ".";
+    padding: 0;
+    width: 0;
+    display: block;
+    overflow: hidden;
+}
+
+.k-table-list .k-table-group-row .k-table-th {
+    width: 100%;
+    border-color: inherit;
+    color: inherit;
+    background-color: inherit;
+    position: absolute;
+    top: 0;
+}
+
 .k-table-list .k-table-spacer-td {
     padding: 0 !important;
     width: 0 !important;
@@ -13355,6 +13407,11 @@ textarea.k-input-inner {
     right: 0;
 }
 
+.k-virtual-table .k-table-row {
+    position: absolute;
+    width: 100%;
+}
+
 .k-table-scroller {
     position: relative;
     overflow: auto;
@@ -13397,6 +13454,10 @@ textarea.k-input-inner {
     padding: 0 0.125rem;
 }
 
+.k-table-sm .k-table-list .k-table-group-row::before {
+    padding: 0.25rem 0;
+}
+
 .k-table-md {
     font-size: 1rem;
     line-height: 1.5;
@@ -13411,6 +13472,10 @@ textarea.k-input-inner {
     padding: 0 0.25rem;
 }
 
+.k-table-md .k-table-list .k-table-group-row::before {
+    padding: 0.5rem 0;
+}
+
 .k-table-lg {
     font-size: 1rem;
     line-height: 1.5;
@@ -13425,6 +13490,10 @@ textarea.k-input-inner {
     padding: 0 0.375rem;
 }
 
+.k-table-lg .k-table-list .k-table-group-row::before {
+    padding: 0.75rem 0;
+}
+
 .k-rtl.k-table,
 .k-rtl .k-table,
 [dir="rtl"].k-table,
@@ -13701,13 +13770,14 @@ textarea.k-input-inner {
     padding: 0.5rem 0.5rem;
     border-width: 1px;
     border-style: solid;
-    box-sizing: border-box;
+    outline: 0;
     font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     font-size: 1rem;
     line-height: normal;
     display: inline-flex;
-    justify-content: center;
+    flex-flow: row nowrap;
     align-items: center;
+    justify-content: center;
     gap: 0.5rem;
     position: relative;
     overflow: hidden;
@@ -13717,20 +13787,103 @@ textarea.k-input-inner {
             user-select: none;
 }
 
-.k-chip:focus, .k-chip.k-chip-focus {
-    outline: 0;
+.k-chip .k-selected-icon-wrapper {
+    display: none !important;
 }
 
 .k-chip-content {
     min-width: 0;
-    display: inline-flex;
+    display: flex;
+    flex-flow: row nowrap;
+    align-items: center;
+    overflow: hidden;
     flex: 1 1 auto;
+}
+
+.k-chip-content:first-child {
+    margin-inline-start: 0.5rem;
+}
+
+.k-chip-content:last-child {
+    margin-inline-end: 0.5rem;
+}
+
+.k-chip-text,
+.k-chip-label {
     white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    flex: 1 1 auto;
+}
+
+.k-chip-avatar {
+    border-radius: 50%;
+    background-size: cover;
+    background-position: center;
+    flex: none;
+}
+
+.k-chip-icon {
+    font-size: inherit;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex: none;
+}
+
+.k-ie .k-chip-icon {
+    margin-right: 0.5rem;
+}
+
+.k-chip-actions {
+    flex: none;
+    display: flex;
+    flex-flow: row nowrap;
+    align-items: center;
+    align-self: center;
+}
+
+.k-chip-action {
+    flex: none;
+    display: flex;
+    flex-flow: row nowrap;
+    align-items: center;
+    align-self: center;
 }
 
-.k-chip-icon,
-.k-chip-remove-icon {
+.k-remove-icon {
     font-size: inherit;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex: none;
+}
+
+.k-ie .k-remove-icon {
+    margin-right: 0;
+    margin-left: 0.5rem;
+}
+
+.k-chip-list {
+    min-width: 0px;
+    display: inline-flex;
+    flex-wrap: wrap;
+    align-items: center;
+    position: relative;
+}
+
+.k-ie .k-chip.k-rtl .k-chip-icon,
+.k-ie .k-rtl .k-chip .k-chip-icon,
+.k-ie .k-chip[dir="rtl"] .k-chip-icon {
+    margin-right: 0;
+    margin-left: 0.5rem;
+}
+
+.k-ie .k-chip.k-rtl .k-remove-icon,
+.k-ie .k-rtl .k-chip .k-remove-icon,
+.k-ie .k-chip[dir="rtl"] .k-remove-icon {
+    margin-left: 0;
+    margin-right: 0.5rem;
 }
 
 .k-chip-sm {
@@ -13740,6 +13893,12 @@ textarea.k-input-inner {
     line-height: normal;
 }
 
+.k-chip-avatar {
+    width: 1em;
+    height: 1em;
+    flex-basis: 1em;
+}
+
 .k-chip-md {
     height: calc(1em + 0.875rem + 2px);
     padding: 0.4375rem;
@@ -13747,6 +13906,12 @@ textarea.k-input-inner {
     line-height: normal;
 }
 
+.k-chip-avatar {
+    width: 1em;
+    height: 1em;
+    flex-basis: 1em;
+}
+
 .k-chip-lg {
     height: calc(1em + 1.25rem + 2px);
     padding: 0.625rem;
@@ -13760,19 +13925,6 @@ textarea.k-input-inner {
     flex-basis: 1em;
 }
 
-.k-chip-avatar .k-avatar-image > img {
-    vertical-align: top;
-}
-
-.k-chip-list {
-    min-width: 0px;
-    display: inline-flex;
-    flex-wrap: wrap;
-    align-items: center;
-    position: relative;
-    box-sizing: border-box;
-}
-
 .k-chip-list-sm {
     gap: 0.25rem;
 }
@@ -13786,98 +13938,98 @@ textarea.k-input-inner {
 }
 
 .k-chip-solid-base {
-    border-color: rgba(33, 37, 41, 0.3);
+    border-color: #bcbebf;
     color: #212529;
-    background-color: rgba(33, 37, 41, 0.08);
+    background-color: #edeeee;
 }
 
 .k-chip-solid-base:focus, .k-chip-solid-base.k-focus {
     box-shadow: 0 0 0 2px rgba(33, 37, 41, 0.16);
-    background-color: rgba(33, 37, 41, 0.08);
+    background-color: #edeeee;
 }
 
 .k-chip-solid-base:hover, .k-chip-solid-base.k-hover {
-    background-color: rgba(33, 37, 41, 0.16);
+    background-color: #dbdcdd;
 }
 
 .k-chip-solid-base.k-selected {
-    background-color: rgba(33, 37, 41, 0.24);
+    background-color: #cacbcc;
 }
 
 .k-chip-solid-error {
-    border-color: rgba(220, 53, 69, 0.3);
+    border-color: #f5c2c7;
     color: #dc3545;
-    background-color: rgba(220, 53, 69, 0.08);
+    background-color: #fceff0;
 }
 
 .k-chip-solid-error:focus, .k-chip-solid-error.k-focus {
     box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.16);
-    background-color: rgba(220, 53, 69, 0.08);
+    background-color: #fceff0;
 }
 
 .k-chip-solid-error:hover, .k-chip-solid-error.k-hover {
-    background-color: rgba(220, 53, 69, 0.16);
+    background-color: #f9dfe1;
 }
 
 .k-chip-solid-error.k-selected {
-    background-color: rgba(220, 53, 69, 0.24);
+    background-color: #f7cfd2;
 }
 
 .k-chip-solid-info {
-    border-color: rgba(13, 202, 240, 0.3);
+    border-color: #b6effb;
     color: #0dcaf0;
-    background-color: rgba(13, 202, 240, 0.08);
+    background-color: #ecfbfe;
 }
 
 .k-chip-solid-info:focus, .k-chip-solid-info.k-focus {
     box-shadow: 0 0 0 2px rgba(13, 202, 240, 0.16);
-    background-color: rgba(13, 202, 240, 0.08);
+    background-color: #ecfbfe;
 }
 
 .k-chip-solid-info:hover, .k-chip-solid-info.k-hover {
-    background-color: rgba(13, 202, 240, 0.16);
+    background-color: #d8f7fd;
 }
 
 .k-chip-solid-info.k-selected {
-    background-color: rgba(13, 202, 240, 0.24);
+    background-color: #c5f2fb;
 }
 
 .k-chip-solid-warning {
-    border-color: rgba(255, 193, 7, 0.3);
+    border-color: #ffecb5;
     color: #ffc107;
-    background-color: rgba(255, 193, 7, 0.08);
+    background-color: #fffaeb;
 }
 
 .k-chip-solid-warning:focus, .k-chip-solid-warning.k-focus {
     box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.16);
-    background-color: rgba(255, 193, 7, 0.08);
+    background-color: #fffaeb;
 }
 
 .k-chip-solid-warning:hover, .k-chip-solid-warning.k-hover {
-    background-color: rgba(255, 193, 7, 0.16);
+    background-color: #fff5d7;
 }
 
 .k-chip-solid-warning.k-selected {
-    background-color: rgba(255, 193, 7, 0.24);
+    background-color: #fff0c3;
 }
 
 .k-chip-solid-success {
-    border-color: rgba(25, 135, 84, 0.3);
+    border-color: #badbcc;
     color: #198754;
-    background-color: rgba(25, 135, 84, 0.08);
+    background-color: #edf5f1;
 }
 
 .k-chip-solid-success:focus, .k-chip-solid-success.k-focus {
     box-shadow: 0 0 0 2px rgba(25, 135, 84, 0.16);
-    background-color: rgba(25, 135, 84, 0.08);
+    background-color: #edf5f1;
 }
 
 .k-chip-solid-success:hover, .k-chip-solid-success.k-hover {
-    background-color: rgba(25, 135, 84, 0.16);
+    background-color: #daece4;
 }
 
 .k-chip-solid-success.k-selected {
-    background-color: rgba(25, 135, 84, 0.24);
+    background-color: #c8e2d6;
 }
 
 .k-chip-outline-base {
@@ -13981,6 +14133,8 @@ textarea.k-input-inner {
 }
 
 .k-color-preview {
+    width: 100%;
+    height: 100%;
     border-width: 1px;
     border-radius: 0.25rem;
     border-style: solid;
@@ -13991,11 +14145,19 @@ textarea.k-input-inner {
     overflow: hidden;
 }
 
-.k-color-preview::before {
-    content: "";
+.k-color-preview > .k-color-preview-mask {
     width: 100%;
     height: 100%;
-    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+
+.k-color-preview::before {
+    content: "";
+    width: 100%;
+    height: 100%;
+    display: block;
     position: relative;
     z-index: -1;
 }
@@ -14010,19 +14172,21 @@ textarea.k-input-inner {
     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;
+    position: static;
 }
 
 .k-icon-color-preview::before {
     display: none;
 }
 
-.k-no-color::after {
+.k-no-color::before {
     content: "";
     width: 100%;
     height: 100%;
@@ -14045,10 +14209,11 @@ textarea.k-input-inner {
     border-color: #d6d9dc;
 }
 
-.k-no-color::after {
+.k-no-color::before {
     background-color: #ffffff;
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' version='1.1'%3e%3cline x1='0' x2='20' y1='0' y2='20' stroke='%23dc3545' stroke-width='1'/%3e%3c/svg%3e");
     background-size: 100% 100%;
+    background-position: 0 0;
 }
 
 .k-loader {
@@ -16315,11 +16480,13 @@ kendo-label.k-radio-label > .k-label {
 }
 
 .k-slider .k-button-increase {
+    position: absolute;
     right: 0;
     top: 0;
 }
 
 .k-slider .k-button-decrease {
+    position: absolute;
     left: 0;
     top: 0;
 }
@@ -17507,6 +17674,249 @@ kendo-label.k-radio-label > .k-label {
     background-image: linear-gradient(to right, rgba(13, 110, 253, 0.25), transparent 100%);
 }
 
+.k-timeselector {
+    border-width: 1px;
+    border-style: solid;
+    box-sizing: border-box;
+    outline: 0;
+    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-size: 1rem;
+    line-height: 1.5;
+    position: relative;
+    overflow: hidden;
+    display: flex;
+    flex-flow: column nowrap;
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+    -webkit-touch-callout: none;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+.k-popup > .k-timeselector {
+    border-width: 0;
+}
+
+.k-time-header,
+.k-time-selector-header {
+    padding: 0.25rem 0.25rem;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex: 0 0 auto;
+}
+
+.k-time-header .k-title,
+.k-time-header .k-time-selector-header-title,
+.k-time-selector-header .k-title,
+.k-time-selector-header .k-time-selector-header-title {
+    padding: 0.375rem 0.75rem;
+    font-weight: bold;
+    display: inline-block;
+}
+
+.k-time-header .k-time-now,
+.k-time-selector-header .k-time-now {
+    border-width: 0;
+    line-height: inherit;
+    cursor: pointer;
+}
+
+.k-time-list-container {
+    display: flex;
+    position: relative;
+    flex: 1 1 auto;
+}
+
+.k-time-highlight,
+.k-time-list-highlight {
+    width: 100%;
+    height: 2rem;
+    border-width: 1px 0px;
+    border-style: solid;
+    box-sizing: border-box;
+    position: absolute;
+    top: calc(50% + 0.65625rem);
+    left: 0;
+    right: 0;
+    transform: translateY(-50%);
+    z-index: 1;
+}
+
+.k-time-list-wrapper {
+    min-width: 4em;
+    height: 240px;
+    box-sizing: content-box;
+    display: inline-flex;
+    flex-flow: column nowrap;
+    align-items: stretch;
+    overflow: hidden;
+    position: relative;
+    text-align: center;
+    flex: 1 1 auto;
+}
+
+.k-time-list-wrapper .k-title {
+    font-size: 0.875rem;
+    line-height: 1.5;
+    font-weight: bold;
+    text-align: center;
+    text-transform: capitalize;
+    display: block;
+}
+
+.k-time-list-wrapper.k-state-focused::before, .k-time-list-wrapper.k-state-focused::after {
+    display: block;
+    content: " ";
+    position: absolute;
+    width: 100%;
+    left: 0;
+    pointer-events: none;
+    height: calc(50% - 1rem);
+    box-sizing: border-box;
+    border-width: 0;
+    border-style: solid;
+}
+
+.k-time-list-wrapper.k-state-focused::before {
+    top: 1.3125rem;
+}
+
+.k-time-list-wrapper.k-state-focused::after {
+    bottom: 0;
+}
+
+.k-time-list {
+    display: flex;
+    flex-flow: row nowrap;
+    align-items: stretch;
+    flex: 1;
+    position: relative;
+    z-index: 1;
+    overflow: hidden;
+}
+
+.k-time-list::before, .k-time-list::after {
+    display: block;
+    position: absolute;
+    content: " ";
+    height: 0;
+    line-height: 0;
+    z-index: 1;
+    width: 200%;
+    left: -50%;
+}
+
+.k-time-list::before {
+    top: 0;
+}
+
+.k-time-list::after {
+    bottom: 0;
+}
+
+.k-time-container,
+.k-time-list-content {
+    position: relative;
+    flex: 1 1 auto;
+    display: block;
+    overflow-x: hidden;
+    overflow-y: scroll;
+    padding-right: 100px;
+    padding-left: 100px;
+    margin-left: -100px;
+    margin-right: -117px;
+}
+
+.k-time-container > ul,
+.k-time-list-content > ul {
+    height: auto;
+    width: 4em;
+    margin: auto;
+}
+
+.k-rtl .k-time-container [dir="rtl"] .k-time-container, .k-rtl
+.k-time-list-content [dir="rtl"] .k-time-container, .k-rtl .k-time-container [dir="rtl"]
+.k-time-list-content, .k-rtl
+.k-time-list-content [dir="rtl"]
+.k-time-list-content {
+    padding-right: 100px;
+    padding-left: 100px;
+    margin-left: -117px;
+    margin-right: -100px;
+}
+
+.k-time-container .k-scrollable-placeholder,
+.k-time-list-content .k-scrollable-placeholder {
+    position: absolute;
+    width: 1px;
+    top: 0;
+    right: 0;
+}
+
+.k-time-list-item,
+.k-time-list .k-item {
+    padding: 0.25rem 1rem;
+}
+
+.k-time-separator {
+    width: 0;
+    height: 2rem;
+    align-self: center;
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    position: relative;
+    z-index: 11;
+    top: 0.65625rem;
+}
+
+.k-timeselector {
+    border-color: #dee2e6;
+    color: #212529;
+    background-color: #ffffff;
+}
+
+.k-time-header .k-time-now,
+.k-time-selector-header .k-time-now {
+    color: #0d6efd;
+}
+
+.k-time-header .k-time-now:hover,
+.k-time-selector-header .k-time-now:hover {
+    color: #0a58ca;
+}
+
+.k-time-list-wrapper .k-title {
+    color: #6c757d;
+}
+
+.k-time-list-wrapper.k-state-focused .k-title {
+    color: #212529;
+}
+
+.k-time-list-wrapper.k-state-focused::before, .k-time-list-wrapper.k-state-focused::after {
+    background-color: rgba(0, 0, 0, 0.02);
+}
+
+.k-time-list::before, .k-time-list::after {
+    box-shadow: 0 0 3em 1.5em #ffffff;
+}
+
+.k-time-list .k-item:hover {
+    color: #0d6efd;
+}
+
+.k-time-container {
+    background: transparent;
+}
+
+.k-time-highlight {
+    border-color: #dee2e6;
+    background-color: #ffffff;
+}
+
 .k-captcha {
     width: 335px;
     box-sizing: border-box;
@@ -17744,444 +18154,176 @@ kendo-label.k-radio-label > .k-label {
 
 .k-colorgradient-color-contrast > div {
     display: flex;
-    flex-flow: row nowrap;
-    gap: 0.5rem;
-}
-
-.k-colorgradient-color-contrast .k-contrast-ratio {
-    margin-bottom: 0.5rem;
-}
-
-.k-colorgradient-color-contrast .k-contrast-ratio-text {
-    font-weight: 700;
-}
-
-.k-colorgradient-color-contrast .k-contrast-validation {
-    display: inline-flex;
-    align-items: center;
-    gap: 0.25rem;
-}
-
-.k-colorgradient-color-contrast .k-contrast-validation .k-icon {
-    vertical-align: middle;
-}
-
-.k-colorgradient-color-contrast .k-contrast-validation .k-i-check + .k-i-check {
-    margin-left: -13px;
-}
-
-.k-color-contrast-svg {
-    position: absolute;
-    top: 0;
-    left: 0;
-    overflow: visible;
-    pointer-events: none;
-}
-
-.k-rtl .k-colorgradient-color-contrast .k-i-check + .k-i-check,
-[dir="rtl"] .k-colorgradient-color-contrast .k-i-check + .k-i-check {
-    margin-left: 0;
-    margin-right: -13px;
-}
-
-.k-colorgradient {
-    border-color: #dee2e6;
-    color: #212529;
-    background-color: #ffffff;
-}
-
-.k-colorgradient:focus,
-.k-colorgradient.k-state-focus,
-.k-colorgradient.k-focus {
-    border-color: #d6d9dc;
-}
-
-.k-colorgradient-canvas .k-hsv-gradient {
-    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black), linear-gradient(to right, white, rgba(255, 255, 255, 0));
-}
-
-.k-colorgradient .k-draghandle {
-    border-color: rgba(255, 255, 255, 0.8);
-    background-color: transparent;
-    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
-}
-
-.k-colorgradient .k-draghandle:focus, .k-colorgradient .k-draghandle.k-state-focus, .k-colorgradient .k-draghandle.k-focus {
-    border-color: #ffffff;
-    background-color: transparent;
-    box-shadow: 0 1px 4px black;
-}
-
-.k-colorgradient .k-draghandle:active, .k-colorgradient .k-draghandle:hover, .k-colorgradient .k-draghandle.k-state-hover, .k-colorgradient .k-draghandle.k-hover {
-    border-color: #ffffff;
-    background-color: transparent;
-    box-shadow: 0 1px 4px black;
-}
-
-.k-colorgradient-slider.k-hue-slider.k-slider-horizontal .k-slider-track {
-    background: linear-gradient(to right, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000);
-}
-
-.k-colorgradient-slider.k-hue-slider.k-slider-vertical .k-slider-track {
-    background: linear-gradient(to top, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000);
-}
-
-.k-colorgradient-slider.k-alpha-slider .k-slider-track::before {
-    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC") center repeat;
-}
-
-.k-colorgradient-input-label {
-    color: #adb5bd;
-}
-
-.k-rtl .k-colorgradient .k-hue-slider.k-slider-horizontal .k-slider-track,
-[dir="rtl"] .k-colorgradient .k-hue-slider.k-slider-horizontal .k-slider-track {
-    background: linear-gradient(to left, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000);
-}
-
-.k-coloreditor {
-    border-radius: 0.25rem;
-    min-width: 328px;
-    border-width: 1px;
-    border-style: solid;
-    box-sizing: border-box;
-    outline: 0;
-    font-size: 1rem;
-    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-    line-height: 1.5;
-    display: inline-flex;
-    flex-direction: column;
-    align-items: stretch;
-}
-
-.k-coloreditor-header {
-    padding: 1rem 1rem 0;
-}
-
-.k-coloreditor-header-actions {
-    gap: 0.5rem;
-}
-
-.k-coloreditor-preview {
-    position: relative;
-    gap: 2px;
-    z-index: 1;
-}
-
-.k-coloreditor-preview .k-color-preview {
-    width: 34px;
-    height: 14px;
-}
-
-.k-coloreditor-views {
-    min-width: calc(var(--kendo-color-preview-width, 1.5rem)*var(--kendo-color-preview-columns, 10));
-    padding: 1rem 1rem;
-    gap: 1rem;
-}
-
-.k-coloreditor-views .k-colorgradient {
-    padding: 0;
-    width: auto;
-    border-width: 0;
-}
-
-.k-coloreditor-views .k-colorpalette {
-    align-self: center;
-}
-
-.k-coloreditor-views .k-colorpalette-tile {
-    width: var(--kendo-color-preview-width, 1.5rem);
-    height: var(--kendo-color-preview-height, 1.5rem);
-}
-
-.k-coloreditor-footer.k-actions, .k-coloreditor-footer.k-edit-buttons,
-.k-coloreditor-footer.k-action-buttons,
-.k-coloreditor-footer.k-columnmenu-actions, .k-coloreditor-footer.k-form-buttons {
-    margin: 0;
-}
-
-.k-coloreditor {
-    border-color: #dee2e6;
-    color: #212529;
-    background-color: #ffffff;
-}
-
-.k-coloreditor:focus,
-.k-coloreditor.k-state-focus,
-.k-coloreditor.k-focus {
-    border-color: #d6d9dc;
-}
-
-.k-colorpicker {
-    width: min-content;
-}
-
-.k-datetime-container .k-datetime-wrap {
-    width: calc(304px + 2rem);
-    overflow: hidden;
-}
-
-.k-datetime-container .k-datetime-buttongroup {
-    padding: 0.75rem;
-}
-
-.k-datetime-container .k-datetime-selector {
-    display: flex;
-    transition: transform .2s;
-}
-
-.k-datetime-container .k-datetime-calendar-wrap,
-.k-datetime-container .k-datetime-time-wrap {
-    text-align: center;
-    flex: 0 0 calc(304px + 2rem);
-}
-
-.k-datetime-container .k-timeselector {
-    outline: none;
-}
-
-.k-datetime-container .k-time-list-container {
-    justify-content: center;
-}
-
-.k-datetime-container .k-time-tab .k-datetime-selector {
-    transform: translateX(-100%);
-}
-
-.k-rtl .k-datetime-container .k-time-tab .k-datetime-selector, .k-datetime-container.k-rtl .k-time-tab .k-datetime-selector,
-[dir="rtl"] .k-datetime-container .k-time-tab .k-datetime-selector, .k-datetime-container[dir="rtl"] .k-time-tab .k-datetime-selector {
-    transform: translateX(100%);
-}
-
-.k-time-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 1rem 2rem;
-    line-height: 2em;
-}
-
-.k-time-header .k-title {
-    font-weight: bold;
-}
-
-.k-time-header .k-time-now {
-    border-width: 0;
-    line-height: inherit;
-    cursor: pointer;
-}
-
-.k-time-list-wrapper {
-    display: inline-block;
-    overflow: hidden;
-    box-sizing: content-box;
-    overflow-x: hidden;
-    overflow-y: auto;
-    position: relative;
-    padding: 2.5rem 0;
-    text-align: center;
-    min-width: 4em;
-    height: 200px;
-    flex: 1 1 auto;
-}
-
-.k-time-list-wrapper .k-title {
-    display: block;
-    text-align: center;
-    font-size: 0.75rem;
-    position: absolute;
-    text-transform: capitalize;
-    font-weight: bold;
-    min-width: 100%;
-    height: 1.5em;
-    line-height: 1.5em;
-    margin-top: -2.5rem;
-    z-index: 12;
-}
-
-.k-time-list-wrapper.k-state-focused::before, .k-time-list-wrapper.k-state-focused::after {
-    display: block;
-    content: " ";
-    position: absolute;
-    width: 100%;
-    left: 0;
-    pointer-events: none;
-    height: calc(50% - 1em);
-    box-sizing: border-box;
-    border-width: 0;
-    border-style: solid;
-}
-
-.k-time-list-wrapper.k-state-focused::before {
-    top: 0;
+    flex-flow: row nowrap;
+    gap: 0.5rem;
 }
 
-.k-time-list-wrapper.k-state-focused::after {
-    bottom: 0;
+.k-colorgradient-color-contrast .k-contrast-ratio {
+    margin-bottom: 0.5rem;
 }
 
-.k-time-container {
-    position: absolute;
-    display: block;
-    overflow-x: hidden;
-    overflow-y: scroll;
-    line-height: 1.5;
-    left: 0;
-    right: 0;
-    top: 2.5rem;
-    bottom: 2.5rem;
-    padding-right: 100px;
-    padding-left: 100px;
-    margin-left: -100px;
-    margin-right: -117px;
+.k-colorgradient-color-contrast .k-contrast-ratio-text {
+    font-weight: 700;
 }
 
-.k-time-container > ul {
-    height: auto;
-    width: 4em;
-    margin: auto;
+.k-colorgradient-color-contrast .k-contrast-validation {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.25rem;
 }
 
-.k-rtl .k-time-container, .k-time-container.k-rtl,
-[dir="rtl"] .k-time-container, .k-time-container[dir="rtl"] {
-    padding-right: 100px;
-    padding-left: 100px;
-    margin-left: -117px;
-    margin-right: -100px;
+.k-colorgradient-color-contrast .k-contrast-validation .k-icon {
+    vertical-align: middle;
 }
 
-.k-time-list-container {
-    display: flex;
-    position: relative;
+.k-colorgradient-color-contrast .k-contrast-validation .k-i-check + .k-i-check {
+    margin-left: -13px;
 }
 
-.k-time-list {
+.k-color-contrast-svg {
     position: absolute;
-    display: flex;
-    z-index: 10;
-    outline: 0;
-    bottom: 0;
-    right: 0;
-    left: 0;
     top: 0;
+    left: 0;
+    overflow: visible;
+    pointer-events: none;
 }
 
-.k-time-list::before, .k-time-list::after {
-    display: block;
-    position: absolute;
-    content: " ";
-    height: 0;
-    line-height: 0;
-    z-index: 1;
-    width: 200%;
-    left: -50%;
+.k-rtl .k-colorgradient-color-contrast .k-i-check + .k-i-check,
+[dir="rtl"] .k-colorgradient-color-contrast .k-i-check + .k-i-check {
+    margin-left: 0;
+    margin-right: -13px;
 }
 
-.k-time-list::before {
-    top: 0;
+.k-colorgradient {
+    border-color: #dee2e6;
+    color: #212529;
+    background-color: #ffffff;
 }
 
-.k-time-list::after {
-    bottom: 0;
+.k-colorgradient:focus,
+.k-colorgradient.k-state-focus,
+.k-colorgradient.k-focus {
+    border-color: #d6d9dc;
 }
 
-.k-time-list .k-item {
-    padding: 0.5rem 1rem;
-    min-height: calc(1.5em + 2px);
-    line-height: calc(1.5em + 2px);
+.k-colorgradient-canvas .k-hsv-gradient {
+    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black), linear-gradient(to right, white, rgba(255, 255, 255, 0));
 }
 
-.k-time-highlight {
-    position: absolute;
-    top: 50%;
-    left: 0;
-    right: 0;
-    transform: translateY(-50%);
-    width: 100%;
-    height: calc(1.5em + 0.75rem);
-    z-index: 1;
-    border-width: 1px 0;
-    border-style: solid;
+.k-colorgradient .k-draghandle {
+    border-color: rgba(255, 255, 255, 0.8);
+    background-color: transparent;
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
 }
 
-.k-time-container .k-scrollable-placeholder {
-    position: absolute;
-    width: 1px;
-    top: 0;
-    right: 0;
+.k-colorgradient .k-draghandle:focus, .k-colorgradient .k-draghandle.k-state-focus, .k-colorgradient .k-draghandle.k-focus {
+    border-color: #ffffff;
+    background-color: transparent;
+    box-shadow: 0 1px 4px black;
 }
 
-.k-time-separator {
-    width: 0;
-    height: 100%;
-    display: inline-flex;
-    align-self: center;
-    justify-content: center;
-    z-index: 11;
+.k-colorgradient .k-draghandle:active, .k-colorgradient .k-draghandle:hover, .k-colorgradient .k-draghandle.k-state-hover, .k-colorgradient .k-draghandle.k-hover {
+    border-color: #ffffff;
+    background-color: transparent;
+    box-shadow: 0 1px 4px black;
 }
 
-.k-time-header {
-    padding: 0.5rem 1rem;
+.k-colorgradient-slider.k-hue-slider.k-slider-horizontal .k-slider-track {
+    background: linear-gradient(to right, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000);
 }
 
-.k-time-header .k-title {
-    font-weight: bold;
+.k-colorgradient-slider.k-hue-slider.k-slider-vertical .k-slider-track {
+    background: linear-gradient(to top, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000);
 }
 
-.k-time-header .k-time-now {
-    cursor: pointer;
+.k-colorgradient-slider.k-alpha-slider .k-slider-track::before {
+    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC") center repeat;
 }
 
-.k-time-list-wrapper .k-title {
-    z-index: 12;
-    font-size: 0.75rem;
+.k-colorgradient-input-label {
+    color: #adb5bd;
 }
 
-.k-time-header .k-time-now {
-    color: #0d6efd;
-    background: transparent;
+.k-rtl .k-colorgradient .k-hue-slider.k-slider-horizontal .k-slider-track,
+[dir="rtl"] .k-colorgradient .k-hue-slider.k-slider-horizontal .k-slider-track {
+    background: linear-gradient(to left, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000);
 }
 
-.k-time-header .k-time-now:hover, .k-time-header .k-time-now:focus {
-    color: #0a58ca;
+.k-coloreditor {
+    border-radius: 0.25rem;
+    min-width: 328px;
+    border-width: 1px;
+    border-style: solid;
+    box-sizing: border-box;
+    outline: 0;
+    font-size: 1rem;
+    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    line-height: 1.5;
+    display: inline-flex;
+    flex-direction: column;
+    align-items: stretch;
 }
 
-.k-time-list-wrapper .k-title {
-    color: #6c757d;
+.k-coloreditor-header {
+    padding: 1rem 1rem 0;
 }
 
-.k-time-list-wrapper.k-state-focused .k-title {
-    color: #212529;
+.k-coloreditor-header-actions {
+    gap: 0.5rem;
 }
 
-.k-time-list-wrapper.k-state-focused::before, .k-time-list-wrapper.k-state-focused::after {
-    background-color: rgba(0, 0, 0, 0.02);
+.k-coloreditor-preview {
+    position: relative;
+    gap: 2px;
+    z-index: 1;
 }
 
-.k-time-list::before, .k-time-list::after {
-    box-shadow: 0 0 3em 1.5em #ffffff;
+.k-coloreditor-preview .k-color-preview {
+    width: 34px;
+    height: 14px;
 }
 
-.k-time-list .k-item:hover {
-    color: #0d6efd;
+.k-coloreditor-views {
+    min-width: calc(var(--kendo-color-preview-width, 1.5rem)*var(--kendo-color-preview-columns, 10));
+    padding: 1rem 1rem;
+    gap: 1rem;
 }
 
-.k-time-container {
-    background: transparent;
+.k-coloreditor-views .k-colorgradient {
+    padding: 0;
+    width: auto;
+    border-width: 0;
 }
 
-.k-time-highlight {
+.k-coloreditor-views .k-colorpalette {
+    align-self: center;
+}
+
+.k-coloreditor-views .k-colorpalette-tile {
+    width: var(--kendo-color-preview-width, 1.5rem);
+    height: var(--kendo-color-preview-height, 1.5rem);
+}
+
+.k-coloreditor-footer.k-actions, .k-coloreditor-footer.k-edit-buttons,
+.k-coloreditor-footer.k-action-buttons,
+.k-coloreditor-footer.k-columnmenu-actions, .k-coloreditor-footer.k-form-buttons {
+    margin: 0;
+}
+
+.k-coloreditor {
     border-color: #dee2e6;
+    color: #212529;
     background-color: #ffffff;
 }
 
-.k-datetime-container .k-date-tab .k-datetime-buttongroup,
-.k-datetime-container .k-date-tab .k-datetime-selector {
-    background-color: #ffffff;
+.k-coloreditor:focus,
+.k-coloreditor.k-state-focus,
+.k-coloreditor.k-focus {
+    border-color: #d6d9dc;
 }
 
-.k-time-list::before, .k-time-list::after {
-    box-shadow: 0 0 3em 3em #ffffff;
+.k-colorpicker {
+    width: min-content;
 }
 
 .k-dropdowngrid-popup {
@@ -18486,8 +18628,6 @@ kendo-label.k-radio-label > .k-label {
     box-sizing: border-box;
     outline: 0;
     font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-    font-size: 1rem;
-    line-height: 1.5;
     display: block;
     cursor: default;
     overflow: auto;
@@ -18496,15 +18636,15 @@ kendo-label.k-radio-label > .k-label {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
-.k-treeview > .k-group {
+.k-treeview > .k-treeview-group {
     outline: 0;
     -webkit-touch-callout: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
 .k-treeview .k-content,
-.k-treeview > .k-group,
-.k-treeview .k-item > .k-group {
+.k-treeview > .k-treeview-group,
+.k-treeview .k-treeview-item > .k-treeview-group {
     margin: 0;
     padding: 0;
     background: none;
@@ -18513,21 +18653,21 @@ kendo-label.k-radio-label > .k-label {
 }
 
 .k-treeview .k-content.ng-animating,
-.k-treeview > .k-group.ng-animating,
-.k-treeview .k-item > .k-group.ng-animating {
+.k-treeview > .k-treeview-group.ng-animating,
+.k-treeview .k-treeview-item > .k-treeview-group.ng-animating {
     overflow: hidden;
 }
 
-.k-treeview .k-top,
-.k-treeview .k-mid,
-.k-treeview .k-bot {
+.k-treeview .k-treeview-top,
+.k-treeview .k-treeview-mid,
+.k-treeview .k-treeview-bot {
     display: flex;
     flex-direction: row;
     align-items: center;
     align-content: center;
 }
 
-.k-treeview .k-item {
+.k-treeview .k-treeview-item {
     outline-style: none;
     margin: 0;
     padding: 0 0 0 16px;
@@ -18535,10 +18675,9 @@ kendo-label.k-radio-label > .k-label {
     display: block;
 }
 
-.k-treeview .k-in {
+.k-treeview .k-treeview-leaf {
     border-radius: 0.25rem;
     margin: 0;
-    padding: 0.375rem 0.75rem;
     border: 1px solid transparent;
     text-decoration: none;
     display: inline-flex;
@@ -18548,7 +18687,7 @@ kendo-label.k-radio-label > .k-label {
     position: relative;
 }
 
-.k-treeview .k-in.k-state-focused {
+.k-treeview .k-treeview-leaf.k-state-focused {
     z-index: 1;
 }
 
@@ -18590,14 +18729,14 @@ kendo-label.k-radio-label > .k-label {
     z-index: 1000;
 }
 
-.k-treeview .k-in .k-icon,
-.k-treeview .k-in .k-image,
-.k-treeview .k-in .k-sprite {
+.k-treeview .k-treeview-leaf .k-icon,
+.k-treeview .k-treeview-leaf .k-image,
+.k-treeview .k-treeview-leaf .k-sprite {
     margin-right: 0.5rem;
 }
 
-.k-rtl .k-treeview .k-item,
-.k-treeview[dir="rtl"] .k-item {
+.k-rtl .k-treeview .k-treeview-item,
+.k-treeview[dir="rtl"] .k-treeview-item {
     padding-left: 0;
     padding-right: 16px;
 }
@@ -18635,24 +18774,51 @@ kendo-label.k-radio-label > .k-label {
     margin-left: 0.5rem;
 }
 
-.k-rtl .k-treeview .k-in .k-icon,
-.k-rtl .k-treeview .k-in .k-image,
-.k-rtl .k-treeview .k-in .k-sprite,
-.k-treeview[dir="rtl"] .k-in .k-icon,
-.k-treeview[dir="rtl"] .k-in .k-image,
-.k-treeview[dir="rtl"] .k-in .k-sprite {
+.k-rtl .k-treeview .k-treeview-leaf .k-icon,
+.k-rtl .k-treeview .k-treeview-leaf .k-image,
+.k-rtl .k-treeview .k-treeview-leaf .k-sprite,
+.k-treeview[dir="rtl"] .k-treeview-leaf .k-icon,
+.k-treeview[dir="rtl"] .k-treeview-leaf .k-image,
+.k-treeview[dir="rtl"] .k-treeview-leaf .k-sprite {
     margin-left: 0.5rem;
     margin-right: 0;
 }
 
-.k-treeview .k-top,
-.k-treeview .k-mid,
-.k-treeview .k-bot {
+.k-treeview-sm {
+    font-size: 0.75rem;
+    line-height: 1.5;
+}
+
+.k-treeview-sm .k-treeview-leaf {
+    padding: 0.125rem 0.25rem;
+}
+
+.k-treeview-md {
+    font-size: 1rem;
+    line-height: 1.5;
+}
+
+.k-treeview-md .k-treeview-leaf {
+    padding: 0.25rem 0.5rem;
+}
+
+.k-treeview-lg {
+    font-size: 1rem;
+    line-height: 1.5;
+}
+
+.k-treeview-lg .k-treeview-leaf {
+    padding: 0.5rem 0.75rem;
+}
+
+.k-treeview .k-treeview-top,
+.k-treeview .k-treeview-mid,
+.k-treeview .k-treeview-bot {
     padding-top: 2px;
     padding-bottom: 2px;
 }
 
-.k-treeview .k-in {
+.k-treeview .k-treeview-leaf {
     transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
 }
 
@@ -18660,24 +18826,24 @@ kendo-label.k-radio-label > .k-label {
     color: #212529;
 }
 
-.k-treeview .k-in:hover,
-.k-treeview .k-in.k-state-hover {
+.k-treeview .k-treeview-leaf:hover,
+.k-treeview .k-treeview-leaf.k-hover {
     border-color: #e9ecef;
     color: #212529;
     background-color: #e9ecef;
 }
 
-.k-treeview .k-in.k-state-selected {
+.k-treeview .k-treeview-leaf.k-selected {
     border-color: #0d6efd;
     color: white;
     background-color: #0d6efd;
 }
 
-.k-treeview .k-in.k-state-focused {
+.k-treeview .k-treeview-leaf.k-focus {
     box-shadow: 0 0 0 2px #dee2e6;
 }
 
-.k-treeview .k-in.k-state-selected.k-state-focused {
+.k-treeview .k-treeview-leaf.k-selected.k-focus {
     box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.5);
 }
 
@@ -18687,13 +18853,13 @@ kendo-label.k-radio-label > .k-label {
 }
 
 .k-treeview .k-treeview-load-more-button:hover,
-.k-treeview .k-treeview-load-more-button.k-state-hover {
+.k-treeview .k-treeview-load-more-button.k-hover {
     color: #0a58ca;
     background-color: transparent;
 }
 
 .k-treeview .k-treeview-load-more-button:focus,
-.k-treeview .k-treeview-load-more-button.k-state-focused {
+.k-treeview .k-treeview-load-more-button.k-focus {
     color: #0d6efd;
     background-color: transparent;
     box-shadow: none;
@@ -18895,24 +19061,28 @@ kendo-label.k-radio-label > .k-label {
 }
 
 .k-switch-sm[dir="rtl"] .k-switch-label-on,
-[dir="rtl"] .k-switch-sm .k-switch-label-on {
+[dir="rtl"] .k-switch-sm .k-switch-label-on,
+.k-rtl .k-switch-sm .k-switch-label-on {
     left: auto;
     right: 0px;
 }
 
 .k-switch-sm[dir="rtl"] .k-switch-label-off,
-[dir="rtl"] .k-switch-sm .k-switch-label-off {
+[dir="rtl"] .k-switch-sm .k-switch-label-off,
+.k-rtl .k-switch-sm .k-switch-label-off {
     right: auto;
     left: 0px;
 }
 
 .k-switch-sm[dir="rtl"].k-switch-on .k-switch-thumb-wrap,
-[dir="rtl"] .k-switch-sm.k-switch-on .k-switch-thumb-wrap {
+[dir="rtl"] .k-switch-sm.k-switch-on .k-switch-thumb-wrap,
+.k-rtl .k-switch-sm.k-switch-on .k-switch-thumb-wrap {
     left: 11px;
 }
 
 .k-switch-sm[dir="rtl"].k-switch-off .k-switch-thumb-wrap,
-[dir="rtl"] .k-switch-sm.k-switch-off .k-switch-thumb-wrap {
+[dir="rtl"] .k-switch-sm.k-switch-off .k-switch-thumb-wrap,
+.k-rtl .k-switch-sm.k-switch-off .k-switch-thumb-wrap {
     left: calc(100% - 11px);
 }
 
@@ -18948,24 +19118,28 @@ kendo-label.k-radio-label > .k-label {
 }
 
 .k-switch-md[dir="rtl"] .k-switch-label-on,
-[dir="rtl"] .k-switch-md .k-switch-label-on {
+[dir="rtl"] .k-switch-md .k-switch-label-on,
+.k-rtl .k-switch-md .k-switch-label-on {
     left: auto;
     right: 0px;
 }
 
 .k-switch-md[dir="rtl"] .k-switch-label-off,
-[dir="rtl"] .k-switch-md .k-switch-label-off {
+[dir="rtl"] .k-switch-md .k-switch-label-off,
+.k-rtl .k-switch-md .k-switch-label-off {
     right: auto;
     left: 0px;
 }
 
 .k-switch-md[dir="rtl"].k-switch-on .k-switch-thumb-wrap,
-[dir="rtl"] .k-switch-md.k-switch-on .k-switch-thumb-wrap {
+[dir="rtl"] .k-switch-md.k-switch-on .k-switch-thumb-wrap,
+.k-rtl .k-switch-md.k-switch-on .k-switch-thumb-wrap {
     left: 15px;
 }
 
 .k-switch-md[dir="rtl"].k-switch-off .k-switch-thumb-wrap,
-[dir="rtl"] .k-switch-md.k-switch-off .k-switch-thumb-wrap {
+[dir="rtl"] .k-switch-md.k-switch-off .k-switch-thumb-wrap,
+.k-rtl .k-switch-md.k-switch-off .k-switch-thumb-wrap {
     left: calc(100% - 15px);
 }
 
@@ -19001,29 +19175,34 @@ kendo-label.k-radio-label > .k-label {
 }
 
 .k-switch-lg[dir="rtl"] .k-switch-label-on,
-[dir="rtl"] .k-switch-lg .k-switch-label-on {
+[dir="rtl"] .k-switch-lg .k-switch-label-on,
+.k-rtl .k-switch-lg .k-switch-label-on {
     left: auto;
     right: 0px;
 }
 
 .k-switch-lg[dir="rtl"] .k-switch-label-off,
-[dir="rtl"] .k-switch-lg .k-switch-label-off {
+[dir="rtl"] .k-switch-lg .k-switch-label-off,
+.k-rtl .k-switch-lg .k-switch-label-off {
     right: auto;
     left: 0px;
 }
 
 .k-switch-lg[dir="rtl"].k-switch-on .k-switch-thumb-wrap,
-[dir="rtl"] .k-switch-lg.k-switch-on .k-switch-thumb-wrap {
+[dir="rtl"] .k-switch-lg.k-switch-on .k-switch-thumb-wrap,
+.k-rtl .k-switch-lg.k-switch-on .k-switch-thumb-wrap {
     left: 19px;
 }
 
 .k-switch-lg[dir="rtl"].k-switch-off .k-switch-thumb-wrap,
-[dir="rtl"] .k-switch-lg.k-switch-off .k-switch-thumb-wrap {
+[dir="rtl"] .k-switch-lg.k-switch-off .k-switch-thumb-wrap,
+.k-rtl .k-switch-lg.k-switch-off .k-switch-thumb-wrap {
     left: calc(100% - 19px);
 }
 
 .k-switch[dir="rtl"] .k-switch-thumb,
-[dir="rtl"] .k-switch .k-switch-thumb {
+[dir="rtl"] .k-switch .k-switch-thumb,
+.k-rtl .k-switch .k-switch-thumb {
     transform: translate(50%, -50%);
 }
 
@@ -25456,7 +25635,7 @@ kendo-card-footer {
 }
 
 .k-grouping-header {
-    padding: 0.25rem 0.25rem;
+    padding: 0.5rem 0.5rem;
     border-width: 0 0 1px;
     border-style: solid;
     border-color: inherit;
@@ -25477,11 +25656,11 @@ kendo-card-footer {
     display: flex;
     flex-flow: row wrap;
     align-items: center;
-    gap: 0.25rem;
+    gap: 0.5rem;
 }
 
 .k-grouping-header-flex::before {
-    margin-left: -0.25rem;
+    margin-left: -0.5rem;
 }
 
 .k-grouping-header-flex .k-group-indicator {
@@ -25489,8 +25668,8 @@ kendo-card-footer {
 }
 
 .k-grid .k-indicator-container {
-    margin: -0.25rem 0;
-    padding: 0.25rem 0;
+    margin: -0.5rem 0;
+    padding: 0.5rem 0;
 }
 
 .k-grid .k-indicator-container:last-child {
@@ -25541,10 +25720,6 @@ kendo-card-footer {
     opacity: 1;
 }
 
-.k-group-indicator {
-    margin-right: 0.25rem;
-}
-
 .k-group-indicator + .k-group-indicator {
     margin-left: 0.25rem;
 }
@@ -25793,21 +25968,6 @@ div.k-grid-footer {
     flex: 1 1 auto;
 }
 
-.k-filtercell > span > .k-widget,
-.k-filtercell > span > .k-textbox,
-.k-filtercell .k-filtercell-wrapper > .k-widget,
-.k-filtercell .k-filtercell-wrapper > .k-textbox {
-    width: 100%;
-}
-
-.k-filtercell > span .k-colorpicker,
-.k-filtercell > span .k-dropdown-operator,
-.k-filtercell .k-filtercell-wrapper .k-colorpicker,
-.k-filtercell .k-filtercell-wrapper .k-dropdown-operator {
-    width: min-content;
-    flex: none;
-}
-
 .k-filtercell > span > .k-button,
 .k-filtercell .k-filtercell-wrapper > .k-button {
     flex: none;
@@ -26877,7 +27037,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
     display: block;
 }
 
-.k-listview-content.k-d-flex::after,
+.k-listview-content.k-d-flex::after, .k-listview-content.k-d-flex-row::after, .k-listview-content.k-d-flex-col::after,
 .k-listview-content.k-d-grid::after {
     display: none;
 }
@@ -28222,19 +28382,19 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
             user-select: none;
 }
 
-.k-flex-row .k-pivotgrid-configurator-button,
+.k-flex-row .k-pivotgrid-configurator-button, .k-d-flex-row .k-pivotgrid-configurator-button,
 .k-flex-row-reverse .k-pivotgrid-configurator-button {
     display: flex;
     align-items: center;
 }
 
-.k-flex-row .k-pivotgrid-configurator-button span,
+.k-flex-row .k-pivotgrid-configurator-button span, .k-d-flex-row .k-pivotgrid-configurator-button span,
 .k-flex-row-reverse .k-pivotgrid-configurator-button span {
     -ms-writing-mode: tb-rl;
         writing-mode: vertical-rl;
 }
 
-.k-flex-row .k-pivotgrid-configurator-button .k-icon,
+.k-flex-row .k-pivotgrid-configurator-button .k-icon, .k-d-flex-row .k-pivotgrid-configurator-button .k-icon,
 .k-flex-row-reverse .k-pivotgrid-configurator-button .k-icon {
     vertical-align: baseline;
 }
@@ -28243,7 +28403,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
     transform: rotate(-180deg);
 }
 
-.k-flex-col .k-pivotgrid-configurator-button, .k-flex-column .k-pivotgrid-configurator-button,
+.k-flex-col .k-pivotgrid-configurator-button, .k-d-flex-col .k-pivotgrid-configurator-button, .k-flex-column .k-pivotgrid-configurator-button,
 .k-flex-col-reverse .k-pivotgrid-configurator-button,
 .k-flex-column-reverse .k-pivotgrid-configurator-button {
     text-align: center;
@@ -28255,7 +28415,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
     z-index: 2;
 }
 
-.k-flex-row .k-pivotgrid-configurator-overlay {
+.k-flex-row .k-pivotgrid-configurator-overlay, .k-d-flex-row .k-pivotgrid-configurator-overlay {
     right: calc(1.5em + 0.5rem + 2px);
 }
 
@@ -28263,7 +28423,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
     left: calc(1.5em + 0.5rem + 2px);
 }
 
-.k-flex-col .k-pivotgrid-configurator-overlay, .k-flex-column .k-pivotgrid-configurator-overlay {
+.k-flex-col .k-pivotgrid-configurator-overlay, .k-d-flex-col .k-pivotgrid-configurator-overlay, .k-flex-column .k-pivotgrid-configurator-overlay {
     bottom: calc(1.5em + 0.5rem + 2px);
 }
 
@@ -28305,6 +28465,13 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
     flex-basis: 50%;
 }
 
+.k-pivotgrid-configurator-content .k-row-fields,
+.k-pivotgrid-configurator-content .k-column-fields,
+.k-pivotgrid-configurator-content .k-filter-fields {
+    margin-top: 0.5rem;
+    flex-wrap: wrap;
+}
+
 .k-pivotgrid-configurator-content .k-value-fields {
     margin: 0.5rem 0px;
     display: flex;
@@ -28330,19 +28497,11 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
     text-align: center;
 }
 
-.k-pivotgrid-configurator-content .k-chip-content {
-    padding-inline-end: 0.25rem;
-}
-
 .k-pivotgrid-configurator-content .k-treeview {
     padding: 0px 1.5rem;
     overflow: auto;
 }
 
-.k-pivotgrid-configurator-actions {
-    padding: 0.75rem 0.5rem;
-}
-
 .k-calculated-field {
     padding: 1rem 1rem;
     border-width: 1px;
@@ -28402,7 +28561,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
     min-width: 320px;
 }
 
-.k-flex-row .k-pivotgrid-configurator-vertical.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel,
+.k-flex-row .k-pivotgrid-configurator-vertical.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel, .k-d-flex-row .k-pivotgrid-configurator-vertical.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel,
 .k-flex-row-reverse .k-pivotgrid-configurator-vertical.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel {
     border-right-width: 0;
     border-left-width: 0;
@@ -28456,7 +28615,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
     overflow-y: auto;
 }
 
-.k-flex-col .k-pivotgrid-configurator-horizontal.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel, .k-flex-column .k-pivotgrid-configurator-horizontal.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel,
+.k-flex-col .k-pivotgrid-configurator-horizontal.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel, .k-d-flex-col .k-pivotgrid-configurator-horizontal.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel, .k-flex-column .k-pivotgrid-configurator-horizontal.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel,
 .k-flex-col-reverse .k-pivotgrid-configurator-horizontal.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel,
 .k-flex-column-reverse .k-pivotgrid-configurator-horizontal.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel {
     border-top-width: 0;
@@ -28784,7 +28943,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
     border-color: #dee2e6;
 }
 
-.k-flex-row .k-pivotgrid-configurator-overlay {
+.k-flex-row .k-pivotgrid-configurator-overlay, .k-d-flex-row .k-pivotgrid-configurator-overlay {
     box-shadow: -3px 0px 6px rgba(0, 0, 0, 0.16);
 }
 
@@ -28792,7 +28951,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
     box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.16);
 }
 
-.k-flex-col .k-pivotgrid-configurator-overlay, .k-flex-column .k-pivotgrid-configurator-overlay {
+.k-flex-col .k-pivotgrid-configurator-overlay, .k-d-flex-col .k-pivotgrid-configurator-overlay, .k-flex-column .k-pivotgrid-configurator-overlay {
     box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.16);
 }
 
@@ -29142,7 +29301,8 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
     left: 0;
 }
 
-.k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after {
+.k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after,
+.k-filter .k-filter-lines .k-filter-item:last-child > * > .k-filter-toolbar::after {
     content: "";
     position: absolute;
     width: 1px;
@@ -29154,6 +29314,8 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
 .k-filter .k-filter-group-main::before,
 .k-filter .k-filter-group-main > .k-filter-toolbar::before,
 .k-filter .k-filter-group-main > .k-filter-toolbar::after,
+.k-filter .k-filter-group-main > * > .k-filter-toolbar::before,
+.k-filter .k-filter-group-main > * > .k-filter-toolbar::after,
 .k-filter .k-filter-lines .k-filter-item:last-child::before {
     display: none;
 }
@@ -29179,8 +29341,11 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
     right: 0;
 }
 
-.k-rtl .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after, .k-filter[dir="rtl"] .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after,
-[dir="rtl"] .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after {
+.k-rtl .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after,
+.k-rtl .k-filter .k-filter-lines .k-filter-item:last-child > * > .k-filter-toolbar::after, .k-filter[dir="rtl"] .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after,
+.k-filter[dir="rtl"] .k-filter-lines .k-filter-item:last-child > * > .k-filter-toolbar::after,
+[dir="rtl"] .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after,
+[dir="rtl"] .k-filter .k-filter-lines .k-filter-item:last-child > * > .k-filter-toolbar::after {
     left: auto;
     right: -1rem;
 }
@@ -29199,7 +29364,8 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
 
 .k-filter .k-filter-item::before,
 .k-filter .k-filter-toolbar::before,
-.k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after {
+.k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after,
+.k-filter .k-filter-lines .k-filter-item:last-child > * > .k-filter-toolbar::after {
     background-color: #dee2e6;
 }
 
@@ -29512,10 +29678,6 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
     gap: 0.75rem 0;
 }
 
-.k-taskboard-column-new {
-    max-height: calc(1.5em + 2.25rem + 2px);
-}
-
 .k-taskboard-column-new .k-taskboard-column-header,
 .k-taskboard-column-edit .k-taskboard-column-header {
     font-weight: inherit;
@@ -34122,7 +34284,7 @@ kendo-scheduler .k-event .k-event-actions,
 
 kendo-scrollview.k-scrollview-wrap,
 kendo-scrollview.k-scrollview,
-.k-widget.k-scrollview {
+.k-scrollview {
     border-width: 1px;
     border-style: solid;
     box-sizing: border-box;
@@ -34186,6 +34348,11 @@ kendo-scrollview.k-scrollview,
     flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1));
 }
 
+[dir="rtl"] .k-scrollview-wrap.k-scrollview-animate,
+.k-rtl .k-scrollview-wrap.k-scrollview-animate {
+    transform: translateX(calc(100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
+}
+
 kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
 kendo-scrollview.k-scrollview kendo-scrollview-pager,
 .k-scrollview-nav-wrap {