@progress/kendo-theme-default 4.41.2-dev.2 → 4.41.3-dev.2

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 +1007 -736
  2. package/dist/all.scss +2429 -3064
  3. package/package.json +2 -2
  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/_variables.scss +1 -1
  13. package/scss/calendar/_theme.scss +9 -8
  14. package/scss/captcha/_index.scss +2 -0
  15. package/scss/captcha/_layout.scss +1 -2
  16. package/scss/captcha/_variables.scss +1 -1
  17. package/scss/card/_layout.scss +8 -9
  18. package/scss/card/_variables.scss +1 -1
  19. package/scss/chat/_layout.scss +4 -8
  20. package/scss/chat/_theme.scss +1 -1
  21. package/scss/chip/_layout.scss +9 -15
  22. package/scss/chip/_theme.scss +302 -85
  23. package/scss/chip/_variables.scss +139 -50
  24. package/scss/colorpicker/images/alpha-slider-bgr-reversed.scss +1 -1
  25. package/scss/colorpicker/images/alpha-slider-bgr.scss +1 -1
  26. package/scss/combobox/_theme.scss +1 -1
  27. package/scss/common/_loading.scss +1 -1
  28. package/scss/core/_color-system.scss +8 -8
  29. package/scss/core/functions/_colors.scss +1 -0
  30. package/scss/core/functions/_math.scss +2 -2
  31. package/scss/core/functions/_misc.scss +1 -1
  32. package/scss/core/mixins/_gradients.scss +6 -5
  33. package/scss/core/mixins/_hide-scrollbar.scss +2 -2
  34. package/scss/core/mixins/_index.scss +1 -1
  35. package/scss/core/mixins/_typography.scss +1 -1
  36. package/scss/datetime/_layout.scss +2 -2
  37. package/scss/datetime/_theme.scss +1 -1
  38. package/scss/datetime/_variables.scss +2 -2
  39. package/scss/drawer/_layout.scss +3 -6
  40. package/scss/dropdowngrid/_layout.scss +2 -2
  41. package/scss/editor/_layout.scss +3 -4
  42. package/scss/editor/_variables.scss +1 -1
  43. package/scss/fab/_variables.scss +3 -7
  44. package/scss/filemanager/_layout.scss +1 -2
  45. package/scss/filter/_layout.scss +2 -2
  46. package/scss/gantt/_layout.scss +1 -1
  47. package/scss/grid/_layout.scss +4 -4
  48. package/scss/icons/_layout.scss +1 -1
  49. package/scss/icons/font/WebComponentsIcons.scss +1 -1
  50. package/scss/input/_variables.scss +1 -1
  51. package/scss/map/_layout.scss +1 -1
  52. package/scss/map/images/markers.scss +1 -1
  53. package/scss/menu/_layout.scss +2 -2
  54. package/scss/multiselect/_layout.scss +0 -1
  55. package/scss/multiselect/_theme.scss +1 -1
  56. package/scss/notification/_layout.scss +4 -6
  57. package/scss/orgchart/_index.scss +4 -0
  58. package/scss/orgchart/_variables.scss +1 -1
  59. package/scss/pager/_theme.scss +2 -2
  60. package/scss/pdf-viewer/_layout.scss +1 -1
  61. package/scss/pivotgrid/_layout.scss +2 -3
  62. package/scss/pivotgrid/_theme.scss +1 -1
  63. package/scss/popup/_layout.scss +3 -4
  64. package/scss/popup/_theme.scss +1 -1
  65. package/scss/rating/_layout.scss +1 -1
  66. package/scss/scheduler/_layout.scss +7 -6
  67. package/scss/scheduler/_theme.scss +2 -2
  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 {
@@ -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 {
15710
- position: relative;
15711
- gap: 8px;
15712
- }
15713
-
15714
- .k-captcha-image-controls {
16017
+ background: none;
16018
+ display: -ms-inline-flexbox;
16019
+ display: inline-flex;
16020
+ -ms-flex-align: stretch;
16021
+ align-items: stretch;
15715
16022
  position: relative;
15716
- gap: 8px;
16023
+ -webkit-touch-callout: none;
16024
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
15717
16025
  }
15718
16026
 
15719
- .k-captcha-image {
15720
- width: 100%;
15721
- height: 100%;
15722
- overflow: hidden;
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;
15723
16037
  }
15724
16038
 
15725
- .k-captcha-image > img {
15726
- 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;
15727
16043
  height: 100%;
15728
- display: block;
15729
- object-fit: cover;
15730
16044
  }
15731
16045
 
15732
- .k-captcha-loading .k-captcha-image {
15733
- height: auto;
16046
+ .k-slider .k-button-increase {
16047
+ right: 0;
16048
+ top: 0;
15734
16049
  }
15735
16050
 
15736
- .k-captcha-volume-control {
15737
- height: 100%;
16051
+ .k-slider .k-button-decrease {
16052
+ left: 0;
16053
+ top: 0;
15738
16054
  }
15739
16055
 
15740
- .k-captcha-input > .k-textbox {
15741
- width: 100%;
16056
+ .k-slider .k-label {
16057
+ width: auto;
16058
+ font-size: .92em;
16059
+ line-height: 1;
16060
+ white-space: nowrap;
16061
+ position: absolute;
15742
16062
  }
15743
16063
 
15744
- .k-captcha-validation-message {
15745
- margin-top: 4px;
15746
- font-size: 12px;
15747
- font-style: italic;
16064
+ .k-slider .k-tick,
16065
+ .k-slider .k-slider-track {
16066
+ cursor: pointer;
15748
16067
  }
15749
16068
 
15750
- .k-captcha {
15751
- border-color: #ffffff;
15752
- color: #ffffff;
15753
- background-color: #ffffff;
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;
15754
16076
  }
15755
16077
 
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;
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 {
15776
16081
  cursor: default;
15777
- -webkit-touch-callout: none;
15778
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
15779
16082
  }
15780
16083
 
15781
- .k-autocomplete .k-i-loading {
15782
- width: 24px;
15783
- height: 28px;
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;
15784
16088
  }
15785
16089
 
15786
- .k-autocomplete .k-clear-value {
15787
- visibility: hidden;
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;
15788
16094
  }
15789
16095
 
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;
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;
15792
16100
  }
15793
16101
 
15794
- .k-autocomplete:focus-within .k-clear-value {
15795
- visibility: visible;
16102
+ .k-slider {
16103
+ gap: 7px;
15796
16104
  }
15797
16105
 
15798
- .k-autocomplete.k-header,
15799
- .k-autocomplete {
15800
- border-color: rgba(0, 0, 0, 0.08);
15801
- color: #424242;
15802
- background-color: #ffffff;
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;
15803
16112
  }
15804
16113
 
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);
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;
15809
16124
  }
15810
16125
 
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);
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;
15817
16135
  }
15818
16136
 
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);
16137
+ .k-slider > .k-slider-track-wrap .k-slider-items::after {
16138
+ display: none;
15823
16139
  }
15824
16140
 
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);
16141
+ .k-slider > .k-slider-track-wrap .k-tick {
16142
+ -ms-flex: 0 0 1px;
16143
+ flex: 0 0 1px;
15831
16144
  }
15832
16145
 
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);
16146
+ .k-slider > .k-slider-track-wrap .k-draghandle {
16147
+ position: absolute;
15850
16148
  }
15851
16149
 
15852
- .k-numerictextbox .k-numeric-wrap {
15853
- border-radius: 2px;
15854
- padding: 0;
16150
+ .k-slider-horizontal > .k-slider-track-wrap .k-slider-track {
15855
16151
  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;
15867
16152
  }
15868
16153
 
15869
- .k-numerictextbox .k-input {
15870
- text-overflow: clip;
16154
+ .k-slider-horizontal > .k-slider-track-wrap .k-draghandle {
16155
+ top: 50%;
16156
+ -ms-transform: translate(-50%, -50%);
16157
+ transform: translate(-50%, -50%);
15871
16158
  }
15872
16159
 
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;
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);
15892
16164
  }
15893
16165
 
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;
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%);
15903
16169
  }
15904
16170
 
15905
- .k-numerictextbox .k-link .k-icon {
15906
- position: absolute;
15907
- right: 50%;
15908
- -ms-transform: translateX(50%);
15909
- transform: translateX(50%);
16171
+ .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-start {
16172
+ left: calc(var(--kendo-slider-start, 0)*1%);
15910
16173
  }
15911
16174
 
15912
- .k-numerictextbox .k-link-increase .k-icon {
15913
- bottom: -2px;
16175
+ .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-end {
16176
+ left: calc(var(--kendo-slider-end, 0)*1%);
15914
16177
  }
15915
16178
 
15916
- .k-numerictextbox .k-link-decrease .k-icon {
15917
- top: -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%);
15918
16182
  }
15919
16183
 
15920
- .k-numerictextbox .k-i-warning {
15921
- -ms-flex-item-align: center;
15922
- align-self: center;
15923
- margin-right: 0.5em;
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%);
15924
16187
  }
15925
16188
 
15926
- .k-rtl .k-numerictextbox, .k-numerictextbox[dir="rtl"] {
15927
- text-align: right;
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%);
15928
16192
  }
15929
16193
 
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;
16194
+ [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle {
16195
+ -ms-transform: translate(50%, -50%);
16196
+ transform: translate(50%, -50%);
15935
16197
  }
15936
16198
 
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;
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);
15940
16203
  }
15941
16204
 
15942
- .k-numerictextbox .k-i-warning {
15943
- color: #f31700;
16205
+ .k-slider-vertical > .k-slider-track-wrap .k-slider-track {
16206
+ height: 100%;
15944
16207
  }
15945
16208
 
15946
- .k-numerictextbox .k-numeric-wrap {
15947
- border-color: rgba(0, 0, 0, 0.08);
15948
- color: #424242;
15949
- background-color: #ffffff;
16209
+ .k-slider-vertical > .k-slider-track-wrap .k-draghandle {
16210
+ left: 50%;
16211
+ -ms-transform: translate(-50%, 50%);
16212
+ transform: translate(-50%, 50%);
15950
16213
  }
15951
16214
 
15952
- .k-numerictextbox .k-numeric-wrap:hover, .k-numerictextbox .k-numeric-wrap.k-state-hover {
15953
- border-color: rgba(0, 0, 0, 0.16);
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);
15954
16219
  }
15955
16220
 
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);
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%);
15959
16224
  }
15960
16225
 
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);
16226
+ .k-slider-vertical > .k-slider-track-wrap .k-draghandle-start {
16227
+ bottom: calc(var(--kendo-slider-start, 0)*1%);
15963
16228
  }
15964
16229
 
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));
16230
+ .k-slider-vertical > .k-slider-track-wrap .k-draghandle-end {
16231
+ bottom: calc(var(--kendo-slider-end, 0)*1%);
15970
16232
  }
15971
16233
 
15972
- .k-numerictextbox .k-select .k-link:hover,
15973
- .k-numerictextbox .k-select .k-link.k-state-hover {
15974
- background-color: #ebebeb;
16234
+ .k-slider-vertical {
16235
+ height: 200px;
16236
+ width: 30px;
16237
+ -ms-flex-flow: column-reverse nowrap;
16238
+ flex-flow: column-reverse nowrap;
15975
16239
  }
15976
16240
 
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;
16241
+ .k-slider-vertical .k-button-decrease {
16242
+ bottom: 0;
16243
+ top: auto;
15981
16244
  }
15982
16245
 
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);
16246
+ .k-slider-vertical .k-tick {
16247
+ text-align: right;
16248
+ margin-left: 2px;
15985
16249
  }
15986
16250
 
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);
16251
+ .k-slider-vertical .k-slider-topleft .k-tick {
16252
+ text-align: left;
16002
16253
  }
16003
16254
 
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;
16255
+ .k-slider-vertical .k-tick {
16256
+ background-position: -92px center;
16014
16257
  }
16015
16258
 
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%;
16259
+ .k-slider-vertical .k-slider-topleft .k-tick {
16260
+ background-position: -122px center;
16021
16261
  }
16022
16262
 
16023
- .k-slider .k-button-increase {
16024
- right: 0;
16025
- top: 0;
16263
+ .k-slider-vertical .k-slider-bottomright .k-tick {
16264
+ background-position: -152px center;
16026
16265
  }
16027
16266
 
16028
- .k-slider .k-button-decrease {
16029
- left: 0;
16030
- 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;
16031
16273
  }
16032
16274
 
16033
- .k-slider .k-label {
16034
- width: auto;
16035
- font-size: .92em;
16036
- line-height: 1;
16037
- white-space: nowrap;
16038
- position: absolute;
16275
+ .k-slider-vertical .k-slider-topleft .k-tick-large {
16276
+ background-position: -32px center;
16039
16277
  }
16040
16278
 
16041
- .k-slider .k-tick,
16042
- .k-slider .k-slider-track {
16043
- cursor: pointer;
16279
+ .k-slider-vertical .k-slider-bottomright .k-tick-large {
16280
+ background-position: -62px center;
16044
16281
  }
16045
16282
 
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;
16283
+ .k-slider-vertical .k-first {
16284
+ background-position: -92px 100%;
16053
16285
  }
16054
16286
 
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;
16287
+ .k-slider-vertical .k-tick-large.k-first {
16288
+ background-position: -2px 100%;
16059
16289
  }
16060
16290
 
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;
16291
+ .k-slider-vertical .k-slider-topleft .k-first {
16292
+ background-position: -122px 100%;
16065
16293
  }
16066
16294
 
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;
16295
+ .k-slider-vertical .k-slider-topleft .k-tick-large.k-first {
16296
+ background-position: -32px 100%;
16071
16297
  }
16072
16298
 
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;
16299
+ .k-slider-vertical .k-slider-bottomright .k-first {
16300
+ background-position: -152px 100%;
16077
16301
  }
16078
16302
 
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: "";
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;
16892
+ }
16893
+
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;
16597
16900
  display: block;
16598
- clear: both;
16599
- }
16600
-
16601
- .k-slider-tooltip .k-callout-n,
16602
- .k-slider-tooltip .k-callout-s {
16603
- margin-left: -3px;
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;
@@ -32341,10 +32624,8 @@ kendo-scheduler .k-scheduler-toolbar {
32341
32624
  border-style: solid;
32342
32625
  display: -ms-flexbox;
32343
32626
  display: flex;
32344
- -ms-flex-direction: row;
32345
- flex-direction: row;
32346
- -ms-flex-wrap: wrap;
32347
- flex-wrap: wrap;
32627
+ -ms-flex-flow: row wrap;
32628
+ flex-flow: row wrap;
32348
32629
  -ms-flex-align: center;
32349
32630
  align-items: center;
32350
32631
  -ms-flex-pack: justify;
@@ -32592,10 +32873,8 @@ kendo-scheduler .k-scheduler-footer {
32592
32873
  border-style: solid;
32593
32874
  display: -ms-flexbox;
32594
32875
  display: flex;
32595
- -ms-flex-direction: row;
32596
- flex-direction: row;
32597
- -ms-flex-wrap: wrap;
32598
- flex-wrap: wrap;
32876
+ -ms-flex-flow: row wrap;
32877
+ flex-flow: row wrap;
32599
32878
  -ms-flex-align: center;
32600
32879
  align-items: center;
32601
32880
  -ms-flex-pack: justify;
@@ -33849,10 +34128,8 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
33849
34128
  padding-right: 16px;
33850
34129
  display: -ms-flexbox;
33851
34130
  display: flex;
33852
- -ms-flex-direction: row;
33853
- flex-direction: row;
33854
- -ms-flex-wrap: nowrap;
33855
- flex-wrap: nowrap;
34131
+ -ms-flex-flow: row nowrap;
34132
+ flex-flow: row nowrap;
33856
34133
  -ms-flex: 0 0 auto;
33857
34134
  flex: 0 0 auto;
33858
34135
  overflow-x: auto;
@@ -33946,10 +34223,8 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
33946
34223
  .k-chat .k-card-deck .k-card-wrap {
33947
34224
  display: -ms-flexbox;
33948
34225
  display: flex;
33949
- -ms-flex-direction: row;
33950
- flex-direction: row;
33951
- -ms-flex-wrap: nowrap;
33952
- flex-wrap: nowrap;
34226
+ -ms-flex-flow: row nowrap;
34227
+ flex-flow: row nowrap;
33953
34228
  -ms-flex-align: stretch;
33954
34229
  align-items: stretch;
33955
34230
  -ms-flex: 0 0 auto;
@@ -33971,10 +34246,8 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
33971
34246
  border-radius: 50px;
33972
34247
  display: -ms-inline-flexbox;
33973
34248
  display: inline-flex;
33974
- -ms-flex-direction: row;
33975
- flex-direction: row;
33976
- -ms-flex-wrap: nowrap;
33977
- flex-wrap: nowrap;
34249
+ -ms-flex-flow: row nowrap;
34250
+ flex-flow: row nowrap;
33978
34251
  }
33979
34252
 
33980
34253
  .k-typing-indicator span {
@@ -34023,10 +34296,8 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
34023
34296
  .k-chat .k-toolbar-box .k-button-list {
34024
34297
  display: -ms-flexbox;
34025
34298
  display: flex;
34026
- -ms-flex-direction: row;
34027
- flex-direction: row;
34028
- -ms-flex-wrap: nowrap;
34029
- flex-wrap: nowrap;
34299
+ -ms-flex-flow: row nowrap;
34300
+ flex-flow: row nowrap;
34030
34301
  overflow: hidden;
34031
34302
  scroll-behavior: smooth;
34032
34303
  padding: 10px 16px;