@progress/kendo-theme-bootstrap 4.43.1-dev.1 → 4.43.1-dev.2

package/dist/all.css

@@ -1563,19 +1563,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;
 }
 
@@ -1629,22 +1621,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;
 }
@@ -1699,22 +1681,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;
 }
@@ -1769,22 +1741,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;
 }
@@ -1839,22 +1801,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;
 }
@@ -1899,19 +1851,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;
 }
 
@@ -1955,19 +1899,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;
 }
 
@@ -2011,19 +1947,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;
 }
 
@@ -2067,19 +1995,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;
 }
 
@@ -11261,21 +11181,6 @@ kendo-list > .k-group-header,
     box-shadow: none;
 }
 
-.k-space-left > input,
-.k-space-right > input {
-    flex-grow: 1;
-}
-
-.k-space-left > .k-icon,
-.k-space-right > .k-icon {
-    left: 3px;
-    margin: 3px 6px;
-}
-
-.k-textbox.k-space-left {
-    flex-direction: row-reverse;
-}
-
 .k-input-prefix,
 .k-input-suffix {
     display: flex;
@@ -11369,6 +11274,26 @@ kendo-list > .k-group-header,
     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-multiselect-wrap {
+    display: block;
+}
+
 .k-text-disabled {
     outline: none;
     cursor: default;
@@ -11681,6 +11606,10 @@ kendo-list > .k-group-header,
     border-style: solid;
 }
 
+.k-data-table .k-table {
+    table-layout: fixed;
+}
+
 .k-table-thead,
 .k-table-tbody,
 .k-table-tfoot {
@@ -11738,7 +11667,7 @@ kendo-list > .k-group-header,
     width: 100%;
     max-width: none;
     border-width: 0;
-    display: table-row-group;
+    display: table;
     border-collapse: collapse;
     border-spacing: 0;
     table-layout: fixed;
@@ -11747,10 +11676,11 @@ kendo-list > .k-group-header,
     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;
 }
 
@@ -11763,6 +11693,23 @@ kendo-list > .k-group-header,
     vertical-align: middle;
 }
 
+.k-table-list .k-table-group-row::before {
+    content: ".";
+    padding: 0.5rem 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;
@@ -11786,6 +11733,11 @@ kendo-list > .k-group-header,
     right: 0;
 }
 
+.k-virtual-table .k-table-row {
+    position: absolute;
+    width: 100%;
+}
+
 .k-table-scroller {
     position: relative;
     overflow: auto;
@@ -12439,158 +12391,148 @@ kendo-badge-container {
     color: #212529;
 }
 
-.k-chip-list {
-    display: inline-flex;
-}
-
-.k-chip-list > * {
-    margin-right: 8px;
-}
-
-.k-chip-list > *:last-child {
-    margin-right: 0;
-}
-
-.k-selection-single .k-selected-icon-wrapper {
-    display: none;
-}
-
-.k-selection-multiple .k-selected-icon-wrapper {
-    width: 0;
-    height: 24px;
-    position: relative;
-    left: 6px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    visibility: hidden;
-    z-index: 1;
-}
-
-.k-selection-multiple .k-selected-icon {
-    font-size: 16px;
-}
-
-.k-selection-multiple .k-chip.k-state-selected .k-selected-icon-wrapper,
-.k-selection-multiple .k-chip.k-selected .k-selected-icon-wrapper {
-    width: 24px;
-    visibility: visible;
-}
-
-.k-selection-multiple > .k-chip-has-icon .k-selected-icon-wrapper {
-    border-radius: 50%;
-    position: absolute;
-}
-
-.k-selection-multiple :not(.k-chip-has-icon) .k-selected-icon-wrapper {
-    left: 0px;
-    opacity: 0;
-    transition: width .2s, opacity .2s;
-}
-
-.k-selection-multiple :not(.k-chip-has-icon).k-state-selected .k-selected-icon-wrapper,
-.k-selection-multiple :not(.k-chip-has-icon).k-selected .k-selected-icon-wrapper {
-    opacity: 1;
-}
-
 .k-chip {
-    overflow: hidden;
-    padding: 4px 6px;
     height: 32px;
+    padding: 0.25rem 0.25rem;
     border-radius: 16px;
-    position: relative;
     box-sizing: border-box;
     border-width: 1px;
     border-style: solid;
+    outline: 0;
+    font-size: 1rem;
     display: inline-flex;
+    flex-flow: row nowrap;
     align-items: center;
     justify-content: center;
-    font-size: 16px;
+    gap: 0.5rem;
+    position: relative;
+    overflow: hidden;
     cursor: pointer;
     -webkit-user-select: none;
         -ms-user-select: none;
             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: flex;
+    flex-flow: row nowrap;
+    align-items: center;
     overflow: hidden;
-    text-overflow: ellipsis;
+    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;
-    padding: 0 6px;
+    text-overflow: ellipsis;
+    overflow: hidden;
     flex: 1 1 auto;
 }
 
-.k-chip-icon,
-.k-remove-icon {
+.k-chip-avatar {
+    width: 24px;
+    height: 24px;
+    border-radius: 50%;
+    background-size: cover;
+    background-position: center;
+    flex: none;
+}
+
+.k-chip-icon {
     width: 24px;
     height: 24px;
     display: flex;
     align-items: center;
     justify-content: center;
-    flex: 1 0 auto;
+    flex: none;
 }
 
-.k-chip-icon {
-    margin-left: 0px;
+.k-ie .k-chip-icon {
+    margin-right: 0.5rem;
 }
 
-.k-remove-icon {
-    margin-right: 0px;
-    font-size: 14px;
+.k-chip-actions {
+    flex: none;
+    display: flex;
+    flex-flow: row nowrap;
+    align-items: center;
+    align-self: center;
 }
 
-.k-chip-avatar {
+.k-chip-action {
+    flex: none;
+    display: flex;
+    flex-flow: row nowrap;
+    align-items: center;
+    align-self: center;
+}
+
+.k-remove-icon {
     width: 24px;
     height: 24px;
-    border-radius: 50%;
-    background-size: cover;
-    background-position: center;
+    font-size: 14px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex: none;
 }
 
-.k-chip-list[dir="rtl"] > *,
-.k-rtl .k-chip-list > *, .k-chip-list.k-rtl > * {
+.k-ie .k-remove-icon {
     margin-right: 0;
-    margin-left: 8px;
+    margin-left: 0.5rem;
 }
 
-.k-chip-list[dir="rtl"] > *:last-child,
-.k-rtl .k-chip-list > *:last-child, .k-chip-list.k-rtl > *:last-child {
-    margin-left: 0;
+.k-chip-list {
+    display: inline-flex;
+    gap: 0.25rem;
 }
 
-.k-chip[dir="rtl"] .k-chip-icon,
-.k-rtl .k-chip .k-chip-icon, .k-chip.k-rtl .k-chip-icon {
-    margin-left: 0;
-    margin-right: 0px;
+.k-ie .k-chip-list > * {
+    margin-right: 0.25rem;
 }
 
-.k-chip[dir="rtl"] .k-remove-icon,
-.k-rtl .k-chip .k-remove-icon, .k-chip.k-rtl .k-remove-icon {
+.k-ie .k-chip-list > :last-child {
     margin-right: 0;
-    margin-left: 0px;
 }
 
-.k-selection-multiple .k-chip[dir="rtl"] .k-selected-icon-wrapper, .k-selection-multiple
-.k-rtl .k-chip .k-selected-icon-wrapper, .k-selection-multiple .k-chip.k-rtl .k-selected-icon-wrapper {
-    left: 0;
-    right: 6px;
+.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-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-selection-multiple .k-chip.k-rtl:not(.k-chip-has-icon) .k-selected-icon-wrapper {
-    left: 0;
-    right: 0px;
+.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-selection-multiple .k-chip-has-icon.k-state-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-ie .k-chip-list.k-rtl > *,
+.k-ie .k-rtl .k-chip-list > *,
+.k-ie .k-chip-list[dir="rtl"] > * {
+    margin-right: 0;
+    margin-left: 0.25rem;
+}
+
+.k-ie .k-chip-list.k-rtl > *:last-child,
+.k-ie .k-rtl .k-chip-list > *:last-child,
+.k-ie .k-chip-list[dir="rtl"] > *:last-child {
+    margin-left: 0;
 }
 
 .k-chip-solid {
@@ -12599,16 +12541,15 @@ kendo-badge-container {
     background-color: rgba(33, 37, 41, 0.08);
 }
 
-.k-chip-solid:hover, .k-chip-solid.k-state-hover, .k-chip-solid.k-hover {
+.k-chip-solid:hover, .k-chip-solid.k-hover, .k-chip-solid.k-state-hover {
     background-color: rgba(33, 37, 41, 0.16);
 }
 
-.k-chip-solid:focus, .k-chip-solid.k-state-focus, .k-chip-solid.k-focus {
+.k-chip-solid:focus, .k-chip-solid.k-focus, .k-chip-solid.k-state-focus {
     box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.16);
-    background-color: rgba(33, 37, 41, 0.08);
 }
 
-.k-chip-solid.k-state-selected, .k-chip-solid.k-selected {
+.k-chip-solid.k-selected, .k-chip-solid.k-state-selected {
     background-color: rgba(33, 37, 41, 0.24);
 }
 
@@ -12618,11 +12559,11 @@ kendo-badge-container {
     background-color: rgba(25, 135, 84, 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 {
+.k-chip-solid.k-chip-success:hover, .k-chip-solid.k-chip-success.k-hover, .k-chip-solid.k-chip-success.k-state-hover {
     background-color: rgba(25, 135, 84, 0.16);
 }
 
-.k-chip-solid.k-chip-success.k-state-selected, .k-chip-solid.k-chip-success.k-selected {
+.k-chip-solid.k-chip-success.k-selected, .k-chip-solid.k-chip-success.k-state-selected {
     background-color: rgba(25, 135, 84, 0.24);
 }
 
@@ -12632,11 +12573,11 @@ kendo-badge-container {
     background-color: rgba(255, 193, 7, 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 {
+.k-chip-solid.k-chip-warning:hover, .k-chip-solid.k-chip-warning.k-hover, .k-chip-solid.k-chip-warning.k-state-hover {
     background-color: rgba(255, 193, 7, 0.16);
 }
 
-.k-chip-solid.k-chip-warning.k-state-selected, .k-chip-solid.k-chip-warning.k-selected {
+.k-chip-solid.k-chip-warning.k-selected, .k-chip-solid.k-chip-warning.k-state-selected {
     background-color: rgba(255, 193, 7, 0.24);
 }
 
@@ -12646,11 +12587,11 @@ kendo-badge-container {
     background-color: rgba(220, 53, 69, 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 {
+.k-chip-solid.k-chip-error:hover, .k-chip-solid.k-chip-error.k-hover, .k-chip-solid.k-chip-error.k-state-hover {
     background-color: rgba(220, 53, 69, 0.16);
 }
 
-.k-chip-solid.k-chip-error.k-state-selected, .k-chip-solid.k-chip-error.k-selected {
+.k-chip-solid.k-chip-error.k-selected, .k-chip-solid.k-chip-error.k-state-selected {
     background-color: rgba(220, 53, 69, 0.24);
 }
 
@@ -12660,11 +12601,11 @@ kendo-badge-container {
     background-color: rgba(13, 202, 240, 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 {
+.k-chip-solid.k-chip-info:hover, .k-chip-solid.k-chip-info.k-hover, .k-chip-solid.k-chip-info.k-state-hover {
     background-color: rgba(13, 202, 240, 0.16);
 }
 
-.k-chip-solid.k-chip-info.k-state-selected, .k-chip-solid.k-chip-info.k-selected {
+.k-chip-solid.k-chip-info.k-selected, .k-chip-solid.k-chip-info.k-state-selected {
     background-color: rgba(13, 202, 240, 0.24);
 }
 
@@ -12674,16 +12615,16 @@ kendo-badge-container {
     background-color: #ffffff;
 }
 
-.k-chip-outline:hover, .k-chip-outline.k-state-hover, .k-chip-outline.k-hover {
+.k-chip-outline:hover, .k-chip-outline.k-hover, .k-chip-outline.k-state-hover {
     color: white;
     background-color: #212529;
 }
 
-.k-chip-outline:focus, .k-chip-outline.k-state-focus, .k-chip-outline.k-focus {
+.k-chip-outline:focus, .k-chip-outline.k-focus, .k-chip-outline.k-state-focus {
     box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.16);
 }
 
-.k-chip-outline.k-state-selected, .k-chip-outline.k-selected {
+.k-chip-outline.k-selected, .k-chip-outline.k-state-selected {
     color: white;
     background-color: #212529;
 }
@@ -12693,12 +12634,12 @@ kendo-badge-container {
     color: #198754;
 }
 
-.k-chip-outline.k-chip-success:hover, .k-chip-outline.k-chip-success.k-state-hover, .k-chip-outline.k-chip-success.k-hover {
+.k-chip-outline.k-chip-success:hover, .k-chip-outline.k-chip-success.k-hover, .k-chip-outline.k-chip-success.k-state-hover {
     color: white;
     background-color: #198754;
 }
 
-.k-chip-outline.k-chip-success.k-state-selected, .k-chip-outline.k-chip-success.k-selected {
+.k-chip-outline.k-chip-success.k-selected, .k-chip-outline.k-chip-success.k-state-selected {
     color: white;
     background-color: #198754;
 }
@@ -12708,12 +12649,12 @@ kendo-badge-container {
     color: #ffc107;
 }
 
-.k-chip-outline.k-chip-warning:hover, .k-chip-outline.k-chip-warning.k-state-hover, .k-chip-outline.k-chip-warning.k-hover {
+.k-chip-outline.k-chip-warning:hover, .k-chip-outline.k-chip-warning.k-hover, .k-chip-outline.k-chip-warning.k-state-hover {
     color: #ffffff;
     background-color: #ffc107;
 }
 
-.k-chip-outline.k-chip-warning.k-state-selected, .k-chip-outline.k-chip-warning.k-selected {
+.k-chip-outline.k-chip-warning.k-selected, .k-chip-outline.k-chip-warning.k-state-selected {
     color: #ffffff;
     background-color: #ffc107;
 }
@@ -12723,12 +12664,12 @@ kendo-badge-container {
     color: #dc3545;
 }
 
-.k-chip-outline.k-chip-error:hover, .k-chip-outline.k-chip-error.k-state-hover, .k-chip-outline.k-chip-error.k-hover {
+.k-chip-outline.k-chip-error:hover, .k-chip-outline.k-chip-error.k-hover, .k-chip-outline.k-chip-error.k-state-hover {
     color: white;
     background-color: #dc3545;
 }
 
-.k-chip-outline.k-chip-error.k-state-selected, .k-chip-outline.k-chip-error.k-selected {
+.k-chip-outline.k-chip-error.k-selected, .k-chip-outline.k-chip-error.k-state-selected {
     color: white;
     background-color: #dc3545;
 }
@@ -12738,12 +12679,12 @@ kendo-badge-container {
     color: #0dcaf0;
 }
 
-.k-chip-outline.k-chip-info:hover, .k-chip-outline.k-chip-info.k-state-hover, .k-chip-outline.k-chip-info.k-hover {
+.k-chip-outline.k-chip-info:hover, .k-chip-outline.k-chip-info.k-hover, .k-chip-outline.k-chip-info.k-state-hover {
     color: white;
     background-color: #0dcaf0;
 }
 
-.k-chip-outline.k-chip-info.k-state-selected, .k-chip-outline.k-chip-info.k-selected {
+.k-chip-outline.k-chip-info.k-selected, .k-chip-outline.k-chip-info.k-state-selected {
     color: white;
     background-color: #0dcaf0;
 }
@@ -12813,8 +12754,9 @@ kendo-badge-container {
 
 .k-no-color::after {
     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-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC");
+    background-size: contain;
+    background-position: 0 0;
 }
 
 .k-loader {
@@ -16984,12 +16926,247 @@ kendo-label.k-radio-label > .k-label {
     background-image: linear-gradient(to right, rgba(13, 110, 253, 0.25), transparent 100%);
 }
 
-.k-daterangepicker.k-state-invalid .k-dateinput-wrap {
-    border-color: #dc3545;
+.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-daterangepicker.k-state-invalid .k-dateinput-wrap .k-input-validation-icon {
-    color: #dc3545;
+.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-autocomplete {
@@ -17640,51 +17817,40 @@ kendo-label.k-radio-label > .k-label {
 }
 
 .k-colorpicker {
+    border-radius: 0.25rem;
     width: auto;
-    border-width: 0;
+    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;
-    background: none;
-    text-align: left;
+    text-align: start;
+    white-space: nowrap;
     display: inline-flex;
+    flex-flow: row nowrap;
     vertical-align: middle;
     position: relative;
-    overflow: visible;
+    overflow: hidden;
+    transition: all .1s ease;
     -webkit-touch-callout: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
 .k-colorpicker .k-selected-color {
-    padding: 0.375rem;
-    width: calc(1.5em + 0.75rem);
-    height: calc(1.5em + 0.75rem);
-    border-width: 0;
+    margin: 0.375rem;
+    width: 1.5em;
+    height: 1.5em;
+    border-width: 1px;
     border-style: solid;
-    border-color: inherit;
     box-sizing: border-box;
+    background-clip: content-box;
     line-height: 0;
     position: relative;
     overflow: hidden;
 }
 
-.k-colorpicker .k-selected-color .k-i-line {
-    border-top: 1px solid #dc3545;
-    width: 200%;
-    height: 200%;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-33%, -33%) rotateZ(45deg);
-    transform-origin: 0 0;
-}
-
-.k-colorpicker .k-selected-color .k-i-line::before {
-    display: none;
-}
-
 .k-colorpicker .k-tool-icon {
     padding: 0.375rem;
     width: calc(1.5em + 0.75rem);
@@ -17714,34 +17880,18 @@ kendo-label.k-radio-label > .k-label {
     display: inline-block;
 }
 
-.k-colorpicker .k-picker-wrap {
-    border-radius: 0.25rem;
-    padding: 0;
-    width: 100%;
-    border-width: 1px;
-    border-style: solid;
-    box-sizing: border-box;
-    position: relative;
-    display: flex;
-    flex-direction: row;
-    transition: all .1s ease;
-    overflow: hidden;
-    cursor: default;
-    outline: 0;
-}
-
 .k-colorpicker .k-select {
     padding: 0.375rem 0.375rem;
+    height: calc(1.5em + 0.75rem);
     border-width: 0;
     border-inline-start-width: 1px;
     border-style: solid;
-    border-color: inherit;
+    border-color: transparent;
     box-sizing: border-box;
     display: flex;
     align-items: center;
     justify-content: center;
     flex: 0 0 auto;
-    text-align: center;
     cursor: pointer;
 }
 
@@ -17753,92 +17903,71 @@ kendo-label.k-radio-label > .k-label {
     padding: 0;
 }
 
-.k-colorpicker .k-picker-wrap {
-    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
-}
-
-.k-colorpicker .k-picker-wrap .k-select {
+.k-colorpicker {
     transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
 }
 
-.k-colorpicker .k-picker-wrap {
+.k-colorpicker {
     border-color: #e4e7eb;
     color: #212529;
     background-color: #e4e7eb;
 }
 
-.k-colorpicker .k-picker-wrap.k-invalid, .k-colorpicker .k-picker-wrap.k-invalid:hover, .k-colorpicker .k-picker-wrap.k-state-invalid {
-    border-color: #dc3545;
-}
-
-.k-colorpicker .k-picker-wrap.k-invalid .k-input-validation-icon, .k-colorpicker .k-picker-wrap.k-invalid:hover .k-input-validation-icon, .k-colorpicker .k-picker-wrap.k-state-invalid .k-input-validation-icon {
-    color: #dc3545;
-}
-
-.k-colorpicker .k-picker-wrap.k-invalid:focus, .k-colorpicker .k-picker-wrap.k-invalid.k-state-focused, .k-colorpicker .k-picker-wrap.k-invalid:hover:focus, .k-colorpicker .k-picker-wrap.k-invalid:hover.k-state-focused, .k-colorpicker .k-picker-wrap.k-state-invalid:focus, .k-colorpicker .k-picker-wrap.k-state-invalid.k-state-focused {
-    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
+.k-colorpicker .k-selected-color {
+    border-color: #dee2e6;
 }
 
-.k-colorpicker > :hover,
-.k-colorpicker > .k-state-hover {
+.k-colorpicker:hover, .k-colorpicker.k-state-hover {
     border-color: #c7cdd5;
     background-color: #ced3db;
 }
 
-.k-colorpicker .k-state-focused,
-.k-colorpicker .k-state-focus,
-.k-colorpicker .k-focus {
+.k-colorpicker:focus, .k-colorpicker.k-state-focus {
+    border-color: #bfc6d0;
+    background-color: #c7cdd5;
+    box-shadow: 0 0 0 3px rgba(228, 231, 235, 0.5);
+}
+
+.k-colorpicker:focus-within {
     border-color: #bfc6d0;
     background-color: #c7cdd5;
     box-shadow: 0 0 0 3px rgba(228, 231, 235, 0.5);
 }
 
-.k-colorpicker.k-state-invalid .k-picker-wrap, .k-colorpicker.ng-invalid.ng-touched .k-picker-wrap, .k-colorpicker.ng-invalid.ng-dirty .k-picker-wrap {
+.k-colorpicker.k-invalid, .k-colorpicker.ng-invalid, .k-colorpicker.k-state-invalid {
     border-color: #dc3545;
 }
 
-.k-colorpicker.k-state-invalid .k-picker-wrap .k-input-validation-icon, .k-colorpicker.ng-invalid.ng-touched .k-picker-wrap .k-input-validation-icon, .k-colorpicker.ng-invalid.ng-dirty .k-picker-wrap .k-input-validation-icon {
+.k-colorpicker.k-invalid .k-input-validation-icon, .k-colorpicker.ng-invalid .k-input-validation-icon, .k-colorpicker.k-state-invalid .k-input-validation-icon {
     color: #dc3545;
 }
 
-.k-colorpicker.k-state-invalid .k-picker-wrap.k-state-focused, .k-colorpicker.ng-invalid.ng-touched .k-picker-wrap.k-state-focused, .k-colorpicker.ng-invalid.ng-dirty .k-picker-wrap.k-state-focused {
+.k-colorpicker.k-invalid:focus-within, .k-colorpicker.k-invalid.k-state-focus, .k-colorpicker.ng-invalid:focus-within, .k-colorpicker.ng-invalid.k-state-focus, .k-colorpicker.k-state-invalid:focus-within, .k-colorpicker.k-state-invalid.k-state-focus {
     box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
 }
 
 .k-dateinput {
+    border-radius: 0.25rem;
     width: 12.4em;
-    border-width: 0;
+    border-width: 1px;
+    border-style: solid;
     box-sizing: border-box;
     outline: 0;
-    background: none;
     font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     font-size: 1rem;
     line-height: 1.5;
-    text-align: left;
+    text-align: start;
     white-space: nowrap;
     display: inline-flex;
+    flex-flow: row nowrap;
     vertical-align: middle;
     position: relative;
+    overflow: hidden;
+    transition: all .1s ease;
     -webkit-touch-callout: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
-.k-dateinput .k-dateinput-wrap {
-    border-radius: 0.25rem;
-    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: flex;
-    flex-flow: row nowrap;
-    overflow: hidden;
-}
-
 .k-dateinput .k-select {
     padding: 0;
     border-width: 0;
@@ -17878,58 +18007,183 @@ kendo-label.k-radio-label > .k-label {
     top: -1px;
 }
 
-.k-rtl .k-dateinput, .k-dateinput[dir="rtl"] {
-    text-align: right;
-}
-
 .k-picker-wrap .k-dateinput {
     margin: 0 !important;
+    padding: 0 !important;
     width: 100%;
-    flex: 1 1 auto;
-}
-
-.k-picker-wrap .k-dateinput .k-dateinput-wrap {
     border-radius: 0 !important;
     border-width: 0;
     box-shadow: none !important;
+    flex: 1 1 auto;
 }
 
-.k-datepicker,
-.k-timepicker {
+.k-dateinput {
+    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+}
+
+.k-dateinput {
+    border-color: #ced4da;
+    color: #495057;
+    background-color: #ffffff;
+}
+
+.k-dateinput:focus, .k-dateinput.k-state-focus {
+    border-color: #86b7fe;
+    color: #495057;
+    background-color: #ffffff;
+    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+}
+
+.k-dateinput:focus-within {
+    border-color: #86b7fe;
+    color: #495057;
+    background-color: #ffffff;
+    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+}
+
+.k-dateinput.k-invalid, .k-dateinput.ng-invalid, .k-dateinput.k-state-invalid {
+    border-color: #dc3545;
+}
+
+.k-dateinput.k-invalid .k-input-validation-icon, .k-dateinput.ng-invalid .k-input-validation-icon, .k-dateinput.k-state-invalid .k-input-validation-icon {
+    color: #dc3545;
+}
+
+.k-dateinput.k-invalid:focus-within, .k-dateinput.k-invalid.k-state-focus, .k-dateinput.ng-invalid:focus-within, .k-dateinput.ng-invalid.k-state-focus, .k-dateinput.k-state-invalid:focus-within, .k-dateinput.k-state-invalid.k-state-focus {
+    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
+}
+
+.k-dateinput .k-select {
+    border-color: #e4e7eb;
+    color: #212529;
+    background-color: #e4e7eb;
+}
+
+.k-dateinput .k-link:hover,
+.k-dateinput .k-link.k-state-hover {
+    border-color: #c7cdd5;
+    background-color: #ced3db;
+}
+
+.k-dateinput .k-link:active,
+.k-dateinput .k-link.k-state-active {
+    border-color: #bfc6d0;
+    background-color: #c7cdd5;
+}
+
+.k-datepicker {
+    border-radius: 0.25rem;
     width: 12.4em;
-    border-width: 0;
+    border-width: 1px;
+    border-style: solid;
     box-sizing: border-box;
     outline: 0;
     font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     font-size: 1rem;
     line-height: 1.5;
+    text-align: start;
     white-space: nowrap;
-    background: none;
     display: inline-flex;
+    flex-flow: row nowrap;
     vertical-align: middle;
     position: relative;
+    overflow: hidden;
+    transition: all .1s ease;
     -webkit-touch-callout: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
-.k-datepicker .k-picker-wrap,
-.k-timepicker .k-picker-wrap {
+.k-datepicker .k-select {
+    padding: 0.375rem 0.375rem;
+    border-width: 0;
+    border-inline-start-width: 1px;
+    border-style: solid;
+    box-sizing: border-box;
+    outline: 0;
+    display: flex;
+    flex-flow: row nowrap;
+    align-items: center;
+    justify-content: center;
+    flex: 0 0 auto;
+    cursor: pointer;
+}
+
+.k-datepicker {
+    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+}
+
+.k-datepicker {
+    border-color: #ced4da;
+    color: #495057;
+    background-color: #ffffff;
+}
+
+.k-datepicker:focus, .k-datepicker.k-state-focus {
+    border-color: #86b7fe;
+    color: #495057;
+    background-color: #ffffff;
+    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+}
+
+.k-datepicker:focus-within {
+    border-color: #86b7fe;
+    color: #495057;
+    background-color: #ffffff;
+    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+}
+
+.k-datepicker.k-invalid, .k-datepicker.ng-invalid, .k-datepicker.k-state-invalid {
+    border-color: #dc3545;
+}
+
+.k-datepicker.k-invalid .k-input-validation-icon, .k-datepicker.ng-invalid .k-input-validation-icon, .k-datepicker.k-state-invalid .k-input-validation-icon {
+    color: #dc3545;
+}
+
+.k-datepicker.k-invalid:focus-within, .k-datepicker.k-invalid.k-state-focus, .k-datepicker.ng-invalid:focus-within, .k-datepicker.ng-invalid.k-state-focus, .k-datepicker.k-state-invalid:focus-within, .k-datepicker.k-state-invalid.k-state-focus {
+    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
+}
+
+.k-datepicker .k-select {
+    border-color: #e4e7eb;
+    color: #212529;
+    background-color: #e4e7eb;
+}
+
+.k-datepicker .k-select:hover,
+.k-datepicker .k-select.k-state-hover {
+    border-color: #c7cdd5;
+    background-color: #ced3db;
+}
+
+.k-datepicker .k-select:active,
+.k-datepicker .k-select.k-state-active {
+    border-color: #bfc6d0;
+    background-color: #c7cdd5;
+}
+
+.k-timepicker {
     border-radius: 0.25rem;
-    padding: 0;
-    width: 100%;
+    width: 12.4em;
     border-width: 1px;
     border-style: solid;
     box-sizing: border-box;
-    display: flex;
-    flex-direction: row;
-    position: relative;
-    transition: all .1s ease;
-    cursor: default;
     outline: 0;
+    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-size: 1rem;
+    line-height: 1.5;
+    text-align: start;
+    white-space: nowrap;
+    display: inline-flex;
+    flex-flow: row nowrap;
+    vertical-align: middle;
+    position: relative;
     overflow: hidden;
+    transition: all .1s ease;
+    -webkit-touch-callout: none;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
-.k-datepicker .k-select,
 .k-timepicker .k-select {
     padding: 0.375rem 0.375rem;
     border-width: 0;
@@ -17938,53 +18192,89 @@ kendo-label.k-radio-label > .k-label {
     box-sizing: border-box;
     outline: 0;
     display: flex;
+    flex-flow: row nowrap;
     align-items: center;
     justify-content: center;
     flex: 0 0 auto;
-    text-align: center;
     cursor: pointer;
 }
 
-.k-rtl .k-datepicker, .k-datepicker[dir="rtl"], .k-rtl
-.k-timepicker,
-.k-timepicker[dir="rtl"] {
-    text-align: right;
+.k-timepicker {
+    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+}
+
+.k-timepicker {
+    border-color: #ced4da;
+    color: #495057;
+    background-color: #ffffff;
+}
+
+.k-timepicker:focus, .k-timepicker.k-state-focus {
+    border-color: #86b7fe;
+    color: #495057;
+    background-color: #ffffff;
+    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+}
+
+.k-timepicker:focus-within {
+    border-color: #86b7fe;
+    color: #495057;
+    background-color: #ffffff;
+    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+}
+
+.k-timepicker.k-invalid, .k-timepicker.ng-invalid, .k-timepicker.k-state-invalid {
+    border-color: #dc3545;
+}
+
+.k-timepicker.k-invalid .k-input-validation-icon, .k-timepicker.ng-invalid .k-input-validation-icon, .k-timepicker.k-state-invalid .k-input-validation-icon {
+    color: #dc3545;
+}
+
+.k-timepicker.k-invalid:focus-within, .k-timepicker.k-invalid.k-state-focus, .k-timepicker.ng-invalid:focus-within, .k-timepicker.ng-invalid.k-state-focus, .k-timepicker.k-state-invalid:focus-within, .k-timepicker.k-state-invalid.k-state-focus {
+    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
+}
+
+.k-timepicker .k-select {
+    border-color: #e4e7eb;
+    color: #212529;
+    background-color: #e4e7eb;
+}
+
+.k-timepicker .k-select:hover,
+.k-timepicker .k-select.k-state-hover {
+    border-color: #c7cdd5;
+    background-color: #ced3db;
+}
+
+.k-timepicker .k-select:active,
+.k-timepicker .k-select.k-state-active {
+    border-color: #bfc6d0;
+    background-color: #c7cdd5;
 }
 
 .k-datetimepicker {
+    border-radius: 0.25rem;
     width: 12.4em;
-    border-width: 0;
+    border-width: 1px;
+    border-style: solid;
     box-sizing: border-box;
     outline: 0;
     font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     font-size: 1rem;
     line-height: 1.5;
-    text-align: left;
+    text-align: start;
     white-space: nowrap;
-    background: none;
     display: inline-flex;
+    flex-flow: row nowrap;
     vertical-align: middle;
     position: relative;
+    overflow: hidden;
+    transition: all .1s ease;
     -webkit-touch-callout: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
-.k-datetimepicker .k-picker-wrap {
-    border-radius: 0.25rem;
-    padding: 0;
-    width: 100%;
-    border-width: 1px;
-    border-style: solid;
-    box-sizing: border-box;
-    display: flex;
-    flex-direction: row;
-    position: relative;
-    transition: all .1s ease;
-    cursor: default;
-    outline: 0;
-    overflow: hidden;
-}
-
 .k-datetimepicker .k-select {
     border-width: 0;
     border-inline-start-width: 1px;
@@ -18011,484 +18301,114 @@ kendo-label.k-radio-label > .k-label {
     box-sizing: border-box;
 }
 
-.k-rtl .k-datetimepicker, .k-datetimepicker[dir="rtl"] {
-    text-align: right;
-}
-
+.k-datetime-popup .k-datetime-wrap,
 .k-datetime-container .k-datetime-wrap {
     width: calc(304px + 2rem);
     overflow: hidden;
 }
 
+.k-datetime-popup .k-date-tab .k-datetime-selector,
+.k-datetime-container .k-date-tab .k-datetime-selector {
+    transform: translateX(0);
+}
+
+.k-datetime-popup .k-time-tab .k-datetime-selector,
+.k-datetime-container .k-time-tab .k-datetime-selector {
+    transform: translateX(-100%);
+}
+
+.k-datetime-popup .k-datetime-buttongroup,
 .k-datetime-container .k-datetime-buttongroup {
-    padding: 0.75rem;
+    padding: 0.5rem 0.5rem;
 }
 
+.k-datetime-popup .k-datetime-selector,
 .k-datetime-container .k-datetime-selector {
     display: flex;
     transition: transform .2s;
 }
 
+.k-datetime-popup .k-datetime-calendar-wrap,
+.k-datetime-popup .k-datetime-time-wrap,
 .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 {
+.k-datetime-popup .k-datetime-calendar-wrap .k-calendar,
+.k-datetime-container .k-datetime-calendar-wrap .k-calendar {
     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;
+.k-datetime-popup .k-datetime-time-wrap .k-timeselector,
+.k-datetime-container .k-datetime-time-wrap .k-timeselector {
     border-width: 0;
-    border-style: solid;
-}
-
-.k-time-list-wrapper.k-state-focused::before {
-    top: 0;
-}
-
-.k-time-list-wrapper.k-state-focused::after {
-    bottom: 0;
-}
-
-.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-time-container > ul {
-    height: auto;
-    width: 4em;
-    margin: auto;
-}
-
-.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-time-list-container {
-    display: flex;
-    position: relative;
-}
-
-.k-time-list {
-    position: absolute;
-    display: flex;
-    z-index: 10;
-    outline: 0;
-    bottom: 0;
-    right: 0;
-    left: 0;
-    top: 0;
-}
-
-.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-list .k-item {
-    padding: 0.5rem 1rem;
-    min-height: calc(1.5em + 2px);
-    line-height: calc(1.5em + 2px);
-}
-
-.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-time-container .k-scrollable-placeholder {
-    position: absolute;
-    width: 1px;
-    top: 0;
-    right: 0;
-}
-
-.k-time-separator {
-    width: 0;
-    height: 100%;
-    display: inline-flex;
-    align-self: center;
-    justify-content: center;
-    z-index: 11;
-}
-
-.k-datepicker .k-picker-wrap,
-.k-datepicker .k-select,
-.k-datetimepicker .k-picker-wrap,
-.k-datetimepicker .k-select,
-.k-timepicker .k-picker-wrap,
-.k-timepicker .k-select {
-    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+.k-rtl .k-datetime-popup .k-time-tab .k-datetime-selector, .k-datetime-popup.k-rtl .k-time-tab .k-datetime-selector,
+[dir="rtl"] .k-datetime-popup .k-time-tab .k-datetime-selector, .k-datetime-popup[dir="rtl"] .k-time-tab .k-datetime-selector, .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-dateinput .k-dateinput-wrap,
-.k-dateinput .k-select {
+.k-datetimepicker {
     transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
 }
 
-.k-time-header {
-    padding: 0.5rem 1rem;
-}
-
-.k-time-header .k-title {
-    font-weight: bold;
-}
-
-.k-time-header .k-time-now {
-    cursor: pointer;
-}
-
-.k-time-list-wrapper .k-title {
-    z-index: 12;
-    font-size: 0.75rem;
-}
-
-.k-datepicker .k-select,
-.k-timepicker .k-select,
-.k-datetimepicker .k-select,
-.k-dateinput .k-select {
-    border-color: #e4e7eb;
-    color: #212529;
-    background-color: #e4e7eb;
-}
-
-.k-datepicker .k-i-warning,
-.k-timepicker .k-i-warning,
-.k-datetimepicker .k-i-warning,
-.k-dateinput .k-i-warning {
-    color: #dc3545;
-}
-
-.k-datepicker .k-picker-wrap,
-.k-timepicker .k-picker-wrap,
-.k-datetimepicker .k-picker-wrap,
-.k-dateinput .k-dateinput-wrap {
+.k-datetimepicker {
     border-color: #ced4da;
     color: #495057;
     background-color: #ffffff;
 }
 
-.k-datepicker .k-picker-wrap.k-state-focused, .k-datepicker .k-picker-wrap.k-state-active,
-.k-timepicker .k-picker-wrap.k-state-focused,
-.k-timepicker .k-picker-wrap.k-state-active,
-.k-datetimepicker .k-picker-wrap.k-state-focused,
-.k-datetimepicker .k-picker-wrap.k-state-active,
-.k-dateinput .k-dateinput-wrap.k-state-focused,
-.k-dateinput .k-dateinput-wrap.k-state-active {
+.k-datetimepicker:focus, .k-datetimepicker.k-state-focus {
     border-color: #86b7fe;
     color: #495057;
     background-color: #ffffff;
     box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }
 
-.k-datepicker .k-select:hover,
-.k-datepicker .k-select.k-state-hover,
-.k-timepicker .k-select:hover,
-.k-timepicker .k-select.k-state-hover {
-    border-color: #c7cdd5;
-    background-color: #ced3db;
-}
-
-.k-dateinput .k-link:hover,
-.k-dateinput .k-link.k-state-hover,
-.k-datetimepicker .k-link:hover,
-.k-datetimepicker .k-link.k-state-hover {
-    border-color: #c7cdd5;
-    background-color: #ced3db;
-}
-
-.k-dateinput .k-link:active,
-.k-dateinput .k-link.k-state-active,
-.k-dateinput .k-link.k-state-selected,
-.k-datetimepicker .k-link:active,
-.k-datetimepicker .k-link.k-state-active,
-.k-datetimepicker .k-link.k-state-selected {
-    border-color: #bfc6d0;
-    background-color: #c7cdd5;
-}
-
-.k-time-header .k-time-now {
-    color: #0d6efd;
-    background: transparent;
-}
-
-.k-time-header .k-time-now:hover, .k-time-header .k-time-now:focus {
-    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-datetime-container .k-date-tab .k-datetime-buttongroup,
-.k-datetime-container .k-date-tab .k-datetime-selector {
-    background-color: #ffffff;
-}
-
-.k-datepicker .k-picker-wrap.k-invalid, .k-datepicker .k-picker-wrap.k-state-invalid,
-.k-datetimepicker .k-picker-wrap.k-invalid,
-.k-datetimepicker .k-picker-wrap.k-state-invalid,
-.k-timepicker .k-picker-wrap.k-invalid,
-.k-timepicker .k-picker-wrap.k-state-invalid {
-    border-color: #dc3545;
-}
-
-.k-datepicker .k-picker-wrap.k-invalid .k-input-validation-icon, .k-datepicker .k-picker-wrap.k-state-invalid .k-input-validation-icon,
-.k-datetimepicker .k-picker-wrap.k-invalid .k-input-validation-icon,
-.k-datetimepicker .k-picker-wrap.k-state-invalid .k-input-validation-icon,
-.k-timepicker .k-picker-wrap.k-invalid .k-input-validation-icon,
-.k-timepicker .k-picker-wrap.k-state-invalid .k-input-validation-icon {
-    color: #dc3545;
-}
-
-.k-datepicker .k-picker-wrap.k-invalid:focus, .k-datepicker .k-picker-wrap.k-invalid.k-state-focused, .k-datepicker .k-picker-wrap.k-state-invalid:focus, .k-datepicker .k-picker-wrap.k-state-invalid.k-state-focused,
-.k-datetimepicker .k-picker-wrap.k-invalid:focus,
-.k-datetimepicker .k-picker-wrap.k-invalid.k-state-focused,
-.k-datetimepicker .k-picker-wrap.k-state-invalid:focus,
-.k-datetimepicker .k-picker-wrap.k-state-invalid.k-state-focused,
-.k-timepicker .k-picker-wrap.k-invalid:focus,
-.k-timepicker .k-picker-wrap.k-invalid.k-state-focused,
-.k-timepicker .k-picker-wrap.k-state-invalid:focus,
-.k-timepicker .k-picker-wrap.k-state-invalid.k-state-focused {
-    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
-}
-
-.k-datepicker.k-state-invalid .k-picker-wrap, .k-datepicker.ng-invalid.ng-touched .k-picker-wrap, .k-datepicker.ng-invalid.ng-dirty .k-picker-wrap,
-.k-datetimepicker.k-state-invalid .k-picker-wrap,
-.k-datetimepicker.ng-invalid.ng-touched .k-picker-wrap,
-.k-datetimepicker.ng-invalid.ng-dirty .k-picker-wrap,
-.k-timepicker.k-state-invalid .k-picker-wrap,
-.k-timepicker.ng-invalid.ng-touched .k-picker-wrap,
-.k-timepicker.ng-invalid.ng-dirty .k-picker-wrap {
-    border-color: #dc3545;
-}
-
-.k-datepicker.k-state-invalid .k-picker-wrap .k-input-validation-icon, .k-datepicker.ng-invalid.ng-touched .k-picker-wrap .k-input-validation-icon, .k-datepicker.ng-invalid.ng-dirty .k-picker-wrap .k-input-validation-icon,
-.k-datetimepicker.k-state-invalid .k-picker-wrap .k-input-validation-icon,
-.k-datetimepicker.ng-invalid.ng-touched .k-picker-wrap .k-input-validation-icon,
-.k-datetimepicker.ng-invalid.ng-dirty .k-picker-wrap .k-input-validation-icon,
-.k-timepicker.k-state-invalid .k-picker-wrap .k-input-validation-icon,
-.k-timepicker.ng-invalid.ng-touched .k-picker-wrap .k-input-validation-icon,
-.k-timepicker.ng-invalid.ng-dirty .k-picker-wrap .k-input-validation-icon {
-    color: #dc3545;
-}
-
-.k-datepicker.k-state-invalid .k-picker-wrap:focus, .k-datepicker.k-state-invalid .k-picker-wrap.k-state-focused, .k-datepicker.ng-invalid.ng-touched .k-picker-wrap:focus, .k-datepicker.ng-invalid.ng-touched .k-picker-wrap.k-state-focused, .k-datepicker.ng-invalid.ng-dirty .k-picker-wrap:focus, .k-datepicker.ng-invalid.ng-dirty .k-picker-wrap.k-state-focused,
-.k-datetimepicker.k-state-invalid .k-picker-wrap:focus,
-.k-datetimepicker.k-state-invalid .k-picker-wrap.k-state-focused,
-.k-datetimepicker.ng-invalid.ng-touched .k-picker-wrap:focus,
-.k-datetimepicker.ng-invalid.ng-touched .k-picker-wrap.k-state-focused,
-.k-datetimepicker.ng-invalid.ng-dirty .k-picker-wrap:focus,
-.k-datetimepicker.ng-invalid.ng-dirty .k-picker-wrap.k-state-focused,
-.k-timepicker.k-state-invalid .k-picker-wrap:focus,
-.k-timepicker.k-state-invalid .k-picker-wrap.k-state-focused,
-.k-timepicker.ng-invalid.ng-touched .k-picker-wrap:focus,
-.k-timepicker.ng-invalid.ng-touched .k-picker-wrap.k-state-focused,
-.k-timepicker.ng-invalid.ng-dirty .k-picker-wrap:focus,
-.k-timepicker.ng-invalid.ng-dirty .k-picker-wrap.k-state-focused {
-    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
-}
-
-.k-dateinput .k-dateinput-wrap.k-invalid, .k-dateinput .k-dateinput-wrap.k-state-invalid {
-    border-color: #dc3545;
-}
-
-.k-dateinput .k-dateinput-wrap.k-invalid .k-input-validation-icon, .k-dateinput .k-dateinput-wrap.k-state-invalid .k-input-validation-icon {
-    color: #dc3545;
-}
-
-.k-dateinput .k-dateinput-wrap.k-invalid:focus, .k-dateinput .k-dateinput-wrap.k-invalid.k-state-focused, .k-dateinput .k-dateinput-wrap.k-state-invalid:focus, .k-dateinput .k-dateinput-wrap.k-state-invalid.k-state-focused {
-    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
-}
-
-.k-dateinput.k-state-invalid .k-dateinput-wrap, .k-dateinput.ng-invalid.ng-touched .k-dateinput-wrap, .k-dateinput.ng-invalid.ng-dirty .k-dateinput-wrap {
-    border-color: #dc3545;
-}
-
-.k-dateinput.k-state-invalid .k-dateinput-wrap .k-input-validation-icon, .k-dateinput.ng-invalid.ng-touched .k-dateinput-wrap .k-input-validation-icon, .k-dateinput.ng-invalid.ng-dirty .k-dateinput-wrap .k-input-validation-icon {
-    color: #dc3545;
-}
-
-.k-dateinput.k-state-invalid .k-dateinput-wrap:focus, .k-dateinput.k-state-invalid .k-dateinput-wrap.k-state-focused, .k-dateinput.ng-invalid.ng-touched .k-dateinput-wrap:focus, .k-dateinput.ng-invalid.ng-touched .k-dateinput-wrap.k-state-focused, .k-dateinput.ng-invalid.ng-dirty .k-dateinput-wrap:focus, .k-dateinput.ng-invalid.ng-dirty .k-dateinput-wrap.k-state-focused {
-    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
-}
-
-.k-datepicker.k-state-focus .k-picker-wrap {
+.k-datetimepicker:focus-within {
     border-color: #86b7fe;
     color: #495057;
     background-color: #ffffff;
     box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }
 
-.k-datepicker.k-invalid .k-picker-wrap {
+.k-datetimepicker.k-invalid, .k-datetimepicker.ng-invalid, .k-datetimepicker.k-state-invalid {
     border-color: #dc3545;
 }
 
-.k-datepicker.k-invalid .k-picker-wrap .k-input-validation-icon {
+.k-datetimepicker.k-invalid .k-input-validation-icon, .k-datetimepicker.ng-invalid .k-input-validation-icon, .k-datetimepicker.k-state-invalid .k-input-validation-icon {
     color: #dc3545;
 }
 
-.k-datepicker.k-invalid.k-state-focus .k-picker-wrap {
+.k-datetimepicker.k-invalid:focus-within, .k-datetimepicker.k-invalid.k-state-focus, .k-datetimepicker.ng-invalid:focus-within, .k-datetimepicker.ng-invalid.k-state-focus, .k-datetimepicker.k-state-invalid:focus-within, .k-datetimepicker.k-state-invalid.k-state-focus {
     box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
 }
 
-.k-dateinput.k-state-focus .k-dateinput-wrap,
-.k-daterangepicker.k-state-focus .k-dateinput-wrap {
-    border-color: #86b7fe;
-    color: #495057;
-    background-color: #ffffff;
-    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
-}
-
-.k-dateinput.k-invalid .k-dateinput-wrap,
-.k-daterangepicker.k-invalid .k-dateinput-wrap {
-    border-color: #dc3545;
-}
-
-.k-dateinput.k-invalid .k-dateinput-wrap .k-input-validation-icon,
-.k-daterangepicker.k-invalid .k-dateinput-wrap .k-input-validation-icon {
-    color: #dc3545;
+.k-datetimepicker .k-select {
+    border-color: #e4e7eb;
+    color: #212529;
+    background-color: #e4e7eb;
 }
 
-.k-dateinput.k-invalid.k-state-focus .k-dateinput-wrap,
-.k-daterangepicker.k-invalid.k-state-focus .k-dateinput-wrap {
-    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
+.k-datetimepicker .k-link:hover,
+.k-datetimepicker .k-link.k-state-hover {
+    border-color: #c7cdd5;
+    background-color: #ced3db;
 }
 
-.k-time-list::before, .k-time-list::after {
-    box-shadow: 0 0 3em 3em #ffffff;
+.k-datetimepicker .k-link:active,
+.k-datetimepicker .k-link.k-state-active,
+.k-datetimepicker .k-link.k-state-selected {
+    border-color: #bfc6d0;
+    background-color: #c7cdd5;
 }
 
 .k-dropdowngrid-popup {
@@ -26256,7 +26176,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;
@@ -26277,11 +26197,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 {
@@ -26289,8 +26209,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 {
@@ -26349,10 +26269,6 @@ kendo-card-footer {
     opacity: 1;
 }
 
-.k-group-indicator {
-    margin-right: 0.25rem;
-}
-
 .k-group-indicator + .k-group-indicator {
     margin-left: 0.25rem;
 }
@@ -29156,18 +29072,6 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
     flex-wrap: wrap;
 }
 
-.k-pivotgrid-configurator-content .k-row-fields > *,
-.k-pivotgrid-configurator-content .k-column-fields > *,
-.k-pivotgrid-configurator-content .k-filter-fields > * {
-    margin-bottom: 0.5rem;
-}
-
-.k-pivotgrid-configurator-content .k-row-fields > *:last-child,
-.k-pivotgrid-configurator-content .k-column-fields > *:last-child,
-.k-pivotgrid-configurator-content .k-filter-fields > *:last-child {
-    margin-bottom: 0;
-}
-
 .k-pivotgrid-configurator-content .k-value-fields {
     margin: 0.5rem 0px;
     display: flex;
@@ -29193,19 +29097,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;
@@ -30050,7 +29946,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;
@@ -30062,6 +29959,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;
 }
@@ -30087,8 +29986,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;
 }
@@ -30107,7 +30009,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;
 }
 
@@ -35413,7 +35316,7 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
 
 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;
@@ -35477,6 +35380,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 {