@progress/kendo-theme-classic 4.43.1-dev.5 → 4.43.1-dev.6

package/dist/all.css

@@ -959,16 +959,6 @@ kendo-sortable {
     bottom: -4px;
 }
 
-.k-loading {
-    width: 64px;
-    height: 64px;
-    display: block;
-}
-
-.k-loading .animate {
-    animation: loading 2s infinite linear;
-}
-
 .k-loading-mask,
 .k-loading-image,
 .k-loading-color {
@@ -1055,7 +1045,7 @@ kendo-sortable {
 .k-loading-image::after {
     content: "";
     border-width: 1px;
-    border-width: max( 1px, .015em );
+    border-width: clamp(0.015em, 1px, 1px);
     font-size: 4em;
 }
 
@@ -11637,7 +11627,7 @@ kendo-list > .k-group-header,
 }
 
 .k-combobox:hover, .k-combobox.k-state-hover {
-    border-color: #bababa;
+    border-color: #b6b6b6;
 }
 
 .k-combobox:focus, .k-combobox.k-state-focus {
@@ -11667,13 +11657,13 @@ kendo-list > .k-group-header,
 
 .k-combobox .k-select:hover,
 .k-combobox .k-select.k-state-hover {
-    border-color: #bababa;
+    border-color: #b6b6b6;
     background-color: #dddddd;
 }
 
 .k-combobox .k-select:active,
 .k-combobox .k-select.k-state-active {
-    border-color: #aaaaaa;
+    border-color: #a3a3a3;
     background-color: #cacaca;
 }
 
@@ -13530,54 +13520,49 @@ kendo-badge-container {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
-.k-button-group .k-button {
-    border-radius: 0;
-}
-
-.k-button-group .k-button ~ .k-button {
+.k-button-group > .k-button + .k-button {
     margin-inline-start: -1px;
 }
 
-.k-button-group .k-button:hover,
-.k-button-group .k-button.k-state-hover,
-.k-button-group .k-button:active,
-.k-button-group .k-button.k-state-active,
-.k-button-group .k-button.k-state-selected,
-.k-button-group .k-button:focus,
-.k-button-group .k-button.k-state-focus {
+.k-button-group > .k-button:hover,
+.k-button-group > .k-button.k-state-hover,
+.k-button-group > .k-button:focus,
+.k-button-group > .k-button.k-state-focus,
+.k-button-group > .k-button:active,
+.k-button-group > .k-button.k-state-active,
+.k-button-group > .k-button.k-state-selected {
     z-index: 2;
 }
 
-.k-button-group .k-group-start,
-.k-button-group .k-button:first-child {
-    border-top-left-radius: 4px;
-    border-bottom-left-radius: 4px;
+.k-button-group .k-button:not(:first-child):not(:last-child) {
+    border-start-end-radius: 0;
+    border-end-end-radius: 0;
+    border-start-start-radius: 0;
+    border-end-start-radius: 0;
 }
 
-.k-button-group .k-group-end,
-.k-button-group .k-button:last-child {
-    border-top-right-radius: 4px;
-    border-bottom-right-radius: 4px;
+.k-button-group > .k-button:first-child:not(:only-child) {
+    border-start-end-radius: 0;
+    border-end-end-radius: 0;
 }
 
-.k-button-group .k-group-start.k-group-end,
-.k-button-group .k-button:first-child:last-child {
-    border-radius: 4px;
+.k-button-group > .k-button:last-child:not(:only-child) {
+    border-start-start-radius: 0;
+    border-end-start-radius: 0;
+}
+
+.k-button-group:disabled, .k-button-group[disabled], .k-button-group.k-disabled, .k-button-group.k-state-disabled {
+    opacity: 1;
+    filter: none;
 }
 
 .k-button-group-stretched {
-    display: flex;
+    width: 100%;
 }
 
-.k-button-group-stretched .k-button {
-    display: inline-block;
+.k-button-group-stretched > * {
     flex: 1 0 0%;
     overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-.k-button-group-stretched .k-button > .k-icon {
-    vertical-align: text-bottom;
 }
 
 .k-split-button {
@@ -13589,37 +13574,14 @@ kendo-badge-container {
     vertical-align: middle;
 }
 
-.k-split-button .k-button {
-    border-radius: 0;
-}
-
-.k-split-button > .k-button:first-child {
-    border-top-left-radius: 4px;
-    border-bottom-left-radius: 4px;
-}
-
-.k-split-button > .k-split-button-arrow,
-.k-split-button > .k-button:last-child {
-    border-top-right-radius: 4px;
-    border-bottom-right-radius: 4px;
-    margin-inline-start: -1px;
+.k-split-button .k-split-button-arrow {
     padding: 4px;
     width: auto;
     flex: none;
 }
 
-.k-split-button[dir="rtl"] > .k-button:first-child {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-    border-top-right-radius: 4px;
-    border-bottom-right-radius: 4px;
-}
-
-.k-split-button[dir="rtl"] > .k-button:last-child {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-    border-top-left-radius: 4px;
-    border-bottom-left-radius: 4px;
+.k-split-button .k-split-button-arrow .k-button-icon {
+    min-width: 0;
 }
 
 .k-button-flat, .k-button.k-flat,
@@ -13652,52 +13614,36 @@ kendo-badge-container {
 .k-button-outline, .k-button.k-outline {
     box-shadow: none;
     color: inherit;
-    background: none;
+    background-color: transparent;
+    background-image: none !important;
 }
 
-.k-button-clear {
+.k-button-link {
+    box-shadow: none;
     border-color: transparent !important;
     color: inherit;
-    background: none !important;
-    box-shadow: none !important;
-}
-
-.k-rtl .k-button-group .k-button {
-    border-radius: 0;
-}
-
-.k-rtl .k-button-group .k-group-start,
-.k-rtl .k-button-group .k-button:first-child {
-    border-top-right-radius: 4px;
-    border-bottom-right-radius: 4px;
+    background-color: transparent !important;
+    background-image: none !important;
+    text-decoration: none;
 }
 
-.k-rtl .k-button-group .k-group-end,
-.k-rtl .k-button-group .k-button:last-child {
-    border-top-left-radius: 4px;
-    border-bottom-left-radius: 4px;
+.k-button-link:hover,
+.k-button-link.k-state-hover {
+    text-decoration: underline;
 }
 
-.k-rtl .k-button-group .k-group-start.k-group-end,
-.k-rtl .k-button-group .k-button:first-child:last-child {
-    border-radius: 4px;
+.k-button-clear {
+    border-color: transparent !important;
+    color: inherit;
+    background: none !important;
+    box-shadow: none !important;
 }
 
-.k-rtl .k-split-button .k-button {
+.k-ie .k-button-group .k-button,
+.k-ie .k-split-button .k-button {
     border-radius: 0;
 }
 
-.k-rtl .k-split-button > .k-button:first-child {
-    border-top-right-radius: 4px;
-    border-bottom-right-radius: 4px;
-}
-
-.k-rtl .k-split-button > .k-split-button-arrow,
-.k-rtl .k-split-button > .k-button:last-child {
-    border-top-left-radius: 4px;
-    border-bottom-left-radius: 4px;
-}
-
 .k-button-overlay, .k-button::before {
     border-radius: inherit;
     content: "";
@@ -13769,66 +13715,292 @@ kendo-badge-container {
     margin: 0 0 0 4px;
 }
 
-.k-button,
-.k-button-secondary {
+.k-button {
     border-color: #cacaca;
     color: #272727;
     background-color: #f0f0f0;
     background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
 }
 
-.k-button:hover, .k-button.k-state-hover,
-.k-button-secondary:hover,
-.k-button-secondary.k-state-hover {
-    border-color: #bababa;
+.k-button:hover, .k-button.k-state-hover {
+    border-color: #b6b6b6;
     background-color: #dddddd;
 }
 
-.k-button:focus, .k-button.k-state-focus, .k-button.k-state-focused,
-.k-button-secondary:focus,
-.k-button-secondary.k-state-focus,
-.k-button-secondary.k-state-focused {
+.k-button:focus, .k-button.k-state-focus, .k-button.k-state-focused {
     box-shadow: 0 0 4px 0 rgba(202, 202, 202, 0.75);
 }
 
-.k-button:active, .k-button.k-state-active,
-.k-button-secondary:active,
-.k-button-secondary.k-state-active {
-    border-color: #aaaaaa;
+.k-button:active, .k-button.k-state-active {
+    border-color: #a3a3a3;
     background-color: #cacaca;
 }
 
-.k-button.k-state-selected,
-.k-button-secondary.k-state-selected {
-    border-color: #aaaaaa;
+.k-button.k-state-selected {
+    border-color: #a3a3a3;
     background-color: #cacaca;
 }
 
-.k-button-primary, .k-button.k-primary {
+.k-button-solid.k-button-solid-primary, .k-button-solid.k-button.k-primary {
     border-color: #cc4a00;
     color: white;
     background-color: #f35800;
+    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
 }
 
-.k-button-primary:hover, .k-button.k-primary:hover, .k-button-primary.k-state-hover, .k-state-hover.k-button.k-primary {
-    border-color: #bc4400;
+.k-button-solid.k-button-solid-primary:hover, .k-button-solid.k-button.k-primary:hover, .k-button-solid.k-button-solid-primary.k-state-hover, .k-button-solid.k-state-hover.k-button.k-primary {
+    border-color: #b94300;
     background-color: #e05100;
 }
 
-.k-button-primary:focus, .k-button.k-primary:focus, .k-button-primary.k-state-focus, .k-state-focus.k-button.k-primary, .k-button-primary.k-state-focused, .k-state-focused.k-button.k-primary {
-    box-shadow: 0 0 4px 0 rgba(204, 74, 0, 0.75);
+.k-button-solid.k-button-solid-primary:focus, .k-button-solid.k-button.k-primary:focus, .k-button-solid.k-button-solid-primary.k-state-focus, .k-button-solid.k-state-focus.k-button.k-primary {
+    box-shadow: 0 0 4px 0px rgba(204, 74, 0, 0.75);
 }
 
-.k-button-primary:active, .k-button.k-primary:active, .k-button-primary.k-state-active, .k-state-active.k-button.k-primary {
-    border-color: #ab3e00;
+.k-button-solid.k-button-solid-primary:active, .k-button-solid.k-button.k-primary:active, .k-button-solid.k-button-solid-primary.k-state-active, .k-button-solid.k-state-active.k-button.k-primary {
+    border-color: #a53c00;
     background-color: #cc4a00;
 }
 
-.k-button-primary.k-state-selected, .k-state-selected.k-button.k-primary {
-    border-color: #ab3e00;
+.k-button-solid.k-button-solid-primary.k-state-selected, .k-button-solid.k-state-selected.k-button.k-primary {
+    border-color: #a53c00;
     background-color: #cc4a00;
 }
 
+.k-button-solid.k-button-solid-secondary {
+    border-color: #c4c4c4;
+    color: black;
+    background-color: #e9e9e9;
+    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
+}
+
+.k-button-solid.k-button-solid-secondary:hover, .k-button-solid.k-button-solid-secondary.k-state-hover {
+    border-color: #b1b1b1;
+    background-color: #d6d6d6;
+}
+
+.k-button-solid.k-button-solid-secondary:focus, .k-button-solid.k-button-solid-secondary.k-state-focus {
+    box-shadow: 0 0 4px 0px rgba(196, 196, 196, 0.75);
+}
+
+.k-button-solid.k-button-solid-secondary:active, .k-button-solid.k-button-solid-secondary.k-state-active {
+    border-color: #9e9e9e;
+    background-color: #c4c4c4;
+}
+
+.k-button-solid.k-button-solid-secondary.k-state-selected {
+    border-color: #9e9e9e;
+    background-color: #c4c4c4;
+}
+
+.k-button-solid.k-button-solid-tertiary {
+    border-color: #038ecd;
+    color: white;
+    background-color: #03a9f4;
+    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
+}
+
+.k-button-solid.k-button-solid-tertiary:hover, .k-button-solid.k-button-solid-tertiary.k-state-hover {
+    border-color: #0280b9;
+    background-color: #039be0;
+}
+
+.k-button-solid.k-button-solid-tertiary:focus, .k-button-solid.k-button-solid-tertiary.k-state-focus {
+    box-shadow: 0 0 4px 0px rgba(3, 142, 205, 0.75);
+}
+
+.k-button-solid.k-button-solid-tertiary:active, .k-button-solid.k-button-solid-tertiary.k-state-active {
+    border-color: #0273a6;
+    background-color: #038ecd;
+}
+
+.k-button-solid.k-button-solid-tertiary.k-state-selected {
+    border-color: #0273a6;
+    background-color: #038ecd;
+}
+
+.k-button-solid.k-button-solid-info {
+    border-color: #1e809e;
+    color: white;
+    background-color: #2498bc;
+    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
+}
+
+.k-button-solid.k-button-solid-info:hover, .k-button-solid.k-button-solid-info.k-state-hover {
+    border-color: #1b748f;
+    background-color: #218cad;
+}
+
+.k-button-solid.k-button-solid-info:focus, .k-button-solid.k-button-solid-info.k-state-focus {
+    box-shadow: 0 0 4px 0px rgba(30, 128, 158, 0.75);
+}
+
+.k-button-solid.k-button-solid-info:active, .k-button-solid.k-button-solid-info.k-state-active {
+    border-color: #186780;
+    background-color: #1e809e;
+}
+
+.k-button-solid.k-button-solid-info.k-state-selected {
+    border-color: #186780;
+    background-color: #1e809e;
+}
+
+.k-button-solid.k-button-solid-success {
+    border-color: #348a42;
+    color: white;
+    background-color: #3ea44e;
+    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
+}
+
+.k-button-solid.k-button-solid-success:hover, .k-button-solid.k-button-solid-success.k-state-hover {
+    border-color: #2f7d3b;
+    background-color: #399748;
+}
+
+.k-button-solid.k-button-solid-success:focus, .k-button-solid.k-button-solid-success.k-state-focus {
+    box-shadow: 0 0 4px 0px rgba(52, 138, 66, 0.75);
+}
+
+.k-button-solid.k-button-solid-success:active, .k-button-solid.k-button-solid-success.k-state-active {
+    border-color: #2a7035;
+    background-color: #348a42;
+}
+
+.k-button-solid.k-button-solid-success.k-state-selected {
+    border-color: #2a7035;
+    background-color: #348a42;
+}
+
+.k-button-solid.k-button-solid-warning {
+    border-color: #d68000;
+    color: white;
+    background-color: #ff9800;
+    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
+}
+
+.k-button-solid.k-button-solid-warning:hover, .k-button-solid.k-button-solid-warning.k-state-hover {
+    border-color: #c27400;
+    background-color: #eb8c00;
+}
+
+.k-button-solid.k-button-solid-warning:focus, .k-button-solid.k-button-solid-warning.k-state-focus {
+    box-shadow: 0 0 4px 0px rgba(214, 128, 0, 0.75);
+}
+
+.k-button-solid.k-button-solid-warning:active, .k-button-solid.k-button-solid-warning.k-state-active {
+    border-color: #ad6700;
+    background-color: #d68000;
+}
+
+.k-button-solid.k-button-solid-warning.k-state-selected {
+    border-color: #ad6700;
+    background-color: #d68000;
+}
+
+.k-button-solid.k-button-solid-error {
+    border-color: #b62200;
+    color: white;
+    background-color: #d92800;
+    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
+}
+
+.k-button-solid.k-button-solid-error:hover, .k-button-solid.k-button-solid-error.k-state-hover {
+    border-color: #a51e00;
+    background-color: #c82500;
+}
+
+.k-button-solid.k-button-solid-error:focus, .k-button-solid.k-button-solid-error.k-state-focus {
+    box-shadow: 0 0 4px 0px rgba(182, 34, 0, 0.75);
+}
+
+.k-button-solid.k-button-solid-error:active, .k-button-solid.k-button-solid-error.k-state-active {
+    border-color: #941b00;
+    background-color: #b62200;
+}
+
+.k-button-solid.k-button-solid-error.k-state-selected {
+    border-color: #941b00;
+    background-color: #b62200;
+}
+
+.k-button-solid.k-button-solid-dark {
+    border-color: #363636;
+    color: white;
+    background-color: #404040;
+    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
+}
+
+.k-button-solid.k-button-solid-dark:hover, .k-button-solid.k-button-solid-dark.k-state-hover {
+    border-color: #313131;
+    background-color: #3b3b3b;
+}
+
+.k-button-solid.k-button-solid-dark:focus, .k-button-solid.k-button-solid-dark.k-state-focus {
+    box-shadow: 0 0 4px 0px rgba(54, 54, 54, 0.75);
+}
+
+.k-button-solid.k-button-solid-dark:active, .k-button-solid.k-button-solid-dark.k-state-active {
+    border-color: #2c2c2c;
+    background-color: #363636;
+}
+
+.k-button-solid.k-button-solid-dark.k-state-selected {
+    border-color: #2c2c2c;
+    background-color: #363636;
+}
+
+.k-button-solid.k-button-solid-light {
+    border-color: #c5c5c5;
+    color: black;
+    background-color: #ebebeb;
+    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
+}
+
+.k-button-solid.k-button-solid-light:hover, .k-button-solid.k-button-solid-light.k-state-hover {
+    border-color: #b3b3b3;
+    background-color: #d8d8d8;
+}
+
+.k-button-solid.k-button-solid-light:focus, .k-button-solid.k-button-solid-light.k-state-focus {
+    box-shadow: 0 0 4px 0px rgba(197, 197, 197, 0.75);
+}
+
+.k-button-solid.k-button-solid-light:active, .k-button-solid.k-button-solid-light.k-state-active {
+    border-color: #a0a0a0;
+    background-color: #c5c5c5;
+}
+
+.k-button-solid.k-button-solid-light.k-state-selected {
+    border-color: #a0a0a0;
+    background-color: #c5c5c5;
+}
+
+.k-button-solid.k-button-solid-inverse {
+    border-color: #363636;
+    color: white;
+    background-color: #404040;
+    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
+}
+
+.k-button-solid.k-button-solid-inverse:hover, .k-button-solid.k-button-solid-inverse.k-state-hover {
+    border-color: #313131;
+    background-color: #3b3b3b;
+}
+
+.k-button-solid.k-button-solid-inverse:focus, .k-button-solid.k-button-solid-inverse.k-state-focus {
+    box-shadow: 0 0 4px 0px rgba(54, 54, 54, 0.75);
+}
+
+.k-button-solid.k-button-solid-inverse:active, .k-button-solid.k-button-solid-inverse.k-state-active {
+    border-color: #2c2c2c;
+    background-color: #363636;
+}
+
+.k-button-solid.k-button-solid-inverse.k-state-selected {
+    border-color: #2c2c2c;
+    background-color: #363636;
+}
+
 .k-split-button:focus,
 .k-split-button.k-state-focus,
 .k-split-button.k-state-focused {
@@ -13839,65 +14011,338 @@ kendo-badge-container {
     box-shadow: none;
     border-color: currentColor;
     color: #272727;
-    background: none;
+    background-color: transparent;
 }
 
 .k-button-outline:hover, .k-button.k-outline:hover, .k-button-outline.k-state-hover, .k-state-hover.k-button.k-outline {
     border-color: #272727;
     color: white;
     background-color: #272727;
-    background-image: none;
 }
 
 .k-button-outline:focus, .k-button.k-outline:focus, .k-button-outline.k-state-focus, .k-state-focus.k-button.k-outline, .k-button-outline.k-state-focused, .k-state-focused.k-button.k-outline {
-    box-shadow: 0 0 4px 0 rgba(202, 202, 202, 0.75);
+    box-shadow: 0 0 4px 0px rgba(39, 39, 39, 0.75);
 }
 
 .k-button-outline:active, .k-button.k-outline:active, .k-button-outline.k-state-active, .k-state-active.k-button.k-outline {
     border-color: #272727;
     color: white;
     background-color: #272727;
-    background-image: none;
 }
 
 .k-button-outline.k-state-selected, .k-state-selected.k-button.k-outline {
     border-color: #272727;
     color: white;
     background-color: #272727;
-    background-image: none;
 }
 
-.k-button-outline.k-primary, .k-primary.k-button.k-outline {
+.k-button-outline.k-button-outline-primary, .k-button-outline-primary.k-button.k-outline, .k-button-outline.k-primary, .k-primary.k-button.k-outline {
+    box-shadow: none;
     border-color: currentColor;
     color: #f35800;
-    background: none;
-    box-shadow: none;
+    background-color: transparent;
 }
 
-.k-button-outline.k-primary:hover, .k-primary.k-button.k-outline:hover, .k-button-outline.k-primary.k-state-hover, .k-primary.k-state-hover.k-button.k-outline {
+.k-button-outline.k-button-outline-primary:hover, .k-button-outline-primary.k-button.k-outline:hover, .k-button-outline.k-primary:hover, .k-primary.k-button.k-outline:hover, .k-button-outline.k-button-outline-primary.k-state-hover, .k-button-outline-primary.k-state-hover.k-button.k-outline, .k-button-outline.k-state-hover.k-primary, .k-state-hover.k-primary.k-button.k-outline {
     border-color: #f35800;
     color: white;
     background-color: #f35800;
-    background-image: none;
 }
 
-.k-button-outline.k-primary:focus, .k-primary.k-button.k-outline:focus, .k-button-outline.k-primary.k-state-focus, .k-primary.k-state-focus.k-button.k-outline, .k-button-outline.k-primary.k-state-focused, .k-primary.k-state-focused.k-button.k-outline {
-    box-shadow: 0 0 4px 0 rgba(204, 74, 0, 0.75);
+.k-button-outline.k-button-outline-primary:focus, .k-button-outline-primary.k-button.k-outline:focus, .k-button-outline.k-primary:focus, .k-primary.k-button.k-outline:focus, .k-button-outline.k-button-outline-primary.k-state-focus, .k-button-outline-primary.k-state-focus.k-button.k-outline, .k-button-outline.k-state-focus.k-primary, .k-state-focus.k-primary.k-button.k-outline, .k-button-outline.k-button-outline-primary.k-state-focused, .k-button-outline-primary.k-state-focused.k-button.k-outline, .k-button-outline.k-state-focused.k-primary, .k-state-focused.k-primary.k-button.k-outline {
+    box-shadow: 0 0 4px 0px rgba(243, 88, 0, 0.75);
 }
 
-.k-button-outline.k-primary:active, .k-primary.k-button.k-outline:active, .k-button-outline.k-primary.k-state-active, .k-primary.k-state-active.k-button.k-outline {
+.k-button-outline.k-button-outline-primary:active, .k-button-outline-primary.k-button.k-outline:active, .k-button-outline.k-primary:active, .k-primary.k-button.k-outline:active, .k-button-outline.k-button-outline-primary.k-state-active, .k-button-outline-primary.k-state-active.k-button.k-outline, .k-button-outline.k-state-active.k-primary, .k-state-active.k-primary.k-button.k-outline {
     border-color: #f35800;
     color: white;
     background-color: #f35800;
-    background-image: none;
     box-shadow: none;
 }
 
-.k-button-outline.k-primary.k-state-selected, .k-primary.k-state-selected.k-button.k-outline {
+.k-button-outline.k-button-outline-primary.k-state-selected, .k-button-outline-primary.k-state-selected.k-button.k-outline, .k-button-outline.k-state-selected.k-primary, .k-state-selected.k-primary.k-button.k-outline {
     border-color: #f35800;
     color: white;
     background-color: #f35800;
-    background-image: none;
+    box-shadow: none;
+}
+
+.k-button-outline.k-button-outline-secondary, .k-button-outline-secondary.k-button.k-outline {
+    box-shadow: none;
+    border-color: currentColor;
+    color: #e9e9e9;
+    background-color: transparent;
+}
+
+.k-button-outline.k-button-outline-secondary:hover, .k-button-outline-secondary.k-button.k-outline:hover, .k-button-outline.k-button-outline-secondary.k-state-hover, .k-button-outline-secondary.k-state-hover.k-button.k-outline {
+    border-color: #e9e9e9;
+    color: black;
+    background-color: #e9e9e9;
+}
+
+.k-button-outline.k-button-outline-secondary:focus, .k-button-outline-secondary.k-button.k-outline:focus, .k-button-outline.k-button-outline-secondary.k-state-focus, .k-button-outline-secondary.k-state-focus.k-button.k-outline, .k-button-outline.k-button-outline-secondary.k-state-focused, .k-button-outline-secondary.k-state-focused.k-button.k-outline {
+    box-shadow: 0 0 4px 0px rgba(233, 233, 233, 0.75);
+}
+
+.k-button-outline.k-button-outline-secondary:active, .k-button-outline-secondary.k-button.k-outline:active, .k-button-outline.k-button-outline-secondary.k-state-active, .k-button-outline-secondary.k-state-active.k-button.k-outline {
+    border-color: #e9e9e9;
+    color: black;
+    background-color: #e9e9e9;
+    box-shadow: none;
+}
+
+.k-button-outline.k-button-outline-secondary.k-state-selected, .k-button-outline-secondary.k-state-selected.k-button.k-outline {
+    border-color: #e9e9e9;
+    color: black;
+    background-color: #e9e9e9;
+    box-shadow: none;
+}
+
+.k-button-outline.k-button-outline-tertiary, .k-button-outline-tertiary.k-button.k-outline {
+    box-shadow: none;
+    border-color: currentColor;
+    color: #03a9f4;
+    background-color: transparent;
+}
+
+.k-button-outline.k-button-outline-tertiary:hover, .k-button-outline-tertiary.k-button.k-outline:hover, .k-button-outline.k-button-outline-tertiary.k-state-hover, .k-button-outline-tertiary.k-state-hover.k-button.k-outline {
+    border-color: #03a9f4;
+    color: white;
+    background-color: #03a9f4;
+}
+
+.k-button-outline.k-button-outline-tertiary:focus, .k-button-outline-tertiary.k-button.k-outline:focus, .k-button-outline.k-button-outline-tertiary.k-state-focus, .k-button-outline-tertiary.k-state-focus.k-button.k-outline, .k-button-outline.k-button-outline-tertiary.k-state-focused, .k-button-outline-tertiary.k-state-focused.k-button.k-outline {
+    box-shadow: 0 0 4px 0px rgba(3, 169, 244, 0.75);
+}
+
+.k-button-outline.k-button-outline-tertiary:active, .k-button-outline-tertiary.k-button.k-outline:active, .k-button-outline.k-button-outline-tertiary.k-state-active, .k-button-outline-tertiary.k-state-active.k-button.k-outline {
+    border-color: #03a9f4;
+    color: white;
+    background-color: #03a9f4;
+    box-shadow: none;
+}
+
+.k-button-outline.k-button-outline-tertiary.k-state-selected, .k-button-outline-tertiary.k-state-selected.k-button.k-outline {
+    border-color: #03a9f4;
+    color: white;
+    background-color: #03a9f4;
+    box-shadow: none;
+}
+
+.k-button-outline.k-button-outline-info, .k-button-outline-info.k-button.k-outline {
+    box-shadow: none;
+    border-color: currentColor;
+    color: #2498bc;
+    background-color: transparent;
+}
+
+.k-button-outline.k-button-outline-info:hover, .k-button-outline-info.k-button.k-outline:hover, .k-button-outline.k-button-outline-info.k-state-hover, .k-button-outline-info.k-state-hover.k-button.k-outline {
+    border-color: #2498bc;
+    color: white;
+    background-color: #2498bc;
+}
+
+.k-button-outline.k-button-outline-info:focus, .k-button-outline-info.k-button.k-outline:focus, .k-button-outline.k-button-outline-info.k-state-focus, .k-button-outline-info.k-state-focus.k-button.k-outline, .k-button-outline.k-button-outline-info.k-state-focused, .k-button-outline-info.k-state-focused.k-button.k-outline {
+    box-shadow: 0 0 4px 0px rgba(36, 152, 188, 0.75);
+}
+
+.k-button-outline.k-button-outline-info:active, .k-button-outline-info.k-button.k-outline:active, .k-button-outline.k-button-outline-info.k-state-active, .k-button-outline-info.k-state-active.k-button.k-outline {
+    border-color: #2498bc;
+    color: white;
+    background-color: #2498bc;
+    box-shadow: none;
+}
+
+.k-button-outline.k-button-outline-info.k-state-selected, .k-button-outline-info.k-state-selected.k-button.k-outline {
+    border-color: #2498bc;
+    color: white;
+    background-color: #2498bc;
+    box-shadow: none;
+}
+
+.k-button-outline.k-button-outline-success, .k-button-outline-success.k-button.k-outline {
+    box-shadow: none;
+    border-color: currentColor;
+    color: #3ea44e;
+    background-color: transparent;
+}
+
+.k-button-outline.k-button-outline-success:hover, .k-button-outline-success.k-button.k-outline:hover, .k-button-outline.k-button-outline-success.k-state-hover, .k-button-outline-success.k-state-hover.k-button.k-outline {
+    border-color: #3ea44e;
+    color: white;
+    background-color: #3ea44e;
+}
+
+.k-button-outline.k-button-outline-success:focus, .k-button-outline-success.k-button.k-outline:focus, .k-button-outline.k-button-outline-success.k-state-focus, .k-button-outline-success.k-state-focus.k-button.k-outline, .k-button-outline.k-button-outline-success.k-state-focused, .k-button-outline-success.k-state-focused.k-button.k-outline {
+    box-shadow: 0 0 4px 0px rgba(62, 164, 78, 0.75);
+}
+
+.k-button-outline.k-button-outline-success:active, .k-button-outline-success.k-button.k-outline:active, .k-button-outline.k-button-outline-success.k-state-active, .k-button-outline-success.k-state-active.k-button.k-outline {
+    border-color: #3ea44e;
+    color: white;
+    background-color: #3ea44e;
+    box-shadow: none;
+}
+
+.k-button-outline.k-button-outline-success.k-state-selected, .k-button-outline-success.k-state-selected.k-button.k-outline {
+    border-color: #3ea44e;
+    color: white;
+    background-color: #3ea44e;
+    box-shadow: none;
+}
+
+.k-button-outline.k-button-outline-warning, .k-button-outline-warning.k-button.k-outline {
+    box-shadow: none;
+    border-color: currentColor;
+    color: #ff9800;
+    background-color: transparent;
+}
+
+.k-button-outline.k-button-outline-warning:hover, .k-button-outline-warning.k-button.k-outline:hover, .k-button-outline.k-button-outline-warning.k-state-hover, .k-button-outline-warning.k-state-hover.k-button.k-outline {
+    border-color: #ff9800;
+    color: white;
+    background-color: #ff9800;
+}
+
+.k-button-outline.k-button-outline-warning:focus, .k-button-outline-warning.k-button.k-outline:focus, .k-button-outline.k-button-outline-warning.k-state-focus, .k-button-outline-warning.k-state-focus.k-button.k-outline, .k-button-outline.k-button-outline-warning.k-state-focused, .k-button-outline-warning.k-state-focused.k-button.k-outline {
+    box-shadow: 0 0 4px 0px rgba(255, 152, 0, 0.75);
+}
+
+.k-button-outline.k-button-outline-warning:active, .k-button-outline-warning.k-button.k-outline:active, .k-button-outline.k-button-outline-warning.k-state-active, .k-button-outline-warning.k-state-active.k-button.k-outline {
+    border-color: #ff9800;
+    color: white;
+    background-color: #ff9800;
+    box-shadow: none;
+}
+
+.k-button-outline.k-button-outline-warning.k-state-selected, .k-button-outline-warning.k-state-selected.k-button.k-outline {
+    border-color: #ff9800;
+    color: white;
+    background-color: #ff9800;
+    box-shadow: none;
+}
+
+.k-button-outline.k-button-outline-error, .k-button-outline-error.k-button.k-outline {
+    box-shadow: none;
+    border-color: currentColor;
+    color: #d92800;
+    background-color: transparent;
+}
+
+.k-button-outline.k-button-outline-error:hover, .k-button-outline-error.k-button.k-outline:hover, .k-button-outline.k-button-outline-error.k-state-hover, .k-button-outline-error.k-state-hover.k-button.k-outline {
+    border-color: #d92800;
+    color: white;
+    background-color: #d92800;
+}
+
+.k-button-outline.k-button-outline-error:focus, .k-button-outline-error.k-button.k-outline:focus, .k-button-outline.k-button-outline-error.k-state-focus, .k-button-outline-error.k-state-focus.k-button.k-outline, .k-button-outline.k-button-outline-error.k-state-focused, .k-button-outline-error.k-state-focused.k-button.k-outline {
+    box-shadow: 0 0 4px 0px rgba(217, 40, 0, 0.75);
+}
+
+.k-button-outline.k-button-outline-error:active, .k-button-outline-error.k-button.k-outline:active, .k-button-outline.k-button-outline-error.k-state-active, .k-button-outline-error.k-state-active.k-button.k-outline {
+    border-color: #d92800;
+    color: white;
+    background-color: #d92800;
+    box-shadow: none;
+}
+
+.k-button-outline.k-button-outline-error.k-state-selected, .k-button-outline-error.k-state-selected.k-button.k-outline {
+    border-color: #d92800;
+    color: white;
+    background-color: #d92800;
+    box-shadow: none;
+}
+
+.k-button-outline.k-button-outline-dark, .k-button-outline-dark.k-button.k-outline {
+    box-shadow: none;
+    border-color: currentColor;
+    color: #404040;
+    background-color: transparent;
+}
+
+.k-button-outline.k-button-outline-dark:hover, .k-button-outline-dark.k-button.k-outline:hover, .k-button-outline.k-button-outline-dark.k-state-hover, .k-button-outline-dark.k-state-hover.k-button.k-outline {
+    border-color: #404040;
+    color: white;
+    background-color: #404040;
+}
+
+.k-button-outline.k-button-outline-dark:focus, .k-button-outline-dark.k-button.k-outline:focus, .k-button-outline.k-button-outline-dark.k-state-focus, .k-button-outline-dark.k-state-focus.k-button.k-outline, .k-button-outline.k-button-outline-dark.k-state-focused, .k-button-outline-dark.k-state-focused.k-button.k-outline {
+    box-shadow: 0 0 4px 0px rgba(64, 64, 64, 0.75);
+}
+
+.k-button-outline.k-button-outline-dark:active, .k-button-outline-dark.k-button.k-outline:active, .k-button-outline.k-button-outline-dark.k-state-active, .k-button-outline-dark.k-state-active.k-button.k-outline {
+    border-color: #404040;
+    color: white;
+    background-color: #404040;
+    box-shadow: none;
+}
+
+.k-button-outline.k-button-outline-dark.k-state-selected, .k-button-outline-dark.k-state-selected.k-button.k-outline {
+    border-color: #404040;
+    color: white;
+    background-color: #404040;
+    box-shadow: none;
+}
+
+.k-button-outline.k-button-outline-light, .k-button-outline-light.k-button.k-outline {
+    box-shadow: none;
+    border-color: currentColor;
+    color: #ebebeb;
+    background-color: transparent;
+}
+
+.k-button-outline.k-button-outline-light:hover, .k-button-outline-light.k-button.k-outline:hover, .k-button-outline.k-button-outline-light.k-state-hover, .k-button-outline-light.k-state-hover.k-button.k-outline {
+    border-color: #ebebeb;
+    color: black;
+    background-color: #ebebeb;
+}
+
+.k-button-outline.k-button-outline-light:focus, .k-button-outline-light.k-button.k-outline:focus, .k-button-outline.k-button-outline-light.k-state-focus, .k-button-outline-light.k-state-focus.k-button.k-outline, .k-button-outline.k-button-outline-light.k-state-focused, .k-button-outline-light.k-state-focused.k-button.k-outline {
+    box-shadow: 0 0 4px 0px rgba(235, 235, 235, 0.75);
+}
+
+.k-button-outline.k-button-outline-light:active, .k-button-outline-light.k-button.k-outline:active, .k-button-outline.k-button-outline-light.k-state-active, .k-button-outline-light.k-state-active.k-button.k-outline {
+    border-color: #ebebeb;
+    color: black;
+    background-color: #ebebeb;
+    box-shadow: none;
+}
+
+.k-button-outline.k-button-outline-light.k-state-selected, .k-button-outline-light.k-state-selected.k-button.k-outline {
+    border-color: #ebebeb;
+    color: black;
+    background-color: #ebebeb;
+    box-shadow: none;
+}
+
+.k-button-outline.k-button-outline-inverse, .k-button-outline-inverse.k-button.k-outline {
+    box-shadow: none;
+    border-color: currentColor;
+    color: #404040;
+    background-color: transparent;
+}
+
+.k-button-outline.k-button-outline-inverse:hover, .k-button-outline-inverse.k-button.k-outline:hover, .k-button-outline.k-button-outline-inverse.k-state-hover, .k-button-outline-inverse.k-state-hover.k-button.k-outline {
+    border-color: #404040;
+    color: white;
+    background-color: #404040;
+}
+
+.k-button-outline.k-button-outline-inverse:focus, .k-button-outline-inverse.k-button.k-outline:focus, .k-button-outline.k-button-outline-inverse.k-state-focus, .k-button-outline-inverse.k-state-focus.k-button.k-outline, .k-button-outline.k-button-outline-inverse.k-state-focused, .k-button-outline-inverse.k-state-focused.k-button.k-outline {
+    box-shadow: 0 0 4px 0px rgba(64, 64, 64, 0.75);
+}
+
+.k-button-outline.k-button-outline-inverse:active, .k-button-outline-inverse.k-button.k-outline:active, .k-button-outline.k-button-outline-inverse.k-state-active, .k-button-outline-inverse.k-state-active.k-button.k-outline {
+    border-color: #404040;
+    color: white;
+    background-color: #404040;
+    box-shadow: none;
+}
+
+.k-button-outline.k-button-outline-inverse.k-state-selected, .k-button-outline-inverse.k-state-selected.k-button.k-outline {
+    border-color: #404040;
+    color: white;
+    background-color: #404040;
     box-shadow: none;
 }
 
@@ -13912,17 +14357,310 @@ kendo-badge-container {
     color: inherit;
 }
 
-.k-button-flat.k-primary, .k-primary.k-button.k-flat,
-.k-primary.k-button.k-bare, .k-button-flat.k-primary:hover, .k-primary.k-button.k-flat:hover,
-.k-primary.k-button.k-bare:hover, .k-button-flat.k-primary.k-state-hover, .k-primary.k-state-hover.k-button.k-flat,
-.k-primary.k-state-hover.k-button.k-bare, .k-button-flat.k-primary:active, .k-primary.k-button.k-flat:active,
-.k-primary.k-button.k-bare:active, .k-button-flat.k-primary.k-state-active, .k-primary.k-state-active.k-button.k-flat,
-.k-primary.k-state-active.k-button.k-bare, .k-button-flat.k-primary:focus, .k-primary.k-button.k-flat:focus,
-.k-primary.k-button.k-bare:focus, .k-button-flat.k-primary.k-state-focus, .k-primary.k-state-focus.k-button.k-flat,
-.k-primary.k-state-focus.k-button.k-bare {
+.k-button-flat.k-button-flat-primary, .k-button-flat-primary.k-button.k-flat,
+.k-button-flat-primary.k-button.k-bare, .k-button-flat.k-primary, .k-primary.k-button.k-flat,
+.k-primary.k-button.k-bare, .k-button-flat.k-button-flat-primary:hover, .k-button-flat-primary.k-button.k-flat:hover,
+.k-button-flat-primary.k-button.k-bare:hover, .k-button-flat.k-primary:hover, .k-primary.k-button.k-flat:hover,
+.k-primary.k-button.k-bare:hover, .k-button-flat.k-button-flat-primary.k-state-hover, .k-button-flat-primary.k-state-hover.k-button.k-flat,
+.k-button-flat-primary.k-state-hover.k-button.k-bare, .k-button-flat.k-state-hover.k-primary, .k-state-hover.k-primary.k-button.k-flat,
+.k-state-hover.k-primary.k-button.k-bare, .k-button-flat.k-button-flat-primary:active, .k-button-flat-primary.k-button.k-flat:active,
+.k-button-flat-primary.k-button.k-bare:active, .k-button-flat.k-primary:active, .k-primary.k-button.k-flat:active,
+.k-primary.k-button.k-bare:active, .k-button-flat.k-button-flat-primary.k-state-active, .k-button-flat-primary.k-state-active.k-button.k-flat,
+.k-button-flat-primary.k-state-active.k-button.k-bare, .k-button-flat.k-state-active.k-primary, .k-state-active.k-primary.k-button.k-flat,
+.k-state-active.k-primary.k-button.k-bare, .k-button-flat.k-button-flat-primary:focus, .k-button-flat-primary.k-button.k-flat:focus,
+.k-button-flat-primary.k-button.k-bare:focus, .k-button-flat.k-primary:focus, .k-primary.k-button.k-flat:focus,
+.k-primary.k-button.k-bare:focus, .k-button-flat.k-button-flat-primary.k-state-focus, .k-button-flat-primary.k-state-focus.k-button.k-flat,
+.k-button-flat-primary.k-state-focus.k-button.k-bare, .k-button-flat.k-state-focus.k-primary, .k-state-focus.k-primary.k-button.k-flat,
+.k-state-focus.k-primary.k-button.k-bare {
     color: #f35800;
 }
 
+.k-button-flat.k-button-flat-secondary, .k-button-flat-secondary.k-button.k-flat,
+.k-button-flat-secondary.k-button.k-bare, .k-button-flat.k-button-flat-secondary:hover, .k-button-flat-secondary.k-button.k-flat:hover,
+.k-button-flat-secondary.k-button.k-bare:hover, .k-button-flat.k-button-flat-secondary.k-state-hover, .k-button-flat-secondary.k-state-hover.k-button.k-flat,
+.k-button-flat-secondary.k-state-hover.k-button.k-bare, .k-button-flat.k-button-flat-secondary:active, .k-button-flat-secondary.k-button.k-flat:active,
+.k-button-flat-secondary.k-button.k-bare:active, .k-button-flat.k-button-flat-secondary.k-state-active, .k-button-flat-secondary.k-state-active.k-button.k-flat,
+.k-button-flat-secondary.k-state-active.k-button.k-bare, .k-button-flat.k-button-flat-secondary:focus, .k-button-flat-secondary.k-button.k-flat:focus,
+.k-button-flat-secondary.k-button.k-bare:focus, .k-button-flat.k-button-flat-secondary.k-state-focus, .k-button-flat-secondary.k-state-focus.k-button.k-flat,
+.k-button-flat-secondary.k-state-focus.k-button.k-bare {
+    color: #e9e9e9;
+}
+
+.k-button-flat.k-button-flat-tertiary, .k-button-flat-tertiary.k-button.k-flat,
+.k-button-flat-tertiary.k-button.k-bare, .k-button-flat.k-button-flat-tertiary:hover, .k-button-flat-tertiary.k-button.k-flat:hover,
+.k-button-flat-tertiary.k-button.k-bare:hover, .k-button-flat.k-button-flat-tertiary.k-state-hover, .k-button-flat-tertiary.k-state-hover.k-button.k-flat,
+.k-button-flat-tertiary.k-state-hover.k-button.k-bare, .k-button-flat.k-button-flat-tertiary:active, .k-button-flat-tertiary.k-button.k-flat:active,
+.k-button-flat-tertiary.k-button.k-bare:active, .k-button-flat.k-button-flat-tertiary.k-state-active, .k-button-flat-tertiary.k-state-active.k-button.k-flat,
+.k-button-flat-tertiary.k-state-active.k-button.k-bare, .k-button-flat.k-button-flat-tertiary:focus, .k-button-flat-tertiary.k-button.k-flat:focus,
+.k-button-flat-tertiary.k-button.k-bare:focus, .k-button-flat.k-button-flat-tertiary.k-state-focus, .k-button-flat-tertiary.k-state-focus.k-button.k-flat,
+.k-button-flat-tertiary.k-state-focus.k-button.k-bare {
+    color: #03a9f4;
+}
+
+.k-button-flat.k-button-flat-info, .k-button-flat-info.k-button.k-flat,
+.k-button-flat-info.k-button.k-bare, .k-button-flat.k-button-flat-info:hover, .k-button-flat-info.k-button.k-flat:hover,
+.k-button-flat-info.k-button.k-bare:hover, .k-button-flat.k-button-flat-info.k-state-hover, .k-button-flat-info.k-state-hover.k-button.k-flat,
+.k-button-flat-info.k-state-hover.k-button.k-bare, .k-button-flat.k-button-flat-info:active, .k-button-flat-info.k-button.k-flat:active,
+.k-button-flat-info.k-button.k-bare:active, .k-button-flat.k-button-flat-info.k-state-active, .k-button-flat-info.k-state-active.k-button.k-flat,
+.k-button-flat-info.k-state-active.k-button.k-bare, .k-button-flat.k-button-flat-info:focus, .k-button-flat-info.k-button.k-flat:focus,
+.k-button-flat-info.k-button.k-bare:focus, .k-button-flat.k-button-flat-info.k-state-focus, .k-button-flat-info.k-state-focus.k-button.k-flat,
+.k-button-flat-info.k-state-focus.k-button.k-bare {
+    color: #2498bc;
+}
+
+.k-button-flat.k-button-flat-success, .k-button-flat-success.k-button.k-flat,
+.k-button-flat-success.k-button.k-bare, .k-button-flat.k-button-flat-success:hover, .k-button-flat-success.k-button.k-flat:hover,
+.k-button-flat-success.k-button.k-bare:hover, .k-button-flat.k-button-flat-success.k-state-hover, .k-button-flat-success.k-state-hover.k-button.k-flat,
+.k-button-flat-success.k-state-hover.k-button.k-bare, .k-button-flat.k-button-flat-success:active, .k-button-flat-success.k-button.k-flat:active,
+.k-button-flat-success.k-button.k-bare:active, .k-button-flat.k-button-flat-success.k-state-active, .k-button-flat-success.k-state-active.k-button.k-flat,
+.k-button-flat-success.k-state-active.k-button.k-bare, .k-button-flat.k-button-flat-success:focus, .k-button-flat-success.k-button.k-flat:focus,
+.k-button-flat-success.k-button.k-bare:focus, .k-button-flat.k-button-flat-success.k-state-focus, .k-button-flat-success.k-state-focus.k-button.k-flat,
+.k-button-flat-success.k-state-focus.k-button.k-bare {
+    color: #3ea44e;
+}
+
+.k-button-flat.k-button-flat-warning, .k-button-flat-warning.k-button.k-flat,
+.k-button-flat-warning.k-button.k-bare, .k-button-flat.k-button-flat-warning:hover, .k-button-flat-warning.k-button.k-flat:hover,
+.k-button-flat-warning.k-button.k-bare:hover, .k-button-flat.k-button-flat-warning.k-state-hover, .k-button-flat-warning.k-state-hover.k-button.k-flat,
+.k-button-flat-warning.k-state-hover.k-button.k-bare, .k-button-flat.k-button-flat-warning:active, .k-button-flat-warning.k-button.k-flat:active,
+.k-button-flat-warning.k-button.k-bare:active, .k-button-flat.k-button-flat-warning.k-state-active, .k-button-flat-warning.k-state-active.k-button.k-flat,
+.k-button-flat-warning.k-state-active.k-button.k-bare, .k-button-flat.k-button-flat-warning:focus, .k-button-flat-warning.k-button.k-flat:focus,
+.k-button-flat-warning.k-button.k-bare:focus, .k-button-flat.k-button-flat-warning.k-state-focus, .k-button-flat-warning.k-state-focus.k-button.k-flat,
+.k-button-flat-warning.k-state-focus.k-button.k-bare {
+    color: #ff9800;
+}
+
+.k-button-flat.k-button-flat-error, .k-button-flat-error.k-button.k-flat,
+.k-button-flat-error.k-button.k-bare, .k-button-flat.k-button-flat-error:hover, .k-button-flat-error.k-button.k-flat:hover,
+.k-button-flat-error.k-button.k-bare:hover, .k-button-flat.k-button-flat-error.k-state-hover, .k-button-flat-error.k-state-hover.k-button.k-flat,
+.k-button-flat-error.k-state-hover.k-button.k-bare, .k-button-flat.k-button-flat-error:active, .k-button-flat-error.k-button.k-flat:active,
+.k-button-flat-error.k-button.k-bare:active, .k-button-flat.k-button-flat-error.k-state-active, .k-button-flat-error.k-state-active.k-button.k-flat,
+.k-button-flat-error.k-state-active.k-button.k-bare, .k-button-flat.k-button-flat-error:focus, .k-button-flat-error.k-button.k-flat:focus,
+.k-button-flat-error.k-button.k-bare:focus, .k-button-flat.k-button-flat-error.k-state-focus, .k-button-flat-error.k-state-focus.k-button.k-flat,
+.k-button-flat-error.k-state-focus.k-button.k-bare {
+    color: #d92800;
+}
+
+.k-button-flat.k-button-flat-dark, .k-button-flat-dark.k-button.k-flat,
+.k-button-flat-dark.k-button.k-bare, .k-button-flat.k-button-flat-dark:hover, .k-button-flat-dark.k-button.k-flat:hover,
+.k-button-flat-dark.k-button.k-bare:hover, .k-button-flat.k-button-flat-dark.k-state-hover, .k-button-flat-dark.k-state-hover.k-button.k-flat,
+.k-button-flat-dark.k-state-hover.k-button.k-bare, .k-button-flat.k-button-flat-dark:active, .k-button-flat-dark.k-button.k-flat:active,
+.k-button-flat-dark.k-button.k-bare:active, .k-button-flat.k-button-flat-dark.k-state-active, .k-button-flat-dark.k-state-active.k-button.k-flat,
+.k-button-flat-dark.k-state-active.k-button.k-bare, .k-button-flat.k-button-flat-dark:focus, .k-button-flat-dark.k-button.k-flat:focus,
+.k-button-flat-dark.k-button.k-bare:focus, .k-button-flat.k-button-flat-dark.k-state-focus, .k-button-flat-dark.k-state-focus.k-button.k-flat,
+.k-button-flat-dark.k-state-focus.k-button.k-bare {
+    color: #404040;
+}
+
+.k-button-flat.k-button-flat-light, .k-button-flat-light.k-button.k-flat,
+.k-button-flat-light.k-button.k-bare, .k-button-flat.k-button-flat-light:hover, .k-button-flat-light.k-button.k-flat:hover,
+.k-button-flat-light.k-button.k-bare:hover, .k-button-flat.k-button-flat-light.k-state-hover, .k-button-flat-light.k-state-hover.k-button.k-flat,
+.k-button-flat-light.k-state-hover.k-button.k-bare, .k-button-flat.k-button-flat-light:active, .k-button-flat-light.k-button.k-flat:active,
+.k-button-flat-light.k-button.k-bare:active, .k-button-flat.k-button-flat-light.k-state-active, .k-button-flat-light.k-state-active.k-button.k-flat,
+.k-button-flat-light.k-state-active.k-button.k-bare, .k-button-flat.k-button-flat-light:focus, .k-button-flat-light.k-button.k-flat:focus,
+.k-button-flat-light.k-button.k-bare:focus, .k-button-flat.k-button-flat-light.k-state-focus, .k-button-flat-light.k-state-focus.k-button.k-flat,
+.k-button-flat-light.k-state-focus.k-button.k-bare {
+    color: #ebebeb;
+}
+
+.k-button-flat.k-button-flat-inverse, .k-button-flat-inverse.k-button.k-flat,
+.k-button-flat-inverse.k-button.k-bare, .k-button-flat.k-button-flat-inverse:hover, .k-button-flat-inverse.k-button.k-flat:hover,
+.k-button-flat-inverse.k-button.k-bare:hover, .k-button-flat.k-button-flat-inverse.k-state-hover, .k-button-flat-inverse.k-state-hover.k-button.k-flat,
+.k-button-flat-inverse.k-state-hover.k-button.k-bare, .k-button-flat.k-button-flat-inverse:active, .k-button-flat-inverse.k-button.k-flat:active,
+.k-button-flat-inverse.k-button.k-bare:active, .k-button-flat.k-button-flat-inverse.k-state-active, .k-button-flat-inverse.k-state-active.k-button.k-flat,
+.k-button-flat-inverse.k-state-active.k-button.k-bare, .k-button-flat.k-button-flat-inverse:focus, .k-button-flat-inverse.k-button.k-flat:focus,
+.k-button-flat-inverse.k-button.k-bare:focus, .k-button-flat.k-button-flat-inverse.k-state-focus, .k-button-flat-inverse.k-state-focus.k-button.k-flat,
+.k-button-flat-inverse.k-state-focus.k-button.k-bare {
+    color: #404040;
+}
+
+.k-button-link.k-button-link-primary {
+    box-shadow: none;
+    color: #f35800;
+}
+
+.k-button-link.k-button-link-primary:hover, .k-button-link.k-button-link-primary.k-state-hover {
+    color: #cc4a00;
+}
+
+.k-button-link.k-button-link-primary:focus, .k-button-link.k-button-link-primary.k-state-focus {
+    box-shadow: 0 0 4px 0px rgba(243, 88, 0, 0.75);
+}
+
+.k-button-link.k-button-link-primary:active, .k-button-link.k-button-link-primary.k-state-active, .k-button-link.k-button-link-primary.k-state-selected {
+    color: #cc4a00;
+}
+
+.k-button-link.k-button-link-secondary {
+    box-shadow: none;
+    color: #e9e9e9;
+}
+
+.k-button-link.k-button-link-secondary:hover, .k-button-link.k-button-link-secondary.k-state-hover {
+    color: #c4c4c4;
+}
+
+.k-button-link.k-button-link-secondary:focus, .k-button-link.k-button-link-secondary.k-state-focus {
+    box-shadow: 0 0 4px 0px rgba(233, 233, 233, 0.75);
+}
+
+.k-button-link.k-button-link-secondary:active, .k-button-link.k-button-link-secondary.k-state-active, .k-button-link.k-button-link-secondary.k-state-selected {
+    color: #c4c4c4;
+}
+
+.k-button-link.k-button-link-tertiary {
+    box-shadow: none;
+    color: #03a9f4;
+}
+
+.k-button-link.k-button-link-tertiary:hover, .k-button-link.k-button-link-tertiary.k-state-hover {
+    color: #038ecd;
+}
+
+.k-button-link.k-button-link-tertiary:focus, .k-button-link.k-button-link-tertiary.k-state-focus {
+    box-shadow: 0 0 4px 0px rgba(3, 169, 244, 0.75);
+}
+
+.k-button-link.k-button-link-tertiary:active, .k-button-link.k-button-link-tertiary.k-state-active, .k-button-link.k-button-link-tertiary.k-state-selected {
+    color: #038ecd;
+}
+
+.k-button-link.k-button-link-info {
+    box-shadow: none;
+    color: #2498bc;
+}
+
+.k-button-link.k-button-link-info:hover, .k-button-link.k-button-link-info.k-state-hover {
+    color: #1e809e;
+}
+
+.k-button-link.k-button-link-info:focus, .k-button-link.k-button-link-info.k-state-focus {
+    box-shadow: 0 0 4px 0px rgba(36, 152, 188, 0.75);
+}
+
+.k-button-link.k-button-link-info:active, .k-button-link.k-button-link-info.k-state-active, .k-button-link.k-button-link-info.k-state-selected {
+    color: #1e809e;
+}
+
+.k-button-link.k-button-link-success {
+    box-shadow: none;
+    color: #3ea44e;
+}
+
+.k-button-link.k-button-link-success:hover, .k-button-link.k-button-link-success.k-state-hover {
+    color: #348a42;
+}
+
+.k-button-link.k-button-link-success:focus, .k-button-link.k-button-link-success.k-state-focus {
+    box-shadow: 0 0 4px 0px rgba(62, 164, 78, 0.75);
+}
+
+.k-button-link.k-button-link-success:active, .k-button-link.k-button-link-success.k-state-active, .k-button-link.k-button-link-success.k-state-selected {
+    color: #348a42;
+}
+
+.k-button-link.k-button-link-warning {
+    box-shadow: none;
+    color: #ff9800;
+}
+
+.k-button-link.k-button-link-warning:hover, .k-button-link.k-button-link-warning.k-state-hover {
+    color: #d68000;
+}
+
+.k-button-link.k-button-link-warning:focus, .k-button-link.k-button-link-warning.k-state-focus {
+    box-shadow: 0 0 4px 0px rgba(255, 152, 0, 0.75);
+}
+
+.k-button-link.k-button-link-warning:active, .k-button-link.k-button-link-warning.k-state-active, .k-button-link.k-button-link-warning.k-state-selected {
+    color: #d68000;
+}
+
+.k-button-link.k-button-link-error {
+    box-shadow: none;
+    color: #d92800;
+}
+
+.k-button-link.k-button-link-error:hover, .k-button-link.k-button-link-error.k-state-hover {
+    color: #b62200;
+}
+
+.k-button-link.k-button-link-error:focus, .k-button-link.k-button-link-error.k-state-focus {
+    box-shadow: 0 0 4px 0px rgba(217, 40, 0, 0.75);
+}
+
+.k-button-link.k-button-link-error:active, .k-button-link.k-button-link-error.k-state-active, .k-button-link.k-button-link-error.k-state-selected {
+    color: #b62200;
+}
+
+.k-button-link.k-button-link-dark {
+    box-shadow: none;
+    color: #404040;
+}
+
+.k-button-link.k-button-link-dark:hover, .k-button-link.k-button-link-dark.k-state-hover {
+    color: #363636;
+}
+
+.k-button-link.k-button-link-dark:focus, .k-button-link.k-button-link-dark.k-state-focus {
+    box-shadow: 0 0 4px 0px rgba(64, 64, 64, 0.75);
+}
+
+.k-button-link.k-button-link-dark:active, .k-button-link.k-button-link-dark.k-state-active, .k-button-link.k-button-link-dark.k-state-selected {
+    color: #363636;
+}
+
+.k-button-link.k-button-link-light {
+    box-shadow: none;
+    color: #ebebeb;
+}
+
+.k-button-link.k-button-link-light:hover, .k-button-link.k-button-link-light.k-state-hover {
+    color: #c5c5c5;
+}
+
+.k-button-link.k-button-link-light:focus, .k-button-link.k-button-link-light.k-state-focus {
+    box-shadow: 0 0 4px 0px rgba(235, 235, 235, 0.75);
+}
+
+.k-button-link.k-button-link-light:active, .k-button-link.k-button-link-light.k-state-active, .k-button-link.k-button-link-light.k-state-selected {
+    color: #c5c5c5;
+}
+
+.k-button-link.k-button-link-inverse {
+    box-shadow: none;
+    color: #404040;
+}
+
+.k-button-link.k-button-link-inverse:hover, .k-button-link.k-button-link-inverse.k-state-hover {
+    color: #363636;
+}
+
+.k-button-link.k-button-link-inverse:focus, .k-button-link.k-button-link-inverse.k-state-focus {
+    box-shadow: 0 0 4px 0px rgba(64, 64, 64, 0.75);
+}
+
+.k-button-link.k-button-link-inverse:active, .k-button-link.k-button-link-inverse.k-state-active, .k-button-link.k-button-link-inverse.k-state-selected {
+    color: #363636;
+}
+
+.k-button-link.k-button-link-base {
+    box-shadow: none;
+    color: #272727;
+}
+
+.k-button-link.k-button-link-base:hover, .k-button-link.k-button-link-base.k-state-hover {
+    color: #212121;
+}
+
+.k-button-link.k-button-link-base:focus, .k-button-link.k-button-link-base.k-state-focus {
+    box-shadow: 0 0 4px 0px rgba(39, 39, 39, 0.75);
+}
+
+.k-button-link.k-button-link-base:active, .k-button-link.k-button-link-base.k-state-active, .k-button-link.k-button-link-base.k-state-selected {
+    color: #212121;
+}
+
 .k-button-clear {
     color: inherit;
 }
@@ -14111,6 +14849,7 @@ kendo-toolbar-renderer {
 .editorToolbarWindow.k-window-content .k-toolbar {
     padding: 0;
     border-width: 0;
+    flex-shrink: 1;
     color: inherit;
     background: none;
 }
@@ -14899,7 +15638,7 @@ input.k-textbox {
 }
 
 .k-textbox:hover, .k-textbox.k-state-hover {
-    border-color: #bababa;
+    border-color: #b6b6b6;
 }
 
 .k-textbox.k-invalid, .k-textbox.k-state-invalid, .k-textbox.ng-invalid.ng-touched, .k-textbox.ng-invalid.ng-dirty {
@@ -14924,7 +15663,7 @@ input.k-textbox {
     box-sizing: border-box;
     box-shadow: none;
     background: none;
-    display: inline-flex;
+    display: flex;
     flex-wrap: nowrap;
     vertical-align: middle;
     position: relative;
@@ -15006,7 +15745,7 @@ textarea.k-textarea {
 }
 
 .k-textarea:hover, .k-textarea.k-state-hover {
-    border-color: #bababa;
+    border-color: #b6b6b6;
 }
 
 .k-textarea:focus, .k-textarea.k-state-focus, .k-textarea.k-state-focused {
@@ -15092,11 +15831,20 @@ textarea.k-textarea {
 
 .k-listbox .k-list-scroller {
     width: 100%;
+    height: inherit;
     border-width: 1px;
     border-style: solid;
     box-sizing: border-box;
 }
 
+.k-listbox .k-list-scroller .k-list-scroller {
+    border-width: 0;
+}
+
+.k-listbox .k-list-scroller .k-list {
+    height: inherit;
+}
+
 .k-listbox .k-drop-hint {
     border-top-width: 1px;
     border-top-style: solid;
@@ -15587,43 +16335,12 @@ textarea.k-textarea {
     line-height: 1.4285714286;
     background: none;
     display: inline-flex;
-    align-items: stretch;
+    align-items: center;
     position: relative;
     -webkit-touch-callout: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
-.k-slider .k-button {
-    height: 28px;
-    line-height: 28px;
-    margin: 0;
-    min-width: 0;
-    outline: 0;
-    padding: 0;
-    position: absolute;
-    width: 28px;
-    box-sizing: content-box;
-}
-
-.k-slider .k-button .k-icon,
-.k-slider .k-button .k-button-icon {
-    vertical-align: baseline;
-    line-height: 28px;
-    height: 100%;
-}
-
-.k-slider .k-button-increase {
-    position: absolute;
-    right: 0;
-    top: 0;
-}
-
-.k-slider .k-button-decrease {
-    position: absolute;
-    left: 0;
-    top: 0;
-}
-
 .k-slider .k-label {
     width: auto;
     font-size: .92em;
@@ -15658,26 +16375,14 @@ textarea.k-textarea {
     right: 0;
 }
 
-.k-rtl .k-slider .k-button-increase, .k-slider.k-rtl .k-button-increase,
-[dir="rtl"] .k-slider .k-button-increase, .k-slider[dir="rtl"] .k-button-increase {
-    left: 0;
-    right: auto;
-}
-
-.k-rtl .k-slider .k-button-decrease, .k-slider.k-rtl .k-button-decrease,
-[dir="rtl"] .k-slider .k-button-decrease, .k-slider[dir="rtl"] .k-button-decrease {
-    right: 0;
-    left: auto;
-}
-
 .k-slider {
+    width: min-content;
+    height: min-content;
     gap: 7px;
 }
 
 .k-slider > .k-button {
-    position: relative;
-    flex-shrink: 0;
-    align-self: center;
+    flex: none;
 }
 
 .k-slider > .k-slider-track-wrap {
@@ -15693,10 +16398,9 @@ textarea.k-textarea {
     display: flex;
     flex-flow: inherit;
     justify-content: space-between;
-}
-
-.k-slider > .k-slider-track-wrap .k-slider-items::after {
-    display: none;
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
 }
 
 .k-slider > .k-slider-track-wrap .k-tick {
@@ -15707,6 +16411,10 @@ textarea.k-textarea {
     position: absolute;
 }
 
+.k-slider-horizontal > .k-slider-track-wrap {
+    height: 26px;
+}
+
 .k-slider-horizontal > .k-slider-track-wrap .k-slider-track {
     width: 100%;
 }
@@ -15758,6 +16466,10 @@ textarea.k-textarea {
     transform: translate(50%, -50%) scale(1);
 }
 
+.k-slider-vertical > .k-slider-track-wrap {
+    width: 26px;
+}
+
 .k-slider-vertical > .k-slider-track-wrap .k-slider-track {
     height: 100%;
 }
@@ -15787,15 +16499,9 @@ textarea.k-textarea {
 
 .k-slider-vertical {
     height: 200px;
-    width: 30px;
     flex-flow: column-reverse nowrap;
 }
 
-.k-slider-vertical .k-button-decrease {
-    bottom: 0;
-    top: auto;
-}
-
 .k-slider-vertical .k-tick {
     text-align: right;
     margin-left: 2px;
@@ -15806,77 +16512,77 @@ textarea.k-textarea {
 }
 
 .k-slider-vertical .k-tick {
-    background-position: -92px center;
+    background-position: -94px center;
 }
 
 .k-slider-vertical .k-slider-topleft .k-tick {
-    background-position: -122px center;
+    background-position: -124px center;
 }
 
 .k-slider-vertical .k-slider-bottomright .k-tick {
-    background-position: -152px center;
+    background-position: -154px center;
 }
 
 .k-slider-vertical .k-tick-large {
     display: flex;
     align-items: center;
-    background-position: -2px center;
+    background-position: -4px center;
 }
 
 .k-slider-vertical .k-slider-topleft .k-tick-large {
-    background-position: -32px center;
+    background-position: -34px center;
 }
 
 .k-slider-vertical .k-slider-bottomright .k-tick-large {
-    background-position: -62px center;
+    background-position: -64px center;
 }
 
 .k-slider-vertical .k-first {
-    background-position: -92px 100%;
+    background-position: -94px 100%;
 }
 
 .k-slider-vertical .k-tick-large.k-first {
-    background-position: -2px 100%;
+    background-position: -4px 100%;
 }
 
 .k-slider-vertical .k-slider-topleft .k-first {
-    background-position: -122px 100%;
+    background-position: -124px 100%;
 }
 
 .k-slider-vertical .k-slider-topleft .k-tick-large.k-first {
-    background-position: -32px 100%;
+    background-position: -34px 100%;
 }
 
 .k-slider-vertical .k-slider-bottomright .k-first {
-    background-position: -152px 100%;
+    background-position: -154px 100%;
 }
 
 .k-slider-vertical .k-slider-bottomright .k-tick-large.k-first {
-    background-position: -62px 100%;
+    background-position: -64px 100%;
 }
 
 .k-slider-vertical .k-last {
-    background-position: -92px 0;
+    background-position: -94px 0;
 }
 
 .k-slider-vertical .k-tick-large.k-last {
-    background-position: -2px 0;
+    background-position: -4px 0;
 }
 
 .k-slider-vertical .k-slider-topleft .k-last {
-    background-position: -122px 0;
+    background-position: -124px 0;
 }
 
 .k-slider-vertical .k-slider-topleft .k-tick-large.k-last {
-    background-position: -32px 0;
+    background-position: -34px 0;
 }
 
 .k-slider-vertical .k-slider-bottomright .k-last {
-    background-position: -152px 0;
+    background-position: -154px 0;
 }
 
 .k-slider-vertical .k-slider-bottomright .k-tick-large.k-last {
-    background-position: -62px 0;
+    background-position: -64px 0;
 }
 
 .k-slider-vertical .k-label {
@@ -15912,17 +16618,10 @@ textarea.k-textarea {
 }
 
 .k-slider-horizontal {
-    height: 30px;
     width: 200px;
     flex-flow: row nowrap;
 }
 
-.k-slider-horizontal .k-tick {
-    float: left;
-    height: 100%;
-    text-align: center;
-}
-
 .k-slider-horizontal .k-tick {
     background-position: center -92px;
 }
@@ -16023,11 +16722,6 @@ textarea.k-textarea {
     left: auto;
 }
 
-.k-rtl .k-slider-horizontal .k-slider-buttons .k-slider-track, .k-slider-horizontal.k-rtl .k-slider-buttons .k-slider-track,
-[dir="rtl"] .k-slider-horizontal .k-slider-buttons .k-slider-track, .k-slider-horizontal[dir="rtl"] .k-slider-buttons .k-slider-track {
-    right: 38px;
-}
-
 .k-rtl .k-slider-horizontal .k-button .k-i-arrow-e,
 .k-rtl .k-slider-horizontal .k-button .k-i-arrow-w, .k-slider-horizontal.k-rtl .k-button .k-i-arrow-e,
 .k-slider-horizontal.k-rtl .k-button .k-i-arrow-w,
@@ -16037,11 +16731,6 @@ textarea.k-textarea {
     transform: scaleX(-1);
 }
 
-.k-slider-wrap {
-    height: 100%;
-    width: 100%;
-}
-
 .k-slider-track,
 .k-slider-selection {
     margin: 0;
@@ -16065,14 +16754,6 @@ textarea.k-textarea {
     width: 4px;
 }
 
-.k-slider-horizontal .k-slider-buttons .k-slider-track {
-    left: 38px;
-}
-
-.k-slider-vertical .k-slider-buttons .k-slider-track {
-    bottom: 38px;
-}
-
 .k-draghandle {
     background-color: transparent;
     background-repeat: no-repeat;
@@ -16082,29 +16763,11 @@ textarea.k-textarea {
     position: absolute;
     text-align: center;
     text-decoration: none;
-    box-sizing: content-box;
+    box-sizing: border-box;
     width: 14px;
     height: 14px;
 }
 
-.k-slider-horizontal .k-draghandle {
-    top: 50%;
-    transform: translateY(-50%);
-}
-
-.k-slider-horizontal .k-draghandle:active, .k-slider-horizontal .k-draghandle.k-pressed {
-    transform: translateY(-50%) scale(1);
-}
-
-.k-slider-vertical .k-draghandle {
-    left: 50%;
-    transform: translateX(-50%);
-}
-
-.k-slider-vertical .k-draghandle:active, .k-slider-vertical .k-draghandle.k-pressed {
-    transform: translateX(-50%) scale(1);
-}
-
 .k-slider-transitions.k-slider-horizontal .k-draghandle {
     transition: left 0.3s ease-out, background-color 0.3s ease-out, transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
 }
@@ -16129,35 +16792,11 @@ textarea.k-textarea {
     transition: none;
 }
 
-.k-slider-items {
-    -webkit-user-select: none;
-        -ms-user-select: none;
-            user-select: none;
-}
-
-.k-slider-buttons .k-slider-items {
-    margin-left: 38px;
-}
-
-.k-slider-horizontal .k-slider-items {
-    height: 100%;
-    padding: 2px 0;
-    box-sizing: border-box;
-}
-
-.k-slider-vertical .k-slider-items {
-    padding-top: 1px;
-}
-
-.k-slider-vertical .k-slider-buttons .k-slider-items {
-    margin: 0;
-    padding-top: 38px;
-}
-
-.k-slider-items::after {
-    content: "";
-    display: block;
-    clear: both;
+.k-slider.k-readonly .k-button,
+.k-slider.k-readonly .k-slider-track,
+.k-slider.k-readonly .k-tick,
+.k-slider.k-readonly .k-draghandle {
+    pointer-events: none;
 }
 
 .k-slider-tooltip .k-callout-n,
@@ -16199,12 +16838,12 @@ textarea.k-textarea {
 }
 
 .k-slider .k-draghandle:hover {
-    border-color: #bc4400;
+    border-color: #b94300;
     background-color: #e05100;
 }
 
 .k-slider .k-draghandle:active, .k-slider .k-draghandle.k-pressed {
-    border-color: #ab3e00;
+    border-color: #a53c00;
     background-color: #cc4a00;
 }
 
@@ -16216,10 +16855,6 @@ textarea.k-textarea {
     box-shadow: 0 0 4px 0 rgba(204, 74, 0, 0.75);
 }
 
-.k-slider .k-slider-wrap:focus {
-    outline: none;
-}
-
 .k-slider-horizontal .k-tick {
     background-image: url(data:image/gif;base64,R0lGODlhAQC0AIABALi4uAAAACH5BAEAAAEALAAAAAABALQAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7);
 }
@@ -17078,7 +17713,7 @@ textarea.k-textarea {
 }
 
 .k-autocomplete:hover, .k-autocomplete.k-state-hover {
-    border-color: #bababa;
+    border-color: #b6b6b6;
 }
 
 .k-autocomplete:focus, .k-autocomplete.k-state-focus {
@@ -17281,7 +17916,7 @@ textarea.k-textarea {
 }
 
 .k-numerictextbox:hover, .k-numerictextbox.k-state-hover {
-    border-color: #bababa;
+    border-color: #b6b6b6;
 }
 
 .k-numerictextbox:focus, .k-numerictextbox.k-state-focus {
@@ -17311,13 +17946,13 @@ textarea.k-textarea {
 
 .k-numerictextbox .k-link:hover,
 .k-numerictextbox .k-link.k-state-hover {
-    border-color: #bababa;
+    border-color: #b6b6b6;
     background-color: #dddddd;
 }
 
 .k-numerictextbox .k-link:active,
 .k-numerictextbox .k-link.k-state-active {
-    border-color: #aaaaaa;
+    border-color: #a3a3a3;
     background-color: #cacaca;
 }
 
@@ -17423,10 +18058,6 @@ textarea.k-textarea {
     z-index: 1;
 }
 
-.k-colorgradient-slider .k-slider-wrap > .k-slider-track {
-    height: 180px;
-}
-
 .k-colorgradient-slider .k-slider-selection {
     display: none;
 }
@@ -17735,7 +18366,7 @@ textarea.k-textarea {
 }
 
 .k-colorpicker:hover, .k-colorpicker.k-state-hover {
-    border-color: #bababa;
+    border-color: #b6b6b6;
     background-color: #dddddd;
 }
 
@@ -17833,7 +18464,7 @@ textarea.k-textarea {
 }
 
 .k-dateinput:hover, .k-dateinput.k-state-hover {
-    border-color: #bababa;
+    border-color: #b6b6b6;
 }
 
 .k-dateinput:focus, .k-dateinput.k-state-focus {
@@ -17863,13 +18494,13 @@ textarea.k-textarea {
 
 .k-dateinput .k-link:hover,
 .k-dateinput .k-link.k-state-hover {
-    border-color: #bababa;
+    border-color: #b6b6b6;
     background-color: #dddddd;
 }
 
 .k-dateinput .k-link:active,
 .k-dateinput .k-link.k-state-active {
-    border-color: #aaaaaa;
+    border-color: #a3a3a3;
     background-color: #cacaca;
 }
 
@@ -17917,7 +18548,7 @@ textarea.k-textarea {
 }
 
 .k-datepicker:hover, .k-datepicker.k-state-hover {
-    border-color: #bababa;
+    border-color: #b6b6b6;
 }
 
 .k-datepicker:focus, .k-datepicker.k-state-focus {
@@ -17947,13 +18578,13 @@ textarea.k-textarea {
 
 .k-datepicker .k-select:hover,
 .k-datepicker .k-select.k-state-hover {
-    border-color: #bababa;
+    border-color: #b6b6b6;
     background-color: #dddddd;
 }
 
 .k-datepicker .k-select:active,
 .k-datepicker .k-select.k-state-active {
-    border-color: #aaaaaa;
+    border-color: #a3a3a3;
     background-color: #cacaca;
 }
 
@@ -18001,7 +18632,7 @@ textarea.k-textarea {
 }
 
 .k-timepicker:hover, .k-timepicker.k-state-hover {
-    border-color: #bababa;
+    border-color: #b6b6b6;
 }
 
 .k-timepicker:focus, .k-timepicker.k-state-focus {
@@ -18031,13 +18662,13 @@ textarea.k-textarea {
 
 .k-timepicker .k-select:hover,
 .k-timepicker .k-select.k-state-hover {
-    border-color: #bababa;
+    border-color: #b6b6b6;
     background-color: #dddddd;
 }
 
 .k-timepicker .k-select:active,
 .k-timepicker .k-select.k-state-active {
-    border-color: #aaaaaa;
+    border-color: #a3a3a3;
     background-color: #cacaca;
 }
 
@@ -18151,7 +18782,7 @@ textarea.k-textarea {
 }
 
 .k-datetimepicker:hover, .k-datetimepicker.k-state-hover {
-    border-color: #bababa;
+    border-color: #b6b6b6;
 }
 
 .k-datetimepicker:focus, .k-datetimepicker.k-state-focus {
@@ -18181,14 +18812,14 @@ textarea.k-textarea {
 
 .k-datetimepicker .k-link:hover,
 .k-datetimepicker .k-link.k-state-hover {
-    border-color: #bababa;
+    border-color: #b6b6b6;
     background-color: #dddddd;
 }
 
 .k-datetimepicker .k-link:active,
 .k-datetimepicker .k-link.k-state-active,
 .k-datetimepicker .k-link.k-state-selected {
-    border-color: #aaaaaa;
+    border-color: #a3a3a3;
     background-color: #cacaca;
 }
 
@@ -18568,7 +19199,7 @@ select.k-dropdown, select.k-dropdowntree {
 }
 
 .k-dropdown:hover, .k-dropdowntree:hover, .k-dropdown.k-state-hover, .k-state-hover.k-dropdowntree {
-    border-color: #bababa;
+    border-color: #b6b6b6;
     background-color: #dddddd;
 }
 
@@ -18812,7 +19443,7 @@ select.k-dropdown, select.k-dropdowntree {
 }
 
 .k-multiselect .k-multiselect-wrap .k-button:active, .k-dropdowntree .k-multiselect-wrap .k-button:active, .k-multiselect .k-multiselect-wrap .k-button.k-state-active, .k-dropdowntree .k-multiselect-wrap .k-button.k-state-active {
-    border-color: #aaaaaa;
+    border-color: #a3a3a3;
     background-color: #cacaca;
 }
 
@@ -18825,7 +19456,7 @@ select.k-dropdown, select.k-dropdowntree {
 }
 
 .k-multiselect .k-multiselect-wrap:hover, .k-dropdowntree .k-multiselect-wrap:hover, .k-multiselect .k-multiselect-wrap.k-state-hover, .k-dropdowntree .k-multiselect-wrap.k-state-hover {
-    border-color: #bababa;
+    border-color: #b6b6b6;
 }
 
 .k-multiselect .k-multiselect-wrap.k-invalid, .k-dropdowntree .k-multiselect-wrap.k-invalid, .k-multiselect .k-multiselect-wrap.k-invalid:hover, .k-dropdowntree .k-multiselect-wrap.k-invalid:hover, .k-multiselect .k-multiselect-wrap.k-state-invalid, .k-dropdowntree .k-multiselect-wrap.k-state-invalid {
@@ -18845,7 +19476,7 @@ select.k-dropdown, select.k-dropdowntree {
 }
 
 .k-multiselect.k-state-hover .k-multiselect-wrap, .k-state-hover.k-dropdowntree .k-multiselect-wrap {
-    border-color: #bababa;
+    border-color: #b6b6b6;
 }
 
 .k-multiselect.k-state-focus .k-multiselect-wrap, .k-state-focus.k-dropdowntree .k-multiselect-wrap {
@@ -18878,6 +19509,14 @@ select.k-dropdown, select.k-dropdowntree {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
+.k-treeview-filter {
+    padding: 4px;
+    box-sizing: border-box;
+    display: block;
+    position: relative;
+    flex: none;
+}
+
 .k-treeview-group,
 .k-treeview .k-group {
     margin: 0;
@@ -18935,21 +19574,13 @@ select.k-dropdown, select.k-dropdowntree {
     cursor: pointer;
 }
 
-.k-treeview-toggle + .k-checkbox-wrap,
-.k-treeview-toggle + .k-checkbox-wrapper,
-.k-treeview .k-i-expand + .k-checkbox-wrap,
-.k-treeview .k-i-expand + .k-checkbox-wrapper,
-.k-treeview .k-i-collapse + .k-checkbox-wrap,
-.k-treeview .k-i-collapse + .k-checkbox-wrapper {
-    margin-left: 4px;
-}
-
 .k-treeview-loading {
     margin-right: 4px;
 }
 
 .k-treeview .k-checkbox-wrap,
 .k-treeview .k-checkbox-wrapper {
+    margin-left: 4px;
     margin-right: 4px;
     align-self: center;
 }
@@ -19009,35 +19640,12 @@ select.k-dropdown, select.k-dropdowntree {
     margin-right: -16px;
 }
 
-.k-rtl .k-treeview .k-i-expand + .k-checkbox-wrap,
-.k-rtl .k-treeview .k-i-expand + .k-checkbox-wrapper,
-.k-rtl .k-treeview .k-i-collapse + .k-checkbox-wrap,
-.k-rtl .k-treeview .k-i-collapse + .k-checkbox-wrapper,
-.k-rtl .k-treeview .k-treeview-toggle + .k-checkbox-wrap,
-.k-rtl .k-treeview .k-treeview-toggle + .k-checkbox-wrapper,
-.k-treeview[dir="rtl"] .k-i-expand + .k-checkbox-wrap,
-.k-treeview[dir="rtl"] .k-i-expand + .k-checkbox-wrapper,
-.k-treeview[dir="rtl"] .k-i-collapse + .k-checkbox-wrap,
-.k-treeview[dir="rtl"] .k-i-collapse + .k-checkbox-wrapper,
-.k-treeview[dir="rtl"] .k-treeview-toggle + .k-checkbox-wrap,
-.k-treeview[dir="rtl"] .k-treeview-toggle + .k-checkbox-wrapper {
-    margin-right: 4px;
-}
-
 .k-rtl .k-treeview .k-treeview-loading,
 .k-treeview[dir="rtl"] .k-treeview-loading {
     margin-right: 0;
     margin-left: 4px;
 }
 
-.k-rtl .k-treeview .k-checkbox-wrap,
-.k-rtl .k-treeview .k-checkbox-wrapper,
-.k-treeview[dir="rtl"] .k-checkbox-wrap,
-.k-treeview[dir="rtl"] .k-checkbox-wrapper {
-    margin-right: 0;
-    margin-left: 4px;
-}
-
 .k-rtl .k-treeview .k-treeview-leaf .k-icon,
 .k-rtl .k-treeview .k-treeview-leaf .k-image,
 .k-rtl .k-treeview .k-treeview-leaf .k-sprite,
@@ -19147,7 +19755,7 @@ select.k-dropdown, select.k-dropdowntree {
 }
 
 .k-maskedtextbox:hover, .k-maskedtextbox.k-state-hover {
-    border-color: #bababa;
+    border-color: #b6b6b6;
 }
 
 .k-maskedtextbox:focus, .k-maskedtextbox.k-state-focus {
@@ -19317,7 +19925,7 @@ select.k-dropdown, select.k-dropdowntree {
 }
 
 .k-searchbox:hover, .k-searchbox.k-state-hover {
-    border-color: #bababa;
+    border-color: #b6b6b6;
 }
 
 .k-searchbox:focus, .k-searchbox.k-state-focus {
@@ -21474,11 +22082,11 @@ select.k-dropdown, select.k-dropdowntree {
 }
 
 .k-window-content:first-child {
-    padding-top: max( 12px, 8px );
+    padding-top: clamp(12px, 8px, 8px);
 }
 
 .k-window-content:last-child {
-    padding-bottom: max( 12px, 8px );
+    padding-bottom: clamp(12px, 8px, 8px);
 }
 
 .k-window-iframecontent {
@@ -23340,7 +23948,7 @@ kendo-card-footer {
 .k-pager-md .k-pager-numbers .k-current-page .k-link:hover, .k-pager-md .k-pager-numbers .k-current-page .k-link.k-state-hover,
 .k-pager-sm .k-pager-numbers .k-current-page .k-link:hover,
 .k-pager-sm .k-pager-numbers .k-current-page .k-link.k-state-hover {
-    border-color: #bababa;
+    border-color: #b6b6b6;
     background-color: #dddddd;
 }
 
@@ -23702,7 +24310,7 @@ kendo-card-footer {
     color: inherit;
     background-color: transparent;
     display: flex;
-    flex-direction: column;
+    flex-flow: column nowrap;
     -webkit-touch-callout: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
@@ -23796,6 +24404,7 @@ kendo-card-footer {
     top: 0;
     left: 0;
     transition: width .2s linear;
+    display: none;
 }
 
 .k-tabstrip-items .k-loading.k-complete {
@@ -23805,6 +24414,7 @@ kendo-card-footer {
 
 .k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-tabstrip-items {
     flex: 1 1 auto;
+    flex-wrap: nowrap;
     white-space: nowrap;
     overflow: hidden;
 }
@@ -26657,7 +27267,7 @@ div.k-grid-norecords {
 
 .k-popup > .k-column-menu-popup, .k-popup >
 .k-grid-columnmenu-popup {
-    width: 100%;
+    max-width: 100%;
 }
 
 .k-column-menu-popup .k-actions, .k-column-menu-popup .k-edit-buttons,
@@ -26927,11 +27537,6 @@ tbody .k-group-cell {
     background-color: rgba(188, 68, 0, 0.28);
 }
 
-.k-grid .k-grid-content-locked .k-state-hover td,
-.k-grid .k-grid-content-locked tr:hover td {
-    background-color: #ebebeb;
-}
-
 .k-grid .k-grid-content-locked .k-state-selected:hover td,
 .k-grid .k-grid-content-locked .k-state-selected.k-state-hover td {
     background-color: rgba(151, 55, 0, 0.31);
@@ -28365,12 +28970,12 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
 }
 
 .k-spreadsheet-filter:hover {
-    border-color: #bababa;
+    border-color: #b6b6b6;
     background-color: #dddddd;
 }
 
 .k-spreadsheet-filter.k-state-active {
-    border-color: #aaaaaa;
+    border-color: #a3a3a3;
     background-color: #cacaca;
 }
 
@@ -29237,14 +29842,14 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
 .k-pivot-toolbar .k-button:hover, .k-pivot-toolbar .k-button.k-state-hover,
 .k-fieldselector .k-list li.k-item:hover,
 .k-fieldselector .k-list li.k-item.k-state-hover {
-    border-color: #bababa;
+    border-color: #b6b6b6;
     background-color: #dddddd;
 }
 
 .k-pivot-toolbar .k-button:active, .k-pivot-toolbar .k-button.k-state-active,
 .k-fieldselector .k-list li.k-item:active,
 .k-fieldselector .k-list li.k-item.k-state-active {
-    border-color: #aaaaaa;
+    border-color: #a3a3a3;
     background-color: #cacaca;
 }
 
@@ -29309,6 +29914,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
 .k-treelist .k-status .k-loading {
     vertical-align: baseline;
     margin-right: 5px;
+    display: none;
 }
 
 .k-treelist tr.k-hidden {
@@ -33251,7 +33857,7 @@ ul.k-scheduler-navigation .k-nav-prev:hover,
 ul.k-scheduler-navigation .k-nav-prev.k-state-hover,
 ul.k-scheduler-navigation .k-nav-next:hover,
 ul.k-scheduler-navigation .k-nav-next.k-state-hover {
-    border-color: #bababa;
+    border-color: #b6b6b6;
     background-color: #dddddd;
 }
 
@@ -33267,12 +33873,12 @@ ul.k-scheduler-views li {
 }
 
 ul.k-scheduler-views li:hover, ul.k-scheduler-views li.k-state-hover {
-    border-color: #bababa;
+    border-color: #b6b6b6;
     background-color: #dddddd;
 }
 
 ul.k-scheduler-views li.k-state-selected {
-    border-color: #aaaaaa;
+    border-color: #a3a3a3;
     background-color: #cacaca;
 }
 
@@ -33288,7 +33894,7 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
 }
 
 .k-scheduler-footer li:hover {
-    border-color: #bababa;
+    border-color: #b6b6b6;
     background-color: #dddddd;
 }
 
@@ -33804,12 +34410,19 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
 .k-chat-toolbar .k-scroll-button,
 .k-chat .k-toolbar-box .k-scroll-button {
     height: 100%;
+    aspect-ratio: auto;
     position: absolute;
     z-index: 2;
     top: 50%;
     transform: translateY(-50%);
 }
 
+.k-chat-toolbar .k-scroll-button .k-button-icon,
+.k-chat .k-toolbar-box .k-scroll-button .k-button-icon {
+    min-width: auto;
+    min-height: auto;
+}
+
 .k-chat-toolbar .k-scroll-button-left,
 .k-chat .k-toolbar-box .k-scroll-button-left {
     left: 0;
@@ -34024,12 +34637,17 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
     align-items: center;
 }
 
+.k-mediaplayer-volume {
+    width: 100px;
+}
+
 .k-slider.k-mediaplayer-seekbar {
     width: 100%;
     position: absolute;
     z-index: 3;
-    top: -17px;
+    top: 0;
     left: 0;
+    transform: translateY(-50%);
 }
 
 .k-mediaplayer-seekbar .k-slider-track {
@@ -34037,6 +34655,10 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
     border-radius: 0;
 }
 
+.k-mediaplayer-seekbar .k-slider-selection {
+    border-radius: 0;
+}
+
 .k-mediaplayer-fullscreen {
     z-index: 10000;
     position: fixed;
@@ -35711,7 +36333,7 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
 }
 
 .k-handle:hover {
-    border-color: #bababa;
+    border-color: #b6b6b6;
     background-color: #dddddd;
 }