@featherk/styles 0.6.0 → 0.6.2

package/dist/v8.2.0/css/featherk-beautified.css

@@ -59,8 +59,8 @@
   --kendo-color-app-surface: rgb(252, 252, 255);
   --kendo-color-on-app-surface: rgba(10, 12, 27, 0.7);
   --kendo-color-subtle: rgba(10, 12, 27, 0.6);
-  --kendo-color-surface: rgb(237, 237, 245);
-  --kendo-color-surface-alt: rgb(232, 232, 240);
+  --kendo-color-surface: rgb(252, 252, 255);
+  --kendo-color-surface-alt: rgb(242, 242, 250);
   --kendo-color-border: rgba(10, 12, 27, 0.12);
   --kendo-color-border-alt: rgba(10, 12, 27, 0.06);
   --kendo-color-base-subtle: #ebebeb;
@@ -14433,16 +14433,16 @@ kendo-sortable {
   color: var(--kendo-color-subtle, rgba(10, 12, 27, 0.6)) !important;
 }
 .k-text-surface {
-  color: var(--kendo-color-surface, rgb(237, 237, 245));
+  color: var(--kendo-color-surface, rgb(252, 252, 255));
 }
 .\!k-text-surface {
-  color: var(--kendo-color-surface, rgb(237, 237, 245)) !important;
+  color: var(--kendo-color-surface, rgb(252, 252, 255)) !important;
 }
 .k-text-surface-alt {
-  color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .\!k-text-surface-alt {
-  color: var(--kendo-color-surface-alt, rgb(232, 232, 240)) !important;
+  color: var(--kendo-color-surface-alt, rgb(242, 242, 250)) !important;
 }
 .k-text-border {
   color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
@@ -14688,16 +14688,16 @@ kendo-sortable {
   color: var(--kendo-color-subtle, rgba(10, 12, 27, 0.6)) !important;
 }
 .k-color-surface {
-  color: var(--kendo-color-surface, rgb(237, 237, 245));
+  color: var(--kendo-color-surface, rgb(252, 252, 255));
 }
 .\!k-color-surface {
-  color: var(--kendo-color-surface, rgb(237, 237, 245)) !important;
+  color: var(--kendo-color-surface, rgb(252, 252, 255)) !important;
 }
 .k-color-surface-alt {
-  color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .\!k-color-surface-alt {
-  color: var(--kendo-color-surface-alt, rgb(232, 232, 240)) !important;
+  color: var(--kendo-color-surface-alt, rgb(242, 242, 250)) !important;
 }
 .k-color-border {
   color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
@@ -15168,18 +15168,18 @@ kendo-sortable {
   background-color: var(--kendo-color-subtle, rgba(10, 12, 27, 0.6)) !important;
 }
 .k-bg-surface {
-  background-color: var(--kendo-color-surface, rgb(237, 237, 245));
+  background-color: var(--kendo-color-surface, rgb(252, 252, 255));
 }
 .\!k-bg-surface {
-  background-color: var(--kendo-color-surface, rgb(237, 237, 245)) !important;
+  background-color: var(--kendo-color-surface, rgb(252, 252, 255)) !important;
 }
 .k-bg-surface-alt {
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .\!k-bg-surface-alt {
   background-color: var(
     --kendo-color-surface-alt,
-    rgb(232, 232, 240)
+    rgb(242, 242, 250)
   ) !important;
 }
 .k-bg-border {
@@ -15537,16 +15537,16 @@ kendo-sortable {
   border-color: var(--kendo-color-subtle, rgba(10, 12, 27, 0.6)) !important;
 }
 .k-border-surface {
-  border-color: var(--kendo-color-surface, rgb(237, 237, 245));
+  border-color: var(--kendo-color-surface, rgb(252, 252, 255));
 }
 .\!k-border-surface {
-  border-color: var(--kendo-color-surface, rgb(237, 237, 245)) !important;
+  border-color: var(--kendo-color-surface, rgb(252, 252, 255)) !important;
 }
 .k-border-surface-alt {
-  border-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  border-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .\!k-border-surface-alt {
-  border-color: var(--kendo-color-surface-alt, rgb(232, 232, 240)) !important;
+  border-color: var(--kendo-color-surface-alt, rgb(242, 242, 250)) !important;
 }
 .k-border-border {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
@@ -17085,16 +17085,16 @@ kendo-sortable {
   outline-color: var(--kendo-color-subtle, rgba(10, 12, 27, 0.6)) !important;
 }
 .k-outline-surface {
-  outline-color: var(--kendo-color-surface, rgb(237, 237, 245));
+  outline-color: var(--kendo-color-surface, rgb(252, 252, 255));
 }
 .\!k-outline-surface {
-  outline-color: var(--kendo-color-surface, rgb(237, 237, 245)) !important;
+  outline-color: var(--kendo-color-surface, rgb(252, 252, 255)) !important;
 }
 .k-outline-surface-alt {
-  outline-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  outline-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .\!k-outline-surface-alt {
-  outline-color: var(--kendo-color-surface-alt, rgb(232, 232, 240)) !important;
+  outline-color: var(--kendo-color-surface-alt, rgb(242, 242, 250)) !important;
 }
 .k-outline-border {
   outline-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
@@ -23133,7 +23133,7 @@ kendo-sortable {
 .k-code {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-svg-icon {
   width: 1.5rem;
@@ -23474,7 +23474,7 @@ kendo-sortable {
 .k-drag-clue {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface, rgb(237, 237, 245));
+  background-color: var(--kendo-color-surface, rgb(252, 252, 255));
 }
 .k-checkbox {
   margin: 0;
@@ -23883,7 +23883,7 @@ kendo-sortable {
 .k-list {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-list-group-sticky-header {
   border-color: inherit;
@@ -23925,7 +23925,7 @@ kendo-sortable {
   border-color: inherit;
 }
 .k-list-item-group-label {
-  color: #ededf5;
+  color: #fcfcff;
   background-color: rgba(10, 12, 27, 0.7);
 }
 .k-no-data,
@@ -24085,7 +24085,7 @@ kendo-sortable {
 .k-listgroup {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-overlay {
   width: 100%;
@@ -24186,7 +24186,7 @@ kendo-sortable {
 .k-popup {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
   box-shadow:
     0px 8px 10px 0 rgba(0, 0, 0, 0.12),
     0px 4px 16px 0 rgba(0, 0, 0, 0.12);
@@ -24506,28 +24506,28 @@ kendo-sortable {
 .k-data-table {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-table-thead,
 .k-table-header,
 .k-table-group-sticky-header {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.9);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-table-tfoot,
 .k-table-footer {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.9);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-table-group-row {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.9);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-table-group-td > span {
-  color: #ededf5;
+  color: #fcfcff;
   background-color: rgba(10, 12, 27, 0.7);
 }
 .k-table-alt-row {
@@ -24888,7 +24888,7 @@ kendo-badge-container {
   transform: translate(-100%, 100%);
 }
 .k-badge-border-cutout {
-  box-shadow: 0 0 0 2px var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  box-shadow: 0 0 0 2px var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-badge-solid-primary {
   border-color: var(--kendo-color-primary, #003583);
@@ -25767,7 +25767,7 @@ kendo-badge-container {
   color: currentColor;
 }
 .k-loading-color {
-  background-color: #ededf5;
+  background-color: #fcfcff;
   opacity: 0.3;
 }
 .k-i-loading {
@@ -27622,7 +27622,7 @@ kendo-badge-container {
 .k-menu-scroll-wrapper .k-menu-scroll-button {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-primary, #003583);
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-menu-scroll-wrapper .k-menu-scroll-button:hover {
   color: var(--kendo-color-primary-hover, rgb(0, 50.88, 125.76));
@@ -27835,7 +27835,7 @@ kendo-badge-container {
 .k-toolbar {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-toolbar .k-separator,
 .k-toolbar .k-toolbar-separator {
@@ -27854,7 +27854,7 @@ kendo-badge-container {
 .editorToolbarWindow.k-window-content {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-overflow-container .k-button:hover,
 .k-overflow-container .k-button.k-hover {
@@ -29578,7 +29578,7 @@ select.k-picker-lg {
 .k-listbox .k-list-scroller {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-listbox .k-drop-hint {
   border-top-color: var(--kendo-color-primary, #003583);
@@ -30816,7 +30816,7 @@ select.k-picker-lg {
   z-index: 1;
   width: 150%;
   left: -25%;
-  box-shadow: 0 0 2.5rem 1.25rem #ededf5;
+  box-shadow: 0 0 2.5rem 1.25rem #fcfcff;
 }
 .k-calendar-infinite .k-calendar-header {
   margin-left: -1rem;
@@ -30848,7 +30848,7 @@ select.k-picker-lg {
   z-index: 1;
   width: 200%;
   left: -50%;
-  box-shadow: 0 0 6em 3em #ededf5;
+  box-shadow: 0 0 6em 3em #fcfcff;
 }
 .k-calendar-navigation::before {
   top: 0;
@@ -30959,12 +30959,12 @@ select.k-picker-lg {
 .k-calendar {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-calendar .k-header {
   border-color: inherit;
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);
 }
 .k-calendar .k-calendar-th,
@@ -31018,7 +31018,7 @@ select.k-picker-lg {
 }
 .k-calendar .k-calendar-navigation {
   color: rgba(10, 12, 27, 0.06);
-  background-color: #ededf5;
+  background-color: #fcfcff;
   box-shadow: inset -1px 0 rgba(10, 12, 27, 0.12);
 }
 .k-calendar .k-calendar-navigation li:hover,
@@ -31028,7 +31028,7 @@ select.k-picker-lg {
 .k-calendar .k-calendar-navigation-highlight {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-calendar[dir="rtl"] .k-calendar-navigation,
 .k-rtl .k-calendar .k-calendar-navigation {
@@ -31371,7 +31371,7 @@ select.k-picker-lg {
 .k-timeselector {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-time-header .k-time-now,
 .k-time-selector-header .k-time-now {
@@ -31393,7 +31393,7 @@ select.k-picker-lg {
 }
 .k-time-list::before,
 .k-time-list::after {
-  box-shadow: 0 0 3em 1.5em var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  box-shadow: 0 0 3em 1.5em var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-time-list .k-item:hover {
   color: var(--kendo-color-primary, #003583);
@@ -31403,7 +31403,7 @@ select.k-picker-lg {
 }
 .k-time-highlight {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-captcha {
   width: 280px;
@@ -31452,9 +31452,9 @@ select.k-picker-lg {
   font-style: italic;
 }
 .k-captcha {
-  border-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
-  color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  border-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-colorpalette {
   border-width: 0;
@@ -32479,12 +32479,12 @@ select.k-picker-lg {
 .k-switch-off .k-switch-track {
   border-color: rgba(10, 12, 27, 0.4);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-switch-off .k-switch-thumb {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-switch-off:focus .k-switch-track,
 .k-switch-off.k-focus .k-switch-track {
@@ -32506,7 +32506,7 @@ select.k-picker-lg {
 .k-switch-on .k-switch-thumb {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-switch-on:focus .k-switch-track,
 .k-switch-on.k-focus .k-switch-track {
@@ -32549,7 +32549,7 @@ select.k-picker-lg {
 .k-dropzone-inner {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-dropzone-inner .k-icon,
 .k-dropzone-inner .k-dropzone-icon {
@@ -32769,13 +32769,13 @@ select.k-picker-lg {
 .k-upload {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-upload .k-dropzone,
 .k-upload .k-upload-dropzone {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.9);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-upload .k-dropzone.k-hover,
 .k-upload .k-upload-dropzone.k-hover {
@@ -33517,7 +33517,7 @@ select.k-picker-lg {
 .k-fab-item-text {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
   box-shadow:
     0px 10px 12px 0 rgba(0, 0, 0, 0.16),
     0px 4px 16px 0 rgba(0, 0, 0, 0.12);
@@ -33868,7 +33868,7 @@ select.k-picker-lg {
 .k-actionsheet {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
   box-shadow: var(
     --kendo-elevation-7,
     0 14px 16px rgba(0, 0, 0, 0.24),
@@ -34039,7 +34039,7 @@ select.k-picker-lg {
 .k-window {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
   box-shadow:
     0px 16px 18px 0 rgba(0, 0, 0, 0.28),
     0px 4px 16px 0 rgba(0, 0, 0, 0.12);
@@ -34053,7 +34053,7 @@ select.k-picker-lg {
 .k-window-titlebar {
   border-color: inherit;
   color: rgba(10, 12, 27, 0.9);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-window-primary .k-window-titlebar {
   color: var(--kendo-color-on-primary, white);
@@ -34114,7 +34114,7 @@ select.k-picker-lg {
 .k-dialog-titlebar {
   border-color: inherit;
   color: rgba(10, 12, 27, 0.9);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-dialog-primary .k-dialog-titlebar {
   color: var(--kendo-color-on-primary, white);
@@ -34292,7 +34292,7 @@ kendo-drawer .k-drawer-wrapper {
 .k-drawer {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-drawer-wrapper {
   scrollbar-color: rgba(156, 156, 156, 0.7) #dedede;
@@ -34313,7 +34313,7 @@ kendo-drawer .k-drawer-wrapper {
 }
 .k-drawer-item:focus,
 .k-drawer-item.k-focus {
-  background-color: #ededf5;
+  background-color: #fcfcff;
   box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
 }
 .k-drawer-item:focus:hover,
@@ -34393,7 +34393,7 @@ kendo-drawer .k-drawer-wrapper {
 .k-notification {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
   box-shadow:
     0px 8px 10px 0 rgba(0, 0, 0, 0.12),
     0px 4px 16px 0 rgba(0, 0, 0, 0.12);
@@ -34708,7 +34708,7 @@ kendo-card-footer {
 .k-card {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #e8e8f0;
+  background-color: #f2f2fa;
 }
 .k-card .k-card-inner {
   background-color: inherit;
@@ -34898,7 +34898,7 @@ kendo-card-footer {
     0px 4px 16px 0 rgba(0, 0, 0, 0.12);
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-popover-inner {
   background-color: inherit;
@@ -35278,7 +35278,7 @@ kendo-card-footer {
 .k-bottom-nav-flat.k-bottom-nav-primary {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #e8e8f0;
+  background-color: #f2f2fa;
 }
 .k-bottom-nav-flat-primary .k-bottom-nav-item.k-focus,
 .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-focus,
@@ -35298,7 +35298,7 @@ kendo-card-footer {
 .k-bottom-nav-flat.k-bottom-nav-secondary {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #e8e8f0;
+  background-color: #f2f2fa;
 }
 .k-bottom-nav-flat-secondary .k-bottom-nav-item.k-focus,
 .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-focus,
@@ -35318,7 +35318,7 @@ kendo-card-footer {
 .k-bottom-nav-flat.k-bottom-nav-tertiary {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #e8e8f0;
+  background-color: #f2f2fa;
 }
 .k-bottom-nav-flat-tertiary .k-bottom-nav-item.k-focus,
 .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-focus,
@@ -35338,7 +35338,7 @@ kendo-card-footer {
 .k-bottom-nav-flat.k-bottom-nav-info {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #e8e8f0;
+  background-color: #f2f2fa;
 }
 .k-bottom-nav-flat-info .k-bottom-nav-item.k-focus,
 .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-focus,
@@ -35358,7 +35358,7 @@ kendo-card-footer {
 .k-bottom-nav-flat.k-bottom-nav-success {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #e8e8f0;
+  background-color: #f2f2fa;
 }
 .k-bottom-nav-flat-success .k-bottom-nav-item.k-focus,
 .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-focus,
@@ -35378,7 +35378,7 @@ kendo-card-footer {
 .k-bottom-nav-flat.k-bottom-nav-warning {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #e8e8f0;
+  background-color: #f2f2fa;
 }
 .k-bottom-nav-flat-warning .k-bottom-nav-item.k-focus,
 .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-focus,
@@ -35398,7 +35398,7 @@ kendo-card-footer {
 .k-bottom-nav-flat.k-bottom-nav-error {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #e8e8f0;
+  background-color: #f2f2fa;
 }
 .k-bottom-nav-flat-error .k-bottom-nav-item.k-focus,
 .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-focus,
@@ -35418,7 +35418,7 @@ kendo-card-footer {
 .k-bottom-nav-flat.k-bottom-nav-dark {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #e8e8f0;
+  background-color: #f2f2fa;
 }
 .k-bottom-nav-flat-dark .k-bottom-nav-item.k-focus,
 .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-focus,
@@ -35438,7 +35438,7 @@ kendo-card-footer {
 .k-bottom-nav-flat.k-bottom-nav-light {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #e8e8f0;
+  background-color: #f2f2fa;
 }
 .k-bottom-nav-flat-light .k-bottom-nav-item.k-focus,
 .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-focus,
@@ -35458,7 +35458,7 @@ kendo-card-footer {
 .k-bottom-nav-flat.k-bottom-nav-inverse {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #e8e8f0;
+  background-color: #f2f2fa;
 }
 .k-bottom-nav-flat-inverse .k-bottom-nav-item.k-focus,
 .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-focus,
@@ -35602,7 +35602,7 @@ kendo-card-footer {
 .k-breadcrumb-link:hover,
 .k-breadcrumb-link.k-hover {
   color: rgb(0, 50.88, 125.76);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-breadcrumb-link:focus,
 .k-breadcrumb-link.k-focus {
@@ -35611,7 +35611,7 @@ kendo-card-footer {
 }
 .k-breadcrumb-root-link:hover,
 .k-breadcrumb-root-link.k-hover {
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-breadcrumb-root-link:focus,
 .k-breadcrumb-root-link.k-focus {
@@ -35775,7 +35775,7 @@ kendo-card-footer {
 .k-pager {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.9);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-pager:focus,
 .k-pager.k-focus {
@@ -36035,15 +36035,15 @@ kendo-card-footer {
 .k-stepper .k-step-indicator {
   border-color: #ccc;
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-stepper .k-step-indicator::after {
-  box-shadow: inset 0 0 0 2px var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  box-shadow: inset 0 0 0 2px var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-stepper .k-step-label:only-child {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-stepper .k-step-done .k-step-indicator {
   border-color: #003583;
@@ -36401,7 +36401,7 @@ kendo-card-footer {
 .k-tabstrip-items-wrapper .k-item.k-selected {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-tabstrip-items-wrapper .k-item:focus,
 .k-tabstrip-items-wrapper .k-item.k-focus {
@@ -36416,7 +36416,7 @@ kendo-card-footer {
 .k-tabstrip > .k-content {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-tabstrip-content:focus,
 .k-tabstrip-content.k-focus,
@@ -36577,7 +36577,7 @@ kendo-card-footer {
 .k-expander {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-expander.k-focus {
   box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
@@ -36622,7 +36622,7 @@ kendo-card-footer {
   );
   background-color: var(
     --kendo-component-bg,
-    var(--kendo-color-surface-alt, rgb(232, 232, 240))
+    var(--kendo-color-surface-alt, rgb(242, 242, 250))
   );
   padding-inline: var(--kendo-spacing-2, 0.5rem);
   padding-block: var(--kendo-spacing-1, 0.25rem);
@@ -36644,7 +36644,7 @@ kendo-card-footer {
   );
   background-color: var(
     --kendo-component-bg,
-    var(--kendo-color-surface-alt, rgb(232, 232, 240))
+    var(--kendo-color-surface-alt, rgb(242, 242, 250))
   );
 }
 :where(.k-content) {
@@ -36658,7 +36658,7 @@ kendo-card-footer {
   );
   background-color: var(
     --kendo-component-bg,
-    var(--kendo-color-surface-alt, rgb(232, 232, 240))
+    var(--kendo-color-surface-alt, rgb(242, 242, 250))
   );
 }
 .k-panelbar {
@@ -36802,11 +36802,11 @@ kendo-card-footer {
 .k-panelbar {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-panelbar > .k-panelbar-header > .k-link {
   color: #003583;
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-panelbar > .k-panelbar-header > .k-link .k-icon,
 .k-panelbar > .k-panelbar-header > .k-link .k-panelbar-item-icon {
@@ -37006,11 +37006,11 @@ kendo-card-footer {
 .k-splitter {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-splitbar {
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-splitbar:hover,
 .k-splitbar.k-hover,
@@ -37062,7 +37062,7 @@ kendo-card-footer {
   min-height: 0;
 }
 .k-tilelayout {
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-layout-item-hint {
   border-color: rgba(10, 12, 27, 0.12);
@@ -37256,7 +37256,7 @@ kendo-card-footer {
 }
 .k-dock-manager-splitter .k-pane-header,
 .k-dock-manager-unpinned-container .k-pane-header {
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-dock-manager-unpinned-container {
   background-color: #fff;
@@ -37608,16 +37608,16 @@ kendo-card-footer {
   background-color: var(--kendo-color-on-primary, white);
 }
 .k-var--base {
-  background-color: var(--kendo-color-surface, rgb(237, 237, 245));
+  background-color: var(--kendo-color-surface, rgb(252, 252, 255));
 }
 .k-var--background {
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-var--border-radius {
   background-color: var(--kendo-border-radius-md, 0.25rem);
 }
 .k-var--normal-background {
-  background-color: var(--kendo-color-surface, rgb(237, 237, 245));
+  background-color: var(--kendo-color-surface, rgb(252, 252, 255));
 }
 .k-var--normal-text-color {
   background-color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
@@ -37882,21 +37882,21 @@ kendo-card-footer {
   background-color: rgba(0, 0, 0, 0);
 }
 .k-mask {
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
   opacity: 0.8;
 }
 .k-treemap {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-treemap .k-treemap-title {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface, rgb(237, 237, 245));
+  background-color: var(--kendo-color-surface, rgb(252, 252, 255));
 }
 .k-treemap .k-leaf {
-  color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-treemap .k-leaf.k-inverse {
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
@@ -38285,17 +38285,17 @@ kendo-card-footer {
 .k-view {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-pane-wrapper .k-pane > .k-view > .k-content {
   background-position: 50% 50%;
-  background-color: var(--kendo-color-surface, rgb(237, 237, 245));
+  background-color: var(--kendo-color-surface, rgb(252, 252, 255));
 }
 .k-pane-wrapper .k-pane .k-grid-mobile .k-column-active + th.k-header {
   border-left-color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
 }
 .k-pane-wrapper .k-pane .k-grid-mobile .k-resize-handle-inner::before {
-  background-color: var(--kendo-color-surface, rgb(237, 237, 245));
+  background-color: var(--kendo-color-surface, rgb(252, 252, 255));
 }
 .k-pane-wrapper .k-pane .k-scheduler-mobile .k-nav-current {
   color: var(--kendo-color-primary, #003583);
@@ -38317,7 +38317,7 @@ kendo-card-footer {
 .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-groupcolumn,
 .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-group-cell,
 .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header-all-day {
-  background-color: var(--kendo-color-surface, rgb(237, 237, 245));
+  background-color: var(--kendo-color-surface, rgb(252, 252, 255));
 }
 .k-pane-wrapper
   .k-pane
@@ -39691,7 +39691,7 @@ div.k-grid-norecords {
   box-shadow: none;
 }
 .k-grid-content {
-  background-color: #e8e8f0;
+  background-color: #f2f2fa;
 }
 .k-group-footer td,
 .k-grouping-row td,
@@ -39699,7 +39699,7 @@ div.k-grid-norecords {
 .k-grouping-row .k-table-td,
 .k-table-tbody .k-group-cell {
   color: rgba(10, 12, 27, 0.7);
-  background-color: var(--kendo-color-surface, rgb(237, 237, 245));
+  background-color: var(--kendo-color-surface, rgb(252, 252, 255));
 }
 .k-grouping-dropclue::before {
   border-color: rgba(10, 12, 27, 0.7) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
@@ -39710,7 +39710,7 @@ div.k-grid-norecords {
 .k-grid {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #e8e8f0;
+  background-color: #f2f2fa;
 }
 .k-grid .k-table-row.k-table-alt-row {
   background-color: color-mix(
@@ -39770,7 +39770,7 @@ div.k-grid-norecords {
   color: rgba(10, 12, 27, 0.7);
 }
 .k-grid .k-grouping-row {
-  background-color: var(--kendo-color-surface, rgb(237, 237, 245));
+  background-color: var(--kendo-color-surface, rgb(252, 252, 255));
 }
 .k-grid .k-grouping-row .k-icon {
   color: rgba(10, 12, 27, 0.7);
@@ -39886,12 +39886,12 @@ col.k-sorted,
 .k-master-row .k-grid-content-sticky {
   border-color: rgba(0, 0, 0, 0.3);
   border-top-color: rgba(10, 12, 27, 0.12);
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-master-row .k-grid-row-sticky {
   border-top-color: rgba(0, 0, 0, 0.3);
   border-bottom-color: rgba(0, 0, 0, 0.3);
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-master-row.k-table-alt-row .k-grid-content-sticky,
 .k-master-row.k-table-alt-row .k-grid-row-sticky {
@@ -39901,7 +39901,7 @@ col.k-sorted,
 .k-master-row.k-table-row.k-selected .k-table-td.k-grid-row-sticky,
 .k-master-row.k-table-row td.k-grid-content-sticky.k-selected,
 .k-master-row.k-table-row .k-table-td.k-grid-content-sticky.k-selected {
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-master-row.k-table-row.k-selected td.k-grid-content-sticky::before,
 .k-master-row.k-table-row.k-selected .k-table-td.k-grid-row-sticky::before,
@@ -39964,7 +39964,7 @@ kendo-grid.k-grid .k-grid-content-sticky {
   border-top-color: rgba(10, 12, 27, 0.12);
   border-left-color: rgba(0, 0, 0, 0.3);
   border-right-color: rgba(0, 0, 0, 0.3);
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 kendo-grid.k-grid .k-grid-content-sticky:hover,
 kendo-grid.k-grid .k-grid-content-sticky.k-hover {
@@ -39974,7 +39974,7 @@ kendo-grid.k-grid .k-grid-row-sticky td,
 kendo-grid.k-grid .k-grid-row-sticky .k-table-td {
   border-top-color: rgba(0, 0, 0, 0.3);
   border-bottom-color: rgba(0, 0, 0, 0.3);
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 kendo-grid.k-grid .k-grid-row-sticky:hover td,
 kendo-grid.k-grid .k-grid-row-sticky.k-hover td,
@@ -39993,7 +39993,7 @@ kendo-grid.k-grid .k-grid-row-sticky td.k-selected,
 kendo-grid.k-grid .k-selected.k-grid-row-sticky .k-table-td,
 kendo-grid.k-grid .k-grid-row-sticky .k-table-td.k-selected,
 kendo-grid.k-grid .k-selected.k-grid-content-sticky {
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 kendo-grid.k-grid .k-table-row.k-selected .k-grid-content-sticky::before,
 kendo-grid.k-grid .k-selected.k-grid-row-sticky td::before,
@@ -40136,7 +40136,7 @@ kendo-grid.k-grid
 .k-column-menu .k-menu:not(.k-context-menu) {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-column-menu .k-menu:not(.k-context-menu) .k-item:hover,
 .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-hover {
@@ -40152,7 +40152,7 @@ kendo-grid.k-grid
   box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
 }
 .k-column-menu-tabbed {
-  background-color: var(--kendo-color-surface, rgb(237, 237, 245));
+  background-color: var(--kendo-color-surface, rgb(252, 252, 255));
 }
 .k-column-menu-group-header-text {
   border-color: rgba(10, 12, 27, 0.12);
@@ -40162,7 +40162,7 @@ kendo-grid.k-grid
   border-color: rgba(10, 12, 27, 0.12);
 }
 .k-grid-norecords-template {
-  background-color: #e8e8f0;
+  background-color: #f2f2fa;
   border-color: rgba(10, 12, 27, 0.12);
 }
 .k-resizer-wrap.k-hover .k-row-resizer {
@@ -40289,7 +40289,7 @@ kendo-grid.k-grid
 .k-listview {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-listview-content > .k-focus {
   box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
@@ -41137,29 +41137,29 @@ kendo-grid.k-grid
 .k-spreadsheet {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-spreadsheet-header {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface, rgb(237, 237, 245));
+  background-color: var(--kendo-color-surface, rgb(252, 252, 255));
 }
 .k-spreadsheet-top-corner,
 .k-spreadsheet-row-header,
 .k-spreadsheet-column-header {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface, rgb(237, 237, 245));
+  background-color: var(--kendo-color-surface, rgb(252, 252, 255));
 }
 .k-spreadsheet-cell-editor {
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-spreadsheet-merged-cell {
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-spreadsheet-disabled-mask {
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-spreadsheet .k-selection-full,
 .k-spreadsheet .k-selection-partial {
@@ -41182,11 +41182,11 @@ kendo-grid.k-grid
   border-color: var(--kendo-color-primary, #003583);
 }
 .k-spreadsheet .k-single-selection::after {
-  border-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  border-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
   background-color: var(--kendo-color-primary, #003583);
 }
 .k-spreadsheet-active-cell {
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
   box-shadow: inset 0 0 0 1px var(--kendo-color-primary, #003583);
 }
 .k-spreadsheet .k-auto-fill {
@@ -41200,7 +41200,7 @@ kendo-grid.k-grid
 }
 .k-spreadsheet .k-auto-fill-punch {
   background-color: rgba(
-    var(--kendo-color-surface-alt, rgb(232, 232, 240)),
+    var(--kendo-color-surface-alt, rgb(242, 242, 250)),
     0.5
   );
 }
@@ -41242,7 +41242,7 @@ kendo-grid.k-grid
 .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-spreadsheet-insert-image-dialog {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
@@ -41253,7 +41253,7 @@ kendo-grid.k-grid
 }
 .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover div,
 .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover div {
-  color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-spreadsheet-drawing.k-spreadsheet-active-drawing {
   outline-color: var(--kendo-color-primary, #003583);
@@ -41850,14 +41850,14 @@ kendo-grid.k-grid
 .k-pivotgrid {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-pivotgrid-column-headers,
 .k-pivotgrid-row-headers,
 .k-pivotgrid-empty-cell {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface, rgb(237, 237, 245));
+  background-color: var(--kendo-color-surface, rgb(252, 252, 255));
 }
 .k-pivotgrid-empty-cell {
   border-color: var(--kendo-color-border-alt, rgba(10, 12, 27, 0.06));
@@ -41907,7 +41907,7 @@ kendo-grid.k-grid
 .k-pivotgrid-configurator-panel {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-pivotgrid-configurator-header {
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
@@ -41918,7 +41918,7 @@ kendo-grid.k-grid
 .k-calculated-field {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-calculated-field-header {
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
@@ -41964,7 +41964,7 @@ kendo-grid.k-grid
 .k-pivot {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-pivot-table {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
@@ -41972,12 +41972,12 @@ kendo-grid.k-grid
 .k-pivot-rowheaders {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface, rgb(237, 237, 245));
+  background-color: var(--kendo-color-surface, rgb(252, 252, 255));
 }
 .k-pivot-toolbar {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface, rgb(237, 237, 245));
+  background-color: var(--kendo-color-surface, rgb(252, 252, 255));
 }
 .k-pivot-toolbar .k-empty {
   color: var(--kendo-color-subtle, rgba(10, 12, 27, 0.6));
@@ -42387,10 +42387,10 @@ kendo-grid.k-grid
 .k-filemanager {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-filemanager-breadcrumb {
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-filemanager-listview .k-listview-item .k-file-icon {
   color: var(--kendo-color-subtle, rgba(10, 12, 27, 0.6));
@@ -42568,7 +42568,7 @@ kendo-grid.k-grid
 }
 .k-taskboard-column {
   border-color: rgba(0, 0, 0, 0);
-  background-color: var(--kendo-color-surface, rgb(237, 237, 245));
+  background-color: var(--kendo-color-surface, rgb(252, 252, 255));
 }
 .k-taskboard-column:focus,
 .k-taskboard-column.k-focus {
@@ -42580,7 +42580,7 @@ kendo-grid.k-grid
 .k-taskboard-pane {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-taskboard-pane-header {
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
@@ -42588,7 +42588,7 @@ kendo-grid.k-grid
 .k-taskboard-card {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #e8e8f0;
+  background-color: #f2f2fa;
 }
 .k-taskboard-card .k-card-title {
   color: var(--kendo-color-primary, #003583);
@@ -43163,7 +43163,7 @@ kendo-grid.k-grid
 .k-editor {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-editor.k-readonly .k-editor-content.k-focus {
   outline-color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
@@ -43341,7 +43341,7 @@ kendo-grid.k-grid
 .k-imageeditor {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-imageeditor-content {
   background-color: #c6c6c6;
@@ -43380,7 +43380,7 @@ kendo-grid.k-grid
   transform: scaleX(1) scaleY(1) scaleZ(1);
 }
 .k-imageeditor-action-pane {
-  background-color: var(--kendo-color-surface, rgb(237, 237, 245));
+  background-color: var(--kendo-color-surface, rgb(252, 252, 255));
 }
 .k-imageeditor-crop {
   border-color: #fff;
@@ -44138,7 +44138,7 @@ kendo-grid.k-grid
 .k-gantt {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-gantt .k-treelist-scrollable .k-task-milestone .k-task-milestone-content {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
@@ -44178,7 +44178,7 @@ kendo-grid.k-grid
 .k-task-dot:hover::before,
 .k-task-dot.k-hover::before {
   border-color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-task-milestone {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
@@ -45195,23 +45195,23 @@ kendo-scheduler .k-recurrence-editor {
 .k-scheduler {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-scheduler-toolbar {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-scheduler-footer {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-scheduler-header {
-  background-color: var(--kendo-color-surface, rgb(237, 237, 245));
+  background-color: var(--kendo-color-surface, rgb(252, 252, 255));
 }
 .k-scheduler-header-wrap {
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-scheduler-nonwork,
 .k-scheduler .k-nonwork-hour {
@@ -45231,7 +45231,7 @@ kendo-scheduler .k-recurrence-editor {
 }
 .k-scheduler-layout-flex .k-scheduler-head,
 .k-scheduler-layout-flex .k-sticky-cell {
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-event {
   color: #fff;
@@ -45272,7 +45272,7 @@ kendo-scheduler .k-recurrence-editor {
   .k-scheduler-groupcolumn {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-scheduler-agendaview .k-scheduler-content tr.k-selected {
   background-color: color-mix(
@@ -45289,7 +45289,7 @@ kendo-scheduler .k-recurrence-editor {
   .k-scheduler-content
   tr.k-selected
   .k-scheduler-groupcolumn {
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-scheduler-yearview .k-day-indicator {
   background-color: #003583;
@@ -45698,7 +45698,7 @@ kendo-scheduler .k-recurrence-editor {
 .k-chat {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface, rgb(237, 237, 245));
+  background-color: var(--kendo-color-surface, rgb(252, 252, 255));
 }
 .k-chat .k-timestamp {
   color: var(--kendo-color-subtle, rgba(10, 12, 27, 0.6));
@@ -45707,9 +45707,9 @@ kendo-scheduler .k-recurrence-editor {
   font-weight: bold;
 }
 .k-chat .k-chat-bubble {
-  border-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  border-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
   box-shadow: var(
     --kendo-elevation-1,
     0 2px 3px rgba(0, 0, 0, 0.04),
@@ -45786,7 +45786,7 @@ kendo-scheduler .k-recurrence-editor {
 .k-chat .k-toolbar-box {
   border-color: inherit;
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-mediaplayer {
   border-width: 1px;
@@ -45874,10 +45874,10 @@ kendo-scheduler .k-recurrence-editor {
 .k-mediaplayer {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-mediaplayer-titlebar {
-  color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
   background-image: linear-gradient(
     color-mix(
       in srgb,
@@ -46257,14 +46257,14 @@ kendo-scheduler .k-recurrence-editor {
   background-color: var(--kendo-color-primary, #003583);
 }
 .k-timeline .k-timeline-card .k-card-header {
-  background-color: #e8e8f0;
+  background-color: #f2f2fa;
   color: rgba(10, 12, 27, 0.7);
 }
 .k-timeline .k-timeline-card .k-card-body {
-  scrollbar-color: rgba(10, 12, 27, 0.12) #e8e8f0;
+  scrollbar-color: rgba(10, 12, 27, 0.12) #f2f2fa;
 }
 .k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-track {
-  background: #e8e8f0;
+  background: #f2f2fa;
 }
 .k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-thumb {
   background: rgba(10, 12, 27, 0.12);
@@ -46435,10 +46435,10 @@ kendo-scheduler .k-recurrence-editor {
 .k-pdf-viewer {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-pdf-viewer .k-canvas {
-  background-color: var(--kendo-color-surface, rgb(237, 237, 245));
+  background-color: var(--kendo-color-surface, rgb(252, 252, 255));
 }
 .k-pdf-viewer .k-page {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
@@ -46462,7 +46462,7 @@ kendo-scheduler .k-recurrence-editor {
 .k-pdf-viewer-canvas > .k-search-panel {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
   box-shadow:
     0px 16px 18px 0 rgba(0, 0, 0, 0.28),
     0px 4px 16px 0 rgba(0, 0, 0, 0.12);
@@ -46699,7 +46699,7 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
 .k-scrollview {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-scrollview.k-scrollview-dark kendo-scrollview-pager,
 .k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap {
@@ -46822,17 +46822,17 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
 .k-prompt {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.7);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-prompt-header {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.9);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-prompt-content {
   border-color: rgba(10, 12, 27, 0.12);
   color: rgba(10, 12, 27, 0.9);
-  background-color: #ededf5;
+  background-color: #fcfcff;
 }
 .k-prompt-suggestion {
   border-color: rgba(10, 12, 27, 0.12);
@@ -46954,7 +46954,7 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
 .k-map {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-map .k-navigator {
   border-color: rgba(10, 12, 27, 0.12);
@@ -47058,7 +47058,7 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
 .k-orgchart {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface-alt, rgb(232, 232, 240));
+  background-color: var(--kendo-color-surface-alt, rgb(242, 242, 250));
 }
 .k-orgchart-card .k-card-body {
   border-color: rgba(0, 0, 0, 0);
@@ -47074,7 +47074,7 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
 .k-orgchart-node-group-container {
   border-color: var(--kendo-color-border, rgba(10, 12, 27, 0.12));
   color: var(--kendo-color-on-app-surface, rgba(10, 12, 27, 0.7));
-  background-color: var(--kendo-color-surface, rgb(237, 237, 245));
+  background-color: var(--kendo-color-surface, rgb(252, 252, 255));
 }
 .k-orgchart-node-group-container:focus,
 .k-orgchart-node-group-container.k-focus {
@@ -47425,6 +47425,26 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
 .k-animation-container:has(.k-calendar-view) {
   margin-top: 0.25rem;
 }
+.k-icon-wrap::before,
+.k-checkbox-wrap::before,
+.k-list-optionlabel::before,
+.k-table-list .k-table-group-row::before,
+.k-skeleton-text:empty::before,
+.k-placeholder-line:empty::before,
+.k-input-value-text::before,
+.k-radio-wrap::before,
+.k-calendar-infinite .k-calendar-view::after,
+.k-calendar-navigation::before,
+.k-calendar-navigation::after,
+.k-time-list-wrapper.k-focus::before,
+.k-time-list-wrapper.k-focus::after,
+.k-time-list::before,
+.k-time-list::after,
+.k-multiselecttree .k-input-inner::before,
+.k-window-title::before,
+.k-gantt-tasks td::after {
+  content: "";
+}
 .k-tabstrip .k-tabstrip-content.k-active,
 .k-tabstrip .k-tabstrip-content.k-state-active,
 .k-tabstrip .k-tabstrip-content:active {
@@ -48178,6 +48198,15 @@ ul,
 .k-button:focus.k-button-flat.k-button-flat-primary {
   box-shadow: 0px 0px 0px 2px #195bb5 !important;
 }
+.k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item.k-focus,
+.k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item.k-state-focus,
+.k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item.k-state-focused,
+.k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item:focus,
+.k-reset.k-header.k-menu-horizontal.k-menu > .k-item.k-menu-item.k-focus,
+.k-reset.k-header.k-menu-horizontal.k-menu > .k-item.k-menu-item.k-state-focus,
+.k-reset.k-header.k-menu-horizontal.k-menu
+  > .k-item.k-menu-item.k-state-focused,
+.k-reset.k-header.k-menu-horizontal.k-menu > .k-item.k-menu-item:focus,
 .k-calendar
   .k-calendar-view.k-calendar-centuryview
   .k-content
@@ -49918,6 +49947,7 @@ ul,
   border-top-left-radius: 0.25rem;
   border-top-right-radius: 0.25rem;
   min-height: 2.25rem;
+  min-width: 64px;
 }
 .k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item {
   color: rgba(10, 12, 27, 0.7);
@@ -56735,3 +56765,119 @@ div.feather-ks-spacing-s {
   font-style: normal;
   line-height: 1.25;
 }
+.k-menu-popup.k-popup {
+  background-color: var(--kendo-color-surface, rgb(252, 252, 255));
+  background-image: none;
+}
+.k-reset.k-header.k-menu-horizontal.k-menu
+  > .k-item.k-menu-item.k-hover
+  .k-link.k-menu-link,
+.k-reset.k-header.k-menu-horizontal.k-menu
+  > .k-item.k-menu-item.k-state-hover
+  .k-link.k-menu-link,
+.k-reset.k-header.k-menu-horizontal.k-menu
+  > .k-item.k-menu-item.k-state-hovered
+  .k-link.k-menu-link,
+.k-reset.k-header.k-menu-horizontal.k-menu
+  > .k-item.k-menu-item:hover
+  .k-link.k-menu-link {
+  background-color: initial;
+  background-image: linear-gradient(
+    rgba(25, 91, 181, 0.12),
+    rgba(25, 91, 181, 0.06)
+  );
+}
+.k-reset.k-header.k-menu-horizontal.k-menu
+  > .k-item.k-menu-item
+  .k-link.k-menu-link.k-active,
+.k-reset.k-header.k-menu-horizontal.k-menu
+  > .k-item.k-menu-item
+  .k-link.k-menu-link.k-state-active,
+.k-reset.k-header.k-menu-horizontal.k-menu
+  > .k-item.k-menu-item
+  .k-link.k-menu-link:active {
+  color: var(--kendo-color-primary, #003583);
+  background-color: initial;
+  background-image: linear-gradient(
+    rgba(25, 91, 181, 0.12),
+    rgba(25, 91, 181, 0.12)
+  );
+}
+.k-reset.k-header.k-menu-horizontal.k-menu > .k-item.k-menu-item.k-focus,
+.k-reset.k-header.k-menu-horizontal.k-menu > .k-item.k-menu-item.k-state-focus,
+.k-reset.k-header.k-menu-horizontal.k-menu
+  > .k-item.k-menu-item.k-state-focused,
+.k-reset.k-header.k-menu-horizontal.k-menu > .k-item.k-menu-item:focus {
+  color: var(--kendo-color-primary, #003583);
+  background-color: initial;
+  background-image: linear-gradient(
+    rgba(25, 91, 181, 0.12),
+    rgba(25, 91, 181, 0.12)
+  );
+}
+.k-reset.k-header.k-menu-horizontal.k-menu
+  > .k-item.k-menu-item.k-focus
+  .k-link.k-menu-link
+  .k-icon.k-svg-icon
+  > svg,
+.k-reset.k-header.k-menu-horizontal.k-menu
+  > .k-item.k-menu-item.k-state-focus
+  .k-link.k-menu-link
+  .k-icon.k-svg-icon
+  > svg,
+.k-reset.k-header.k-menu-horizontal.k-menu
+  > .k-item.k-menu-item.k-state-focused
+  .k-link.k-menu-link
+  .k-icon.k-svg-icon
+  > svg,
+.k-reset.k-header.k-menu-horizontal.k-menu
+  > .k-item.k-menu-item:focus
+  .k-link.k-menu-link
+  .k-icon.k-svg-icon
+  > svg {
+  color: #003583;
+}
+.k-reset.k-header.k-menu-horizontal.k-menu > .k-item.k-menu-item.k-disabled,
+.k-reset.k-header.k-menu-horizontal.k-menu
+  > .k-item.k-menu-item.k-state-disabled,
+.k-reset.k-header.k-menu-horizontal.k-menu > .k-item.k-menu-item:disabled {
+  opacity: 100%;
+  color: rgba(10, 12, 27, 0.4);
+}
+.k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item.k-hover,
+.k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item.k-state-hover,
+.k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item.k-state-hovered,
+.k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item:hover {
+  background-color: initial;
+  background-image: linear-gradient(
+    rgba(25, 91, 181, 0.12),
+    rgba(25, 91, 181, 0.06)
+  );
+}
+.k-reset.k-header.k-menu-vertical.k-menu
+  > .k-item.k-menu-item
+  .k-link.k-menu-link.k-active,
+.k-reset.k-header.k-menu-vertical.k-menu
+  > .k-item.k-menu-item
+  .k-link.k-menu-link.k-state-active,
+.k-reset.k-header.k-menu-vertical.k-menu
+  > .k-item.k-menu-item
+  .k-link.k-menu-link:active {
+  background-color: initial;
+  background-image: linear-gradient(
+    rgba(25, 91, 181, 0.12),
+    rgba(25, 91, 181, 0.12)
+  );
+  color: var(--kendo-color-primary, #003583);
+}
+.k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item.k-focus,
+.k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item.k-state-focus,
+.k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item.k-state-focused,
+.k-reset.k-header.k-menu-vertical.k-menu > .k-item.k-menu-item:focus {
+  color: var(--kendo-color-primary, #003583);
+  background-color: initial;
+  background-image: linear-gradient(
+    rgba(25, 91, 181, 0.12),
+    rgba(25, 91, 181, 0.12)
+  );
+}