@servicetitan/design-system 13.2.1 → 13.2.2

package/dist/themes/kendo/index.css

@@ -140,7 +140,7 @@
 }
 
 .Checkbox__box {
-  background: var(--colorsSurfaceDefault, #ffffff);
+  background: var(--colorsSurfaceDefault, white);
   border-radius: 3px;
   border: 1px solid var(--colorsBorderGreyStrong, #bcbcbd);
   box-sizing: border-box;
@@ -176,7 +176,7 @@
   border-color: var(--colorsBorderCriticalSubdued, #ffb2a0);
 }
 .Checkbox__box::before {
-  box-shadow: 0 0 0 0 rgba(var(--colorsTextInverted, #ffffff), 0%), 0 0 0 0 var(--colorsBorderPrimary, #2270ee) inset;
+  box-shadow: 0 0 0 0 rgba(var(--colorsTextInverted, white), 0%), 0 0 0 0 var(--colorsBorderPrimary, #0265dc) inset;
   content: "";
   border-radius: 3px;
   height: calc(100% + 2px);
@@ -187,7 +187,7 @@
   top: -1px;
 }
 .Checkbox__box::after {
-  box-shadow: 0 -2px 0 0 var(--colorsTextInverted, #ffffff) inset, -2px 0 0 0 var(--colorsTextInverted, #ffffff) inset;
+  box-shadow: 0 -2px 0 0 var(--colorsTextInverted, white) inset, -2px 0 0 0 var(--colorsTextInverted, white) inset;
   content: "";
   height: 11px;
   margin-left: 4px;
@@ -202,7 +202,7 @@
   margin-left: 3px;
 }
 .Checkbox--large .Checkbox__box::after {
-  box-shadow: 0 -2.5px 0 0 var(--colorsTextInverted, #ffffff) inset, -2.5px 0 0 0 var(--colorsTextInverted, #ffffff) inset;
+  box-shadow: 0 -2.5px 0 0 var(--colorsTextInverted, white) inset, -2.5px 0 0 0 var(--colorsTextInverted, white) inset;
   height: 15px;
   margin-left: 6px;
   top: 0;
@@ -214,7 +214,7 @@
   transform: none;
 }
 .Checkbox__input:checked + .Checkbox__box::before, .Checkbox--checked .Checkbox__box::before, .Checkbox--indeterminate .Checkbox__box::before {
-  box-shadow: 0 0 0 16px var(--colorsBorderPrimary, #2270ee) inset;
+  box-shadow: 0 0 0 16px var(--colorsBorderPrimary, #0265dc) inset;
 }
 .Checkbox__input:checked + .Checkbox__box::after, .Checkbox--checked .Checkbox__box::after, .Checkbox--indeterminate .Checkbox__box::after {
   opacity: 1;
@@ -226,7 +226,7 @@
   box-shadow: 0 0 0 4px var(--colorsBorderCriticalSubdued, #ffb2a0);
 }
 .Checkbox--focus-visible:focus-within .Checkbox__input:checked + .Checkbox__box, .Checkbox--focus-visible:focus-within .Checkbox--checked .Checkbox__box, .Checkbox--focus-visible:focus-within .Checkbox--indeterminate .Checkbox__box {
-  box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #a9d1ff);
+  box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #b5deff);
 }
 .a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__box {
   border-color: var(--colorsBorderDefault, #444445);
@@ -235,14 +235,14 @@
   border-color: var(--colorsBorderCritical, #e13212);
 }
 .a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__input:checked + .Checkbox__box::before, .Checkbox--checked:not(.Checkbox--disabled):hover .Checkbox__box::before, .Checkbox--indeterminate:not(.Checkbox--disabled):hover .Checkbox__box::before {
-  box-shadow: 0 0 0 16px var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderPrimary, #2270ee) inset;
+  box-shadow: 0 0 0 16px var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderPrimary, #0265dc) inset;
 }
 .Checkbox--error.a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__input:checked + .Checkbox__box::before, .Checkbox--error.Checkbox--checked:not(.Checkbox--disabled):hover .Checkbox__box::before, .Checkbox--error.Checkbox--indeterminate:not(.Checkbox--disabled):hover .Checkbox__box::before {
   box-shadow: 0 0 0 16px var(--colorsHoverOnCritical, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderCritical, #e13212) inset;
 }
 .Checkbox--focus-visible:focus-within .Checkbox__box, .Checkbox--focus-visible:hover:focus-within .Checkbox__box {
-  border-color: var(--colorsBorderPrimary, #2270ee);
-  box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #a9d1ff);
+  border-color: var(--colorsBorderPrimary, #0265dc);
+  box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #b5deff);
 }
 .Checkbox--focus-visible.Checkbox--error:focus-within .Checkbox__box, .Checkbox--focus-visible.Checkbox--error:focus-within .Checkbox__input:checked + .Checkbox__box {
   border-color: var(--colorsBorderCritical, #e13212);
@@ -288,7 +288,7 @@ span.Popover {
   color: var(--colorsTextDefault, #141414);
   /* Make sure font-family goes across entire component */
   font-family: "Nunito Sans", sans-serif;
-  background: var(--colorsSurfaceDefault, #ffffff);
+  background: var(--colorsSurfaceDefault, white);
   border-radius: 6px;
   border: 1px solid var(--colorsBorderGrey, #dfe0e1);
   box-shadow: 0 8px 24px rgba(20, 20, 20, 0.1);
@@ -550,7 +550,7 @@ kendo-sortable {
 }
 
 .k-text-selection ::selection {
-  background-color: #2270ee;
+  background-color: #0265dc;
   color: white;
 }
 
@@ -688,12 +688,12 @@ kendo-sortable {
 
 .k-drop-hint-line {
   flex-grow: 1;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 
 .k-drop-hint-h .k-drop-hint-start {
   border-left-width: 6.9282032304px;
-  border-left-color: #2270ee;
+  border-left-color: #0265dc;
   border-right-width: 0;
 }
 .k-drop-hint-h .k-drop-hint-line {
@@ -702,7 +702,7 @@ kendo-sortable {
 }
 .k-drop-hint-h .k-drop-hint-end {
   border-right-width: 6.9282032304px;
-  border-right-color: #2270ee;
+  border-right-color: #0265dc;
   border-left-width: 0;
 }
 
@@ -711,7 +711,7 @@ kendo-sortable {
 }
 .k-drop-hint-v .k-drop-hint-start {
   border-top-width: 6.9282032304px;
-  border-top-color: #2270ee;
+  border-top-color: #0265dc;
   border-bottom-width: 0;
 }
 .k-drop-hint-v .k-drop-hint-line {
@@ -720,7 +720,7 @@ kendo-sortable {
 }
 .k-drop-hint-v .k-drop-hint-end {
   border-bottom-width: 6.9282032304px;
-  border-bottom-color: #2270ee;
+  border-bottom-color: #0265dc;
   border-top-width: 0;
 }
 
@@ -1524,7 +1524,7 @@ kendo-sortable {
 
 .k-marquee-color {
   color: #ffffff;
-  background-color: #2270ee;
+  background-color: #0265dc;
   border-color: #bcbcbd;
   opacity: 0.6;
 }
@@ -6031,9 +6031,9 @@ kendo-badge-container {
 }
 
 .k-badge-solid.k-badge-primary {
-  border-color: #2270ee;
+  border-color: #0265dc;
   color: white;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 
 .k-badge-solid.k-badge-secondary {
@@ -6096,7 +6096,7 @@ kendo-badge-container {
 }
 
 .k-badge-outline.k-badge-primary {
-  color: #2270ee;
+  color: #0265dc;
 }
 
 .k-badge-outline.k-badge-secondary {
@@ -6397,30 +6397,30 @@ kendo-badge-container {
   background-color: #d8d8d8;
 }
 .k-button-solid-base.k-selected {
-  border-color: #2270ee;
+  border-color: #0265dc;
   color: white;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 .k-button-solid-primary {
-  border-color: #2270ee;
+  border-color: #0265dc;
   color: white;
-  background-color: #2270ee;
+  background-color: #0265dc;
   background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
 }
 .k-button-solid-primary:hover, .k-button-solid-primary.k-hover {
-  border-color: #216ce4;
-  background-color: #216ce4;
+  border-color: #0261d3;
+  background-color: #0261d3;
 }
 .k-button-solid-primary:focus, .k-button-solid-primary.k-focus {
-  box-shadow: 0 0 0px 2px rgba(34, 112, 238, 0.3);
+  box-shadow: 0 0 0px 2px rgba(2, 101, 220, 0.3);
 }
 .k-button-solid-primary:active, .k-button-solid-primary.k-active {
-  border-color: #1e63d1;
-  background-color: #1e63d1;
+  border-color: #0259c2;
+  background-color: #0259c2;
 }
 .k-button-solid-primary.k-selected {
-  border-color: #1e63d1;
-  background-color: #1e63d1;
+  border-color: #0259c2;
+  background-color: #0259c2;
 }
 .k-button-solid-secondary {
   border-color: #666666;
@@ -6614,26 +6614,26 @@ kendo-badge-container {
 .k-button-outline-primary {
   box-shadow: none;
   border-color: currentColor;
-  color: #2270ee;
+  color: #0265dc;
   background-color: transparent;
 }
 .k-button-outline-primary:hover, .k-button-outline-primary.k-hover {
-  border-color: #2270ee;
+  border-color: #0265dc;
   color: white;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 .k-button-outline-primary:focus, .k-button-outline-primary.k-focus {
-  box-shadow: 0 0 0px 2px rgba(34, 112, 238, 0.3);
+  box-shadow: 0 0 0px 2px rgba(2, 101, 220, 0.3);
 }
 .k-button-outline-primary:active, .k-button-outline-primary.k-active {
-  border-color: #2270ee;
+  border-color: #0265dc;
   color: white;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 .k-button-outline-primary.k-selected {
-  border-color: #2270ee;
+  border-color: #0265dc;
   color: white;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 .k-button-outline-secondary {
   box-shadow: none;
@@ -6876,7 +6876,7 @@ kendo-badge-container {
   background-color: #444445;
 }
 .k-button-flat-primary {
-  color: #2270ee;
+  color: #0265dc;
 }
 .k-button-flat-secondary {
   color: #666666;
@@ -6909,19 +6909,19 @@ kendo-badge-container {
   color: inherit;
 }
 .k-button-link-primary {
-  color: #2270ee;
+  color: #0265dc;
 }
 .k-button-link-primary:hover, .k-button-link-primary.k-hover {
-  color: #1d5ec8;
+  color: #0255b9;
 }
 .k-button-link-primary:focus, .k-button-link-primary.k-focus {
-  box-shadow: 0 0 0px 2px rgba(34, 112, 238, 0.3);
+  box-shadow: 0 0 0px 2px rgba(2, 101, 220, 0.3);
 }
 .k-button-link-primary:active, .k-button-link-primary.k-active {
-  color: #1d5ec8;
+  color: #0255b9;
 }
 .k-button-link-primary.k-selected {
-  color: #1d5ec8;
+  color: #0255b9;
 }
 .k-button-link-secondary {
   color: #666666;
@@ -7074,7 +7074,7 @@ kendo-badge-container {
   color: #39393a;
 }
 .k-button-clear-primary {
-  color: #2270ee;
+  color: #0265dc;
 }
 .k-button-clear-primary:focus::after, .k-button-clear-primary.k-focus::after, .k-button-clear-primary:active::after {
   background-color: currentColor;
@@ -7186,7 +7186,7 @@ kendo-badge-container {
 
 .k-checkbox:indeterminate,
 .k-checkbox.k-indeterminate {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%232270ee' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M4,8 h8'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%230265dc' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M4,8 h8'/%3e%3c/svg%3e");
 }
 
 .k-checkbox:disabled,
@@ -7355,20 +7355,20 @@ kendo-badge-container {
 .k-checkbox:indeterminate,
 .k-checkbox.k-indeterminate {
   border-color: rgba(0, 0, 0, 0.08);
-  color: #2270ee;
+  color: #0265dc;
   background-color: #ffffff;
 }
 
 .k-checkbox:checked,
 .k-checkbox.k-checked {
-  border-color: #2270ee;
+  border-color: #0265dc;
   color: white;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 
 .k-checkbox:checked:focus,
 .k-checkbox.k-checked.k-focus {
-  box-shadow: 0 0 0 2px rgba(34, 112, 238, 0.3);
+  box-shadow: 0 0 0 2px rgba(2, 101, 220, 0.3);
 }
 
 .k-checkbox.k-invalid {
@@ -7380,12 +7380,12 @@ kendo-badge-container {
 }
 
 .k-checkbox-wrap .k-ripple-blob {
-  color: #2270ee;
+  color: #0265dc;
   opacity: 0.25;
 }
 
 .k-ripple-container .k-checkbox::after {
-  background: #2270ee;
+  background: #0265dc;
   opacity: 0.25;
 }
 
@@ -7603,11 +7603,11 @@ kendo-badge-container {
 }
 .k-list-item.k-selected, .k-selected.k-list-optionlabel {
   color: #ffffff;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 .k-list-item.k-selected:hover, .k-selected.k-list-optionlabel:hover, .k-list-item.k-selected.k-hover, .k-selected.k-hover.k-list-optionlabel {
   color: #ffffff;
-  background-color: #1f67db;
+  background-color: #025dca;
 }
 
 .k-list-group-item {
@@ -8019,10 +8019,10 @@ kendo-badge-container {
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);
 }
 .k-calendar .k-nav-today {
-  color: #2270ee;
+  color: #0265dc;
 }
 .k-calendar .k-nav-today:hover, .k-calendar .k-nav-today.k-hover, .k-calendar .k-nav-today.k-state-hover, .k-calendar .k-nav-today:focus, .k-calendar .k-nav-today.k-state-focus, .k-calendar .k-nav-today.k-focus {
-  color: #1d5ec8;
+  color: #0255b9;
 }
 .k-calendar .k-calendar-th,
 .k-calendar .k-calendar-caption,
@@ -8031,7 +8031,7 @@ kendo-badge-container {
   color: #666666;
 }
 .k-calendar .k-calendar-view .k-today {
-  color: #2270ee;
+  color: #0265dc;
 }
 .k-calendar .k-other-month {
   color: #666666;
@@ -8053,9 +8053,9 @@ kendo-badge-container {
 }
 .k-calendar .k-calendar-td.k-state-selected .k-link,
 .k-calendar .k-calendar-td.k-selected .k-link {
-  border-color: #2270ee;
+  border-color: #0265dc;
   color: #ffffff;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 .k-calendar .k-calendar-td.k-state-selected:hover .k-link,
 .k-calendar .k-calendar-td.k-selected:hover .k-link,
@@ -8064,7 +8064,7 @@ kendo-badge-container {
 .k-calendar .k-calendar-td.k-selected:hover .k-link,
 .k-calendar .k-calendar-td.k-selected.k-hover .k-link {
   color: #ffffff;
-  background-color: #216ce4;
+  background-color: #0261d3;
 }
 .k-calendar .k-calendar-td.k-state-focused .k-link,
 .k-calendar .k-calendar-td.k-focus .k-link,
@@ -8088,7 +8088,7 @@ kendo-badge-container {
 .k-calendar .k-calendar-navigation li:hover,
 .k-calendar .k-calendar-navigation li.k-state-hover,
 .k-calendar .k-calendar-navigation li.k-hover {
-  color: #1d5ec8;
+  color: #0255b9;
 }
 .k-calendar .k-calendar-navigation-highlight {
   border-color: rgba(0, 0, 0, 0.08);
@@ -8110,13 +8110,13 @@ kendo-badge-container {
 .k-calendar .k-range-start,
 .k-calendar .k-range-end,
 .k-calendar .k-range-mid {
-  background-image: linear-gradient(transparent 1px, rgba(34, 112, 238, 0.25) 1px, rgba(34, 112, 238, 0.25) calc(100% - 1px), transparent calc(100% - 1px));
+  background-image: linear-gradient(transparent 1px, rgba(2, 101, 220, 0.25) 1px, rgba(2, 101, 220, 0.25) calc(100% - 1px), transparent calc(100% - 1px));
 }
 .k-ie .k-calendar .k-range-start,
 .k-ie .k-calendar .k-range-end,
 .k-ie .k-calendar .k-range-mid {
   background-image: none;
-  background-color: rgba(34, 112, 238, 0.25);
+  background-color: rgba(2, 101, 220, 0.25);
 }
 .k-calendar .k-range-start.k-range-end {
   background-image: none;
@@ -8124,7 +8124,7 @@ kendo-badge-container {
 }
 .k-calendar .k-range-start .k-link,
 .k-calendar .k-range-end .k-link {
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 .k-calendar .k-range-start.k-state-active .k-link,
 .k-calendar .k-range-start.k-active .k-link,
@@ -8148,12 +8148,12 @@ kendo-badge-container {
 .k-calendar .k-range-split-start::after {
   left: -5px;
   right: auto;
-  background-image: linear-gradient(to left, rgba(34, 112, 238, 0.25), transparent 100%);
+  background-image: linear-gradient(to left, rgba(2, 101, 220, 0.25), transparent 100%);
 }
 .k-calendar .k-range-split-end::after {
   right: -5px;
   left: auto;
-  background-image: linear-gradient(to right, rgba(34, 112, 238, 0.25), transparent 100%);
+  background-image: linear-gradient(to right, rgba(2, 101, 220, 0.25), transparent 100%);
 }
 
 .k-input,
@@ -9131,11 +9131,11 @@ textarea.k-input-inner {
 
 .k-time-header .k-time-now,
 .k-time-selector-header .k-time-now {
-  color: #2270ee;
+  color: #0265dc;
 }
 .k-time-header .k-time-now:hover,
 .k-time-selector-header .k-time-now:hover {
-  color: #1d5ec8;
+  color: #0255b9;
 }
 
 .k-time-list-wrapper .k-title {
@@ -9152,7 +9152,7 @@ textarea.k-input-inner {
   box-shadow: 0 0 3em 1.5em #ffffff;
 }
 .k-time-list .k-item:hover {
-  color: #2270ee;
+  color: #0265dc;
 }
 
 .k-time-container {
@@ -9993,19 +9993,19 @@ textarea.k-input-inner {
 
 .k-radio:checked,
 .k-radio.k-checked {
-  border-color: #2270ee;
+  border-color: #0265dc;
   color: white;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 
 .k-radio:checked:focus,
 .k-radio.k-checked.k-state-focus,
 .k-radio.k-checked.k-focus {
-  box-shadow: 0 0 0 2px rgba(34, 112, 238, 0.3);
+  box-shadow: 0 0 0 2px rgba(2, 101, 220, 0.3);
 }
 
 .k-ripple-container .k-radio::after {
-  background: #2270ee;
+  background: #0265dc;
   opacity: 0.25;
 }
 
@@ -10248,9 +10248,9 @@ textarea.k-input-inner {
 }
 
 .k-switch-on .k-switch-track {
-  border-color: #2270ee;
+  border-color: #0265dc;
   color: white;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 .k-switch-on .k-switch-thumb {
   border-color: #bcbcbd;
@@ -10258,7 +10258,7 @@ textarea.k-input-inner {
   background-color: #f7f7f7;
 }
 .k-switch-on:focus .k-switch-track, .k-switch-on.k-focus .k-switch-track {
-  outline: 2px solid rgba(34, 112, 238, 0.25);
+  outline: 2px solid rgba(2, 101, 220, 0.25);
 }
 .k-switch-on .k-switch-label-off {
   color: transparent;
@@ -10563,10 +10563,10 @@ textarea.k-input-inner {
   background-color: transparent;
 }
 .k-menu:not(.k-context-menu) > .k-item {
-  color: #2270ee;
+  color: #0265dc;
 }
 .k-menu:not(.k-context-menu) > .k-item:hover, .k-menu:not(.k-context-menu) > .k-item.k-hover {
-  color: #1d5ec8;
+  color: #0255b9;
 }
 .k-menu:not(.k-context-menu) > .k-item:active, .k-menu:not(.k-context-menu) > .k-item.k-active {
   color: #424242;
@@ -10592,7 +10592,7 @@ textarea.k-input-inner {
 .k-menu.k-context-menu .k-item > .k-link.k-active,
 .k-menu.k-context-menu .k-item > .k-link.k-selected {
   color: #ffffff;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 .k-menu-group .k-item:focus > .k-link,
 .k-menu-group .k-item.k-focus > .k-link,
@@ -10603,11 +10603,11 @@ textarea.k-input-inner {
 
 .k-menu-scroll-wrapper .k-menu-scroll-button {
   border-color: rgba(0, 0, 0, 0.08);
-  color: #2270ee;
+  color: #0265dc;
   background-color: #ffffff;
 }
 .k-menu-scroll-wrapper .k-menu-scroll-button:hover {
-  color: #1d5ec8;
+  color: #0255b9;
 }
 .k-menu-scroll-wrapper .k-menu-scroll-button:hover::before {
   opacity: 0;
@@ -10809,7 +10809,7 @@ kendo-toolbar-renderer {
 }
 .k-overflow-container .k-button.k-selected {
   color: #ffffff;
-  background: #2270ee;
+  background: #0265dc;
 }
 .k-overflow-container .k-button:disabled, .k-overflow-container .k-button.k-disabled {
   color: inherit;
@@ -11201,7 +11201,7 @@ kendo-toolbar-renderer {
   background-color: #f7f7f7;
 }
 .k-pane-wrapper .k-pane .k-scheduler-mobile .k-nav-current {
-  color: #2270ee;
+  color: #0265dc;
 }
 .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-times,
 .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header,
@@ -11252,11 +11252,11 @@ kendo-toolbar-renderer {
 .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-select-all,
 .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-scheduler-delete,
 .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-scheduler-resetSeries {
-  color: #2270ee;
+  color: #0265dc;
 }
 .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-state-selected,
 .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-selected {
-  color: #2270ee;
+  color: #0265dc;
   background: none;
 }
 .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-state-selected .k-link,
@@ -11481,9 +11481,9 @@ kendo-toolbar-renderer {
 }
 .k-progressbar .k-state-selected,
 .k-progressbar .k-selected {
-  border-color: #1f67db;
+  border-color: #025dca;
   color: white;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 .k-progressbar .k-item {
   border-color: #ffffff;
@@ -11607,12 +11607,12 @@ kendo-toolbar-renderer {
 }
 
 .k-tooltip-primary {
-  border-color: #2270ee;
+  border-color: #0265dc;
   color: white;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 .k-tooltip-primary .k-callout {
-  color: #2270ee;
+  color: #0265dc;
 }
 
 .k-tooltip-info {
@@ -11679,7 +11679,7 @@ kendo-toolbar-renderer {
 }
 
 .k-overlay-primary {
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 
 .k-overlay-secondary {
@@ -12282,7 +12282,7 @@ kendo-label > .k-label {
 .k-dialog-titlebar {
   border-color: inherit;
   color: white;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 
 .k-pager-wrap {
@@ -12487,7 +12487,7 @@ kendo-label > .k-label {
 }
 .k-state-selected.k-pager-refresh, .k-state-selected.k-pager-nav.k-link, .k-selected.k-pager-refresh, .k-selected.k-pager-nav.k-link {
   color: #ffffff;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 .k-pager-refresh:focus, .k-pager-nav.k-link:focus, .k-state-focus.k-pager-refresh, .k-state-focus.k-pager-nav.k-link, .k-focus.k-pager-refresh, .k-focus.k-pager-nav.k-link {
   background-color: transparent;
@@ -12495,19 +12495,19 @@ kendo-label > .k-label {
 }
 
 .k-pager-numbers .k-link {
-  color: #2270ee;
+  color: #0265dc;
 }
 .k-pager-numbers .k-link:hover, .k-pager-numbers .k-link.k-state-hover, .k-pager-numbers .k-link.k-hover {
-  color: #2270ee;
-  background-color: rgba(34, 112, 238, 0.08);
+  color: #0265dc;
+  background-color: rgba(2, 101, 220, 0.08);
 }
 .k-pager-numbers .k-link:focus, .k-pager-numbers .k-link.k-state-focus, .k-pager-numbers .k-link.k-focus {
   background-color: transparent;
-  box-shadow: inset 0 0 0 2px rgba(34, 112, 238, 0.12);
+  box-shadow: inset 0 0 0 2px rgba(2, 101, 220, 0.12);
 }
 .k-pager-numbers .k-link.k-state-selected, .k-pager-numbers .k-link.k-selected {
-  color: #2270ee;
-  background-color: rgba(34, 112, 238, 0.2);
+  color: #0265dc;
+  background-color: rgba(2, 101, 220, 0.2);
 }
 
 .k-pager-md .k-pager-numbers .k-current-page .k-link,
@@ -12540,7 +12540,7 @@ kendo-label > .k-label {
 .k-pager-sm .k-pager-numbers.k-state-expanded .k-link.k-state-selected,
 .k-pager-sm .k-pager-numbers.k-state-expanded .k-link.k-selected {
   color: #ffffff;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 
 .k-skeleton {
@@ -13984,7 +13984,7 @@ tbody .k-group-cell {
 .k-grid td.k-selected,
 .k-grid tr.k-state-selected > td,
 .k-grid tr.k-selected > td {
-  background-color: #ecf4fd;
+  background-color: #e0f2ff;
 }
 .k-grid td.k-state-focused,
 .k-grid td.k-focus,
@@ -14029,17 +14029,17 @@ tbody .k-group-cell {
 }
 .k-grid .k-grid-content-locked .k-state-selected td,
 .k-grid .k-grid-content-locked .k-selected td {
-  background-color: #ecf4fd;
+  background-color: #e0f2ff;
 }
 .k-grid .k-grid-content-locked .k-state-selected.k-alt td,
 .k-grid .k-grid-content-locked .k-selected.k-alt td {
-  background-color: #ecf4fd;
+  background-color: #e0f2ff;
 }
 .k-grid .k-grid-content-locked .k-state-selected:hover td,
 .k-grid .k-grid-content-locked .k-selected:hover td,
 .k-grid .k-grid-content-locked .k-state-selected.k-state-hover td,
 .k-grid .k-grid-content-locked .k-selected.k-hover td {
-  background-color: #d5e7fb;
+  background-color: #c7e7ff;
 }
 .k-grid .k-grid-header-locked .k-header {
   border-bottom-color: #dfe0e1;
@@ -14058,7 +14058,7 @@ th.k-sorted {
 .k-grid-header .k-i-sort-asc-sm,
 .k-grid-header .k-i-sort-desc-sm,
 .k-grid-header .k-sort-order {
-  color: #2270ee;
+  color: #0265dc;
 }
 .k-grid-header .k-grid-filter:hover,
 .k-grid-header .k-header-column-menu:hover,
@@ -14082,7 +14082,7 @@ th.k-sorted {
 .k-grid-header .k-hierarchy-cell .k-icon.k-state-active,
 .k-grid-header .k-hierarchy-cell .k-icon.k-active {
   color: #ffffff;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 .k-grid-header th.k-grid-header-sticky,
 .k-grid-header td.k-grid-header-sticky,
@@ -14121,16 +14121,16 @@ th.k-sorted {
 .k-master-row.k-state-selected .k-grid-content-sticky, .k-master-row.k-selected .k-grid-content-sticky, .k-master-row.k-state-selected .k-grid-row-sticky, .k-master-row.k-selected .k-grid-row-sticky,
 .k-master-row td.k-grid-content-sticky.k-state-selected,
 .k-master-row td.k-grid-content-sticky.k-selected {
-  background-color: #ecf4fd;
+  background-color: #e0f2ff;
 }
 .k-master-row.k-state-selected.k-alt .k-grid-content-sticky, .k-master-row.k-selected.k-alt .k-grid-content-sticky, .k-master-row.k-state-selected.k-alt .k-grid-row-sticky, .k-master-row.k-selected.k-alt .k-grid-row-sticky, .k-master-row.k-alt td.k-grid-content-sticky.k-state-selected, .k-master-row.k-alt td.k-grid-content-sticky.k-selected {
-  background-color: #ecf4fd;
+  background-color: #e0f2ff;
 }
 .k-master-row:hover .k-grid-content-sticky, .k-master-row:hover .k-grid-row-sticky, .k-master-row.k-state-hover .k-grid-content-sticky, .k-master-row.k-hover .k-grid-content-sticky, .k-master-row.k-state-hover .k-grid-row-sticky, .k-master-row.k-hover .k-grid-row-sticky {
   background-color: #f5f5f5;
 }
 .k-master-row.k-state-selected:hover .k-grid-content-sticky, .k-master-row.k-selected:hover .k-grid-content-sticky, .k-master-row.k-state-selected:hover .k-grid-row-sticky, .k-master-row.k-selected:hover .k-grid-row-sticky, .k-master-row.k-state-selected.k-state-hover .k-grid-content-sticky, .k-master-row.k-selected.k-hover .k-grid-content-sticky, .k-master-row.k-state-selected.k-state-hover .k-grid-row-sticky, .k-master-row.k-selected.k-hover .k-grid-row-sticky, .k-master-row:hover td.k-grid-content-sticky.k-state-selected, .k-master-row:hover td.k-grid-content-sticky.k-selected, .k-master-row.k-state-hover td.k-grid-content-sticky.k-state-selected, .k-master-row.k-hover td.k-grid-content-sticky.k-selected {
-  background-color: #d5e7fb;
+  background-color: #c7e7ff;
 }
 
 kendo-grid .k-grid-content-sticky {
@@ -14162,7 +14162,7 @@ kendo-grid .k-grid-row-sticky td.k-state-selected,
 kendo-grid .k-grid-row-sticky td.k-selected,
 kendo-grid .k-state-selected.k-grid-content-sticky,
 kendo-grid .k-selected.k-grid-content-sticky {
-  background-color: #ecf4fd;
+  background-color: #e0f2ff;
 }
 kendo-grid tr.k-state-selected.k-alt .k-grid-content-sticky,
 kendo-grid tr.k-selected.k-alt .k-grid-content-sticky,
@@ -14170,7 +14170,7 @@ kendo-grid .k-state-selected.k-alt.k-grid-row-sticky td,
 kendo-grid .k-selected.k-alt.k-grid-row-sticky td,
 kendo-grid .k-alt .k-state-selected.k-grid-content-sticky,
 kendo-grid .k-alt .k-selected.k-grid-content-sticky {
-  background-color: #ecf4fd;
+  background-color: #e0f2ff;
 }
 kendo-grid tr:hover .k-grid-content-sticky,
 kendo-grid tr.k-state-hover .k-grid-content-sticky,
@@ -14210,7 +14210,7 @@ kendo-grid tr:hover .k-grid-content-sticky.k-state-selected,
 kendo-grid tr:hover .k-grid-content-sticky.k-selected,
 kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected,
 kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
-  background-color: #d5e7fb;
+  background-color: #c7e7ff;
 }
 
 .k-grouping-row .k-grid-content-sticky {
@@ -14234,7 +14234,7 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
 
 .k-columnmenu-item.k-state-selected, .k-columnmenu-item.k-selected {
   color: #ffffff;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 
 .k-column-menu .k-menu:not(.k-context-menu) {
@@ -14248,7 +14248,7 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
 }
 .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-state-selected, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-selected {
   color: #ffffff;
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 .k-column-menu .k-menu:not(.k-context-menu) .k-item:focus, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-state-focused, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-focus {
   box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
@@ -14709,27 +14709,27 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
   background-color: #ebebeb;
 }
 .k-slider .k-slider-selection {
-  background-color: #2270ee;
+  background-color: #0265dc;
 }
 .k-slider .k-draghandle {
-  border-color: #2270ee;
+  border-color: #0265dc;
   color: white;
-  background-color: #2270ee;
+  background-color: #0265dc;
   border-radius: 50%;
 }
 .k-slider .k-draghandle:hover {
-  border-color: #2270ee;
-  background-color: #216ce4;
+  border-color: #0265dc;
+  background-color: #0261d3;
 }
 .k-slider .k-draghandle:active, .k-slider .k-draghandle.k-pressed {
-  border-color: #1e63d1;
-  background-color: #1e63d1;
+  border-color: #0259c2;
+  background-color: #0259c2;
 }
 .k-slider .k-draghandle:focus, .k-slider .k-draghandle.k-state-focused, .k-slider .k-draghandle.k-focus {
-  box-shadow: 0 0 0 2px rgba(34, 112, 238, 0.3);
+  box-shadow: 0 0 0 2px rgba(2, 101, 220, 0.3);
 }
 .k-slider.k-state-focused .k-draghandle, .k-slider.k-focus .k-draghandle {
-  box-shadow: 0 0 0 2px rgba(34, 112, 238, 0.3);
+  box-shadow: 0 0 0 2px rgba(2, 101, 220, 0.3);
 }
 .k-slider-horizontal .k-tick {
   background-image: url(data:image/gif;base64,R0lGODlhAQC0AIABALi4uAAAACH5BAEAAAEALAAAAAABALQAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7);
@@ -14757,6 +14757,17 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
   margin-bottom: 0 !important;
 }
 
+.k-calendar .k-calendar-td.k-selected .k-link, .k-calendar .k-calendar-td.k-state-selected .k-link {
+  border-color: var(--colorsBorderPrimary, #0265dc);
+  color: var(--colorsTextInverted, white);
+  background-color: var(--colorsSurfacePrimary, #0265dc);
+}
+
+.k-calendar .k-range-end, .k-calendar .k-range-mid, .k-calendar .k-range-start {
+  background-color: var(--colorsSurfacePrimarySubdued, #e0f2ff);
+  background-image: none;
+}
+
 .k-animation-container {
   z-index: 1100 !important;
   /* Disable movement of nested .k-child-animation-container */
@@ -14801,7 +14812,7 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
 }
 
 .k-multiselect .k-multiselect-wrap .k-button {
-  background: #ecf4fd;
+  background: #e0f2ff;
   border: none;
   color: #2d2e31;
 }