@progress/kendo-theme-default 5.0.0-next.0 → 5.0.0-next.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (96) hide show
  1. package/dist/all.css +1008 -733
  2. package/dist/all.scss +2428 -3061
  3. package/package.json +3 -3
  4. package/scss/_variables.scss +4 -10
  5. package/scss/action-sheet/_layout.scss +2 -2
  6. package/scss/adaptive/_layout.scss +1 -1
  7. package/scss/appbar/_layout.scss +1 -2
  8. package/scss/appbar/_variables.scss +2 -2
  9. package/scss/avatar/_variables.scss +3 -7
  10. package/scss/badge/_variables.scss +6 -6
  11. package/scss/bottom-navigation/_layout.scss +3 -6
  12. package/scss/button/_theme.scss +1 -1
  13. package/scss/button/_variables.scss +3 -3
  14. package/scss/calendar/_theme.scss +9 -8
  15. package/scss/captcha/_index.scss +2 -0
  16. package/scss/captcha/_layout.scss +1 -2
  17. package/scss/captcha/_variables.scss +1 -1
  18. package/scss/card/_layout.scss +8 -9
  19. package/scss/card/_variables.scss +1 -1
  20. package/scss/chat/_layout.scss +4 -8
  21. package/scss/chat/_theme.scss +1 -1
  22. package/scss/chip/_layout.scss +9 -15
  23. package/scss/chip/_theme.scss +302 -85
  24. package/scss/chip/_variables.scss +139 -50
  25. package/scss/colorpicker/images/alpha-slider-bgr-reversed.scss +1 -1
  26. package/scss/colorpicker/images/alpha-slider-bgr.scss +1 -1
  27. package/scss/combobox/_theme.scss +1 -1
  28. package/scss/common/_loading.scss +1 -1
  29. package/scss/core/_color-system.scss +8 -8
  30. package/scss/core/functions/_colors.scss +1 -0
  31. package/scss/core/functions/_math.scss +2 -2
  32. package/scss/core/functions/_misc.scss +1 -1
  33. package/scss/core/mixins/_gradients.scss +6 -5
  34. package/scss/core/mixins/_hide-scrollbar.scss +2 -2
  35. package/scss/core/mixins/_index.scss +1 -1
  36. package/scss/core/mixins/_typography.scss +1 -1
  37. package/scss/datetime/_layout.scss +2 -2
  38. package/scss/datetime/_theme.scss +1 -1
  39. package/scss/datetime/_variables.scss +2 -2
  40. package/scss/drawer/_layout.scss +3 -6
  41. package/scss/dropdowngrid/_layout.scss +2 -2
  42. package/scss/editor/_layout.scss +3 -4
  43. package/scss/editor/_variables.scss +1 -1
  44. package/scss/fab/_variables.scss +3 -7
  45. package/scss/filemanager/_layout.scss +1 -2
  46. package/scss/filter/_layout.scss +2 -2
  47. package/scss/gantt/_layout.scss +1 -1
  48. package/scss/grid/_layout.scss +4 -4
  49. package/scss/icons/_layout.scss +1 -1
  50. package/scss/icons/font/WebComponentsIcons.scss +1 -1
  51. package/scss/input/_variables.scss +2 -2
  52. package/scss/map/_layout.scss +1 -1
  53. package/scss/map/images/markers.scss +1 -1
  54. package/scss/menu/_layout.scss +2 -2
  55. package/scss/multiselect/_layout.scss +0 -1
  56. package/scss/multiselect/_theme.scss +1 -1
  57. package/scss/notification/_layout.scss +4 -6
  58. package/scss/orgchart/_index.scss +4 -0
  59. package/scss/orgchart/_variables.scss +1 -1
  60. package/scss/pager/_theme.scss +2 -2
  61. package/scss/pdf-viewer/_layout.scss +1 -1
  62. package/scss/pivotgrid/_layout.scss +2 -3
  63. package/scss/pivotgrid/_theme.scss +1 -1
  64. package/scss/popup/_layout.scss +3 -4
  65. package/scss/popup/_theme.scss +1 -1
  66. package/scss/rating/_layout.scss +1 -1
  67. package/scss/scheduler/_layout.scss +4 -1
  68. package/scss/scrollview/_layout.scss +1 -1
  69. package/scss/scrollview/_theme.scss +1 -1
  70. package/scss/scrollview/_variables.scss +3 -3
  71. package/scss/skeleton/_theme.scss +0 -2
  72. package/scss/slider/_layout.scss +1 -3
  73. package/scss/slider/images/slider-h.scss +1 -1
  74. package/scss/slider/images/slider-v.scss +1 -1
  75. package/scss/spreadsheet/_layout.scss +3 -3
  76. package/scss/spreadsheet/images/image-default.scss +1 -1
  77. package/scss/stepper/_variables.scss +1 -1
  78. package/scss/styling/_index.scss +1 -1
  79. package/scss/taskboard/_theme.scss +1 -1
  80. package/scss/timeline/_layout.scss +4 -4
  81. package/scss/toolbar/_layout.scss +1 -2
  82. package/scss/typography/_variables.scss +1 -1
  83. package/scss/upload/_layout.scss +6 -6
  84. package/scss/utils/_border.scss +11 -2
  85. package/scss/utils/_display.scss +1 -0
  86. package/scss/utils/_flex.scss +2 -0
  87. package/scss/utils/_grid.scss +2 -0
  88. package/scss/utils/_index.scss +1 -0
  89. package/scss/utils/_position.scss +2 -2
  90. package/scss/utils/_table-layout.scss +1 -0
  91. package/scss/utils/_text.scss +2 -0
  92. package/scss/{common/_decoration.scss → utils/_theme-colors.scss} +16 -19
  93. package/scss/utils/_transform.scss +2 -0
  94. package/scss/window/_layout.scss +3 -4
  95. package/scss/window/_variables.scss +5 -6
  96. package/scss/wizard/_layout.scss +1 -3
package/dist/all.css CHANGED
@@ -1393,27 +1393,8 @@ hr.k-separator {
1393
1393
  padding: 0;
1394
1394
  }
1395
1395
 
1396
- .k-text-primary {
1397
- color: #ff6358 !important;
1398
- }
1399
-
1400
- .k-text-info {
1401
- color: #0058e9 !important;
1402
- }
1403
-
1404
- .k-text-success {
1405
- color: #37b400 !important;
1406
- }
1407
-
1408
- .k-text-warning {
1409
- color: #ffc000 !important;
1410
- }
1411
-
1412
- .k-text-error {
1413
- color: #f31700 !important;
1414
- }
1415
-
1416
- .k-text-base {
1396
+ .k-text-base,
1397
+ .k-color-base {
1417
1398
  color: #424242;
1418
1399
  }
1419
1400
 
@@ -1475,6 +1456,14 @@ hr.k-separator {
1475
1456
  background-color: #ff6358 !important;
1476
1457
  }
1477
1458
 
1459
+ .k-bg-secondary {
1460
+ background-color: #666666 !important;
1461
+ }
1462
+
1463
+ .k-bg-tertiary {
1464
+ background-color: #03a9f4 !important;
1465
+ }
1466
+
1478
1467
  .k-bg-info {
1479
1468
  background-color: #0058e9 !important;
1480
1469
  }
@@ -1491,12 +1480,36 @@ hr.k-separator {
1491
1480
  background-color: #f31700 !important;
1492
1481
  }
1493
1482
 
1483
+ .k-bg-dark {
1484
+ background-color: #424242 !important;
1485
+ }
1486
+
1487
+ .k-bg-light {
1488
+ background-color: #ebebeb !important;
1489
+ }
1490
+
1491
+ .k-bg-inverse {
1492
+ background-color: #424242 !important;
1493
+ }
1494
+
1494
1495
  .k-state-primary {
1495
1496
  background-color: #ffe0de;
1496
1497
  color: #85332e;
1497
1498
  border-color: #ffd3d0;
1498
1499
  }
1499
1500
 
1501
+ .k-state-secondary {
1502
+ background-color: #e0e0e0;
1503
+ color: #353535;
1504
+ border-color: #d4d4d4;
1505
+ }
1506
+
1507
+ .k-state-tertiary {
1508
+ background-color: #cdeefd;
1509
+ color: #02587f;
1510
+ border-color: #b8e7fc;
1511
+ }
1512
+
1500
1513
  .k-state-info {
1501
1514
  background-color: #ccdefb;
1502
1515
  color: #002e79;
@@ -1521,6 +1534,24 @@ hr.k-separator {
1521
1534
  border-color: #fcbeb8;
1522
1535
  }
1523
1536
 
1537
+ .k-state-dark {
1538
+ background-color: #d9d9d9;
1539
+ color: #222222;
1540
+ border-color: #cacaca;
1541
+ }
1542
+
1543
+ .k-state-light {
1544
+ background-color: #fbfbfb;
1545
+ color: #7a7a7a;
1546
+ border-color: #f9f9f9;
1547
+ }
1548
+
1549
+ .k-state-inverse {
1550
+ background-color: #d9d9d9;
1551
+ color: #222222;
1552
+ border-color: #cacaca;
1553
+ }
1554
+
1524
1555
  .k-info-colored {
1525
1556
  color: #50607f;
1526
1557
  border-color: #d0d9df;
@@ -1671,6 +1702,26 @@ hr.k-separator {
1671
1702
  border-radius: 0 !important;
1672
1703
  }
1673
1704
 
1705
+ .k-rounded-sm {
1706
+ border-radius: 2px !important;
1707
+ }
1708
+
1709
+ .k-rounded-md {
1710
+ border-radius: 4px !important;
1711
+ }
1712
+
1713
+ .k-rounded-lg {
1714
+ border-radius: 8px !important;
1715
+ }
1716
+
1717
+ .k-rounded-circle {
1718
+ border-radius: 50% !important;
1719
+ }
1720
+
1721
+ .k-rounded-pill {
1722
+ border-radius: 9999px !important;
1723
+ }
1724
+
1674
1725
  .k-rounded-top {
1675
1726
  border-top-left-radius: 4px !important;
1676
1727
  border-top-right-radius: 4px !important;
@@ -1681,6 +1732,31 @@ hr.k-separator {
1681
1732
  border-top-right-radius: 0 !important;
1682
1733
  }
1683
1734
 
1735
+ .k-rounded-top-sm {
1736
+ border-top-left-radius: 2px !important;
1737
+ border-top-right-radius: 2px !important;
1738
+ }
1739
+
1740
+ .k-rounded-top-md {
1741
+ border-top-left-radius: 4px !important;
1742
+ border-top-right-radius: 4px !important;
1743
+ }
1744
+
1745
+ .k-rounded-top-lg {
1746
+ border-top-left-radius: 8px !important;
1747
+ border-top-right-radius: 8px !important;
1748
+ }
1749
+
1750
+ .k-rounded-top-circle {
1751
+ border-top-left-radius: 50% !important;
1752
+ border-top-right-radius: 50% !important;
1753
+ }
1754
+
1755
+ .k-rounded-top-pill {
1756
+ border-top-left-radius: 9999px !important;
1757
+ border-top-right-radius: 9999px !important;
1758
+ }
1759
+
1684
1760
  .k-rounded-right {
1685
1761
  border-top-right-radius: 4px !important;
1686
1762
  border-bottom-right-radius: 4px !important;
@@ -1691,6 +1767,31 @@ hr.k-separator {
1691
1767
  border-bottom-right-radius: 0 !important;
1692
1768
  }
1693
1769
 
1770
+ .k-rounded-right-sm {
1771
+ border-top-right-radius: 2px !important;
1772
+ border-bottom-right-radius: 2px !important;
1773
+ }
1774
+
1775
+ .k-rounded-right-md {
1776
+ border-top-right-radius: 4px !important;
1777
+ border-bottom-right-radius: 4px !important;
1778
+ }
1779
+
1780
+ .k-rounded-right-lg {
1781
+ border-top-right-radius: 8px !important;
1782
+ border-bottom-right-radius: 8px !important;
1783
+ }
1784
+
1785
+ .k-rounded-right-circle {
1786
+ border-top-right-radius: 50% !important;
1787
+ border-bottom-right-radius: 50% !important;
1788
+ }
1789
+
1790
+ .k-rounded-right-pill {
1791
+ border-top-right-radius: 9999px !important;
1792
+ border-bottom-right-radius: 9999px !important;
1793
+ }
1794
+
1694
1795
  .k-rounded-bottom {
1695
1796
  border-bottom-left-radius: 4px !important;
1696
1797
  border-bottom-right-radius: 4px !important;
@@ -1701,6 +1802,31 @@ hr.k-separator {
1701
1802
  border-bottom-right-radius: 0 !important;
1702
1803
  }
1703
1804
 
1805
+ .k-rounded-bottom-sm {
1806
+ border-bottom-left-radius: 2px !important;
1807
+ border-bottom-right-radius: 2px !important;
1808
+ }
1809
+
1810
+ .k-rounded-bottom-md {
1811
+ border-bottom-left-radius: 4px !important;
1812
+ border-bottom-right-radius: 4px !important;
1813
+ }
1814
+
1815
+ .k-rounded-bottom-lg {
1816
+ border-bottom-left-radius: 8px !important;
1817
+ border-bottom-right-radius: 8px !important;
1818
+ }
1819
+
1820
+ .k-rounded-bottom-circle {
1821
+ border-bottom-left-radius: 50% !important;
1822
+ border-bottom-right-radius: 50% !important;
1823
+ }
1824
+
1825
+ .k-rounded-bottom-pill {
1826
+ border-bottom-left-radius: 9999px !important;
1827
+ border-bottom-right-radius: 9999px !important;
1828
+ }
1829
+
1704
1830
  .k-rounded-left {
1705
1831
  border-bottom-left-radius: 4px !important;
1706
1832
  border-top-left-radius: 4px !important;
@@ -1711,6 +1837,143 @@ hr.k-separator {
1711
1837
  border-top-left-radius: 0 !important;
1712
1838
  }
1713
1839
 
1840
+ .k-rounded-left-sm {
1841
+ border-bottom-left-radius: 2px !important;
1842
+ border-top-left-radius: 2px !important;
1843
+ }
1844
+
1845
+ .k-rounded-left-md {
1846
+ border-bottom-left-radius: 4px !important;
1847
+ border-top-left-radius: 4px !important;
1848
+ }
1849
+
1850
+ .k-rounded-left-lg {
1851
+ border-bottom-left-radius: 8px !important;
1852
+ border-top-left-radius: 8px !important;
1853
+ }
1854
+
1855
+ .k-rounded-left-circle {
1856
+ border-bottom-left-radius: 50% !important;
1857
+ border-top-left-radius: 50% !important;
1858
+ }
1859
+
1860
+ .k-rounded-left-pill {
1861
+ border-bottom-left-radius: 9999px !important;
1862
+ border-top-left-radius: 9999px !important;
1863
+ }
1864
+
1865
+ .k-rounded-top-left {
1866
+ border-top-left-radius: 4px !important;
1867
+ }
1868
+
1869
+ .k-rounded-top-left-0 {
1870
+ border-top-left-radius: 0 !important;
1871
+ }
1872
+
1873
+ .k-rounded-top-left-sm {
1874
+ border-top-left-radius: 2px !important;
1875
+ }
1876
+
1877
+ .k-rounded-top-left-md {
1878
+ border-top-left-radius: 4px !important;
1879
+ }
1880
+
1881
+ .k-rounded-top-left-lg {
1882
+ border-top-left-radius: 8px !important;
1883
+ }
1884
+
1885
+ .k-rounded-top-left-circle {
1886
+ border-top-left-radius: 50% !important;
1887
+ }
1888
+
1889
+ .k-rounded-top-left-pill {
1890
+ border-top-left-radius: 9999px !important;
1891
+ }
1892
+
1893
+ .k-rounded-top-right {
1894
+ border-top-right-radius: 4px !important;
1895
+ }
1896
+
1897
+ .k-rounded-top-right-0 {
1898
+ border-top-right-radius: 0 !important;
1899
+ }
1900
+
1901
+ .k-rounded-top-right-sm {
1902
+ border-top-right-radius: 2px !important;
1903
+ }
1904
+
1905
+ .k-rounded-top-right-md {
1906
+ border-top-right-radius: 4px !important;
1907
+ }
1908
+
1909
+ .k-rounded-top-right-lg {
1910
+ border-top-right-radius: 8px !important;
1911
+ }
1912
+
1913
+ .k-rounded-top-right-circle {
1914
+ border-top-right-radius: 50% !important;
1915
+ }
1916
+
1917
+ .k-rounded-top-right-pill {
1918
+ border-top-right-radius: 9999px !important;
1919
+ }
1920
+
1921
+ .k-rounded-bottom-left {
1922
+ border-bottom-left-radius: 4px !important;
1923
+ }
1924
+
1925
+ .k-rounded-bottom-left-0 {
1926
+ border-bottom-left-radius: 0 !important;
1927
+ }
1928
+
1929
+ .k-rounded-bottom-left-sm {
1930
+ border-bottom-left-radius: 2px !important;
1931
+ }
1932
+
1933
+ .k-rounded-bottom-left-md {
1934
+ border-bottom-left-radius: 4px !important;
1935
+ }
1936
+
1937
+ .k-rounded-bottom-left-lg {
1938
+ border-bottom-left-radius: 8px !important;
1939
+ }
1940
+
1941
+ .k-rounded-bottom-left-circle {
1942
+ border-bottom-left-radius: 50% !important;
1943
+ }
1944
+
1945
+ .k-rounded-bottom-left-pill {
1946
+ border-bottom-left-radius: 9999px !important;
1947
+ }
1948
+
1949
+ .k-rounded-bottom-right {
1950
+ border-bottom-right-radius: 4px !important;
1951
+ }
1952
+
1953
+ .k-rounded-bottom-right-0 {
1954
+ border-bottom-right-radius: 0 !important;
1955
+ }
1956
+
1957
+ .k-rounded-bottom-right-sm {
1958
+ border-bottom-right-radius: 2px !important;
1959
+ }
1960
+
1961
+ .k-rounded-bottom-right-md {
1962
+ border-bottom-right-radius: 4px !important;
1963
+ }
1964
+
1965
+ .k-rounded-bottom-right-lg {
1966
+ border-bottom-right-radius: 8px !important;
1967
+ }
1968
+
1969
+ .k-rounded-bottom-right-circle {
1970
+ border-bottom-right-radius: 50% !important;
1971
+ }
1972
+
1973
+ .k-rounded-bottom-right-pill {
1974
+ border-bottom-right-radius: 9999px !important;
1975
+ }
1976
+
1714
1977
  .k-display-inline {
1715
1978
  display: inline !important;
1716
1979
  }
@@ -10283,7 +10546,7 @@ kendo-badge-container {
10283
10546
  font-size: 14px;
10284
10547
  }
10285
10548
 
10286
- .k-selection-multiple .k-chip-selected .k-selected-icon-wrapper {
10549
+ .k-selection-multiple .k-chip.k-selected .k-selected-icon-wrapper {
10287
10550
  width: 16px;
10288
10551
  visibility: visible;
10289
10552
  }
@@ -10299,7 +10562,7 @@ kendo-badge-container {
10299
10562
  transition: width .2s, opacity .2s;
10300
10563
  }
10301
10564
 
10302
- .k-selection-multiple :not(.k-chip-has-icon).k-chip-selected .k-selected-icon-wrapper {
10565
+ .k-selection-multiple :not(.k-chip-has-icon).k-selected .k-selected-icon-wrapper {
10303
10566
  opacity: 1;
10304
10567
  }
10305
10568
 
@@ -10329,15 +10592,6 @@ kendo-badge-container {
10329
10592
  outline: 0;
10330
10593
  }
10331
10594
 
10332
- .k-chip.k-chip-disabled {
10333
- outline: none;
10334
- cursor: default;
10335
- opacity: 0.6;
10336
- filter: grayscale(0.1);
10337
- pointer-events: none;
10338
- box-shadow: none;
10339
- }
10340
-
10341
10595
  .k-chip-content {
10342
10596
  min-width: 0;
10343
10597
  overflow: hidden;
@@ -10380,174 +10634,238 @@ kendo-badge-container {
10380
10634
  }
10381
10635
 
10382
10636
  .k-chip-list[dir="rtl"] > *,
10383
- .k-rtl .k-chip-list > * {
10637
+ .k-rtl .k-chip-list > *, .k-chip-list.k-rtl > * {
10384
10638
  margin-right: 0;
10385
10639
  margin-left: 8px;
10386
10640
  }
10387
10641
 
10388
10642
  .k-chip-list[dir="rtl"] > *:last-child,
10389
- .k-rtl .k-chip-list > *:last-child {
10643
+ .k-rtl .k-chip-list > *:last-child, .k-chip-list.k-rtl > *:last-child {
10390
10644
  margin-left: 0;
10391
10645
  }
10392
10646
 
10393
10647
  .k-chip[dir="rtl"] .k-chip-icon,
10394
- .k-rtl .k-chip .k-chip-icon {
10648
+ .k-rtl .k-chip .k-chip-icon, .k-chip.k-rtl .k-chip-icon {
10395
10649
  margin-left: 0;
10396
10650
  margin-right: 4px;
10397
10651
  }
10398
10652
 
10399
10653
  .k-chip[dir="rtl"] .k-remove-icon,
10400
- .k-rtl .k-chip .k-remove-icon {
10654
+ .k-rtl .k-chip .k-remove-icon, .k-chip.k-rtl .k-remove-icon {
10401
10655
  margin-right: 0;
10402
10656
  margin-left: 8px;
10403
10657
  }
10404
10658
 
10405
10659
  .k-selection-multiple .k-chip[dir="rtl"] .k-selected-icon-wrapper, .k-selection-multiple
10406
- .k-rtl .k-chip .k-selected-icon-wrapper {
10660
+ .k-rtl .k-chip .k-selected-icon-wrapper, .k-selection-multiple .k-chip.k-rtl .k-selected-icon-wrapper {
10407
10661
  left: 0;
10408
10662
  right: 4px;
10409
10663
  }
10410
10664
 
10411
10665
  .k-selection-multiple .k-chip[dir="rtl"]:not(.k-chip-has-icon) .k-selected-icon-wrapper, .k-selection-multiple
10412
- .k-rtl .k-chip:not(.k-chip-has-icon) .k-selected-icon-wrapper {
10666
+ .k-rtl .k-chip:not(.k-chip-has-icon) .k-selected-icon-wrapper, .k-selection-multiple .k-chip.k-rtl:not(.k-chip-has-icon) .k-selected-icon-wrapper {
10413
10667
  left: 0;
10414
10668
  right: 4px;
10415
10669
  }
10416
10670
 
10417
- .k-selection-single .k-chip-selected.k-chip-filled {
10418
- border-color: rgba(255, 99, 88, 0.2);
10419
- color: #ff6358;
10420
- background-color: rgba(255, 99, 88, 0.08);
10421
- }
10422
-
10423
- .k-selection-single .k-chip-selected.k-chip-outline {
10424
- border-color: rgba(255, 99, 88, 0.2);
10425
- color: #ff6358;
10426
- background-color: transparent;
10427
- }
10428
-
10429
- .k-selection-multiple > .k-chip-has-icon.k-chip-selected .k-selected-icon-wrapper {
10671
+ .k-selection-multiple .k-chip-has-icon.k-selected .k-selected-icon-wrapper {
10430
10672
  color: #ffffff;
10431
10673
  background-color: rgba(0, 0, 0, 0.44);
10432
10674
  }
10433
10675
 
10434
- .k-chip-filled {
10435
- border-color: rgba(0, 0, 0, 0.08);
10676
+ .k-chip-solid {
10677
+ border-color: rgba(66, 66, 66, 0.3);
10436
10678
  color: #424242;
10437
- background-color: #ebebeb;
10679
+ background-color: rgba(66, 66, 66, 0.08);
10438
10680
  }
10439
10681
 
10440
- .k-chip-filled:hover, .k-chip-filled.k-chip-hover {
10441
- background-color: #e2e2e2;
10682
+ .k-chip-solid:hover, .k-chip-solid.k-state-hover, .k-chip-solid.k-hover {
10683
+ background-color: rgba(66, 66, 66, 0.16);
10442
10684
  }
10443
10685
 
10444
- .k-chip-filled:focus, .k-chip-filled.k-chip-focused {
10445
- background-color: #ebebeb;
10446
- box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
10686
+ .k-chip-solid:focus, .k-chip-solid.k-state-focus, .k-chip-solid.k-focus {
10687
+ box-shadow: 0 0 0 2px rgba(66, 66, 66, 0.16);
10688
+ background-color: rgba(66, 66, 66, 0.08);
10447
10689
  }
10448
10690
 
10449
- .k-chip-filled.k-chip-selected {
10450
- background-color: #d8d8d8;
10691
+ .k-chip-solid.k-state-selected, .k-chip-solid.k-selected {
10692
+ background-color: rgba(66, 66, 66, 0.24);
10451
10693
  }
10452
10694
 
10453
- .k-chip-filled.k-chip-success {
10695
+ .k-chip-solid.k-chip-success {
10454
10696
  border-color: rgba(55, 180, 0, 0.3);
10455
10697
  color: #37b400;
10456
- background-color: rgba(55, 180, 0, 0.12);
10698
+ background-color: rgba(55, 180, 0, 0.08);
10699
+ }
10700
+
10701
+ .k-chip-solid.k-chip-success:hover, .k-chip-solid.k-chip-success.k-state-hover, .k-chip-solid.k-chip-success.k-hover {
10702
+ background-color: rgba(55, 180, 0, 0.16);
10703
+ }
10704
+
10705
+ .k-chip-solid.k-chip-success.k-state-selected, .k-chip-solid.k-chip-success.k-selected {
10706
+ background-color: rgba(55, 180, 0, 0.24);
10457
10707
  }
10458
10708
 
10459
- .k-chip-filled.k-chip-warning {
10709
+ .k-chip-solid.k-chip-warning {
10460
10710
  border-color: rgba(255, 192, 0, 0.3);
10461
10711
  color: #ffc000;
10462
- background-color: rgba(255, 192, 0, 0.12);
10712
+ background-color: rgba(255, 192, 0, 0.08);
10713
+ }
10714
+
10715
+ .k-chip-solid.k-chip-warning:hover, .k-chip-solid.k-chip-warning.k-state-hover, .k-chip-solid.k-chip-warning.k-hover {
10716
+ background-color: rgba(255, 192, 0, 0.16);
10717
+ }
10718
+
10719
+ .k-chip-solid.k-chip-warning.k-state-selected, .k-chip-solid.k-chip-warning.k-selected {
10720
+ background-color: rgba(255, 192, 0, 0.24);
10463
10721
  }
10464
10722
 
10465
- .k-chip-filled.k-chip-error {
10723
+ .k-chip-solid.k-chip-error {
10466
10724
  border-color: rgba(243, 23, 0, 0.3);
10467
10725
  color: #f31700;
10468
- background-color: rgba(243, 23, 0, 0.12);
10726
+ background-color: rgba(243, 23, 0, 0.08);
10727
+ }
10728
+
10729
+ .k-chip-solid.k-chip-error:hover, .k-chip-solid.k-chip-error.k-state-hover, .k-chip-solid.k-chip-error.k-hover {
10730
+ background-color: rgba(243, 23, 0, 0.16);
10731
+ }
10732
+
10733
+ .k-chip-solid.k-chip-error.k-state-selected, .k-chip-solid.k-chip-error.k-selected {
10734
+ background-color: rgba(243, 23, 0, 0.24);
10469
10735
  }
10470
10736
 
10471
- .k-chip-filled.k-chip-info {
10737
+ .k-chip-solid.k-chip-info {
10472
10738
  border-color: rgba(0, 88, 233, 0.3);
10473
10739
  color: #0058e9;
10474
- background-color: rgba(0, 88, 233, 0.12);
10740
+ background-color: rgba(0, 88, 233, 0.08);
10741
+ }
10742
+
10743
+ .k-chip-solid.k-chip-info:hover, .k-chip-solid.k-chip-info.k-state-hover, .k-chip-solid.k-chip-info.k-hover {
10744
+ background-color: rgba(0, 88, 233, 0.16);
10745
+ }
10746
+
10747
+ .k-chip-solid.k-chip-info.k-state-selected, .k-chip-solid.k-chip-info.k-selected {
10748
+ background-color: rgba(0, 88, 233, 0.24);
10475
10749
  }
10476
10750
 
10477
10751
  .k-chip-outline {
10478
10752
  border-color: #424242;
10479
10753
  color: #424242;
10480
- background-color: transparent;
10754
+ background-color: #ffffff;
10481
10755
  }
10482
10756
 
10483
- .k-chip-outline:hover, .k-chip-outline.k-chip-hover {
10484
- border-color: rgba(0, 0, 0, 0.08);
10757
+ .k-chip-outline:hover, .k-chip-outline.k-state-hover, .k-chip-outline.k-hover {
10485
10758
  color: #ffffff;
10486
10759
  background-color: #424242;
10487
10760
  }
10488
10761
 
10489
- .k-chip-outline:focus, .k-chip-outline.k-chip-focused {
10490
- border-color: #424242;
10491
- color: #424242;
10492
- background-color: transparent;
10762
+ .k-chip-outline:focus, .k-chip-outline.k-state-focus, .k-chip-outline.k-focus {
10493
10763
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
10494
10764
  }
10495
10765
 
10496
- .k-chip-outline.k-chip-selected {
10766
+ .k-chip-outline.k-state-selected, .k-chip-outline.k-selected {
10497
10767
  color: #ffffff;
10498
10768
  background-color: #424242;
10499
10769
  }
10500
10770
 
10501
10771
  .k-chip-outline.k-chip-success {
10502
- border-color: rgba(55, 180, 0, 0.54);
10772
+ border-color: #37b400;
10503
10773
  color: #37b400;
10504
- background-color: transparent;
10505
10774
  }
10506
10775
 
10507
- .k-chip-outline.k-chip-warning {
10508
- border-color: rgba(255, 192, 0, 0.54);
10509
- color: #ffc000;
10510
- background-color: transparent;
10776
+ .k-chip-outline.k-chip-success:hover, .k-chip-outline.k-chip-success.k-state-hover, .k-chip-outline.k-chip-success.k-hover {
10777
+ color: #ffffff;
10778
+ background-color: #37b400;
10511
10779
  }
10512
10780
 
10513
- .k-chip-outline.k-chip-error {
10514
- border-color: rgba(243, 23, 0, 0.54);
10515
- color: #f31700;
10516
- background-color: transparent;
10781
+ .k-chip-outline.k-chip-success:focus, .k-chip-outline.k-chip-success.k-state-focus, .k-chip-outline.k-chip-success.k-focus {
10782
+ background-color: nul;
10517
10783
  }
10518
10784
 
10519
- .k-chip-outline.k-chip-info {
10520
- border-color: rgba(0, 88, 233, 0.54);
10521
- color: #0058e9;
10522
- background-color: transparent;
10785
+ .k-chip-outline.k-chip-success.k-state-selected, .k-chip-outline.k-chip-success.k-selected {
10786
+ color: #ffffff;
10787
+ background-color: #37b400;
10523
10788
  }
10524
10789
 
10525
- .k-chip-primary:focus, .k-chip-primary.k-chip-focus {
10526
- box-shadow: 0 0 0 2px rgba(255, 99, 88, 0.16);
10790
+ .k-chip-outline.k-chip-warning {
10791
+ border-color: #ffc000;
10792
+ color: #ffc000;
10527
10793
  }
10528
10794
 
10529
- .k-chip-info:focus, .k-chip-info.k-chip-focus {
10530
- box-shadow: 0 0 0 2px rgba(0, 88, 233, 0.16);
10795
+ .k-chip-outline.k-chip-warning:hover, .k-chip-outline.k-chip-warning.k-state-hover, .k-chip-outline.k-chip-warning.k-hover {
10796
+ color: #ffffff;
10797
+ background-color: #ffc000;
10531
10798
  }
10532
10799
 
10533
- .k-chip-success:focus, .k-chip-success.k-chip-focus {
10534
- box-shadow: 0 0 0 2px rgba(55, 180, 0, 0.16);
10800
+ .k-chip-outline.k-chip-warning:focus, .k-chip-outline.k-chip-warning.k-state-focus, .k-chip-outline.k-chip-warning.k-focus {
10801
+ background-color: nul;
10535
10802
  }
10536
10803
 
10537
- .k-chip-warning:focus, .k-chip-warning.k-chip-focus {
10538
- box-shadow: 0 0 0 2px rgba(255, 192, 0, 0.16);
10804
+ .k-chip-outline.k-chip-warning.k-state-selected, .k-chip-outline.k-chip-warning.k-selected {
10805
+ color: #ffffff;
10806
+ background-color: #ffc000;
10539
10807
  }
10540
10808
 
10541
- .k-chip-error:focus, .k-chip-error.k-chip-focus {
10542
- box-shadow: 0 0 0 2px rgba(243, 23, 0, 0.16);
10809
+ .k-chip-outline.k-chip-error {
10810
+ border-color: #f31700;
10811
+ color: #f31700;
10543
10812
  }
10544
10813
 
10545
- .k-cursor-auto {
10546
- cursor: auto;
10814
+ .k-chip-outline.k-chip-error:hover, .k-chip-outline.k-chip-error.k-state-hover, .k-chip-outline.k-chip-error.k-hover {
10815
+ color: #ffffff;
10816
+ background-color: #f31700;
10547
10817
  }
10548
10818
 
10549
- .k-cursor-default {
10550
- cursor: default;
10819
+ .k-chip-outline.k-chip-error:focus, .k-chip-outline.k-chip-error.k-state-focus, .k-chip-outline.k-chip-error.k-focus {
10820
+ background-color: nul;
10821
+ }
10822
+
10823
+ .k-chip-outline.k-chip-error.k-state-selected, .k-chip-outline.k-chip-error.k-selected {
10824
+ color: #ffffff;
10825
+ background-color: #f31700;
10826
+ }
10827
+
10828
+ .k-chip-outline.k-chip-info {
10829
+ border-color: #0058e9;
10830
+ color: #0058e9;
10831
+ }
10832
+
10833
+ .k-chip-outline.k-chip-info:hover, .k-chip-outline.k-chip-info.k-state-hover, .k-chip-outline.k-chip-info.k-hover {
10834
+ color: #ffffff;
10835
+ background-color: #0058e9;
10836
+ }
10837
+
10838
+ .k-chip-outline.k-chip-info:focus, .k-chip-outline.k-chip-info.k-state-focus, .k-chip-outline.k-chip-info.k-focus {
10839
+ background-color: nul;
10840
+ }
10841
+
10842
+ .k-chip-outline.k-chip-info.k-state-selected, .k-chip-outline.k-chip-info.k-selected {
10843
+ color: #ffffff;
10844
+ background-color: #0058e9;
10845
+ }
10846
+
10847
+ .k-chip-info:focus, .k-chip-info.k-state-focus, .k-chip-info.k-focus {
10848
+ box-shadow: 0 0 0 2px rgba(0, 88, 233, 0.16);
10849
+ }
10850
+
10851
+ .k-chip-success:focus, .k-chip-success.k-state-focus, .k-chip-success.k-focus {
10852
+ box-shadow: 0 0 0 2px rgba(55, 180, 0, 0.16);
10853
+ }
10854
+
10855
+ .k-chip-warning:focus, .k-chip-warning.k-state-focus, .k-chip-warning.k-focus {
10856
+ box-shadow: 0 0 0 2px rgba(255, 192, 0, 0.16);
10857
+ }
10858
+
10859
+ .k-chip-error:focus, .k-chip-error.k-state-focus, .k-chip-error.k-focus {
10860
+ box-shadow: 0 0 0 2px rgba(243, 23, 0, 0.16);
10861
+ }
10862
+
10863
+ .k-cursor-auto {
10864
+ cursor: auto;
10865
+ }
10866
+
10867
+ .k-cursor-default {
10868
+ cursor: default;
10551
10869
  }
10552
10870
 
10553
10871
  .k-cursor-none {
@@ -11237,15 +11555,15 @@ kendo-badge-container {
11237
11555
  }
11238
11556
 
11239
11557
  .k-button-clear {
11240
- color: #424242;
11558
+ color: inherit;
11241
11559
  }
11242
11560
 
11243
11561
  .k-button-clear:hover, .k-button-clear.k-state-hover, .k-button-clear:active, .k-button-clear.k-state-active, .k-button-clear.k-state-selected, .k-button-clear:focus, .k-button-clear.k-state-focus, .k-button-clear.k-state-focused {
11244
- color: #3d3d3d;
11562
+ color: inherit;
11245
11563
  }
11246
11564
 
11247
11565
  .k-button-clear:focus::after, .k-button-clear.k-state-focus::after, .k-button-clear.k-state-focused::after, .k-button-clear.k-state-focused:active::after {
11248
- background-color: #424242;
11566
+ background-color: currentColor;
11249
11567
  opacity: 0.1;
11250
11568
  display: block;
11251
11569
  }
@@ -11491,7 +11809,7 @@ kendo-badge-container {
11491
11809
 
11492
11810
  .k-input-prefix .k-clear-value,
11493
11811
  .k-input-suffix .k-clear-value {
11494
- color: #424242;
11812
+ color: inherit;
11495
11813
  }
11496
11814
 
11497
11815
  .k-input-prefix > .k-clear-value.k-state-focused::after, .k-input-prefix > .k-clear-value:focus::after,
@@ -12051,10 +12369,8 @@ kendo-badge-container {
12051
12369
  .k-toolbar-group {
12052
12370
  display: -ms-flexbox;
12053
12371
  display: flex;
12054
- -ms-flex-direction: inherit;
12055
- flex-direction: inherit;
12056
- -ms-flex-wrap: nowrap;
12057
- flex-wrap: nowrap;
12372
+ -ms-flex-flow: inherit nowrap;
12373
+ flex-flow: inherit nowrap;
12058
12374
  gap: inherit;
12059
12375
  }
12060
12376
 
@@ -15691,598 +16007,301 @@ textarea.k-textarea {
15691
16007
  box-shadow: none;
15692
16008
  }
15693
16009
 
15694
- .k-captcha {
15695
- width: 280px;
16010
+ .k-slider {
16011
+ border: 0;
15696
16012
  box-sizing: border-box;
15697
- font-size: 14px;
16013
+ outline: 0;
15698
16014
  font-family: inherit;
16015
+ font-size: 14px;
15699
16016
  line-height: 1.4285714286;
15700
- display: -ms-flexbox;
15701
- display: flex;
15702
- -ms-flex-direction: column;
15703
- flex-direction: column;
15704
- -ms-flex-wrap: nowrap;
15705
- flex-wrap: nowrap;
15706
- gap: 8px;
15707
- }
15708
-
15709
- .k-captcha-image-wrap {
16017
+ background: none;
16018
+ display: -ms-inline-flexbox;
16019
+ display: inline-flex;
16020
+ -ms-flex-align: stretch;
16021
+ align-items: stretch;
15710
16022
  position: relative;
15711
- gap: 8px;
16023
+ -webkit-touch-callout: none;
16024
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
15712
16025
  }
15713
16026
 
15714
- .k-captcha-image-controls {
15715
- position: relative;
15716
- gap: 8px;
16027
+ .k-slider .k-button {
16028
+ height: 28px;
16029
+ line-height: 28px;
16030
+ margin: 0;
16031
+ min-width: 0;
16032
+ outline: 0;
16033
+ padding: 0;
16034
+ position: absolute;
16035
+ width: 28px;
16036
+ box-sizing: content-box;
15717
16037
  }
15718
16038
 
15719
- .k-captcha-image {
15720
- width: 100%;
16039
+ .k-slider .k-button .k-icon,
16040
+ .k-slider .k-button .k-button-icon {
16041
+ vertical-align: baseline;
16042
+ line-height: 28px;
15721
16043
  height: 100%;
15722
- overflow: hidden;
15723
16044
  }
15724
16045
 
15725
- .k-captcha-image > img {
15726
- width: 100%;
15727
- height: 100%;
15728
- display: block;
15729
- object-fit: cover;
16046
+ .k-slider .k-button-increase {
16047
+ right: 0;
16048
+ top: 0;
15730
16049
  }
15731
16050
 
15732
- .k-captcha-loading .k-captcha-image {
15733
- height: auto;
16051
+ .k-slider .k-button-decrease {
16052
+ left: 0;
16053
+ top: 0;
15734
16054
  }
15735
16055
 
15736
- .k-captcha-volume-control {
15737
- height: 100%;
16056
+ .k-slider .k-label {
16057
+ width: auto;
16058
+ font-size: .92em;
16059
+ line-height: 1;
16060
+ white-space: nowrap;
16061
+ position: absolute;
15738
16062
  }
15739
16063
 
15740
- .k-captcha-input > .k-textbox {
15741
- width: 100%;
16064
+ .k-slider .k-tick,
16065
+ .k-slider .k-slider-track {
16066
+ cursor: pointer;
15742
16067
  }
15743
16068
 
15744
- .k-captcha-validation-message {
15745
- margin-top: 4px;
15746
- font-size: 12px;
15747
- font-style: italic;
16069
+ .k-slider .k-tick {
16070
+ background-color: transparent;
16071
+ background-position: center center;
16072
+ background-repeat: no-repeat;
16073
+ margin: 0;
16074
+ padding: 0;
16075
+ position: relative;
15748
16076
  }
15749
16077
 
15750
- .k-captcha {
15751
- border-color: #ffffff;
15752
- color: #ffffff;
15753
- background-color: #ffffff;
16078
+ .k-slider.k-state-disabled .k-tick,
16079
+ .k-slider.k-state-disabled .k-slider-track,
16080
+ .k-slider.k-state-disabled .k-draghandle {
16081
+ cursor: default;
15754
16082
  }
15755
16083
 
15756
- .k-autocomplete {
15757
- border-radius: 2px;
15758
- width: 12.4em;
15759
- border-width: 1px;
15760
- border-style: solid;
15761
- outline: 0;
15762
- box-sizing: border-box;
15763
- font-family: inherit;
15764
- font-size: 14px;
15765
- line-height: 1.4285714286;
15766
- white-space: nowrap;
15767
- display: -ms-inline-flexbox;
15768
- display: inline-flex;
15769
- -ms-flex-flow: row nowrap;
15770
- flex-flow: row nowrap;
15771
- -ms-flex-align: stretch;
15772
- align-items: stretch;
15773
- vertical-align: middle;
15774
- transition: all .1s ease;
15775
- position: relative;
15776
- cursor: default;
15777
- -webkit-touch-callout: none;
15778
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
16084
+ .k-rtl .k-slider .k-slider-selection, .k-slider.k-rtl .k-slider-selection,
16085
+ [dir="rtl"] .k-slider .k-slider-selection, .k-slider[dir="rtl"] .k-slider-selection {
16086
+ left: auto;
16087
+ right: 0;
15779
16088
  }
15780
16089
 
15781
- .k-autocomplete .k-i-loading {
15782
- width: 24px;
15783
- height: 28px;
16090
+ .k-rtl .k-slider .k-button-increase, .k-slider.k-rtl .k-button-increase,
16091
+ [dir="rtl"] .k-slider .k-button-increase, .k-slider[dir="rtl"] .k-button-increase {
16092
+ left: 0;
16093
+ right: auto;
15784
16094
  }
15785
16095
 
15786
- .k-autocomplete .k-clear-value {
15787
- visibility: hidden;
16096
+ .k-rtl .k-slider .k-button-decrease, .k-slider.k-rtl .k-button-decrease,
16097
+ [dir="rtl"] .k-slider .k-button-decrease, .k-slider[dir="rtl"] .k-button-decrease {
16098
+ right: 0;
16099
+ left: auto;
15788
16100
  }
15789
16101
 
15790
- .k-autocomplete:hover .k-clear-value, .k-autocomplete.k-state-hover .k-clear-value, .k-autocomplete.k-state-focused .k-clear-value, .k-autocomplete.k-state-focus .k-clear-value {
15791
- visibility: visible;
16102
+ .k-slider {
16103
+ gap: 7px;
15792
16104
  }
15793
16105
 
15794
- .k-autocomplete:focus-within .k-clear-value {
15795
- visibility: visible;
16106
+ .k-slider > .k-button {
16107
+ position: relative;
16108
+ -ms-flex-negative: 0;
16109
+ flex-shrink: 0;
16110
+ -ms-flex-item-align: center;
16111
+ align-self: center;
15796
16112
  }
15797
16113
 
15798
- .k-autocomplete.k-header,
15799
- .k-autocomplete {
15800
- border-color: rgba(0, 0, 0, 0.08);
15801
- color: #424242;
15802
- background-color: #ffffff;
16114
+ .k-slider > .k-slider-track-wrap {
16115
+ -ms-flex: 1 1 auto;
16116
+ flex: 1 1 auto;
16117
+ display: -ms-flexbox;
16118
+ display: flex;
16119
+ -ms-flex-flow: inherit;
16120
+ flex-flow: inherit;
16121
+ position: relative;
16122
+ -ms-touch-action: none;
16123
+ touch-action: none;
15803
16124
  }
15804
16125
 
15805
- .k-autocomplete.k-header:hover, .k-autocomplete.k-header.k-state-hover,
15806
- .k-autocomplete:hover,
15807
- .k-autocomplete.k-state-hover {
15808
- border-color: rgba(0, 0, 0, 0.16);
16126
+ .k-slider > .k-slider-track-wrap .k-slider-items {
16127
+ -ms-flex: 1 1 100%;
16128
+ flex: 1 1 100%;
16129
+ display: -ms-flexbox;
16130
+ display: flex;
16131
+ -ms-flex-flow: inherit;
16132
+ flex-flow: inherit;
16133
+ -ms-flex-pack: justify;
16134
+ justify-content: space-between;
15809
16135
  }
15810
16136
 
15811
- .k-autocomplete.k-header.k-state-open, .k-autocomplete.k-header.k-state-focused, .k-autocomplete.k-header.k-state-focus,
15812
- .k-autocomplete.k-state-open,
15813
- .k-autocomplete.k-state-focused,
15814
- .k-autocomplete.k-state-focus {
15815
- border-color: rgba(0, 0, 0, 0.16);
15816
- box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
16137
+ .k-slider > .k-slider-track-wrap .k-slider-items::after {
16138
+ display: none;
15817
16139
  }
15818
16140
 
15819
- .k-autocomplete.k-header:focus-within,
15820
- .k-autocomplete:focus-within {
15821
- border-color: rgba(0, 0, 0, 0.16);
15822
- box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
16141
+ .k-slider > .k-slider-track-wrap .k-tick {
16142
+ -ms-flex: 0 0 1px;
16143
+ flex: 0 0 1px;
15823
16144
  }
15824
16145
 
15825
- .k-autocomplete.k-header.k-invalid, .k-autocomplete.k-header.k-state-invalid, .k-autocomplete.k-header.ng-invalid.ng-touched, .k-autocomplete.k-header.ng-invalid.ng-dirty,
15826
- .k-autocomplete.k-invalid,
15827
- .k-autocomplete.k-state-invalid,
15828
- .k-autocomplete.ng-invalid.ng-touched,
15829
- .k-autocomplete.ng-invalid.ng-dirty {
15830
- border-color: rgba(243, 23, 0, 0.5);
16146
+ .k-slider > .k-slider-track-wrap .k-draghandle {
16147
+ position: absolute;
15831
16148
  }
15832
16149
 
15833
- .k-numerictextbox {
15834
- width: 12.4em;
15835
- border-width: 0;
15836
- box-sizing: border-box;
15837
- outline: 0;
15838
- background: none;
15839
- font-family: inherit;
15840
- font-size: 14px;
15841
- line-height: 1.4285714286;
15842
- text-align: left;
15843
- white-space: nowrap;
15844
- display: -ms-inline-flexbox;
15845
- display: inline-flex;
15846
- vertical-align: middle;
15847
- position: relative;
15848
- -webkit-touch-callout: none;
15849
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
16150
+ .k-slider-horizontal > .k-slider-track-wrap .k-slider-track {
16151
+ width: 100%;
15850
16152
  }
15851
16153
 
15852
- .k-numerictextbox .k-numeric-wrap {
15853
- border-radius: 2px;
15854
- padding: 0;
15855
- width: 100%;
15856
- border-width: 1px;
15857
- border-style: solid;
15858
- box-sizing: border-box;
15859
- position: relative;
15860
- transition: all .1s ease;
15861
- cursor: default;
15862
- outline: 0;
15863
- display: -ms-flexbox;
15864
- display: flex;
15865
- -ms-flex-flow: row nowrap;
15866
- flex-flow: row nowrap;
16154
+ .k-slider-horizontal > .k-slider-track-wrap .k-draghandle {
16155
+ top: 50%;
16156
+ -ms-transform: translate(-50%, -50%);
16157
+ transform: translate(-50%, -50%);
15867
16158
  }
15868
16159
 
15869
- .k-numerictextbox .k-input {
15870
- text-overflow: clip;
16160
+ .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:focus,
16161
+ .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:active {
16162
+ -ms-transform: translate(-50%, -50%) scale(1);
16163
+ transform: translate(-50%, -50%) scale(1);
15871
16164
  }
15872
16165
 
15873
- .k-numerictextbox .k-select {
15874
- border-radius: 0 2px 2px 0;
15875
- padding: 0;
15876
- width: calc(1.4285714286em + 8px);
15877
- border-width: 0 0 0 0px;
15878
- border-style: solid;
15879
- box-sizing: border-box;
15880
- display: -ms-flexbox;
15881
- display: flex;
15882
- -ms-flex-direction: column;
15883
- flex-direction: column;
15884
- -ms-flex-align: stretch;
15885
- align-items: stretch;
15886
- -ms-flex-pack: center;
15887
- justify-content: center;
15888
- -ms-flex: 0 0 auto;
15889
- flex: 0 0 auto;
15890
- text-align: center;
15891
- cursor: pointer;
16166
+ .k-slider-horizontal > .k-slider-track-wrap .k-slider-selection {
16167
+ width: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
16168
+ left: calc(var(--kendo-slider-start, 0)*1%);
15892
16169
  }
15893
16170
 
15894
- .k-numerictextbox .k-link {
15895
- padding: 0 4px;
15896
- min-width: 24px;
15897
- box-sizing: border-box;
15898
- -ms-flex: 1 1 auto;
15899
- flex: 1 1 auto;
15900
- display: block;
15901
- overflow: hidden;
15902
- position: relative;
16171
+ .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-start {
16172
+ left: calc(var(--kendo-slider-start, 0)*1%);
15903
16173
  }
15904
16174
 
15905
- .k-numerictextbox .k-link .k-icon {
15906
- position: absolute;
15907
- right: 50%;
15908
- -ms-transform: translateX(50%);
15909
- transform: translateX(50%);
16175
+ .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-end {
16176
+ left: calc(var(--kendo-slider-end, 0)*1%);
15910
16177
  }
15911
16178
 
15912
- .k-numerictextbox .k-link-increase .k-icon {
15913
- bottom: -2px;
16179
+ [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-slider-selection {
16180
+ left: unset;
16181
+ right: calc(var(--kendo-slider-start, 0)*1%);
15914
16182
  }
15915
16183
 
15916
- .k-numerictextbox .k-link-decrease .k-icon {
15917
- top: -2px;
16184
+ [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-start {
16185
+ left: unset;
16186
+ right: calc(var(--kendo-slider-start, 0)*1%);
15918
16187
  }
15919
16188
 
15920
- .k-numerictextbox .k-i-warning {
15921
- -ms-flex-item-align: center;
15922
- align-self: center;
15923
- margin-right: 0.5em;
16189
+ [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-end {
16190
+ left: unset;
16191
+ right: calc(var(--kendo-slider-end, 0)*1%);
15924
16192
  }
15925
16193
 
15926
- .k-rtl .k-numerictextbox, .k-numerictextbox[dir="rtl"] {
15927
- text-align: right;
16194
+ [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle {
16195
+ -ms-transform: translate(50%, -50%);
16196
+ transform: translate(50%, -50%);
15928
16197
  }
15929
16198
 
15930
- .k-rtl .k-numerictextbox .k-numeric-wrap .k-i-warning, .k-numerictextbox[dir="rtl"] .k-numeric-wrap .k-i-warning {
15931
- -ms-flex-item-align: center;
15932
- align-self: center;
15933
- margin-right: 0;
15934
- margin-left: 0.5em;
16199
+ [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:focus,
16200
+ [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:active {
16201
+ -ms-transform: translate(50%, -50%) scale(1);
16202
+ transform: translate(50%, -50%) scale(1);
15935
16203
  }
15936
16204
 
15937
- .k-rtl .k-numerictextbox .k-select, .k-numerictextbox[dir="rtl"] .k-select {
15938
- border-radius: 2px 0 0 2px;
15939
- border-width: 0 0px 0 0;
16205
+ .k-slider-vertical > .k-slider-track-wrap .k-slider-track {
16206
+ height: 100%;
15940
16207
  }
15941
16208
 
15942
- .k-numerictextbox .k-i-warning {
15943
- color: #f31700;
16209
+ .k-slider-vertical > .k-slider-track-wrap .k-draghandle {
16210
+ left: 50%;
16211
+ -ms-transform: translate(-50%, 50%);
16212
+ transform: translate(-50%, 50%);
15944
16213
  }
15945
16214
 
15946
- .k-numerictextbox .k-numeric-wrap {
15947
- border-color: rgba(0, 0, 0, 0.08);
15948
- color: #424242;
15949
- background-color: #ffffff;
16215
+ .k-slider-vertical > .k-slider-track-wrap .k-draghandle:focus,
16216
+ .k-slider-vertical > .k-slider-track-wrap .k-draghandle:active {
16217
+ -ms-transform: translate(-50%, 50%) scale(1);
16218
+ transform: translate(-50%, 50%) scale(1);
15950
16219
  }
15951
16220
 
15952
- .k-numerictextbox .k-numeric-wrap:hover, .k-numerictextbox .k-numeric-wrap.k-state-hover {
15953
- border-color: rgba(0, 0, 0, 0.16);
16221
+ .k-slider-vertical > .k-slider-track-wrap .k-slider-selection {
16222
+ bottom: calc(var(--kendo-slider-start, 0)*1%);
16223
+ height: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
15954
16224
  }
15955
16225
 
15956
- .k-numerictextbox .k-numeric-wrap.k-state-focused {
15957
- border-color: rgba(0, 0, 0, 0.16);
15958
- box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
16226
+ .k-slider-vertical > .k-slider-track-wrap .k-draghandle-start {
16227
+ bottom: calc(var(--kendo-slider-start, 0)*1%);
15959
16228
  }
15960
16229
 
15961
- .k-numerictextbox .k-numeric-wrap.k-invalid, .k-numerictextbox .k-numeric-wrap.k-invalid:hover, .k-numerictextbox .k-numeric-wrap.k-state-invalid {
15962
- border-color: rgba(243, 23, 0, 0.5);
16230
+ .k-slider-vertical > .k-slider-track-wrap .k-draghandle-end {
16231
+ bottom: calc(var(--kendo-slider-end, 0)*1%);
15963
16232
  }
15964
16233
 
15965
- .k-numerictextbox .k-select {
15966
- border-color: rgba(0, 0, 0, 0.08);
15967
- color: #424242;
15968
- background-color: #f5f5f5;
15969
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
16234
+ .k-slider-vertical {
16235
+ height: 200px;
16236
+ width: 30px;
16237
+ -ms-flex-flow: column-reverse nowrap;
16238
+ flex-flow: column-reverse nowrap;
15970
16239
  }
15971
16240
 
15972
- .k-numerictextbox .k-select .k-link:hover,
15973
- .k-numerictextbox .k-select .k-link.k-state-hover {
15974
- background-color: #ebebeb;
16241
+ .k-slider-vertical .k-button-decrease {
16242
+ bottom: 0;
16243
+ top: auto;
15975
16244
  }
15976
16245
 
15977
- .k-numerictextbox .k-select .k-link:active,
15978
- .k-numerictextbox .k-select .k-link.k-state-active,
15979
- .k-numerictextbox .k-select .k-link.k-state-selected {
15980
- background-color: #d8d8d8;
16246
+ .k-slider-vertical .k-tick {
16247
+ text-align: right;
16248
+ margin-left: 2px;
15981
16249
  }
15982
16250
 
15983
- .k-numerictextbox.k-state-invalid .k-numeric-wrap, .k-numerictextbox.ng-invalid.ng-touched .k-numeric-wrap, .k-numerictextbox.ng-invalid.ng-dirty .k-numeric-wrap {
15984
- border-color: rgba(243, 23, 0, 0.5);
16251
+ .k-slider-vertical .k-slider-topleft .k-tick {
16252
+ text-align: left;
15985
16253
  }
15986
16254
 
15987
- .k-slider {
15988
- border: 0;
15989
- box-sizing: border-box;
15990
- outline: 0;
15991
- font-family: inherit;
15992
- font-size: 14px;
15993
- line-height: 1.4285714286;
15994
- background: none;
15995
- display: -ms-inline-flexbox;
15996
- display: inline-flex;
15997
- -ms-flex-align: stretch;
15998
- align-items: stretch;
15999
- position: relative;
16000
- -webkit-touch-callout: none;
16001
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
16255
+ .k-slider-vertical .k-tick {
16256
+ background-position: -92px center;
16002
16257
  }
16003
16258
 
16004
- .k-slider .k-button {
16005
- height: 28px;
16006
- line-height: 28px;
16007
- margin: 0;
16008
- min-width: 0;
16009
- outline: 0;
16010
- padding: 0;
16011
- position: absolute;
16012
- width: 28px;
16013
- box-sizing: content-box;
16259
+ .k-slider-vertical .k-slider-topleft .k-tick {
16260
+ background-position: -122px center;
16014
16261
  }
16015
16262
 
16016
- .k-slider .k-button .k-icon,
16017
- .k-slider .k-button .k-button-icon {
16018
- vertical-align: baseline;
16019
- line-height: 28px;
16020
- height: 100%;
16263
+ .k-slider-vertical .k-slider-bottomright .k-tick {
16264
+ background-position: -152px center;
16021
16265
  }
16022
16266
 
16023
- .k-slider .k-button-increase {
16024
- right: 0;
16025
- top: 0;
16267
+ .k-slider-vertical .k-tick-large {
16268
+ display: -ms-flexbox;
16269
+ display: flex;
16270
+ -ms-flex-align: center;
16271
+ align-items: center;
16272
+ background-position: -2px center;
16026
16273
  }
16027
16274
 
16028
- .k-slider .k-button-decrease {
16029
- left: 0;
16030
- top: 0;
16275
+ .k-slider-vertical .k-slider-topleft .k-tick-large {
16276
+ background-position: -32px center;
16031
16277
  }
16032
16278
 
16033
- .k-slider .k-label {
16034
- width: auto;
16035
- font-size: .92em;
16036
- line-height: 1;
16037
- white-space: nowrap;
16038
- position: absolute;
16279
+ .k-slider-vertical .k-slider-bottomright .k-tick-large {
16280
+ background-position: -62px center;
16039
16281
  }
16040
16282
 
16041
- .k-slider .k-tick,
16042
- .k-slider .k-slider-track {
16043
- cursor: pointer;
16283
+ .k-slider-vertical .k-first {
16284
+ background-position: -92px 100%;
16044
16285
  }
16045
16286
 
16046
- .k-slider .k-tick {
16047
- background-color: transparent;
16048
- background-position: center center;
16049
- background-repeat: no-repeat;
16050
- margin: 0;
16051
- padding: 0;
16052
- position: relative;
16287
+ .k-slider-vertical .k-tick-large.k-first {
16288
+ background-position: -2px 100%;
16053
16289
  }
16054
16290
 
16055
- .k-slider.k-state-disabled .k-tick,
16056
- .k-slider.k-state-disabled .k-slider-track,
16057
- .k-slider.k-state-disabled .k-draghandle {
16058
- cursor: default;
16291
+ .k-slider-vertical .k-slider-topleft .k-first {
16292
+ background-position: -122px 100%;
16059
16293
  }
16060
16294
 
16061
- .k-rtl .k-slider .k-slider-selection, .k-slider.k-rtl .k-slider-selection,
16062
- [dir="rtl"] .k-slider .k-slider-selection, .k-slider[dir="rtl"] .k-slider-selection {
16063
- left: auto;
16064
- right: 0;
16295
+ .k-slider-vertical .k-slider-topleft .k-tick-large.k-first {
16296
+ background-position: -32px 100%;
16065
16297
  }
16066
16298
 
16067
- .k-rtl .k-slider .k-button-increase, .k-slider.k-rtl .k-button-increase,
16068
- [dir="rtl"] .k-slider .k-button-increase, .k-slider[dir="rtl"] .k-button-increase {
16069
- left: 0;
16070
- right: auto;
16299
+ .k-slider-vertical .k-slider-bottomright .k-first {
16300
+ background-position: -152px 100%;
16071
16301
  }
16072
16302
 
16073
- .k-rtl .k-slider .k-button-decrease, .k-slider.k-rtl .k-button-decrease,
16074
- [dir="rtl"] .k-slider .k-button-decrease, .k-slider[dir="rtl"] .k-button-decrease {
16075
- right: 0;
16076
- left: auto;
16077
- }
16078
-
16079
- .k-slider {
16080
- gap: 7px;
16081
- }
16082
-
16083
- .k-slider > .k-button {
16084
- position: relative;
16085
- -ms-flex-negative: 0;
16086
- flex-shrink: 0;
16087
- -ms-flex-item-align: center;
16088
- align-self: center;
16089
- }
16090
-
16091
- .k-slider > .k-slider-track-wrap {
16092
- -ms-flex: 1 1 auto;
16093
- flex: 1 1 auto;
16094
- display: -ms-flexbox;
16095
- display: flex;
16096
- -ms-flex-flow: inherit;
16097
- flex-flow: inherit;
16098
- position: relative;
16099
- -ms-touch-action: none;
16100
- touch-action: none;
16101
- }
16102
-
16103
- .k-slider > .k-slider-track-wrap .k-slider-items {
16104
- -ms-flex: 1 1 100%;
16105
- flex: 1 1 100%;
16106
- display: -ms-flexbox;
16107
- display: flex;
16108
- -ms-flex-flow: inherit;
16109
- flex-flow: inherit;
16110
- -ms-flex-pack: justify;
16111
- justify-content: space-between;
16112
- }
16113
-
16114
- .k-slider > .k-slider-track-wrap .k-slider-items::after {
16115
- display: none;
16116
- }
16117
-
16118
- .k-slider > .k-slider-track-wrap .k-tick {
16119
- -ms-flex-negative: 0;
16120
- flex-shrink: 0;
16121
- -ms-flex-positive: 0;
16122
- flex-grow: 0;
16123
- -ms-flex-preferred-size: 1px;
16124
- flex-basis: 1px;
16125
- }
16126
-
16127
- .k-slider > .k-slider-track-wrap .k-draghandle {
16128
- position: absolute;
16129
- }
16130
-
16131
- .k-slider-horizontal > .k-slider-track-wrap .k-slider-track {
16132
- width: 100%;
16133
- }
16134
-
16135
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle {
16136
- top: 50%;
16137
- -ms-transform: translate(-50%, -50%);
16138
- transform: translate(-50%, -50%);
16139
- }
16140
-
16141
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:focus,
16142
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:active {
16143
- -ms-transform: translate(-50%, -50%) scale(1);
16144
- transform: translate(-50%, -50%) scale(1);
16145
- }
16146
-
16147
- .k-slider-horizontal > .k-slider-track-wrap .k-slider-selection {
16148
- width: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
16149
- left: calc(var(--kendo-slider-start, 0)*1%);
16150
- }
16151
-
16152
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-start {
16153
- left: calc(var(--kendo-slider-start, 0)*1%);
16154
- }
16155
-
16156
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-end {
16157
- left: calc(var(--kendo-slider-end, 0)*1%);
16158
- }
16159
-
16160
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-slider-selection {
16161
- left: unset;
16162
- right: calc(var(--kendo-slider-start, 0)*1%);
16163
- }
16164
-
16165
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-start {
16166
- left: unset;
16167
- right: calc(var(--kendo-slider-start, 0)*1%);
16168
- }
16169
-
16170
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-end {
16171
- left: unset;
16172
- right: calc(var(--kendo-slider-end, 0)*1%);
16173
- }
16174
-
16175
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle {
16176
- -ms-transform: translate(50%, -50%);
16177
- transform: translate(50%, -50%);
16178
- }
16179
-
16180
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:focus,
16181
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:active {
16182
- -ms-transform: translate(50%, -50%) scale(1);
16183
- transform: translate(50%, -50%) scale(1);
16184
- }
16185
-
16186
- .k-slider-vertical > .k-slider-track-wrap .k-slider-track {
16187
- height: 100%;
16188
- }
16189
-
16190
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle {
16191
- left: 50%;
16192
- -ms-transform: translate(-50%, 50%);
16193
- transform: translate(-50%, 50%);
16194
- }
16195
-
16196
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle:focus,
16197
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle:active {
16198
- -ms-transform: translate(-50%, 50%) scale(1);
16199
- transform: translate(-50%, 50%) scale(1);
16200
- }
16201
-
16202
- .k-slider-vertical > .k-slider-track-wrap .k-slider-selection {
16203
- bottom: calc(var(--kendo-slider-start, 0)*1%);
16204
- height: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
16205
- }
16206
-
16207
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle-start {
16208
- bottom: calc(var(--kendo-slider-start, 0)*1%);
16209
- }
16210
-
16211
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle-end {
16212
- bottom: calc(var(--kendo-slider-end, 0)*1%);
16213
- }
16214
-
16215
- .k-slider-vertical {
16216
- height: 200px;
16217
- width: 30px;
16218
- -ms-flex-flow: column-reverse nowrap;
16219
- flex-flow: column-reverse nowrap;
16220
- }
16221
-
16222
- .k-slider-vertical .k-button-decrease {
16223
- bottom: 0;
16224
- top: auto;
16225
- }
16226
-
16227
- .k-slider-vertical .k-tick {
16228
- text-align: right;
16229
- margin-left: 2px;
16230
- }
16231
-
16232
- .k-slider-vertical .k-slider-topleft .k-tick {
16233
- text-align: left;
16234
- }
16235
-
16236
- .k-slider-vertical .k-tick {
16237
- background-position: -92px center;
16238
- }
16239
-
16240
- .k-slider-vertical .k-slider-topleft .k-tick {
16241
- background-position: -122px center;
16242
- }
16243
-
16244
- .k-slider-vertical .k-slider-bottomright .k-tick {
16245
- background-position: -152px center;
16246
- }
16247
-
16248
- .k-slider-vertical .k-tick-large {
16249
- display: -ms-flexbox;
16250
- display: flex;
16251
- -ms-flex-align: center;
16252
- align-items: center;
16253
- background-position: -2px center;
16254
- }
16255
-
16256
- .k-slider-vertical .k-slider-topleft .k-tick-large {
16257
- background-position: -32px center;
16258
- }
16259
-
16260
- .k-slider-vertical .k-slider-bottomright .k-tick-large {
16261
- background-position: -62px center;
16262
- }
16263
-
16264
- .k-slider-vertical .k-first {
16265
- background-position: -92px 100%;
16266
- }
16267
-
16268
- .k-slider-vertical .k-tick-large.k-first {
16269
- background-position: -2px 100%;
16270
- }
16271
-
16272
- .k-slider-vertical .k-slider-topleft .k-first {
16273
- background-position: -122px 100%;
16274
- }
16275
-
16276
- .k-slider-vertical .k-slider-topleft .k-tick-large.k-first {
16277
- background-position: -32px 100%;
16278
- }
16279
-
16280
- .k-slider-vertical .k-slider-bottomright .k-first {
16281
- background-position: -152px 100%;
16282
- }
16283
-
16284
- .k-slider-vertical .k-slider-bottomright .k-tick-large.k-first {
16285
- background-position: -62px 100%;
16303
+ .k-slider-vertical .k-slider-bottomright .k-tick-large.k-first {
16304
+ background-position: -62px 100%;
16286
16305
  }
16287
16306
 
16288
16307
  .k-slider-vertical .k-last {
@@ -16592,86 +16611,377 @@ textarea.k-textarea {
16592
16611
  padding-top: 38px;
16593
16612
  }
16594
16613
 
16595
- .k-slider-items::after {
16596
- content: "";
16597
- display: block;
16598
- clear: both;
16614
+ .k-slider-items::after {
16615
+ content: "";
16616
+ display: block;
16617
+ clear: both;
16618
+ }
16619
+
16620
+ .k-slider-tooltip .k-callout-n,
16621
+ .k-slider-tooltip .k-callout-s {
16622
+ margin-left: -3px;
16623
+ }
16624
+
16625
+ .k-slider-tooltip .k-callout-w,
16626
+ .k-slider-tooltip .k-callout-e {
16627
+ margin-top: -3px;
16628
+ }
16629
+
16630
+ .k-no-flexbox .k-slider-horizontal {
16631
+ display: inline-block;
16632
+ }
16633
+
16634
+ .k-no-flexbox .k-slider-vertical {
16635
+ display: inline-block;
16636
+ }
16637
+
16638
+ .k-slider {
16639
+ color: #424242;
16640
+ }
16641
+
16642
+ .k-slider .k-slider-track,
16643
+ .k-slider .k-slider-selection {
16644
+ border-radius: 2px;
16645
+ }
16646
+
16647
+ .k-slider .k-slider-track {
16648
+ background-color: #ebebeb;
16649
+ }
16650
+
16651
+ .k-slider .k-slider-selection {
16652
+ background-color: #ff6358;
16653
+ }
16654
+
16655
+ .k-slider .k-button {
16656
+ border-radius: 50%;
16657
+ }
16658
+
16659
+ .k-slider .k-draghandle {
16660
+ border-color: #ff6358;
16661
+ color: #ffffff;
16662
+ background-color: #ff6358;
16663
+ border-radius: 50%;
16664
+ }
16665
+
16666
+ .k-slider .k-draghandle:hover {
16667
+ border-color: #f55f54;
16668
+ background-color: #f55f54;
16669
+ }
16670
+
16671
+ .k-slider .k-draghandle:active, .k-slider .k-draghandle.k-pressed {
16672
+ border-color: #e0574d;
16673
+ background-color: #e0574d;
16674
+ }
16675
+
16676
+ .k-slider .k-draghandle:focus, .k-slider .k-draghandle.k-state-focused {
16677
+ box-shadow: 0 0 0 2px rgba(255, 99, 88, 0.3);
16678
+ }
16679
+
16680
+ .k-slider.k-state-focused .k-draghandle {
16681
+ box-shadow: 0 0 0 2px rgba(255, 99, 88, 0.3);
16682
+ }
16683
+
16684
+ .k-slider .k-slider-wrap:focus {
16685
+ outline: none;
16686
+ }
16687
+
16688
+ .k-slider-horizontal .k-tick {
16689
+ background-image: url(data:image/gif;base64,R0lGODlhAQC0AIABALi4uAAAACH5BAEAAAEALAAAAAABALQAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7);
16690
+ }
16691
+
16692
+ .k-slider-vertical .k-tick {
16693
+ background-image: url(data:image/gif;base64,R0lGODlhtAABAIABALi4uAAAACH5BAEAAAEALAAAAAC0AAEAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7);
16694
+ }
16695
+
16696
+ .k-captcha {
16697
+ width: 280px;
16698
+ box-sizing: border-box;
16699
+ font-size: 14px;
16700
+ font-family: inherit;
16701
+ line-height: 1.4285714286;
16702
+ display: -ms-flexbox;
16703
+ display: flex;
16704
+ -ms-flex-flow: column nowrap;
16705
+ flex-flow: column nowrap;
16706
+ gap: 8px;
16707
+ }
16708
+
16709
+ .k-captcha-image-wrap {
16710
+ position: relative;
16711
+ gap: 8px;
16712
+ }
16713
+
16714
+ .k-captcha-image-controls {
16715
+ position: relative;
16716
+ gap: 8px;
16717
+ }
16718
+
16719
+ .k-captcha-image {
16720
+ width: 100%;
16721
+ height: 100%;
16722
+ overflow: hidden;
16723
+ }
16724
+
16725
+ .k-captcha-image > img {
16726
+ width: 100%;
16727
+ height: 100%;
16728
+ display: block;
16729
+ object-fit: cover;
16730
+ }
16731
+
16732
+ .k-captcha-loading .k-captcha-image {
16733
+ height: auto;
16734
+ }
16735
+
16736
+ .k-captcha-volume-control {
16737
+ height: 100%;
16738
+ }
16739
+
16740
+ .k-captcha-input > .k-textbox {
16741
+ width: 100%;
16742
+ }
16743
+
16744
+ .k-captcha-validation-message {
16745
+ margin-top: 4px;
16746
+ font-size: 12px;
16747
+ font-style: italic;
16748
+ }
16749
+
16750
+ .k-captcha {
16751
+ border-color: #ffffff;
16752
+ color: #ffffff;
16753
+ background-color: #ffffff;
16754
+ }
16755
+
16756
+ .k-autocomplete {
16757
+ border-radius: 2px;
16758
+ width: 12.4em;
16759
+ border-width: 1px;
16760
+ border-style: solid;
16761
+ outline: 0;
16762
+ box-sizing: border-box;
16763
+ font-family: inherit;
16764
+ font-size: 14px;
16765
+ line-height: 1.4285714286;
16766
+ white-space: nowrap;
16767
+ display: -ms-inline-flexbox;
16768
+ display: inline-flex;
16769
+ -ms-flex-flow: row nowrap;
16770
+ flex-flow: row nowrap;
16771
+ -ms-flex-align: stretch;
16772
+ align-items: stretch;
16773
+ vertical-align: middle;
16774
+ transition: all .1s ease;
16775
+ position: relative;
16776
+ cursor: default;
16777
+ -webkit-touch-callout: none;
16778
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
16779
+ }
16780
+
16781
+ .k-autocomplete .k-i-loading {
16782
+ width: 24px;
16783
+ height: 28px;
16784
+ }
16785
+
16786
+ .k-autocomplete .k-clear-value {
16787
+ visibility: hidden;
16788
+ }
16789
+
16790
+ .k-autocomplete:hover .k-clear-value, .k-autocomplete.k-state-hover .k-clear-value, .k-autocomplete.k-state-focused .k-clear-value, .k-autocomplete.k-state-focus .k-clear-value {
16791
+ visibility: visible;
16792
+ }
16793
+
16794
+ .k-autocomplete:focus-within .k-clear-value {
16795
+ visibility: visible;
16796
+ }
16797
+
16798
+ .k-autocomplete.k-header,
16799
+ .k-autocomplete {
16800
+ border-color: rgba(0, 0, 0, 0.08);
16801
+ color: #424242;
16802
+ background-color: #ffffff;
16803
+ }
16804
+
16805
+ .k-autocomplete.k-header:hover, .k-autocomplete.k-header.k-state-hover,
16806
+ .k-autocomplete:hover,
16807
+ .k-autocomplete.k-state-hover {
16808
+ border-color: rgba(0, 0, 0, 0.16);
16809
+ }
16810
+
16811
+ .k-autocomplete.k-header.k-state-open, .k-autocomplete.k-header.k-state-focused, .k-autocomplete.k-header.k-state-focus,
16812
+ .k-autocomplete.k-state-open,
16813
+ .k-autocomplete.k-state-focused,
16814
+ .k-autocomplete.k-state-focus {
16815
+ border-color: rgba(0, 0, 0, 0.16);
16816
+ box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
16817
+ }
16818
+
16819
+ .k-autocomplete.k-header:focus-within,
16820
+ .k-autocomplete:focus-within {
16821
+ border-color: rgba(0, 0, 0, 0.16);
16822
+ box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
16823
+ }
16824
+
16825
+ .k-autocomplete.k-header.k-invalid, .k-autocomplete.k-header.k-state-invalid, .k-autocomplete.k-header.ng-invalid.ng-touched, .k-autocomplete.k-header.ng-invalid.ng-dirty,
16826
+ .k-autocomplete.k-invalid,
16827
+ .k-autocomplete.k-state-invalid,
16828
+ .k-autocomplete.ng-invalid.ng-touched,
16829
+ .k-autocomplete.ng-invalid.ng-dirty {
16830
+ border-color: rgba(243, 23, 0, 0.5);
16831
+ }
16832
+
16833
+ .k-numerictextbox {
16834
+ width: 12.4em;
16835
+ border-width: 0;
16836
+ box-sizing: border-box;
16837
+ outline: 0;
16838
+ background: none;
16839
+ font-family: inherit;
16840
+ font-size: 14px;
16841
+ line-height: 1.4285714286;
16842
+ text-align: left;
16843
+ white-space: nowrap;
16844
+ display: -ms-inline-flexbox;
16845
+ display: inline-flex;
16846
+ vertical-align: middle;
16847
+ position: relative;
16848
+ -webkit-touch-callout: none;
16849
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
16850
+ }
16851
+
16852
+ .k-numerictextbox .k-numeric-wrap {
16853
+ border-radius: 2px;
16854
+ padding: 0;
16855
+ width: 100%;
16856
+ border-width: 1px;
16857
+ border-style: solid;
16858
+ box-sizing: border-box;
16859
+ position: relative;
16860
+ transition: all .1s ease;
16861
+ cursor: default;
16862
+ outline: 0;
16863
+ display: -ms-flexbox;
16864
+ display: flex;
16865
+ -ms-flex-flow: row nowrap;
16866
+ flex-flow: row nowrap;
16867
+ }
16868
+
16869
+ .k-numerictextbox .k-input {
16870
+ text-overflow: clip;
16871
+ }
16872
+
16873
+ .k-numerictextbox .k-select {
16874
+ border-radius: 0 2px 2px 0;
16875
+ padding: 0;
16876
+ width: calc(1.4285714286em + 8px);
16877
+ border-width: 0 0 0 0px;
16878
+ border-style: solid;
16879
+ box-sizing: border-box;
16880
+ display: -ms-flexbox;
16881
+ display: flex;
16882
+ -ms-flex-direction: column;
16883
+ flex-direction: column;
16884
+ -ms-flex-align: stretch;
16885
+ align-items: stretch;
16886
+ -ms-flex-pack: center;
16887
+ justify-content: center;
16888
+ -ms-flex: 0 0 auto;
16889
+ flex: 0 0 auto;
16890
+ text-align: center;
16891
+ cursor: pointer;
16599
16892
  }
16600
16893
 
16601
- .k-slider-tooltip .k-callout-n,
16602
- .k-slider-tooltip .k-callout-s {
16603
- margin-left: -3px;
16894
+ .k-numerictextbox .k-link {
16895
+ padding: 0 4px;
16896
+ min-width: 24px;
16897
+ box-sizing: border-box;
16898
+ -ms-flex: 1 1 auto;
16899
+ flex: 1 1 auto;
16900
+ display: block;
16901
+ overflow: hidden;
16902
+ position: relative;
16604
16903
  }
16605
16904
 
16606
- .k-slider-tooltip .k-callout-w,
16607
- .k-slider-tooltip .k-callout-e {
16608
- margin-top: -3px;
16905
+ .k-numerictextbox .k-link .k-icon {
16906
+ position: absolute;
16907
+ right: 50%;
16908
+ -ms-transform: translateX(50%);
16909
+ transform: translateX(50%);
16609
16910
  }
16610
16911
 
16611
- .k-no-flexbox .k-slider-horizontal {
16612
- display: inline-block;
16912
+ .k-numerictextbox .k-link-increase .k-icon {
16913
+ bottom: -2px;
16613
16914
  }
16614
16915
 
16615
- .k-no-flexbox .k-slider-vertical {
16616
- display: inline-block;
16916
+ .k-numerictextbox .k-link-decrease .k-icon {
16917
+ top: -2px;
16617
16918
  }
16618
16919
 
16619
- .k-slider {
16620
- color: #424242;
16920
+ .k-numerictextbox .k-i-warning {
16921
+ -ms-flex-item-align: center;
16922
+ align-self: center;
16923
+ margin-right: 0.5em;
16621
16924
  }
16622
16925
 
16623
- .k-slider .k-slider-track,
16624
- .k-slider .k-slider-selection {
16625
- border-radius: 2px;
16926
+ .k-rtl .k-numerictextbox, .k-numerictextbox[dir="rtl"] {
16927
+ text-align: right;
16626
16928
  }
16627
16929
 
16628
- .k-slider .k-slider-track {
16629
- background-color: #ebebeb;
16930
+ .k-rtl .k-numerictextbox .k-numeric-wrap .k-i-warning, .k-numerictextbox[dir="rtl"] .k-numeric-wrap .k-i-warning {
16931
+ -ms-flex-item-align: center;
16932
+ align-self: center;
16933
+ margin-right: 0;
16934
+ margin-left: 0.5em;
16630
16935
  }
16631
16936
 
16632
- .k-slider .k-slider-selection {
16633
- background-color: #ff6358;
16937
+ .k-rtl .k-numerictextbox .k-select, .k-numerictextbox[dir="rtl"] .k-select {
16938
+ border-radius: 2px 0 0 2px;
16939
+ border-width: 0 0px 0 0;
16634
16940
  }
16635
16941
 
16636
- .k-slider .k-button {
16637
- border-radius: 50%;
16942
+ .k-numerictextbox .k-i-warning {
16943
+ color: #f31700;
16638
16944
  }
16639
16945
 
16640
- .k-slider .k-draghandle {
16641
- border-color: #ff6358;
16642
- color: #ffffff;
16643
- background-color: #ff6358;
16644
- border-radius: 50%;
16946
+ .k-numerictextbox .k-numeric-wrap {
16947
+ border-color: rgba(0, 0, 0, 0.08);
16948
+ color: #424242;
16949
+ background-color: #ffffff;
16645
16950
  }
16646
16951
 
16647
- .k-slider .k-draghandle:hover {
16648
- border-color: #f55f54;
16649
- background-color: #f55f54;
16952
+ .k-numerictextbox .k-numeric-wrap:hover, .k-numerictextbox .k-numeric-wrap.k-state-hover {
16953
+ border-color: rgba(0, 0, 0, 0.16);
16650
16954
  }
16651
16955
 
16652
- .k-slider .k-draghandle:active, .k-slider .k-draghandle.k-pressed {
16653
- border-color: #e0574d;
16654
- background-color: #e0574d;
16956
+ .k-numerictextbox .k-numeric-wrap.k-state-focused {
16957
+ border-color: rgba(0, 0, 0, 0.16);
16958
+ box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
16655
16959
  }
16656
16960
 
16657
- .k-slider .k-draghandle:focus, .k-slider .k-draghandle.k-state-focused {
16658
- box-shadow: 0 0 0 2px rgba(255, 99, 88, 0.3);
16961
+ .k-numerictextbox .k-numeric-wrap.k-invalid, .k-numerictextbox .k-numeric-wrap.k-invalid:hover, .k-numerictextbox .k-numeric-wrap.k-state-invalid {
16962
+ border-color: rgba(243, 23, 0, 0.5);
16659
16963
  }
16660
16964
 
16661
- .k-slider.k-state-focused .k-draghandle {
16662
- box-shadow: 0 0 0 2px rgba(255, 99, 88, 0.3);
16965
+ .k-numerictextbox .k-select {
16966
+ border-color: rgba(0, 0, 0, 0.08);
16967
+ color: #424242;
16968
+ background-color: #f5f5f5;
16969
+ background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
16663
16970
  }
16664
16971
 
16665
- .k-slider .k-slider-wrap:focus {
16666
- outline: none;
16972
+ .k-numerictextbox .k-select .k-link:hover,
16973
+ .k-numerictextbox .k-select .k-link.k-state-hover {
16974
+ background-color: #ebebeb;
16667
16975
  }
16668
16976
 
16669
- .k-slider-horizontal .k-tick {
16670
- background-image: url(data:image/gif;base64,R0lGODlhAQC0AIABALi4uAAAACH5BAEAAAEALAAAAAABALQAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7);
16977
+ .k-numerictextbox .k-select .k-link:active,
16978
+ .k-numerictextbox .k-select .k-link.k-state-active,
16979
+ .k-numerictextbox .k-select .k-link.k-state-selected {
16980
+ background-color: #d8d8d8;
16671
16981
  }
16672
16982
 
16673
- .k-slider-vertical .k-tick {
16674
- background-image: url(data:image/gif;base64,R0lGODlhtAABAIABALi4uAAAACH5BAEAAAEALAAAAAC0AAEAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7);
16983
+ .k-numerictextbox.k-state-invalid .k-numeric-wrap, .k-numerictextbox.ng-invalid.ng-touched .k-numeric-wrap, .k-numerictextbox.ng-invalid.ng-dirty .k-numeric-wrap {
16984
+ border-color: rgba(243, 23, 0, 0.5);
16675
16985
  }
16676
16986
 
16677
16987
  .k-colorpicker {
@@ -18695,7 +19005,7 @@ textarea.k-textarea {
18695
19005
  }
18696
19006
 
18697
19007
  .k-dropdowngrid-popup .k-grid-header {
18698
- border-width: 0 0 1px 0;
19008
+ border-width: 0 0 1px;
18699
19009
  border-style: solid;
18700
19010
  border-color: inherit;
18701
19011
  display: block;
@@ -18829,7 +19139,7 @@ textarea.k-textarea {
18829
19139
 
18830
19140
  .k-dropdowngrid-popup .k-footer {
18831
19141
  padding: 8px 12px;
18832
- border-width: 1px 0 0 0;
19142
+ border-width: 1px 0 0;
18833
19143
  border-style: solid;
18834
19144
  text-align: left;
18835
19145
  white-space: nowrap;
@@ -20654,10 +20964,8 @@ select.k-dropdown:focus, select.k-dropdowntree:focus {
20654
20964
  display: -ms-flexbox;
20655
20965
  display: flex;
20656
20966
  gap: 8px;
20657
- -ms-flex-direction: row;
20658
- flex-direction: row;
20659
- -ms-flex-wrap: wrap;
20660
- flex-wrap: wrap;
20967
+ -ms-flex-flow: row wrap;
20968
+ flex-flow: row wrap;
20661
20969
  -ms-flex-align: center;
20662
20970
  align-items: center;
20663
20971
  overflow: hidden;
@@ -21211,10 +21519,8 @@ select.k-dropdown:focus, select.k-dropdowntree:focus {
21211
21519
  flex: 1;
21212
21520
  display: -ms-flexbox;
21213
21521
  display: flex;
21214
- -ms-flex-direction: row;
21215
- flex-direction: row;
21216
- -ms-flex-wrap: nowrap;
21217
- flex-wrap: nowrap;
21522
+ -ms-flex-flow: row nowrap;
21523
+ flex-flow: row nowrap;
21218
21524
  }
21219
21525
 
21220
21526
  .k-window-title::before {
@@ -21417,10 +21723,8 @@ select.k-dropdown:focus, select.k-dropdowntree:focus {
21417
21723
  .k-drawer-container {
21418
21724
  display: -ms-flexbox;
21419
21725
  display: flex;
21420
- -ms-flex-direction: row;
21421
- flex-direction: row;
21422
- -ms-flex-wrap: nowrap;
21423
- flex-wrap: nowrap;
21726
+ -ms-flex-flow: row nowrap;
21727
+ flex-flow: row nowrap;
21424
21728
  -ms-flex-align: start;
21425
21729
  align-items: flex-start;
21426
21730
  }
@@ -21553,10 +21857,8 @@ kendo-drawer .k-drawer-wrapper {
21553
21857
  line-height: 1.5;
21554
21858
  display: -ms-flexbox;
21555
21859
  display: flex;
21556
- -ms-flex-direction: row;
21557
- flex-direction: row;
21558
- -ms-flex-wrap: nowrap;
21559
- flex-wrap: nowrap;
21860
+ -ms-flex-flow: row nowrap;
21861
+ flex-flow: row nowrap;
21560
21862
  cursor: pointer;
21561
21863
  }
21562
21864
 
@@ -21566,10 +21868,8 @@ kendo-drawer .k-drawer-wrapper {
21566
21868
  color: inherit;
21567
21869
  display: -ms-flexbox;
21568
21870
  display: flex;
21569
- -ms-flex-direction: row;
21570
- flex-direction: row;
21571
- -ms-flex-wrap: nowrap;
21572
- flex-wrap: nowrap;
21871
+ -ms-flex-flow: row nowrap;
21872
+ flex-flow: row nowrap;
21573
21873
  -ms-flex: 1 0 auto;
21574
21874
  flex: 1 0 auto;
21575
21875
  }
@@ -21704,14 +22004,12 @@ kendo-drawer .k-drawer-wrapper {
21704
22004
  }
21705
22005
 
21706
22006
  .k-notification-group {
21707
- position: fixed;
22007
+ max-height: 100%;
21708
22008
  display: -ms-inline-flexbox;
21709
22009
  display: inline-flex;
21710
- -ms-flex-wrap: wrap;
21711
- flex-wrap: wrap;
21712
- max-height: 100%;
21713
- -ms-flex-direction: column-reverse;
21714
- flex-direction: column-reverse;
22010
+ -ms-flex-flow: column-reverse wrap;
22011
+ flex-flow: column-reverse wrap;
22012
+ position: fixed;
21715
22013
  }
21716
22014
 
21717
22015
  .k-notification-container {
@@ -21745,10 +22043,8 @@ kendo-drawer .k-drawer-wrapper {
21745
22043
  .k-notification-wrap {
21746
22044
  display: -ms-flexbox;
21747
22045
  display: flex;
21748
- -ms-flex-direction: row;
21749
- flex-direction: row;
21750
- -ms-flex-wrap: nowrap;
21751
- flex-wrap: nowrap;
22046
+ -ms-flex-flow: row nowrap;
22047
+ flex-flow: row nowrap;
21752
22048
  }
21753
22049
 
21754
22050
  .k-notification-wrap > .k-icon {
@@ -22024,8 +22320,8 @@ kendo-drawer .k-drawer-wrapper {
22024
22320
  border-left-width: 0;
22025
22321
  left: 0;
22026
22322
  top: 50%;
22027
- -ms-transform: translatey(-50%);
22028
- transform: translatey(-50%);
22323
+ -ms-transform: translateY(-50%);
22324
+ transform: translateY(-50%);
22029
22325
  }
22030
22326
 
22031
22327
  .k-actionsheet-right {
@@ -22035,8 +22331,8 @@ kendo-drawer .k-drawer-wrapper {
22035
22331
  border-right-width: 0;
22036
22332
  right: 0;
22037
22333
  top: 50%;
22038
- -ms-transform: translatey(-50%);
22039
- transform: translatey(-50%);
22334
+ -ms-transform: translateY(-50%);
22335
+ transform: translateY(-50%);
22040
22336
  }
22041
22337
 
22042
22338
  .k-animation-container > .k-actionsheet {
@@ -22407,10 +22703,8 @@ kendo-card-footer {
22407
22703
  .k-card-group {
22408
22704
  display: -ms-flexbox;
22409
22705
  display: flex;
22410
- -ms-flex-direction: row;
22411
- flex-direction: row;
22412
- -ms-flex-wrap: nowrap;
22413
- flex-wrap: nowrap;
22706
+ -ms-flex-flow: row nowrap;
22707
+ flex-flow: row nowrap;
22414
22708
  -ms-flex-align: stretch;
22415
22709
  align-items: stretch;
22416
22710
  -ms-flex: 0 0 auto;
@@ -24013,12 +24307,8 @@ kendo-card-footer {
24013
24307
  }
24014
24308
 
24015
24309
  .k-wizard-vertical .k-wizard-content {
24016
- -ms-flex-positive: 1;
24017
- flex-grow: 1;
24018
- -ms-flex-negative: 1;
24019
- flex-shrink: 1;
24020
- -ms-flex-preferred-size: auto;
24021
- flex-basis: auto;
24310
+ -ms-flex: 1 1 0%;
24311
+ flex: 1 1 0%;
24022
24312
  }
24023
24313
 
24024
24314
  .k-wizard-vertical .k-wizard-steps {
@@ -24507,10 +24797,8 @@ kendo-card-footer {
24507
24797
  letter-spacing: 0.2px;
24508
24798
  display: -ms-flexbox;
24509
24799
  display: flex;
24510
- -ms-flex-direction: row;
24511
- flex-direction: row;
24512
- -ms-flex-wrap: nowrap;
24513
- flex-wrap: nowrap;
24800
+ -ms-flex-flow: row nowrap;
24801
+ flex-flow: row nowrap;
24514
24802
  white-space: nowrap;
24515
24803
  gap: 4px;
24516
24804
  overflow: hidden;
@@ -24568,10 +24856,8 @@ kendo-card-footer {
24568
24856
  color: inherit;
24569
24857
  display: -ms-flexbox;
24570
24858
  display: flex;
24571
- -ms-flex-direction: row;
24572
- flex-direction: row;
24573
- -ms-flex-wrap: nowrap;
24574
- flex-wrap: nowrap;
24859
+ -ms-flex-flow: row nowrap;
24860
+ flex-flow: row nowrap;
24575
24861
  -ms-flex: 1 0 auto;
24576
24862
  flex: 1 0 auto;
24577
24863
  -ms-flex-align: center;
@@ -24596,10 +24882,8 @@ kendo-card-footer {
24596
24882
  }
24597
24883
 
24598
24884
  .k-bottom-nav-item-flow-horizontal .k-bottom-nav-item {
24599
- -ms-flex-direction: row;
24600
- flex-direction: row;
24601
- -ms-flex-wrap: nowrap;
24602
- flex-wrap: nowrap;
24885
+ -ms-flex-flow: row nowrap;
24886
+ flex-flow: row nowrap;
24603
24887
  }
24604
24888
 
24605
24889
  .k-bottom-nav-item-flow-vertical .k-bottom-nav-item {
@@ -27499,7 +27783,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
27499
27783
  -ms-flex-direction: row;
27500
27784
  flex-direction: row;
27501
27785
  -ms-flex-align: start;
27502
- align-items: start;
27786
+ align-items: flex-start;
27503
27787
  position: relative;
27504
27788
  }
27505
27789
 
@@ -28850,10 +29134,8 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
28850
29134
 
28851
29135
  .k-pivotgrid-configurator-horizontal .k-pivotgrid-configurator-content .k-value-fields {
28852
29136
  max-height: 250px;
28853
- -ms-flex-direction: row;
28854
- flex-direction: row;
28855
- -ms-flex-wrap: wrap;
28856
- flex-wrap: wrap;
29137
+ -ms-flex-flow: row wrap;
29138
+ flex-flow: row wrap;
28857
29139
  overflow-x: hidden;
28858
29140
  overflow-y: auto;
28859
29141
  }
@@ -28884,7 +29166,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
28884
29166
  border-width: 0 0 1px;
28885
29167
  border-style: solid;
28886
29168
  -ms-flex-align: start;
28887
- align-items: start;
29169
+ align-items: flex-start;
28888
29170
  -ms-flex-wrap: wrap;
28889
29171
  flex-wrap: wrap;
28890
29172
  }
@@ -29749,10 +30031,8 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
29749
30031
  width: 100%;
29750
30032
  -ms-flex: 1 1 100%;
29751
30033
  flex: 1 1 100%;
29752
- -ms-flex-direction: row;
29753
- flex-direction: row;
29754
- -ms-flex-wrap: nowrap;
29755
- flex-wrap: nowrap;
30034
+ -ms-flex-flow: row nowrap;
30035
+ flex-flow: row nowrap;
29756
30036
  }
29757
30037
 
29758
30038
  .k-filemanager .k-splitbar {
@@ -30370,7 +30650,7 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
30370
30650
  display: flex;
30371
30651
  -ms-flex-direction: column;
30372
30652
  flex-direction: column;
30373
- padding: 10px 0 40px 0;
30653
+ padding: 10px 0 40px;
30374
30654
  }
30375
30655
 
30376
30656
  .k-editor-find-replace .k-search-options > span {
@@ -30508,10 +30788,8 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
30508
30788
  .k-filebrowser .k-tiles {
30509
30789
  display: -ms-flexbox;
30510
30790
  display: flex;
30511
- -ms-flex-direction: row;
30512
- flex-direction: row;
30513
- -ms-flex-wrap: wrap;
30514
- flex-wrap: wrap;
30791
+ -ms-flex-flow: row wrap;
30792
+ flex-flow: row wrap;
30515
30793
  height: 390px;
30516
30794
  max-height: 50vh;
30517
30795
  margin: 0 0 1em 0;
@@ -32179,6 +32457,11 @@ kendo-scheduler.k-scheduler.k-readonly-scheduler .k-event-delete {
32179
32457
  padding: 0;
32180
32458
  }
32181
32459
 
32460
+ .k-scheduler-layout-flex.k-scheduler-timeline-view .k-scheduler-body .k-scheduler-cell {
32461
+ -ms-flex-preferred-size: auto;
32462
+ flex-basis: auto;
32463
+ }
32464
+
32182
32465
  .k-scheduler-layout-flex .k-more-events {
32183
32466
  bottom: 2px;
32184
32467
  left: 0;
@@ -33505,10 +33788,8 @@ kendo-scheduler .k-recurrence-editor {
33505
33788
  padding-right: 16px;
33506
33789
  display: -ms-flexbox;
33507
33790
  display: flex;
33508
- -ms-flex-direction: row;
33509
- flex-direction: row;
33510
- -ms-flex-wrap: nowrap;
33511
- flex-wrap: nowrap;
33791
+ -ms-flex-flow: row nowrap;
33792
+ flex-flow: row nowrap;
33512
33793
  -ms-flex: 0 0 auto;
33513
33794
  flex: 0 0 auto;
33514
33795
  overflow-x: auto;
@@ -33602,10 +33883,8 @@ kendo-scheduler .k-recurrence-editor {
33602
33883
  .k-chat .k-card-deck .k-card-wrap {
33603
33884
  display: -ms-flexbox;
33604
33885
  display: flex;
33605
- -ms-flex-direction: row;
33606
- flex-direction: row;
33607
- -ms-flex-wrap: nowrap;
33608
- flex-wrap: nowrap;
33886
+ -ms-flex-flow: row nowrap;
33887
+ flex-flow: row nowrap;
33609
33888
  -ms-flex-align: stretch;
33610
33889
  align-items: stretch;
33611
33890
  -ms-flex: 0 0 auto;
@@ -33627,10 +33906,8 @@ kendo-scheduler .k-recurrence-editor {
33627
33906
  border-radius: 50px;
33628
33907
  display: -ms-inline-flexbox;
33629
33908
  display: inline-flex;
33630
- -ms-flex-direction: row;
33631
- flex-direction: row;
33632
- -ms-flex-wrap: nowrap;
33633
- flex-wrap: nowrap;
33909
+ -ms-flex-flow: row nowrap;
33910
+ flex-flow: row nowrap;
33634
33911
  }
33635
33912
 
33636
33913
  .k-typing-indicator span {
@@ -33679,10 +33956,8 @@ kendo-scheduler .k-recurrence-editor {
33679
33956
  .k-chat .k-toolbar-box .k-button-list {
33680
33957
  display: -ms-flexbox;
33681
33958
  display: flex;
33682
- -ms-flex-direction: row;
33683
- flex-direction: row;
33684
- -ms-flex-wrap: nowrap;
33685
- flex-wrap: nowrap;
33959
+ -ms-flex-flow: row nowrap;
33960
+ flex-flow: row nowrap;
33686
33961
  overflow: hidden;
33687
33962
  scroll-behavior: smooth;
33688
33963
  padding: 10px 16px;