@clayui/css 3.41.0 → 3.44.1

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 (78) hide show
  1. package/lib/css/atlas.css +1117 -1163
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +1020 -1068
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/bootstrap.css.map +1 -1
  6. package/lib/css/cadmin.css +875 -931
  7. package/lib/css/cadmin.css.map +1 -1
  8. package/lib/images/icons/date-time.svg +12 -0
  9. package/lib/images/icons/filter.svg +1 -1
  10. package/lib/images/icons/icons.svg +1 -1
  11. package/package.json +2 -2
  12. package/src/images/icons/date-time.svg +12 -0
  13. package/src/images/icons/filter.svg +1 -1
  14. package/src/scss/_mixins.scss +2 -0
  15. package/src/scss/atlas/variables/_application-bar.scss +32 -12
  16. package/src/scss/atlas/variables/_buttons.scss +2 -31
  17. package/src/scss/atlas/variables/_management-bar.scss +53 -21
  18. package/src/scss/atlas/variables/_navigation-bar.scss +104 -18
  19. package/src/scss/atlas/variables/_navs.scss +20 -15
  20. package/src/scss/atlas/variables/_pagination.scss +2 -0
  21. package/src/scss/atlas/variables/_sidebar.scss +1 -1
  22. package/src/scss/cadmin/components/_dropdowns.scss +4 -0
  23. package/src/scss/cadmin/components/_input-groups.scss +12 -312
  24. package/src/scss/cadmin/components/_navs.scss +35 -113
  25. package/src/scss/cadmin/components/_pagination.scss +20 -236
  26. package/src/scss/cadmin/components/_popovers.scss +31 -252
  27. package/src/scss/cadmin/components/_tooltip.scss +29 -167
  28. package/src/scss/cadmin/components/_utilities-functional-important.scss +4 -3
  29. package/src/scss/cadmin/variables/_alerts.scss +3 -2
  30. package/src/scss/cadmin/variables/_dropdowns.scss +31 -2
  31. package/src/scss/cadmin/variables/_forms.scss +366 -5
  32. package/src/scss/cadmin/variables/_management-bar.scss +70 -30
  33. package/src/scss/cadmin/variables/_navigation-bar.scss +118 -22
  34. package/src/scss/cadmin/variables/_navs.scss +270 -53
  35. package/src/scss/cadmin/variables/_pagination.scss +274 -68
  36. package/src/scss/cadmin/variables/_popovers.scss +410 -0
  37. package/src/scss/cadmin/variables/_sidebar.scss +17 -5
  38. package/src/scss/cadmin/variables/_tooltip.scss +299 -0
  39. package/src/scss/components/_button-groups.scss +6 -6
  40. package/src/scss/components/_buttons.scss +87 -49
  41. package/src/scss/components/_cards.scss +16 -116
  42. package/src/scss/components/_dropdowns.scss +4 -0
  43. package/src/scss/components/_input-groups.scss +12 -308
  44. package/src/scss/components/_multi-step-nav.scss +12 -8
  45. package/src/scss/components/_navs.scss +45 -128
  46. package/src/scss/components/_pagination.scss +18 -234
  47. package/src/scss/components/_popovers.scss +30 -237
  48. package/src/scss/components/_toggle-switch.scss +2 -2
  49. package/src/scss/components/_tooltip.scss +29 -164
  50. package/src/scss/functions/_lx-icons-generated.scss +3 -1
  51. package/src/scss/mixins/_buttons.scss +674 -472
  52. package/src/scss/mixins/_cards.scss +751 -557
  53. package/src/scss/mixins/_close.scss +0 -1
  54. package/src/scss/mixins/_custom-forms.scss +442 -409
  55. package/src/scss/mixins/_dropdown-menu.scss +483 -406
  56. package/src/scss/mixins/_forms.scss +332 -256
  57. package/src/scss/mixins/_input-groups.scss +405 -11
  58. package/src/scss/mixins/_labels.scss +320 -296
  59. package/src/scss/mixins/_links.scss +522 -476
  60. package/src/scss/mixins/_nav.scss +202 -131
  61. package/src/scss/mixins/_navbar.scss +791 -140
  62. package/src/scss/mixins/_pagination.scss +422 -0
  63. package/src/scss/mixins/_popovers.scss +90 -0
  64. package/src/scss/mixins/_toggle-switch.scss +64 -0
  65. package/src/scss/mixins/_tooltip.scss +70 -0
  66. package/src/scss/variables/_alerts.scss +1 -0
  67. package/src/scss/variables/_application-bar.scss +18 -6
  68. package/src/scss/variables/_buttons.scss +26 -3
  69. package/src/scss/variables/_cards.scss +273 -1
  70. package/src/scss/variables/_dropdowns.scss +31 -2
  71. package/src/scss/variables/_forms.scss +405 -22
  72. package/src/scss/variables/_management-bar.scss +45 -12
  73. package/src/scss/variables/_navigation-bar.scss +95 -14
  74. package/src/scss/variables/_navs.scss +266 -33
  75. package/src/scss/variables/_pagination.scss +261 -61
  76. package/src/scss/variables/_popovers.scss +392 -0
  77. package/src/scss/variables/_sidebar.scss +17 -5
  78. package/src/scss/variables/_tooltip.scss +299 -0
package/lib/css/atlas.css CHANGED
@@ -1210,7 +1210,7 @@ button.collapse-icon .c-inner {
1210
1210
  .btn:active:focus {
1211
1211
  box-shadow: [0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff];
1212
1212
  }
1213
- .btn[aria-expanded=true], .btn.active, .btn.show, .show > .btn.dropdown-toggle {
1213
+ .btn.active {
1214
1214
  box-shadow: [none];
1215
1215
  }
1216
1216
  .btn:disabled, .btn.disabled {
@@ -1223,6 +1223,9 @@ button.collapse-icon .c-inner {
1223
1223
  .btn:disabled:active, .btn.disabled:active {
1224
1224
  pointer-events: none;
1225
1225
  }
1226
+ .btn[aria-expanded=true], .btn.show {
1227
+ box-shadow: [none];
1228
+ }
1226
1229
  .btn .c-inner {
1227
1230
  margin-bottom: -0.4375rem;
1228
1231
  margin-left: -0.9375rem;
@@ -1357,10 +1360,6 @@ input[type=button].btn-block {
1357
1360
  padding: 0;
1358
1361
  width: 100%;
1359
1362
  }
1360
- .btn-monospaced.btn .lexicon-icon {
1361
- margin-top: 0;
1362
- }
1363
-
1364
1363
  .btn-group-vertical > .btn-monospaced.btn-lg, .btn-group-lg .btn-monospaced, .btn-monospaced.btn-lg {
1365
1364
  height: 3rem;
1366
1365
  width: 3rem;
@@ -1389,7 +1388,7 @@ input[type=button].btn-block {
1389
1388
  border-color: transparent;
1390
1389
  color: #fff;
1391
1390
  }
1392
- [aria-expanded=true].btn-primary, .active.btn-primary, .show.btn-primary, .show > .dropdown-toggle.btn-primary {
1391
+ .active.btn-primary {
1393
1392
  background-color: #004ad7;
1394
1393
  border-color: transparent;
1395
1394
  color: #fff;
@@ -1399,6 +1398,16 @@ input[type=button].btn-block {
1399
1398
  border-color: #0b5fff;
1400
1399
  color: #fff;
1401
1400
  }
1401
+ [aria-expanded=true].btn-primary, .show.btn-primary {
1402
+ background-color: #004ad7;
1403
+ border-color: transparent;
1404
+ color: #fff;
1405
+ }
1406
+ .form-file-input:focus + .btn-primary {
1407
+ background-color: #0053f0;
1408
+ border-color: #004ad7;
1409
+ color: #fff;
1410
+ }
1402
1411
  .btn-secondary {
1403
1412
  background-color: #fff;
1404
1413
  border-color: #cdced9;
@@ -1419,7 +1428,7 @@ input[type=button].btn-block {
1419
1428
  border-color: #cdced9;
1420
1429
  color: #272833;
1421
1430
  }
1422
- [aria-expanded=true].btn-secondary, .active.btn-secondary, .show.btn-secondary, .show > .dropdown-toggle.btn-secondary {
1431
+ .active.btn-secondary {
1423
1432
  background-color: #f1f2f5;
1424
1433
  border-color: #cdced9;
1425
1434
  color: #272833;
@@ -1429,6 +1438,16 @@ input[type=button].btn-block {
1429
1438
  border-color: #cdced9;
1430
1439
  color: #6b6c7e;
1431
1440
  }
1441
+ [aria-expanded=true].btn-secondary, .show.btn-secondary {
1442
+ background-color: #f1f2f5;
1443
+ border-color: #cdced9;
1444
+ color: #272833;
1445
+ }
1446
+ .form-file-input:focus + .btn-secondary {
1447
+ background-color: #f7f8f9;
1448
+ border-color: #cdced9;
1449
+ color: #272833;
1450
+ }
1432
1451
  .btn-success {
1433
1452
  background-color: #287d3c;
1434
1453
  border-color: #287d3c;
@@ -1449,7 +1468,7 @@ input[type=button].btn-block {
1449
1468
  border-color: transparent;
1450
1469
  color: #fff;
1451
1470
  }
1452
- [aria-expanded=true].btn-success, .active.btn-success, .show.btn-success, .show > .dropdown-toggle.btn-success {
1471
+ .active.btn-success {
1453
1472
  background-color: #1c5629;
1454
1473
  border-color: transparent;
1455
1474
  color: #fff;
@@ -1459,6 +1478,16 @@ input[type=button].btn-block {
1459
1478
  border-color: #287d3c;
1460
1479
  color: #fff;
1461
1480
  }
1481
+ [aria-expanded=true].btn-success, .show.btn-success {
1482
+ background-color: #1c5629;
1483
+ border-color: transparent;
1484
+ color: #fff;
1485
+ }
1486
+ .form-file-input:focus + .btn-success {
1487
+ background-color: #226a33;
1488
+ border-color: transparent;
1489
+ color: #fff;
1490
+ }
1462
1491
  .btn-info {
1463
1492
  background-color: #2e5aac;
1464
1493
  border-color: #2e5aac;
@@ -1479,7 +1508,7 @@ input[type=button].btn-block {
1479
1508
  border-color: transparent;
1480
1509
  color: #fff;
1481
1510
  }
1482
- [aria-expanded=true].btn-info, .active.btn-info, .show.btn-info, .show > .dropdown-toggle.btn-info {
1511
+ .active.btn-info {
1483
1512
  background-color: #234584;
1484
1513
  border-color: transparent;
1485
1514
  color: #fff;
@@ -1489,6 +1518,11 @@ input[type=button].btn-block {
1489
1518
  border-color: #2e5aac;
1490
1519
  color: #fff;
1491
1520
  }
1521
+ [aria-expanded=true].btn-info, .show.btn-info {
1522
+ background-color: #234584;
1523
+ border-color: transparent;
1524
+ color: #fff;
1525
+ }
1492
1526
  .btn-warning {
1493
1527
  background-color: #b95000;
1494
1528
  border-color: #b95000;
@@ -1509,7 +1543,7 @@ input[type=button].btn-block {
1509
1543
  border-color: transparent;
1510
1544
  color: #fff;
1511
1545
  }
1512
- [aria-expanded=true].btn-warning, .active.btn-warning, .show.btn-warning, .show > .dropdown-toggle.btn-warning {
1546
+ .active.btn-warning {
1513
1547
  background-color: #863a00;
1514
1548
  border-color: transparent;
1515
1549
  color: #fff;
@@ -1519,6 +1553,16 @@ input[type=button].btn-block {
1519
1553
  border-color: #b95000;
1520
1554
  color: #fff;
1521
1555
  }
1556
+ [aria-expanded=true].btn-warning, .show.btn-warning {
1557
+ background-color: #863a00;
1558
+ border-color: transparent;
1559
+ color: #fff;
1560
+ }
1561
+ .form-file-input:focus + .btn-warning {
1562
+ background-color: #9f4500;
1563
+ border-color: transparent;
1564
+ color: #fff;
1565
+ }
1522
1566
  .btn-danger {
1523
1567
  background-color: #da1414;
1524
1568
  border-color: #da1414;
@@ -1539,7 +1583,7 @@ input[type=button].btn-block {
1539
1583
  border-color: transparent;
1540
1584
  color: #fff;
1541
1585
  }
1542
- [aria-expanded=true].btn-danger, .active.btn-danger, .show.btn-danger, .show > .dropdown-toggle.btn-danger {
1586
+ .active.btn-danger {
1543
1587
  background-color: #ab1010;
1544
1588
  border-color: transparent;
1545
1589
  color: #fff;
@@ -1549,6 +1593,16 @@ input[type=button].btn-block {
1549
1593
  border-color: #da1414;
1550
1594
  color: #fff;
1551
1595
  }
1596
+ [aria-expanded=true].btn-danger, .show.btn-danger {
1597
+ background-color: #ab1010;
1598
+ border-color: transparent;
1599
+ color: #fff;
1600
+ }
1601
+ .form-file-input:focus + .btn-danger {
1602
+ background-color: #c31212;
1603
+ border-color: transparent;
1604
+ color: #fff;
1605
+ }
1552
1606
  .btn-light {
1553
1607
  background-color: #f1f2f5;
1554
1608
  border-color: #f1f2f5;
@@ -1569,7 +1623,7 @@ input[type=button].btn-block {
1569
1623
  border-color: transparent;
1570
1624
  color: #272833;
1571
1625
  }
1572
- [aria-expanded=true].btn-light, .active.btn-light, .show.btn-light, .show > .dropdown-toggle.btn-light {
1626
+ .active.btn-light {
1573
1627
  background-color: #d3d6e0;
1574
1628
  border-color: transparent;
1575
1629
  color: #272833;
@@ -1579,6 +1633,16 @@ input[type=button].btn-block {
1579
1633
  border-color: #f1f2f5;
1580
1634
  color: #272833;
1581
1635
  }
1636
+ [aria-expanded=true].btn-light, .show.btn-light {
1637
+ background-color: #d3d6e0;
1638
+ border-color: transparent;
1639
+ color: #272833;
1640
+ }
1641
+ .form-file-input:focus + .btn-light {
1642
+ background-color: #e2e4ea;
1643
+ border-color: transparent;
1644
+ color: #272833;
1645
+ }
1582
1646
  .btn-dark {
1583
1647
  background-color: #272833;
1584
1648
  border-color: #272833;
@@ -1599,7 +1663,7 @@ input[type=button].btn-block {
1599
1663
  border-color: transparent;
1600
1664
  color: #fff;
1601
1665
  }
1602
- [aria-expanded=true].btn-dark, .active.btn-dark, .show.btn-dark, .show > .dropdown-toggle.btn-dark {
1666
+ .active.btn-dark {
1603
1667
  background-color: #111116;
1604
1668
  border-color: transparent;
1605
1669
  color: #fff;
@@ -1609,6 +1673,16 @@ input[type=button].btn-block {
1609
1673
  border-color: #272833;
1610
1674
  color: #fff;
1611
1675
  }
1676
+ [aria-expanded=true].btn-dark, .show.btn-dark {
1677
+ background-color: #111116;
1678
+ border-color: transparent;
1679
+ color: #fff;
1680
+ }
1681
+ .form-file-input:focus + .btn-dark {
1682
+ background-color: #1c1c24;
1683
+ border-color: transparent;
1684
+ color: #fff;
1685
+ }
1612
1686
  .btn-link {
1613
1687
  border-radius: 1px;
1614
1688
  box-shadow: [none];
@@ -1630,7 +1704,7 @@ input[type=button].btn-block {
1630
1704
  .btn-link:active:focus {
1631
1705
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
1632
1706
  }
1633
- [aria-expanded=true].btn-link, .active.btn-link, .show.btn-link, .show > .dropdown-toggle.btn-link {
1707
+ .active.btn-link {
1634
1708
  box-shadow: [none];
1635
1709
  }
1636
1710
  .btn-link:disabled, .disabled.btn-link {
@@ -1638,6 +1712,9 @@ input[type=button].btn-block {
1638
1712
  color: #0b5fff;
1639
1713
  text-decoration: none;
1640
1714
  }
1715
+ [aria-expanded=true].btn-link, .show.btn-link {
1716
+ box-shadow: [none];
1717
+ }
1641
1718
  .btn-outline-primary {
1642
1719
  border-color: #0b5fff;
1643
1720
  color: #0b5fff;
@@ -1656,7 +1733,7 @@ input[type=button].btn-block {
1656
1733
  border-color: #0b5fff;
1657
1734
  color: #0b5fff;
1658
1735
  }
1659
- [aria-expanded=true].btn-outline-primary, .active.btn-outline-primary, .show.btn-outline-primary, .show > .dropdown-toggle.btn-outline-primary {
1736
+ .active.btn-outline-primary {
1660
1737
  background-color: #e6edf8;
1661
1738
  border-color: #0b5fff;
1662
1739
  color: #0b5fff;
@@ -1664,6 +1741,11 @@ input[type=button].btn-block {
1664
1741
  .btn-outline-primary:disabled, .disabled.btn-outline-primary {
1665
1742
  background-color: transparent;
1666
1743
  }
1744
+ [aria-expanded=true].btn-outline-primary, .show.btn-outline-primary {
1745
+ background-color: #e6edf8;
1746
+ border-color: #0b5fff;
1747
+ color: #0b5fff;
1748
+ }
1667
1749
  .btn-outline-secondary {
1668
1750
  border-color: #cdced9;
1669
1751
  color: #6b6c7e;
@@ -1683,7 +1765,7 @@ input[type=button].btn-block {
1683
1765
  border-color: transparent;
1684
1766
  color: #272833;
1685
1767
  }
1686
- [aria-expanded=true].btn-outline-secondary, .active.btn-outline-secondary, .show.btn-outline-secondary, .show > .dropdown-toggle.btn-outline-secondary {
1768
+ .active.btn-outline-secondary {
1687
1769
  background-color: rgba(39, 40, 51, 0.06);
1688
1770
  border-color: transparent;
1689
1771
  color: #272833;
@@ -1693,6 +1775,11 @@ input[type=button].btn-block {
1693
1775
  color: #6b6c7e;
1694
1776
  border-color: #6b6c7e;
1695
1777
  }
1778
+ [aria-expanded=true].btn-outline-secondary, .show.btn-outline-secondary {
1779
+ background-color: rgba(39, 40, 51, 0.06);
1780
+ border-color: transparent;
1781
+ color: #272833;
1782
+ }
1696
1783
  .btn-outline-success {
1697
1784
  border-color: #287d3c;
1698
1785
  color: #287d3c;
@@ -1711,13 +1798,19 @@ input[type=button].btn-block {
1711
1798
  border-color: #287d3c;
1712
1799
  color: #fff;
1713
1800
  }
1714
- [aria-expanded=true].btn-outline-success, .active.btn-outline-success, .show.btn-outline-success, .show > .dropdown-toggle.btn-outline-success {
1801
+ .active.btn-outline-success {
1715
1802
  background-color: #1c5629;
1716
1803
  border-color: #287d3c;
1717
1804
  color: #fff;
1718
1805
  }
1719
1806
  .btn-outline-success:disabled, .disabled.btn-outline-success {
1720
1807
  background-color: transparent;
1808
+ color: #287d3c;
1809
+ }
1810
+ [aria-expanded=true].btn-outline-success, .show.btn-outline-success {
1811
+ background-color: #1c5629;
1812
+ border-color: #287d3c;
1813
+ color: #fff;
1721
1814
  }
1722
1815
  .btn-outline-info {
1723
1816
  border-color: #2e5aac;
@@ -1737,13 +1830,19 @@ input[type=button].btn-block {
1737
1830
  border-color: #2e5aac;
1738
1831
  color: #fff;
1739
1832
  }
1740
- [aria-expanded=true].btn-outline-info, .active.btn-outline-info, .show.btn-outline-info, .show > .dropdown-toggle.btn-outline-info {
1833
+ .active.btn-outline-info {
1741
1834
  background-color: #234584;
1742
1835
  border-color: #2e5aac;
1743
1836
  color: #fff;
1744
1837
  }
1745
1838
  .btn-outline-info:disabled, .disabled.btn-outline-info {
1746
1839
  background-color: transparent;
1840
+ color: #2e5aac;
1841
+ }
1842
+ [aria-expanded=true].btn-outline-info, .show.btn-outline-info {
1843
+ background-color: #234584;
1844
+ border-color: #2e5aac;
1845
+ color: #fff;
1747
1846
  }
1748
1847
  .btn-outline-warning {
1749
1848
  border-color: #b95000;
@@ -1763,13 +1862,19 @@ input[type=button].btn-block {
1763
1862
  border-color: #b95000;
1764
1863
  color: #fff;
1765
1864
  }
1766
- [aria-expanded=true].btn-outline-warning, .active.btn-outline-warning, .show.btn-outline-warning, .show > .dropdown-toggle.btn-outline-warning {
1865
+ .active.btn-outline-warning {
1767
1866
  background-color: #863a00;
1768
1867
  border-color: #b95000;
1769
1868
  color: #fff;
1770
1869
  }
1771
1870
  .btn-outline-warning:disabled, .disabled.btn-outline-warning {
1772
1871
  background-color: transparent;
1872
+ color: #b95000;
1873
+ }
1874
+ [aria-expanded=true].btn-outline-warning, .show.btn-outline-warning {
1875
+ background-color: #863a00;
1876
+ border-color: #b95000;
1877
+ color: #fff;
1773
1878
  }
1774
1879
  .btn-outline-danger {
1775
1880
  border-color: #da1414;
@@ -1785,15 +1890,23 @@ input[type=button].btn-block {
1785
1890
  color: #fff;
1786
1891
  }
1787
1892
  .btn-outline-danger:active {
1893
+ background-color: #ab1010;
1788
1894
  border-color: #da1414;
1789
1895
  color: #fff;
1790
1896
  }
1791
- [aria-expanded=true].btn-outline-danger, .active.btn-outline-danger, .show.btn-outline-danger, .show > .dropdown-toggle.btn-outline-danger {
1897
+ .active.btn-outline-danger {
1898
+ background-color: #ab1010;
1792
1899
  border-color: #da1414;
1793
1900
  color: #fff;
1794
1901
  }
1795
1902
  .btn-outline-danger:disabled, .disabled.btn-outline-danger {
1796
1903
  background-color: transparent;
1904
+ color: #da1414;
1905
+ }
1906
+ [aria-expanded=true].btn-outline-danger, .show.btn-outline-danger {
1907
+ background-color: #ab1010;
1908
+ border-color: #da1414;
1909
+ color: #fff;
1797
1910
  }
1798
1911
  .btn-outline-light {
1799
1912
  border-color: #f1f2f5;
@@ -1813,13 +1926,19 @@ input[type=button].btn-block {
1813
1926
  border-color: #f1f2f5;
1814
1927
  color: #272833;
1815
1928
  }
1816
- [aria-expanded=true].btn-outline-light, .active.btn-outline-light, .show.btn-outline-light, .show > .dropdown-toggle.btn-outline-light {
1929
+ .active.btn-outline-light {
1817
1930
  background-color: #d3d6e0;
1818
1931
  border-color: #f1f2f5;
1819
1932
  color: #272833;
1820
1933
  }
1821
1934
  .btn-outline-light:disabled, .disabled.btn-outline-light {
1822
1935
  background-color: transparent;
1936
+ color: #f1f2f5;
1937
+ }
1938
+ [aria-expanded=true].btn-outline-light, .show.btn-outline-light {
1939
+ background-color: #d3d6e0;
1940
+ border-color: #f1f2f5;
1941
+ color: #272833;
1823
1942
  }
1824
1943
  .btn-outline-dark {
1825
1944
  border-color: #272833;
@@ -1839,13 +1958,19 @@ input[type=button].btn-block {
1839
1958
  border-color: #272833;
1840
1959
  color: #fff;
1841
1960
  }
1842
- [aria-expanded=true].btn-outline-dark, .active.btn-outline-dark, .show.btn-outline-dark, .show > .dropdown-toggle.btn-outline-dark {
1961
+ .active.btn-outline-dark {
1843
1962
  background-color: #111116;
1844
1963
  border-color: #272833;
1845
1964
  color: #fff;
1846
1965
  }
1847
1966
  .btn-outline-dark:disabled, .disabled.btn-outline-dark {
1848
1967
  background-color: transparent;
1968
+ color: #272833;
1969
+ }
1970
+ [aria-expanded=true].btn-outline-dark, .show.btn-outline-dark {
1971
+ background-color: #111116;
1972
+ border-color: #272833;
1973
+ color: #fff;
1849
1974
  }
1850
1975
  .btn-outline-borderless {
1851
1976
  border-color: transparent;
@@ -3165,6 +3290,7 @@ input[type=button].btn-block {
3165
3290
  margin-bottom: 1rem;
3166
3291
  padding: 0.9375rem 1rem;
3167
3292
  position: relative;
3293
+ white-space: normal;
3168
3294
  overflow-wrap: break-word;
3169
3295
  word-wrap: break-word;
3170
3296
  }
@@ -3580,7 +3706,11 @@ input[type=button].btn-block {
3580
3706
  background-color: #0053f1;
3581
3707
  border-color: #0053f1;
3582
3708
  }
3583
- .alert-primary .alert-btn[aria-expanded=true], .alert-primary .alert-btn.active, .alert-primary .alert-btn.show, .show > .alert-primary .alert-btn.dropdown-toggle {
3709
+ .alert-primary .alert-btn.active {
3710
+ background-color: #0053f1;
3711
+ border-color: #0053f1;
3712
+ }
3713
+ .alert-primary .alert-btn[aria-expanded=true], .alert-primary .alert-btn.show {
3584
3714
  background-color: #0053f1;
3585
3715
  border-color: #0053f1;
3586
3716
  }
@@ -3615,7 +3745,11 @@ input[type=button].btn-block {
3615
3745
  background-color: #5f6070;
3616
3746
  border-color: #5f6070;
3617
3747
  }
3618
- .alert-secondary .alert-btn[aria-expanded=true], .alert-secondary .alert-btn.active, .alert-secondary .alert-btn.show, .show > .alert-secondary .alert-btn.dropdown-toggle {
3748
+ .alert-secondary .alert-btn.active {
3749
+ background-color: #5f6070;
3750
+ border-color: #5f6070;
3751
+ }
3752
+ .alert-secondary .alert-btn[aria-expanded=true], .alert-secondary .alert-btn.show {
3619
3753
  background-color: #5f6070;
3620
3754
  border-color: #5f6070;
3621
3755
  }
@@ -3650,7 +3784,11 @@ input[type=button].btn-block {
3650
3784
  background-color: #226a33;
3651
3785
  border-color: #226a33;
3652
3786
  }
3653
- .alert-success .alert-btn[aria-expanded=true], .alert-success .alert-btn.active, .alert-success .alert-btn.show, .show > .alert-success .alert-btn.dropdown-toggle {
3787
+ .alert-success .alert-btn.active {
3788
+ background-color: #226a33;
3789
+ border-color: #226a33;
3790
+ }
3791
+ .alert-success .alert-btn[aria-expanded=true], .alert-success .alert-btn.show {
3654
3792
  background-color: #226a33;
3655
3793
  border-color: #226a33;
3656
3794
  }
@@ -3685,7 +3823,11 @@ input[type=button].btn-block {
3685
3823
  background-color: #294f98;
3686
3824
  border-color: #294f98;
3687
3825
  }
3688
- .alert-info .alert-btn[aria-expanded=true], .alert-info .alert-btn.active, .alert-info .alert-btn.show, .show > .alert-info .alert-btn.dropdown-toggle {
3826
+ .alert-info .alert-btn.active {
3827
+ background-color: #294f98;
3828
+ border-color: #294f98;
3829
+ }
3830
+ .alert-info .alert-btn[aria-expanded=true], .alert-info .alert-btn.show {
3689
3831
  background-color: #294f98;
3690
3832
  border-color: #294f98;
3691
3833
  }
@@ -3720,7 +3862,11 @@ input[type=button].btn-block {
3720
3862
  background-color: #a04500;
3721
3863
  border-color: #a04500;
3722
3864
  }
3723
- .alert-warning .alert-btn[aria-expanded=true], .alert-warning .alert-btn.active, .alert-warning .alert-btn.show, .show > .alert-warning .alert-btn.dropdown-toggle {
3865
+ .alert-warning .alert-btn.active {
3866
+ background-color: #a04500;
3867
+ border-color: #a04500;
3868
+ }
3869
+ .alert-warning .alert-btn[aria-expanded=true], .alert-warning .alert-btn.show {
3724
3870
  background-color: #a04500;
3725
3871
  border-color: #a04500;
3726
3872
  }
@@ -3755,7 +3901,11 @@ input[type=button].btn-block {
3755
3901
  background-color: #c31212;
3756
3902
  border-color: #c31212;
3757
3903
  }
3758
- .alert-danger .alert-btn[aria-expanded=true], .alert-danger .alert-btn.active, .alert-danger .alert-btn.show, .show > .alert-danger .alert-btn.dropdown-toggle {
3904
+ .alert-danger .alert-btn.active {
3905
+ background-color: #c31212;
3906
+ border-color: #c31212;
3907
+ }
3908
+ .alert-danger .alert-btn[aria-expanded=true], .alert-danger .alert-btn.show {
3759
3909
  background-color: #c31212;
3760
3910
  border-color: #c31212;
3761
3911
  }
@@ -3790,7 +3940,11 @@ input[type=button].btn-block {
3790
3940
  background-color: #1c1d25;
3791
3941
  border-color: #1c1d25;
3792
3942
  }
3793
- .alert-light .alert-btn[aria-expanded=true], .alert-light .alert-btn.active, .alert-light .alert-btn.show, .show > .alert-light .alert-btn.dropdown-toggle {
3943
+ .alert-light .alert-btn.active {
3944
+ background-color: #1c1d25;
3945
+ border-color: #1c1d25;
3946
+ }
3947
+ .alert-light .alert-btn[aria-expanded=true], .alert-light .alert-btn.show {
3794
3948
  background-color: #1c1d25;
3795
3949
  border-color: #1c1d25;
3796
3950
  }
@@ -3822,7 +3976,11 @@ input[type=button].btn-block {
3822
3976
  background-color: #1c1d25;
3823
3977
  border-color: #1c1d25;
3824
3978
  }
3825
- .alert-dark .alert-btn[aria-expanded=true], .alert-dark .alert-btn.active, .alert-dark .alert-btn.show, .show > .alert-dark .alert-btn.dropdown-toggle {
3979
+ .alert-dark .alert-btn.active {
3980
+ background-color: #1c1d25;
3981
+ border-color: #1c1d25;
3982
+ }
3983
+ .alert-dark .alert-btn[aria-expanded=true], .alert-dark .alert-btn.show {
3826
3984
  background-color: #1c1d25;
3827
3985
  border-color: #1c1d25;
3828
3986
  }
@@ -4272,18 +4430,18 @@ input[type=button].btn-block {
4272
4430
  }
4273
4431
 
4274
4432
  .dropdown-toggle-split {
4275
- padding-left: 0.703125rem;
4276
- padding-right: 0.703125rem;
4433
+ padding-left: calc(0.9375rem * 0.75);
4434
+ padding-right: calc(0.9375rem * 0.75);
4277
4435
  }
4278
4436
 
4279
4437
  .btn-sm + .dropdown-toggle-split {
4280
- padding-right: 0.5625rem;
4281
- padding-left: 0.5625rem;
4438
+ padding-right: calc(0.75rem * 0.75);
4439
+ padding-left: calc(0.75rem * 0.75);
4282
4440
  }
4283
4441
 
4284
4442
  .btn-lg + .dropdown-toggle-split {
4285
- padding-right: 1.125rem;
4286
- padding-left: 1.125rem;
4443
+ padding-right: calc(1.5rem * 0.75);
4444
+ padding-left: calc(1.5rem * 0.75);
4287
4445
  }
4288
4446
 
4289
4447
  .btn-group-vertical {
@@ -5567,31 +5725,22 @@ input[type=button].btn-block {
5567
5725
  margin-top: 0;
5568
5726
  padding-left: 0;
5569
5727
  }
5570
- .form-check-card .card {
5571
- margin-bottom: 0;
5572
- }
5573
- .form-check-card .custom-control {
5574
- display: inline;
5575
- margin-right: 0;
5576
- position: static;
5577
- }
5578
- .form-check-card .custom-control > label {
5579
- font-weight: 400;
5580
- padding-left: 0;
5728
+ .form-check-card:hover .card {
5729
+ box-shadow: 0 0 0 2px #80acff;
5581
5730
  }
5582
- .form-check-card .custom-control-input {
5583
- z-index: 2;
5731
+ .form-check-card.active .card {
5732
+ box-shadow: 0 0 0 2px #80acff;
5584
5733
  }
5585
- .form-check-card .custom-control-label {
5586
- position: absolute;
5587
- z-index: 1;
5734
+ .form-check-card.checked .card {
5735
+ box-shadow: 0 0 0 2px #80acff;
5588
5736
  }
5589
- .form-check-card .custom-control-label::before, .form-check-card .custom-control-label::after {
5590
- top: 0;
5737
+ .form-check-card .card {
5738
+ margin-bottom: 0;
5591
5739
  }
5592
5740
  .form-check-card .form-check-input {
5593
5741
  margin-left: 0;
5594
5742
  margin-top: 0;
5743
+ opacity: 0;
5595
5744
  position: absolute;
5596
5745
  z-index: 1;
5597
5746
  }
@@ -5602,21 +5751,35 @@ input[type=button].btn-block {
5602
5751
  padding-left: 0;
5603
5752
  position: static;
5604
5753
  }
5605
- .form-check-card.active .card,
5606
- .form-check-card .custom-control-input:checked ~ .card,
5607
- .form-check-card .form-check-input:checked ~ .card {
5608
- box-shadow: 0 0 0 2px #80acff;
5754
+ .form-check-card .custom-control {
5755
+ display: inline;
5756
+ margin-right: 0;
5757
+ position: static;
5609
5758
  }
5610
-
5611
- .form-check-card:hover .card {
5759
+ .form-check-card .custom-control label {
5760
+ font-weight: 400;
5761
+ padding-left: 0;
5762
+ }
5763
+ .form-check-card .custom-control .custom-control-label {
5764
+ opacity: 0;
5765
+ position: absolute;
5766
+ z-index: 1;
5767
+ }
5768
+ .form-check-card .custom-control .custom-control-label::before {
5769
+ top: 0;
5770
+ }
5771
+ .form-check-card .custom-control .custom-control-label::after {
5772
+ top: 0;
5773
+ }
5774
+ .form-check-card .custom-control .custom-control-input {
5775
+ z-index: 2;
5776
+ }
5777
+ .form-check-card .custom-control .custom-control-input:checked ~ .card {
5612
5778
  box-shadow: 0 0 0 2px #80acff;
5613
5779
  }
5614
-
5615
- .custom-control-input:hover ~ .card,
5616
- .form-check-input:hover ~ .card {
5780
+ .form-check-card .form-check-input:checked ~ .card {
5617
5781
  box-shadow: 0 0 0 2px #80acff;
5618
5782
  }
5619
-
5620
5783
  .form-check-bottom-left .card-horizontal > .card-body,
5621
5784
  .form-check-middle-left .card-horizontal > .card-body,
5622
5785
  .form-check-top-left .card-horizontal > .card-body {
@@ -5629,66 +5792,134 @@ input[type=button].btn-block {
5629
5792
  padding-right: 50px;
5630
5793
  }
5631
5794
 
5632
- .form-check-bottom-left .custom-control-input,
5633
- .form-check-bottom-left .custom-control-label,
5634
5795
  .form-check-bottom-left .form-check-input {
5796
+ bottom: 1rem;
5797
+ left: 1rem;
5798
+ opacity: 1;
5799
+ top: auto;
5800
+ transform: none;
5801
+ }
5802
+ .form-check-bottom-left .custom-control .custom-control-label {
5803
+ bottom: 1rem;
5804
+ left: 1rem;
5805
+ opacity: 1;
5806
+ top: auto;
5807
+ transform: none;
5808
+ }
5809
+ .form-check-bottom-left .custom-control .custom-control-input {
5635
5810
  bottom: 1rem;
5636
5811
  left: 1rem;
5637
5812
  top: auto;
5638
5813
  transform: none;
5639
5814
  }
5640
-
5641
- .form-check-bottom-right .custom-control-input,
5642
- .form-check-bottom-right .custom-control-label,
5643
5815
  .form-check-bottom-right .form-check-input {
5816
+ bottom: 1rem;
5817
+ left: auto;
5818
+ opacity: 1;
5819
+ right: 1rem;
5820
+ top: auto;
5821
+ transform: none;
5822
+ }
5823
+ .form-check-bottom-right .custom-control .custom-control-label {
5824
+ bottom: 1rem;
5825
+ left: auto;
5826
+ opacity: 1;
5827
+ right: 1rem;
5828
+ top: auto;
5829
+ transform: none;
5830
+ }
5831
+ .form-check-bottom-right .custom-control .custom-control-input {
5644
5832
  bottom: 1rem;
5645
5833
  left: auto;
5646
5834
  right: 1rem;
5647
5835
  top: auto;
5648
5836
  transform: none;
5649
5837
  }
5650
-
5651
- .form-check-middle-left .custom-control-input,
5652
- .form-check-middle-left .custom-control-label,
5653
5838
  .form-check-middle-left .form-check-input {
5839
+ left: 1rem;
5840
+ margin-top: 0;
5841
+ opacity: 1;
5842
+ top: 50%;
5843
+ transform: translateY(-50%);
5844
+ }
5845
+ .form-check-middle-left .custom-control .custom-control-label {
5846
+ left: 1rem;
5847
+ margin-top: 0;
5848
+ opacity: 1;
5849
+ top: 50%;
5850
+ transform: translateY(-50%);
5851
+ }
5852
+ .form-check-middle-left .custom-control .custom-control-input {
5654
5853
  left: 1rem;
5655
5854
  margin-top: 0;
5656
5855
  top: 50%;
5657
5856
  transform: translateY(-50%);
5658
5857
  }
5659
-
5660
- .form-check-middle-right .custom-control-input,
5661
- .form-check-middle-right .custom-control-label,
5662
5858
  .form-check-middle-right .form-check-input {
5859
+ left: auto;
5860
+ margin-top: 0;
5861
+ opacity: 1;
5862
+ right: 1rem;
5863
+ top: 50%;
5864
+ transform: translateY(-50%);
5865
+ }
5866
+ .form-check-middle-right .custom-control .custom-control-label {
5867
+ left: auto;
5868
+ margin-top: 0;
5869
+ opacity: 1;
5870
+ right: 1rem;
5871
+ top: 50%;
5872
+ transform: translateY(-50%);
5873
+ }
5874
+ .form-check-middle-right .custom-control .custom-control-input {
5663
5875
  left: auto;
5664
5876
  margin-top: 0;
5665
5877
  right: 1rem;
5666
5878
  top: 50%;
5667
5879
  transform: translateY(-50%);
5668
5880
  }
5669
-
5670
- .form-check-top-left .custom-control-input,
5671
- .form-check-top-left .custom-control-label,
5672
5881
  .form-check-top-left .form-check-input {
5882
+ left: 1rem;
5883
+ opacity: 1;
5884
+ top: 1rem;
5885
+ transform: none;
5886
+ }
5887
+ .form-check-top-left .custom-control .custom-control-label {
5888
+ left: 1rem;
5889
+ opacity: 1;
5890
+ top: 1rem;
5891
+ transform: none;
5892
+ }
5893
+ .form-check-top-left .custom-control .custom-control-input {
5673
5894
  left: 1rem;
5674
5895
  top: 1rem;
5675
5896
  transform: none;
5676
5897
  }
5677
-
5678
- .form-check-top-right .custom-control-input,
5679
- .form-check-top-right .custom-control-label,
5680
5898
  .form-check-top-right .form-check-input {
5681
5899
  left: auto;
5900
+ opacity: 1;
5682
5901
  right: 1rem;
5683
5902
  top: 1rem;
5684
5903
  transform: none;
5685
5904
  }
5686
-
5687
- .card-page.card-page-equal-height .card-page-item,
5688
- .card-page.card-page-equal-height .card-page-item-asset,
5689
- .card-page.card-page-equal-height .card-page-item-directory {
5690
- display: flex;
5691
- flex-direction: column;
5905
+ .form-check-top-right .custom-control .custom-control-label {
5906
+ left: auto;
5907
+ opacity: 1;
5908
+ right: 1rem;
5909
+ top: 1rem;
5910
+ transform: none;
5911
+ }
5912
+ .form-check-top-right .custom-control .custom-control-input {
5913
+ left: auto;
5914
+ right: 1rem;
5915
+ top: 1rem;
5916
+ transform: none;
5917
+ }
5918
+ .card-page.card-page-equal-height .card-page-item,
5919
+ .card-page.card-page-equal-height .card-page-item-asset,
5920
+ .card-page.card-page-equal-height .card-page-item-directory {
5921
+ display: flex;
5922
+ flex-direction: column;
5692
5923
  }
5693
5924
  .card-page.card-page-equal-height .form-check-card {
5694
5925
  display: flex;
@@ -6104,7 +6335,6 @@ input[type=button].btn-block {
6104
6335
  position: relative;
6105
6336
  text-align: inherit;
6106
6337
  transition: none;
6107
- white-space: normal;
6108
6338
  width: 100%;
6109
6339
  overflow-wrap: break-word;
6110
6340
  word-wrap: break-word;
@@ -6183,6 +6413,23 @@ input[type=button].btn-block {
6183
6413
  margin-top: -0.5rem;
6184
6414
  width: auto;
6185
6415
  }
6416
+ .dropdown-item.autofit-row {
6417
+ padding-left: 1rem;
6418
+ padding-right: 1rem;
6419
+ }
6420
+ .dropdown-item.autofit-row > .autofit-col {
6421
+ padding-left: 0.25rem;
6422
+ padding-right: 0.25rem;
6423
+ }
6424
+ .dropdown-item .autofit-row {
6425
+ margin-left: 0.25rem;
6426
+ margin-right: 0.25rem;
6427
+ width: auto;
6428
+ }
6429
+ .dropdown-item .autofit-row > .autofit-col {
6430
+ padding-left: 0.25rem;
6431
+ padding-right: 0.25rem;
6432
+ }
6186
6433
  .dropdown-item .c-kbd-inline {
6187
6434
  line-height: 1.3125rem;
6188
6435
  color: #a7a9bc;
@@ -6661,6 +6908,10 @@ input[type=button].btn-block {
6661
6908
  }
6662
6909
  }
6663
6910
 
6911
+ .dropdown-menu-width-shrink {
6912
+ min-width: 0;
6913
+ white-space: nowrap;
6914
+ }
6664
6915
  .dropdown-menu-width-full {
6665
6916
  left: 12px !important;
6666
6917
  right: 12px !important;
@@ -7812,7 +8063,7 @@ button.link-outline {
7812
8063
  .link-outline-primary[type]:focus {
7813
8064
  outline: 0;
7814
8065
  }
7815
- .link-outline-primary[aria-expanded=true], .link-outline-primary.show, .show > .link-outline-primary {
8066
+ .link-outline-primary[aria-expanded=true], .link-outline-primary.show {
7816
8067
  background-color: #e6edf8;
7817
8068
  color: #0b5fff;
7818
8069
  }
@@ -7847,7 +8098,7 @@ button.link-outline {
7847
8098
  .link-outline-secondary[type]:focus {
7848
8099
  outline: 0;
7849
8100
  }
7850
- .link-outline-secondary[aria-expanded=true], .link-outline-secondary.show, .show > .link-outline-secondary {
8101
+ .link-outline-secondary[aria-expanded=true], .link-outline-secondary.show {
7851
8102
  background-color: rgba(39, 40, 51, 0.06);
7852
8103
  color: #272833;
7853
8104
  }
@@ -7980,7 +8231,7 @@ button.link-outline {
7980
8231
  .component-action[type]:focus {
7981
8232
  outline: 0;
7982
8233
  }
7983
- .component-action[aria-expanded=true], .component-action.show, .show > .component-action {
8234
+ .component-action[aria-expanded=true], .component-action.show {
7984
8235
  background-color: rgba(39, 40, 51, 0.06);
7985
8236
  color: #272833;
7986
8237
  }
@@ -8348,7 +8599,7 @@ button.link-outline {
8348
8599
  .clay-color-dropdown-menu .close:active {
8349
8600
  background-color: rgba(39, 40, 51, 0.06);
8350
8601
  }
8351
- .show > .clay-color-dropdown-menu .close, .clay-color-dropdown-menu .close.active {
8602
+ .clay-color-dropdown-menu .close.active {
8352
8603
  background-color: rgba(39, 40, 51, 0.06);
8353
8604
  }
8354
8605
  .clay-color-dropdown-menu .close:disabled, .clay-color-dropdown-menu .close.disabled {
@@ -8384,7 +8635,10 @@ button.link-outline {
8384
8635
  .clay-color-btn:active {
8385
8636
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
8386
8637
  }
8387
- .clay-color-btn[aria-expanded=true], .clay-color-btn.active, .clay-color-btn.show, .show > .clay-color-btn.dropdown-toggle {
8638
+ .clay-color-btn.active {
8639
+ box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
8640
+ }
8641
+ .clay-color-btn[aria-expanded=true], .clay-color-btn.show {
8388
8642
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
8389
8643
  }
8390
8644
  .clay-color-btn .c-inner {
@@ -9155,7 +9409,6 @@ label.custom-control-label {
9155
9409
  padding-right: 0.25rem;
9156
9410
  background-color: transparent;
9157
9411
  }
9158
-
9159
9412
  .date-picker-dropdown-menu {
9160
9413
  max-height: none;
9161
9414
  max-width: 368px;
@@ -9194,7 +9447,7 @@ label.custom-control-label {
9194
9447
  .date-picker-nav .nav-btn:active:focus {
9195
9448
  box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.25);
9196
9449
  }
9197
- .date-picker-nav .nav-btn[aria-expanded=true], .date-picker-nav .nav-btn.active, .date-picker-nav .nav-btn.show, .show > .date-picker-nav .nav-btn.dropdown-toggle {
9450
+ .date-picker-nav .nav-btn.active {
9198
9451
  background-color: #f1f2f5;
9199
9452
  }
9200
9453
  .date-picker-nav .nav-btn:disabled, .date-picker-nav .nav-btn.disabled {
@@ -9202,6 +9455,9 @@ label.custom-control-label {
9202
9455
  box-shadow: none;
9203
9456
  color: #a7a9bc;
9204
9457
  }
9458
+ .date-picker-nav .nav-btn[aria-expanded=true], .date-picker-nav .nav-btn.show {
9459
+ background-color: #f1f2f5;
9460
+ }
9205
9461
  .date-picker-nav .nav-btn-monospaced {
9206
9462
  margin-bottom: 0;
9207
9463
  margin-top: 0;
@@ -9377,7 +9633,7 @@ label.custom-control-label {
9377
9633
  .date-picker-date:active:focus {
9378
9634
  box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.25);
9379
9635
  }
9380
- .date-picker-date[aria-expanded=true], .date-picker-date.active, .date-picker-date.show, .show > .date-picker-date.dropdown-toggle {
9636
+ .date-picker-date.active {
9381
9637
  background-color: #0b5fff;
9382
9638
  color: #fff;
9383
9639
  }
@@ -9386,6 +9642,10 @@ label.custom-control-label {
9386
9642
  box-shadow: none;
9387
9643
  color: #a7a9bc;
9388
9644
  }
9645
+ .date-picker-date[aria-expanded=true], .date-picker-date.show {
9646
+ background-color: #0b5fff;
9647
+ color: #fff;
9648
+ }
9389
9649
  .previous-month-date {
9390
9650
  color: #a7a9bc;
9391
9651
  }
@@ -9393,7 +9653,11 @@ label.custom-control-label {
9393
9653
  background-color: #b3cdff;
9394
9654
  color: #f0f5ff;
9395
9655
  }
9396
- .previous-month-date[aria-expanded=true], .previous-month-date.active, .previous-month-date.show, .show > .previous-month-date.dropdown-toggle {
9656
+ .previous-month-date.active {
9657
+ background-color: #b3cdff;
9658
+ color: #f0f5ff;
9659
+ }
9660
+ .previous-month-date[aria-expanded=true], .previous-month-date.show {
9397
9661
  background-color: #b3cdff;
9398
9662
  color: #f0f5ff;
9399
9663
  }
@@ -9404,7 +9668,11 @@ label.custom-control-label {
9404
9668
  background-color: #b3cdff;
9405
9669
  color: #f0f5ff;
9406
9670
  }
9407
- .next-month-date[aria-expanded=true], .next-month-date.active, .next-month-date.show, .show > .next-month-date.dropdown-toggle {
9671
+ .next-month-date.active {
9672
+ background-color: #b3cdff;
9673
+ color: #f0f5ff;
9674
+ }
9675
+ .next-month-date[aria-expanded=true], .next-month-date.show {
9408
9676
  background-color: #b3cdff;
9409
9677
  color: #f0f5ff;
9410
9678
  }
@@ -9991,15 +10259,36 @@ label.custom-control-label {
9991
10259
  .input-group .btn-unstyled {
9992
10260
  color: inherit;
9993
10261
  }
9994
-
9995
10262
  .input-group-item {
9996
10263
  display: flex;
9997
10264
  flex-grow: 1;
9998
10265
  flex-wrap: wrap;
9999
10266
  margin-left: 0.5rem;
10000
10267
  width: 1%;
10268
+ overflow-wrap: break-word;
10001
10269
  word-wrap: break-word;
10002
10270
  }
10271
+ .input-group-item.focus {
10272
+ border-radius: 0.25rem;
10273
+ box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
10274
+ }
10275
+ .input-group-item.focus.input-group-prepend {
10276
+ border-bottom-right-radius: 0;
10277
+ border-top-right-radius: 0;
10278
+ z-index: 1;
10279
+ }
10280
+ .input-group-item.focus.input-group-append {
10281
+ border-bottom-left-radius: 0;
10282
+ border-top-left-radius: 0;
10283
+ }
10284
+ .input-group-item.focus > .form-control {
10285
+ background-color: #f0f5ff;
10286
+ border-color: #80acff;
10287
+ }
10288
+ .input-group-item.focus > .input-group-inset-item {
10289
+ background-color: #f0f5ff;
10290
+ border-color: #80acff;
10291
+ }
10003
10292
  .input-group-item:first-child {
10004
10293
  margin-left: 0;
10005
10294
  }
@@ -10009,25 +10298,24 @@ label.custom-control-label {
10009
10298
  .input-group-item > .dropdown {
10010
10299
  display: flex;
10011
10300
  flex-wrap: wrap;
10301
+ overflow-wrap: break-word;
10012
10302
  word-wrap: break-word;
10013
10303
  width: 100%;
10014
10304
  }
10015
-
10016
10305
  .input-group-item-shrink {
10017
10306
  flex-grow: 0;
10018
10307
  width: auto;
10019
10308
  }
10020
-
10021
10309
  .input-group-text {
10022
10310
  align-items: center;
10023
10311
  background-color: #e7e7ed;
10024
- border-color: #e7e7ed;
10025
- border-style: solid;
10026
10312
  border-bottom-width: 0.0625rem;
10313
+ border-color: #e7e7ed;
10027
10314
  border-left-width: 0.0625rem;
10315
+ border-radius: 0.25rem;
10028
10316
  border-right-width: 0.0625rem;
10317
+ border-style: solid;
10029
10318
  border-top-width: 0.0625rem;
10030
- border-radius: 0.25rem;
10031
10319
  color: #6b6c7e;
10032
10320
  display: flex;
10033
10321
  font-size: 1rem;
@@ -10047,18 +10335,19 @@ label.custom-control-label {
10047
10335
  .input-group-text label {
10048
10336
  color: #6b6c7e;
10049
10337
  }
10050
- .input-group-text input[type=radio],
10051
- .input-group-text input[type=checkbox] {
10052
- margin-top: 0;
10338
+ .input-group-text .custom-control {
10339
+ margin-bottom: 0;
10053
10340
  }
10054
- .input-group-text .custom-control,
10055
10341
  .input-group-text .form-check {
10056
10342
  margin-bottom: 0;
10057
10343
  }
10344
+ .input-group-text .form-check input[type=radio],
10345
+ .input-group-text .form-check input[type=checkbox] {
10346
+ margin-top: 0;
10347
+ }
10058
10348
  .input-group-text .lexicon-icon {
10059
10349
  margin-top: 0;
10060
10350
  }
10061
-
10062
10351
  .input-group-text-secondary {
10063
10352
  background-color: #fff;
10064
10353
  border-color: #cdced9;
@@ -10069,7 +10358,6 @@ label.custom-control-label {
10069
10358
  .input-group-text-secondary label {
10070
10359
  color: #6b6c7e;
10071
10360
  }
10072
-
10073
10361
  @media (max-width: 575.98px) {
10074
10362
  .input-group-stacked-sm-down > .input-group-item {
10075
10363
  margin-bottom: 0.5rem;
@@ -10084,6 +10372,17 @@ label.custom-control-label {
10084
10372
 
10085
10373
  .input-group-lg > .input-group-item > .btn {
10086
10374
  font-size: 1.125rem;
10375
+ line-height: 1.5;
10376
+ padding-bottom: 0.59375rem;
10377
+ padding-left: 1.5rem;
10378
+ padding-right: 1.5rem;
10379
+ padding-top: 0.59375rem;
10380
+ }
10381
+ .input-group-lg > .input-group-item > .btn .c-inner {
10382
+ margin-bottom: -0.59375rem;
10383
+ margin-left: -1.5rem;
10384
+ margin-right: -1.5rem;
10385
+ margin-top: -0.59375rem;
10087
10386
  }
10088
10387
  .input-group-lg > .input-group-item > .btn .inline-item {
10089
10388
  font-size: 1.125rem;
@@ -10096,7 +10395,17 @@ label.custom-control-label {
10096
10395
  line-height: 1;
10097
10396
  width: 3rem;
10098
10397
  }
10099
- .input-group-lg > .input-group-item > .form-control,
10398
+ .input-group-lg > .input-group-item > .form-control {
10399
+ border-radius: 0.375rem;
10400
+ font-size: 1.125rem;
10401
+ height: auto;
10402
+ line-height: 1.5;
10403
+ min-height: 3rem;
10404
+ padding-bottom: 0.4375rem;
10405
+ padding-left: 1rem;
10406
+ padding-right: 1rem;
10407
+ padding-top: 0.4375rem;
10408
+ }
10100
10409
  .input-group-lg > .input-group-item > .form-file .btn {
10101
10410
  border-radius: 0.375rem;
10102
10411
  font-size: 1.125rem;
@@ -10107,6 +10416,12 @@ label.custom-control-label {
10107
10416
  padding-right: 1rem;
10108
10417
  padding-top: 0.4375rem;
10109
10418
  }
10419
+ .input-group-lg > .input-group-item > .form-file .btn .c-inner {
10420
+ margin-bottom: -0.4375rem;
10421
+ margin-left: -1rem;
10422
+ margin-right: -1rem;
10423
+ margin-top: -0.4375rem;
10424
+ }
10110
10425
  .input-group-lg > .input-group-item > textarea.form-control,
10111
10426
  .input-group-lg > .input-group-item > .form-control-textarea {
10112
10427
  height: 120px;
@@ -10126,25 +10441,39 @@ label.custom-control-label {
10126
10441
  padding-left: 1rem;
10127
10442
  padding-right: 1rem;
10128
10443
  }
10129
- .input-group-lg > .input-group-item > .input-group-inset-item > .form-file {
10130
- height: 75%;
10131
- }
10132
10444
  .input-group-lg > .input-group-item > .input-group-inset-item > .form-file .btn {
10133
- height: 100%;
10134
- line-height: 1;
10135
- padding-bottom: 0;
10136
- padding-left: 0.75rem;
10137
- padding-right: 0.75rem;
10138
- padding-top: 0;
10445
+ border-radius: 0.375rem;
10446
+ font-size: 1.125rem;
10447
+ height: 3rem;
10448
+ line-height: 1.5;
10449
+ padding-bottom: 0.4375rem;
10450
+ padding-left: 1rem;
10451
+ padding-right: 1rem;
10452
+ padding-top: 0.4375rem;
10139
10453
  }
10140
10454
  .input-group-lg > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner {
10455
+ margin-bottom: -0.4375rem;
10456
+ margin-left: -1rem;
10457
+ margin-right: -1rem;
10458
+ margin-top: -0.4375rem;
10459
+ }
10460
+ .input-group-lg > .input-group-item .form-control-inset {
10141
10461
  margin-bottom: 0;
10142
- margin-left: -0.75rem;
10143
- margin-right: -0.75rem;
10144
10462
  margin-top: 0;
10145
10463
  }
10146
10464
  .form-group-sm .input-group > .input-group-item > .btn, .input-group-sm > .input-group-item > .btn {
10147
10465
  font-size: 0.875rem;
10466
+ line-height: 1.15;
10467
+ padding-bottom: 0.4375rem;
10468
+ padding-left: 0.75rem;
10469
+ padding-right: 0.75rem;
10470
+ padding-top: 0.4375rem;
10471
+ }
10472
+ .form-group-sm .input-group > .input-group-item > .btn .c-inner, .input-group-sm > .input-group-item > .btn .c-inner {
10473
+ margin-bottom: -0.4375rem;
10474
+ margin-left: -0.75rem;
10475
+ margin-right: -0.75rem;
10476
+ margin-top: -0.4375rem;
10148
10477
  }
10149
10478
  .form-group-sm .input-group > .input-group-item > .btn .btn-section, .input-group-sm > .input-group-item > .btn .btn-section {
10150
10479
  font-size: 0.5625rem;
@@ -10154,30 +10483,49 @@ label.custom-control-label {
10154
10483
  line-height: 1;
10155
10484
  width: 2rem;
10156
10485
  }
10157
- .form-group-sm .input-group > .input-group-item > .form-control, .input-group-sm > .input-group-item > .form-control,
10158
- .form-group-sm .input-group > .input-group-item > .form-file .btn,
10159
- .input-group-sm > .input-group-item > .form-file .btn {
10486
+ .form-group-sm .input-group > .input-group-item > .form-control, .input-group-sm > .input-group-item > .form-control {
10160
10487
  border-radius: 0.25rem;
10161
10488
  font-size: 0.875rem;
10162
- height: 2rem;
10489
+ height: auto;
10163
10490
  line-height: 1.5;
10164
- padding-bottom: 0.25rem;
10491
+ min-height: 2rem;
10492
+ padding-bottom: 0;
10165
10493
  padding-left: 0.75rem;
10166
10494
  padding-right: 0.75rem;
10167
- padding-top: 0.25rem;
10495
+ padding-top: 0;
10168
10496
  }
10169
- .form-group-sm .input-group > .input-group-item > .form-control-plaintext, .input-group-sm > .input-group-item > .form-control-plaintext {
10497
+ .form-group-sm .input-group > .input-group-item > .form-control .label, .input-group-sm > .input-group-item > .form-control .label {
10498
+ margin-bottom: 0.1875rem;
10499
+ margin-top: 0.1875rem;
10500
+ }
10501
+ .form-group-sm .input-group > .input-group-item > .form-file .btn, .input-group-sm > .input-group-item > .form-file .btn {
10502
+ border-radius: 0.25rem;
10170
10503
  font-size: 0.875rem;
10171
10504
  height: 2rem;
10172
10505
  line-height: 1.5;
10173
10506
  padding-bottom: 0.25rem;
10507
+ padding-left: 0.75rem;
10508
+ padding-right: 0.75rem;
10174
10509
  padding-top: 0.25rem;
10175
10510
  }
10511
+ .form-group-sm .input-group > .input-group-item > .form-file .btn .c-inner, .input-group-sm > .input-group-item > .form-file .btn .c-inner {
10512
+ margin-bottom: -0.25rem;
10513
+ margin-left: -0.75rem;
10514
+ margin-right: -0.75rem;
10515
+ margin-top: -0.25rem;
10516
+ }
10176
10517
  .form-group-sm .input-group > .input-group-item > textarea.form-control, .input-group-sm > .input-group-item > textarea.form-control,
10177
10518
  .form-group-sm .input-group > .input-group-item > .form-control-textarea,
10178
10519
  .input-group-sm > .input-group-item > .form-control-textarea {
10179
10520
  height: 80px;
10180
10521
  }
10522
+ .form-group-sm .input-group > .input-group-item > .form-control-plaintext, .input-group-sm > .input-group-item > .form-control-plaintext {
10523
+ font-size: 0.875rem;
10524
+ height: 2rem;
10525
+ line-height: 1.5;
10526
+ padding-bottom: 0.25rem;
10527
+ padding-top: 0.25rem;
10528
+ }
10181
10529
  .form-group-sm .input-group > .input-group-item > .input-group-text, .input-group-sm > .input-group-item > .input-group-text {
10182
10530
  border-radius: 0.25rem;
10183
10531
  font-size: 0.875rem;
@@ -10205,61 +10553,39 @@ label.custom-control-label {
10205
10553
  margin-right: 0.25rem;
10206
10554
  width: 1.5rem;
10207
10555
  }
10208
- .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .form-file, .input-group-sm > .input-group-item > .input-group-inset-item > .form-file {
10209
- height: 75%;
10210
- }
10211
10556
  .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .form-file .btn, .input-group-sm > .input-group-item > .input-group-inset-item > .form-file .btn {
10212
- height: 100%;
10213
- line-height: 1;
10214
- padding-bottom: 0;
10215
- padding-left: 0.5rem;
10216
- padding-right: 0.5rem;
10217
- padding-top: 0;
10218
- }
10219
- .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner, .input-group-sm > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner {
10220
- margin-bottom: 0;
10221
- margin-left: -0.5rem;
10222
- margin-right: -0.5rem;
10223
- margin-top: 0;
10224
- }
10225
- .input-group-item.focus {
10226
10557
  border-radius: 0.25rem;
10227
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
10228
- }
10229
- .input-group-item.focus .form-control,
10230
- .input-group-item.focus .form-control[readonly] ~ .input-group-inset-item,
10231
- .input-group-item.focus .input-group-inset-item {
10232
- background-color: #f0f5ff;
10233
- border-color: #80acff;
10558
+ font-size: 0.875rem;
10559
+ height: 2rem;
10560
+ line-height: 1.5;
10561
+ padding-bottom: 0.25rem;
10562
+ padding-left: 0.75rem;
10563
+ padding-right: 0.75rem;
10564
+ padding-top: 0.25rem;
10234
10565
  }
10235
-
10236
- .input-group-item.input-group-prepend.focus {
10237
- border-bottom-right-radius: 0;
10238
- border-top-right-radius: 0;
10239
- z-index: 1;
10566
+ .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner, .input-group-sm > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner {
10567
+ margin-bottom: -0.25rem;
10568
+ margin-left: -0.75rem;
10569
+ margin-right: -0.75rem;
10570
+ margin-top: -0.25rem;
10240
10571
  }
10241
-
10242
- .input-group-item.input-group-append.focus {
10243
- border-bottom-left-radius: 0;
10244
- border-top-left-radius: 0;
10572
+ .form-group-sm .input-group > .input-group-item .form-control-inset, .input-group-sm > .input-group-item .form-control-inset {
10573
+ margin-bottom: 0.125rem;
10574
+ margin-top: 0.1875rem;
10245
10575
  }
10246
-
10247
10576
  .input-group-inset {
10248
10577
  flex-grow: 1;
10249
10578
  order: 5;
10250
10579
  width: 1%;
10251
10580
  }
10252
- .input-group-inset[readonly] ~ .input-group-inset-item {
10253
- background-color: #fff;
10254
- }
10255
- .input-group-inset:focus {
10581
+ .input-group-inset:focus, .input-group-inset.focus {
10256
10582
  box-shadow: none;
10257
10583
  }
10258
- .input-group-inset:focus ~ .input-group-inset-item {
10584
+ .input-group-inset:focus ~ .input-group-inset-item, .input-group-inset.focus ~ .input-group-inset-item {
10259
10585
  background-color: #f0f5ff;
10260
10586
  border-color: #80acff;
10261
10587
  }
10262
- .input-group-inset:disabled ~ .input-group-inset-item {
10588
+ .input-group-inset:disabled ~ .input-group-inset-item, .input-group-inset.disabled ~ .input-group-inset-item {
10263
10589
  background-color: #f1f2f5;
10264
10590
  border-color: #f1f2f5;
10265
10591
  }
@@ -10267,6 +10593,9 @@ label.custom-control-label {
10267
10593
  order: 13;
10268
10594
  }
10269
10595
 
10596
+ .input-group-inset[readonly] ~ .input-group-inset-item {
10597
+ background-color: #fff;
10598
+ }
10270
10599
  .input-group .input-group-inset-item {
10271
10600
  align-items: center;
10272
10601
  background-color: #f1f2f5;
@@ -11605,21 +11934,25 @@ label.custom-control-label {
11605
11934
  }
11606
11935
 
11607
11936
  .multi-step-indicator-label-bottom .multi-step-item {
11608
- padding-bottom: 1.3125rem;
11937
+ padding-bottom: calc(
11938
+ 0.875rem * 1.5
11939
+ );
11609
11940
  }
11610
11941
  .multi-step-indicator-label-bottom .multi-step-indicator-label {
11611
11942
  top: 2rem;
11612
11943
  }
11613
11944
 
11614
11945
  .multi-step-indicator-label-top .multi-step-item {
11615
- padding-top: 1.3125rem;
11946
+ padding-top: calc(
11947
+ 0.875rem * 1.5
11948
+ );
11616
11949
  }
11617
11950
  .multi-step-indicator-label-top .multi-step-indicator-label {
11618
- bottom: 2.25rem;
11951
+ bottom: calc(2rem + 0.25rem);
11619
11952
  }
11620
11953
 
11621
11954
  .multi-step-title-center .multi-step-title {
11622
- margin-left: 1rem;
11955
+ margin-left: calc(2rem * 0.5);
11623
11956
  max-width: 100px;
11624
11957
  overflow: hidden;
11625
11958
  position: relative;
@@ -11842,7 +12175,10 @@ label.custom-control-label {
11842
12175
  .multi-step-nav-collapse-sm .multi-step-item {
11843
12176
  margin-bottom: 0;
11844
12177
  min-width: 2rem;
11845
- padding-top: 1.625rem;
12178
+ padding-top: calc(
12179
+ 0.875rem + 0.625rem +
12180
+ (0.25rem * 0.5)
12181
+ );
11846
12182
  }
11847
12183
  .multi-step-nav-collapse-sm .multi-step-title {
11848
12184
  display: none;
@@ -11937,7 +12273,6 @@ label.custom-control-label {
11937
12273
  margin-left: 0;
11938
12274
  margin-right: 0;
11939
12275
  }
11940
-
11941
12276
  .nav-btn-monospaced {
11942
12277
  padding: 0;
11943
12278
  }
@@ -11959,6 +12294,7 @@ label.custom-control-label {
11959
12294
  }
11960
12295
 
11961
12296
  .nav-item {
12297
+ overflow-wrap: break-word;
11962
12298
  word-wrap: break-word;
11963
12299
  }
11964
12300
 
@@ -11968,6 +12304,41 @@ label.custom-control-label {
11968
12304
  text-align: center;
11969
12305
  }
11970
12306
 
12307
+ .nav-divider {
12308
+ margin-left: 0.5rem;
12309
+ padding-left: 0.5rem;
12310
+ position: relative;
12311
+ }
12312
+ .nav-divider::before {
12313
+ background-color: #6b6c7e;
12314
+ content: "";
12315
+ display: block;
12316
+ height: 1rem;
12317
+ left: 0;
12318
+ margin-top: -0.5rem;
12319
+ position: absolute;
12320
+ top: 50%;
12321
+ width: 1px;
12322
+ z-index: 2;
12323
+ }
12324
+ .nav-divider-end {
12325
+ margin-right: 0.5rem;
12326
+ padding-right: 0.5rem;
12327
+ position: relative;
12328
+ }
12329
+ .nav-divider-end::after {
12330
+ background-color: #6b6c7e;
12331
+ content: "";
12332
+ display: block;
12333
+ height: 1rem;
12334
+ margin-top: -0.5rem;
12335
+ position: absolute;
12336
+ right: 0;
12337
+ top: 50%;
12338
+ width: 1px;
12339
+ z-index: 2;
12340
+ }
12341
+
11971
12342
  .nav-text-truncate {
11972
12343
  display: inline-block;
11973
12344
  margin-bottom: -6px;
@@ -11981,13 +12352,6 @@ label.custom-control-label {
11981
12352
  max-width: calc(100% - 24px);
11982
12353
  }
11983
12354
 
11984
- .nav-form {
11985
- padding-bottom: 0.625rem;
11986
- padding-left: 0.5rem;
11987
- padding-right: 0.5rem;
11988
- padding-top: 0.625rem;
11989
- }
11990
-
11991
12355
  .nav .nav-form {
11992
12356
  padding-bottom: 0;
11993
12357
  padding-left: 1rem;
@@ -11999,17 +12363,15 @@ label.custom-control-label {
11999
12363
  flex: 1 1 auto;
12000
12364
  text-align: center;
12001
12365
  }
12002
-
12366
+ .nav-justified .nav-link {
12367
+ text-align: center;
12368
+ width: 100%;
12369
+ }
12003
12370
  .nav-justified .nav-item {
12004
12371
  flex-basis: 0;
12005
12372
  flex-grow: 1;
12006
12373
  text-align: center;
12007
12374
  }
12008
- .nav-justified button.nav-link {
12009
- text-align: center;
12010
- width: 100%;
12011
- }
12012
-
12013
12375
  .nav-stacked {
12014
12376
  display: block;
12015
12377
  }
@@ -12023,18 +12385,35 @@ label.custom-control-label {
12023
12385
  .nav-unstyled {
12024
12386
  flex-wrap: nowrap;
12025
12387
  }
12026
- .nav-unstyled .nav-btn {
12027
- margin: 0 4px;
12028
- padding: 0 4px;
12029
- }
12030
12388
  .nav-unstyled .nav-link {
12031
12389
  line-height: 2rem;
12032
- padding: 0 4px;
12390
+ padding-bottom: 0;
12391
+ padding-left: 4px;
12392
+ padding-right: 4px;
12393
+ padding-top: 0;
12394
+ }
12395
+ .nav-unstyled .nav-link > .c-inner {
12396
+ margin-bottom: 0;
12397
+ margin-left: -4px;
12398
+ margin-right: -4px;
12399
+ margin-top: 0;
12033
12400
  }
12034
12401
  .nav-unstyled .nav-link-monospaced {
12035
12402
  margin: 0 4px;
12036
12403
  }
12037
-
12404
+ .nav-unstyled .nav-btn {
12405
+ margin: 0 4px;
12406
+ padding-bottom: 0;
12407
+ padding-left: 4px;
12408
+ padding-right: 4px;
12409
+ padding-top: 0;
12410
+ }
12411
+ .nav-unstyled .nav-btn .c-inner {
12412
+ margin-bottom: 0;
12413
+ margin-left: -4px;
12414
+ margin-right: -4px;
12415
+ margin-top: 0;
12416
+ }
12038
12417
  .nav-nested {
12039
12418
  flex-direction: column;
12040
12419
  flex-wrap: nowrap;
@@ -12142,9 +12521,6 @@ label.custom-control-label {
12142
12521
  border-bottom: 0.0625rem solid transparent;
12143
12522
  font-size: 0.875rem;
12144
12523
  }
12145
- .nav-tabs .nav-item {
12146
- margin-bottom: -0.0625rem;
12147
- }
12148
12524
  .nav-tabs .nav-link {
12149
12525
  border-color: transparent;
12150
12526
  border-style: solid;
@@ -12177,8 +12553,8 @@ label.custom-control-label {
12177
12553
  }
12178
12554
  .nav-tabs .nav-link.active {
12179
12555
  background-color: #fff;
12180
- border-color: transparent transparent #fff;
12181
12556
  color: #272833;
12557
+ border-color: transparent transparent #fff;
12182
12558
  }
12183
12559
  .nav-tabs .nav-link:disabled, .nav-tabs .nav-link.disabled {
12184
12560
  background-color: transparent;
@@ -12186,19 +12562,20 @@ label.custom-control-label {
12186
12562
  color: #a7a9bc;
12187
12563
  box-shadow: none;
12188
12564
  }
12189
- .nav-tabs .nav-link[aria-expanded=true], .nav-tabs .nav-link.show, .show > .nav-tabs .nav-link {
12190
- background-color: #fff;
12191
- border-color: transparent transparent #fff;
12565
+ .nav-tabs .nav-link:disabled:active, .nav-tabs .nav-link.disabled:active {
12566
+ box-shadow: none;
12567
+ }
12568
+ .nav-tabs .nav-link[aria-expanded=true], .nav-tabs .nav-link.show {
12569
+ background-color: transparent;
12192
12570
  color: #272833;
12571
+ border-color: transparent transparent transparent transparent;
12193
12572
  }
12194
12573
  .nav-tabs .nav-link > .c-inner {
12195
12574
  margin-bottom: -0.28125rem;
12196
12575
  margin-top: -0.28125rem;
12197
12576
  }
12198
- .nav-tabs .nav-item.show .nav-link {
12199
- background-color: transparent;
12200
- border-color: transparent transparent transparent transparent;
12201
- color: #272833;
12577
+ .nav-tabs .nav-item {
12578
+ margin-bottom: -0.0625rem;
12202
12579
  }
12203
12580
  .nav-tabs .dropdown-menu {
12204
12581
  border-top-left-radius: 0;
@@ -12255,6 +12632,14 @@ label.custom-control-label {
12255
12632
  transition: none;
12256
12633
  }
12257
12634
  }
12635
+ .nav-underline .nav-link::after {
12636
+ bottom: 0;
12637
+ display: block;
12638
+ position: absolute;
12639
+ left: 0;
12640
+ right: 0;
12641
+ width: auto;
12642
+ }
12258
12643
  .nav-underline .nav-link:focus {
12259
12644
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
12260
12645
  outline: 0;
@@ -12262,36 +12647,26 @@ label.custom-control-label {
12262
12647
  .nav-underline .nav-link.active {
12263
12648
  color: #272833;
12264
12649
  }
12650
+ .nav-underline .nav-link.active::after {
12651
+ background-color: #80acff;
12652
+ content: "";
12653
+ height: 0.125rem;
12654
+ }
12265
12655
  .nav-underline .nav-link:disabled, .nav-underline .nav-link.disabled {
12266
12656
  color: #a7a9bc;
12267
12657
  box-shadow: none;
12268
12658
  }
12269
- .nav-underline .nav-link[aria-expanded=true], .nav-underline .nav-link.show, .show > .nav-underline .nav-link {
12659
+ .nav-underline .nav-link[aria-expanded=true], .nav-underline .nav-link.show {
12270
12660
  color: #272833;
12271
12661
  }
12662
+ .nav-underline .nav-link[aria-expanded=true]::after, .nav-underline .nav-link.show::after {
12663
+ content: "";
12664
+ height: 0.125rem;
12665
+ }
12272
12666
  .nav-underline .nav-link > .c-inner {
12273
12667
  margin-bottom: -0.5625rem;
12274
12668
  margin-top: -0.5625rem;
12275
12669
  }
12276
- .nav-underline .nav-item.show .nav-link {
12277
- color: #272833;
12278
- }
12279
- .nav-underline .nav-link::after {
12280
- bottom: 0;
12281
- display: block;
12282
- position: absolute;
12283
- left: 0;
12284
- right: 0;
12285
- width: auto;
12286
- }
12287
- .nav-underline .nav-item .nav-link.active:after {
12288
- background-color: #80acff;
12289
- }
12290
- .nav-underline .nav-link.active:after,
12291
- .nav-underline .nav-item.show .nav-link:after {
12292
- content: "";
12293
- height: 0.125rem;
12294
- }
12295
12670
  .menubar {
12296
12671
  position: relative;
12297
12672
  }
@@ -12439,7 +12814,7 @@ label.custom-control-label {
12439
12814
  color: rgba(0, 0, 0, 0.3);
12440
12815
  box-shadow: none;
12441
12816
  }
12442
- .menubar-vertical-expand-md.menubar-transparent .nav-link[aria-expanded=true], .menubar-vertical-expand-md.menubar-transparent .nav-link.show, .show > .menubar-vertical-expand-md.menubar-transparent .nav-link {
12817
+ .menubar-vertical-expand-md.menubar-transparent .nav-link[aria-expanded=true], .menubar-vertical-expand-md.menubar-transparent .nav-link.show {
12443
12818
  color: #272833;
12444
12819
  font-weight: 600;
12445
12820
  }
@@ -12638,7 +13013,7 @@ label.custom-control-label {
12638
13013
  color: rgba(0, 0, 0, 0.3);
12639
13014
  box-shadow: none;
12640
13015
  }
12641
- .menubar-vertical-expand-lg.menubar-transparent .nav-link[aria-expanded=true], .menubar-vertical-expand-lg.menubar-transparent .nav-link.show, .show > .menubar-vertical-expand-lg.menubar-transparent .nav-link {
13016
+ .menubar-vertical-expand-lg.menubar-transparent .nav-link[aria-expanded=true], .menubar-vertical-expand-lg.menubar-transparent .nav-link.show {
12642
13017
  color: #272833;
12643
13018
  font-weight: 600;
12644
13019
  }
@@ -13594,8 +13969,6 @@ label.custom-control-label {
13594
13969
  border-width: 0 0 0 0;
13595
13970
  font-size: 0.875rem;
13596
13971
  padding: 0 0;
13597
- border-color: transparent;
13598
- border-style: solid;
13599
13972
  }
13600
13973
  .application-bar .navbar-toggler {
13601
13974
  font-size: 1.125rem;
@@ -14309,19 +14682,25 @@ label.custom-control-label {
14309
14682
  bottom: -0.75rem;
14310
14683
  height: 0.125rem;
14311
14684
  }
14312
- .application-bar .nav-link,
14685
+ .application-bar .navbar-nav .nav-link,
14313
14686
  .application-bar .navbar-nav .btn-unstyled {
14314
14687
  border-radius: 0.25rem;
14315
14688
  outline: 0;
14316
14689
  transition: box-shadow 0.15s ease-in-out;
14317
14690
  }
14318
- .application-bar .nav-link:focus,
14691
+ @media (prefers-reduced-motion: reduce) {
14692
+ .application-bar .navbar-nav .nav-link,
14693
+ .application-bar .navbar-nav .btn-unstyled {
14694
+ transition: none;
14695
+ }
14696
+ }
14697
+ .application-bar .navbar-nav .nav-link:focus,
14319
14698
  .application-bar .navbar-nav .btn-unstyled:focus {
14320
14699
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
14321
14700
  }
14322
- .application-bar .nav-link.disabled, .application-bar .nav-link:disabled,
14323
- .application-bar .navbar-nav .btn-unstyled.disabled,
14324
- .application-bar .navbar-nav .btn-unstyled:disabled {
14701
+ .application-bar .navbar-nav .nav-link:disabled, .application-bar .navbar-nav .nav-link.disabled,
14702
+ .application-bar .navbar-nav .btn-unstyled:disabled,
14703
+ .application-bar .navbar-nav .btn-unstyled.disabled {
14325
14704
  box-shadow: none;
14326
14705
  }
14327
14706
  .application-bar .navbar-brand {
@@ -14329,35 +14708,16 @@ label.custom-control-label {
14329
14708
  outline: 0;
14330
14709
  transition: box-shadow 0.15s ease-in-out;
14331
14710
  }
14332
- .application-bar .navbar-brand:focus {
14333
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
14334
- }
14335
- .application-bar .navbar-toggler {
14336
- outline: 0;
14337
- transition: box-shadow 0.15s ease-in-out;
14338
- }
14339
- .application-bar .navbar-toggler:focus {
14340
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
14341
- }
14342
- @media (max-width: 575.98px) {
14343
- .application-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
14344
- border-color: transparent;
14345
- }
14346
- }
14347
- @media (max-width: 767.98px) {
14348
- .application-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
14349
- border-color: transparent;
14711
+ @media (prefers-reduced-motion: reduce) {
14712
+ .application-bar .navbar-brand {
14713
+ transition: none;
14350
14714
  }
14351
14715
  }
14352
- @media (max-width: 991.98px) {
14353
- .application-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
14354
- border-color: transparent;
14355
- }
14716
+ .application-bar .navbar-brand:focus {
14717
+ box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
14356
14718
  }
14357
- @media (max-width: 1279.98px) {
14358
- .application-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
14359
- border-color: transparent;
14360
- }
14719
+ .application-bar .navbar-brand:disabled, .application-bar .navbar-brand.disabled {
14720
+ box-shadow: none;
14361
14721
  }
14362
14722
  .application-bar .container,
14363
14723
  .application-bar .container-fluid {
@@ -14369,141 +14729,77 @@ label.custom-control-label {
14369
14729
 
14370
14730
  .application-bar-dark {
14371
14731
  background-color: #30313f;
14372
- border-color: transparent;
14373
- border-style: solid;
14374
14732
  color: #fff;
14375
14733
  }
14376
- .application-bar-dark .nav-link,
14734
+ .application-bar-dark .navbar-nav .nav-link,
14377
14735
  .application-bar-dark .navbar-nav .btn-unstyled {
14378
14736
  color: #fff;
14379
14737
  font-weight: 600;
14380
14738
  }
14381
- .application-bar-dark .nav-link:hover,
14739
+ .application-bar-dark .navbar-nav .nav-link:hover,
14382
14740
  .application-bar-dark .navbar-nav .btn-unstyled:hover {
14383
- background-color: rgba(255, 255, 255, 0.03);
14384
14741
  color: #fff;
14742
+ background-color: rgba(255, 255, 255, 0.03);
14385
14743
  }
14386
- .application-bar-dark .nav-link:focus,
14744
+ .application-bar-dark .navbar-nav .nav-link:focus,
14387
14745
  .application-bar-dark .navbar-nav .btn-unstyled:focus {
14388
14746
  background-color: rgba(255, 255, 255, 0.03);
14389
14747
  }
14390
- .application-bar-dark .nav-link.active, .application-bar-dark .nav-link[aria-expanded=true],
14391
- .application-bar-dark .navbar-nav .btn-unstyled.active,
14392
- .application-bar-dark .navbar-nav .btn-unstyled[aria-expanded=true] {
14748
+ .application-bar-dark .navbar-nav .nav-link:active,
14749
+ .application-bar-dark .navbar-nav .btn-unstyled:active {
14750
+ color: #fff;
14751
+ background-color: rgba(255, 255, 255, 0.06);
14752
+ }
14753
+ .application-bar-dark .navbar-nav .nav-link.active,
14754
+ .application-bar-dark .navbar-nav .btn-unstyled.active {
14393
14755
  background-color: rgba(255, 255, 255, 0.06);
14394
14756
  color: #fff;
14395
14757
  }
14396
- .application-bar-dark .nav-link.disabled, .application-bar-dark .nav-link:disabled,
14397
- .application-bar-dark .navbar-nav .btn-unstyled.disabled,
14398
- .application-bar-dark .navbar-nav .btn-unstyled:disabled {
14399
- background-color: transparent;
14758
+ .application-bar-dark .navbar-nav .nav-link:disabled, .application-bar-dark .navbar-nav .nav-link.disabled,
14759
+ .application-bar-dark .navbar-nav .btn-unstyled:disabled,
14760
+ .application-bar-dark .navbar-nav .btn-unstyled.disabled {
14400
14761
  color: #a7a9bc;
14401
14762
  opacity: 0.5;
14763
+ background-color: transparent;
14764
+ }
14765
+ .application-bar-dark .navbar-nav .nav-link[aria-expanded=true], .application-bar-dark .navbar-nav .nav-link.show,
14766
+ .application-bar-dark .navbar-nav .btn-unstyled[aria-expanded=true],
14767
+ .application-bar-dark .navbar-nav .btn-unstyled.show {
14768
+ background-color: rgba(255, 255, 255, 0.06);
14769
+ color: #fff;
14402
14770
  }
14403
- .application-bar-dark .nav-btn {
14771
+ .application-bar-dark .navbar-nav .nav-btn {
14404
14772
  font-weight: 600;
14405
14773
  }
14406
- .application-bar-dark .navbar-toggler {
14407
- color: #fff;
14774
+ .application-bar-dark .navbar-brand {
14408
14775
  font-weight: 600;
14409
14776
  }
14410
- .application-bar-dark .navbar-toggler-link[aria-expanded=true] {
14777
+ .application-bar-dark .navbar-brand:focus {
14778
+ background-color: rgba(255, 255, 255, 0.03);
14779
+ }
14780
+ .application-bar-dark .navbar-brand:active {
14411
14781
  color: #fff;
14782
+ background-color: rgba(255, 255, 255, 0.06);
14412
14783
  }
14413
- .application-bar-dark .navbar-overlay {
14414
- background-color: #30313f;
14784
+ .application-bar-dark .navbar-brand.active {
14785
+ background-color: rgba(255, 255, 255, 0.06);
14786
+ color: #fff;
14415
14787
  }
14416
- @media (max-width: 575.98px) {
14417
- .application-bar-dark.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
14418
- background-color: #30313f;
14419
- border-color: transparent;
14420
- }
14421
- .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,
14422
- .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
14423
- color: #fff;
14424
- font-weight: 600;
14425
- }
14426
- .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
14427
- border-color: #fff;
14428
- }
14429
- .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover {
14430
- color: #fff;
14431
- }
14432
- .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
14433
- color: #fff;
14434
- }
14435
- .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled {
14436
- color: #a7a9bc;
14437
- }
14788
+ .application-bar-dark .navbar-brand:disabled, .application-bar-dark .navbar-brand.disabled {
14789
+ color: #a7a9bc;
14790
+ opacity: 0.5;
14791
+ background-color: transparent;
14438
14792
  }
14439
- @media (max-width: 767.98px) {
14440
- .application-bar-dark.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
14441
- background-color: #30313f;
14442
- border-color: transparent;
14443
- }
14444
- .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,
14445
- .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
14446
- color: #fff;
14447
- font-weight: 600;
14448
- }
14449
- .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
14450
- border-color: #fff;
14451
- }
14452
- .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
14453
- color: #fff;
14454
- }
14455
- .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
14456
- color: #fff;
14457
- }
14458
- .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
14459
- color: #a7a9bc;
14460
- }
14793
+ .application-bar-dark .navbar-brand[aria-expanded=true], .application-bar-dark .navbar-brand.show {
14794
+ background-color: rgba(255, 255, 255, 0.06);
14795
+ color: #fff;
14461
14796
  }
14462
- @media (max-width: 991.98px) {
14463
- .application-bar-dark.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
14464
- background-color: #30313f;
14465
- border-color: transparent;
14466
- }
14467
- .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,
14468
- .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
14469
- color: #fff;
14470
- font-weight: 600;
14471
- }
14472
- .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
14473
- border-color: #fff;
14474
- }
14475
- .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover {
14476
- color: #fff;
14477
- }
14478
- .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
14479
- color: #fff;
14480
- }
14481
- .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled {
14482
- color: #a7a9bc;
14483
- }
14797
+ .application-bar-dark .navbar-toggler {
14798
+ color: #fff;
14799
+ font-weight: 600;
14484
14800
  }
14485
- @media (max-width: 1279.98px) {
14486
- .application-bar-dark.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
14487
- background-color: #30313f;
14488
- border-color: transparent;
14489
- }
14490
- .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,
14491
- .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item {
14492
- color: #fff;
14493
- font-weight: 600;
14494
- }
14495
- .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
14496
- border-color: #fff;
14497
- }
14498
- .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover {
14499
- color: #fff;
14500
- }
14501
- .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
14502
- color: #fff;
14503
- }
14504
- .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
14505
- color: #a7a9bc;
14506
- }
14801
+ .application-bar-dark .navbar-overlay {
14802
+ background-color: #30313f;
14507
14803
  }
14508
14804
  .management-bar {
14509
14805
  border-width: 0 0 0.0625rem 0;
@@ -15241,19 +15537,25 @@ label.custom-control-label {
15241
15537
  bottom: -1.03125rem;
15242
15538
  height: 0.25rem;
15243
15539
  }
15244
- .management-bar .nav-link,
15540
+ .management-bar .navbar-nav .nav-link,
15245
15541
  .management-bar .navbar-nav .btn-unstyled {
15246
15542
  border-radius: 0.25rem;
15247
15543
  outline: 0;
15248
15544
  transition: box-shadow 0.15s ease-in-out;
15249
15545
  }
15250
- .management-bar .nav-link:focus,
15546
+ @media (prefers-reduced-motion: reduce) {
15547
+ .management-bar .navbar-nav .nav-link,
15548
+ .management-bar .navbar-nav .btn-unstyled {
15549
+ transition: none;
15550
+ }
15551
+ }
15552
+ .management-bar .navbar-nav .nav-link:focus,
15251
15553
  .management-bar .navbar-nav .btn-unstyled:focus {
15252
15554
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
15253
15555
  }
15254
- .management-bar .nav-link.disabled, .management-bar .nav-link:disabled,
15255
- .management-bar .navbar-nav .btn-unstyled.disabled,
15256
- .management-bar .navbar-nav .btn-unstyled:disabled {
15556
+ .management-bar .navbar-nav .nav-link:disabled, .management-bar .navbar-nav .nav-link.disabled,
15557
+ .management-bar .navbar-nav .btn-unstyled:disabled,
15558
+ .management-bar .navbar-nav .btn-unstyled.disabled {
15257
15559
  box-shadow: none;
15258
15560
  }
15259
15561
  .management-bar .navbar-brand {
@@ -15261,35 +15563,16 @@ label.custom-control-label {
15261
15563
  outline: 0;
15262
15564
  transition: box-shadow 0.15s ease-in-out;
15263
15565
  }
15264
- .management-bar .navbar-brand:focus {
15265
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
15266
- }
15267
- .management-bar .navbar-toggler {
15268
- outline: 0;
15269
- transition: box-shadow 0.15s ease-in-out;
15270
- }
15271
- .management-bar .navbar-toggler:focus {
15272
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
15273
- }
15274
- @media (max-width: 575.98px) {
15275
- .management-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
15276
- border-color: transparent;
15277
- }
15278
- }
15279
- @media (max-width: 767.98px) {
15280
- .management-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
15281
- border-color: transparent;
15566
+ @media (prefers-reduced-motion: reduce) {
15567
+ .management-bar .navbar-brand {
15568
+ transition: none;
15282
15569
  }
15283
15570
  }
15284
- @media (max-width: 991.98px) {
15285
- .management-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
15286
- border-color: transparent;
15287
- }
15571
+ .management-bar .navbar-brand:focus {
15572
+ box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
15288
15573
  }
15289
- @media (max-width: 1279.98px) {
15290
- .management-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
15291
- border-color: transparent;
15292
- }
15574
+ .management-bar .navbar-brand:disabled, .management-bar .navbar-brand.disabled {
15575
+ box-shadow: none;
15293
15576
  }
15294
15577
  .management-bar.navbar-nowrap .navbar-text {
15295
15578
  white-space: normal;
@@ -15298,296 +15581,149 @@ label.custom-control-label {
15298
15581
 
15299
15582
  .management-bar-light {
15300
15583
  background-color: #fff;
15301
- border-color: transparent;
15302
- border-style: solid;
15303
15584
  }
15304
- .management-bar-light .nav-link,
15585
+ .management-bar-light .navbar-nav .nav-link,
15305
15586
  .management-bar-light .navbar-nav .btn-unstyled {
15306
15587
  color: #6b6c7e;
15307
15588
  font-weight: 600;
15308
15589
  }
15309
- .management-bar-light .nav-link:hover,
15590
+ .management-bar-light .navbar-nav .nav-link:hover,
15310
15591
  .management-bar-light .navbar-nav .btn-unstyled:hover {
15311
- background-color: rgba(39, 40, 51, 0.03);
15312
15592
  color: #272833;
15593
+ background-color: rgba(39, 40, 51, 0.03);
15313
15594
  }
15314
- .management-bar-light .nav-link:focus,
15595
+ .management-bar-light .navbar-nav .nav-link:focus,
15315
15596
  .management-bar-light .navbar-nav .btn-unstyled:focus {
15316
15597
  background-color: rgba(39, 40, 51, 0.03);
15598
+ }
15599
+ .management-bar-light .navbar-nav .nav-link:active,
15600
+ .management-bar-light .navbar-nav .btn-unstyled:active {
15317
15601
  color: #272833;
15602
+ background-color: rgba(39, 40, 51, 0.06);
15318
15603
  }
15319
- .management-bar-light .nav-link.active, .management-bar-light .nav-link[aria-expanded=true],
15320
- .management-bar-light .navbar-nav .btn-unstyled.active,
15321
- .management-bar-light .navbar-nav .btn-unstyled[aria-expanded=true] {
15604
+ .management-bar-light .navbar-nav .nav-link.active,
15605
+ .management-bar-light .navbar-nav .btn-unstyled.active {
15322
15606
  background-color: rgba(39, 40, 51, 0.06);
15323
15607
  color: #272833;
15324
15608
  }
15325
- .management-bar-light .nav-link.disabled, .management-bar-light .nav-link:disabled,
15326
- .management-bar-light .navbar-nav .btn-unstyled.disabled,
15327
- .management-bar-light .navbar-nav .btn-unstyled:disabled {
15328
- background-color: transparent;
15609
+ .management-bar-light .navbar-nav .nav-link:disabled, .management-bar-light .navbar-nav .nav-link.disabled,
15610
+ .management-bar-light .navbar-nav .btn-unstyled:disabled,
15611
+ .management-bar-light .navbar-nav .btn-unstyled.disabled {
15329
15612
  color: #a7a9bc;
15330
15613
  opacity: 1;
15614
+ background-color: transparent;
15331
15615
  }
15332
- .management-bar-light .nav-btn {
15333
- font-weight: 600;
15334
- }
15335
- .management-bar-light .navbar-brand:focus {
15616
+ .management-bar-light .navbar-nav .nav-link[aria-expanded=true], .management-bar-light .navbar-nav .nav-link.show,
15617
+ .management-bar-light .navbar-nav .btn-unstyled[aria-expanded=true],
15618
+ .management-bar-light .navbar-nav .btn-unstyled.show {
15619
+ background-color: rgba(39, 40, 51, 0.06);
15336
15620
  color: #272833;
15337
15621
  }
15338
- .management-bar-light .navbar-toggler {
15339
- color: #6b6c7e;
15622
+ .management-bar-light .navbar-nav .nav-btn {
15340
15623
  font-weight: 600;
15341
15624
  }
15342
- .management-bar-light .navbar-toggler:focus {
15343
- color: #272833;
15625
+ .management-bar-light .navbar-brand {
15626
+ font-weight: 600;
15344
15627
  }
15345
- .management-bar-light .navbar-toggler-link[aria-expanded=true] {
15628
+ .management-bar-light .navbar-brand:focus {
15629
+ background-color: rgba(39, 40, 51, 0.03);
15630
+ }
15631
+ .management-bar-light .navbar-brand:active {
15346
15632
  color: #272833;
15633
+ background-color: rgba(39, 40, 51, 0.06);
15347
15634
  }
15348
- .management-bar-light .navbar-overlay {
15349
- background-color: #fff;
15635
+ .management-bar-light .navbar-brand.active {
15636
+ background-color: rgba(39, 40, 51, 0.06);
15637
+ color: #272833;
15350
15638
  }
15351
- @media (max-width: 575.98px) {
15352
- .management-bar-light.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
15353
- background-color: #fff;
15354
- border-color: transparent;
15355
- }
15356
- .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,
15357
- .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
15358
- color: #6b6c7e;
15359
- font-weight: 600;
15360
- }
15361
- .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
15362
- border-color: #6b6c7e;
15363
- }
15364
- .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover {
15365
- color: #272833;
15366
- }
15367
- .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
15368
- color: #272833;
15369
- }
15370
- .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled {
15371
- color: #a7a9bc;
15372
- }
15639
+ .management-bar-light .navbar-brand:disabled, .management-bar-light .navbar-brand.disabled {
15640
+ color: #a7a9bc;
15641
+ opacity: 1;
15642
+ background-color: transparent;
15373
15643
  }
15374
- @media (max-width: 767.98px) {
15375
- .management-bar-light.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
15376
- background-color: #fff;
15377
- border-color: transparent;
15378
- }
15379
- .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,
15380
- .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
15381
- color: #6b6c7e;
15382
- font-weight: 600;
15383
- }
15384
- .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
15385
- border-color: #6b6c7e;
15386
- }
15387
- .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
15388
- color: #272833;
15389
- }
15390
- .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
15391
- color: #272833;
15392
- }
15393
- .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
15394
- color: #a7a9bc;
15395
- }
15644
+ .management-bar-light .navbar-brand[aria-expanded=true], .management-bar-light .navbar-brand.show {
15645
+ background-color: rgba(39, 40, 51, 0.06);
15646
+ color: #272833;
15396
15647
  }
15397
- @media (max-width: 991.98px) {
15398
- .management-bar-light.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
15399
- background-color: #fff;
15400
- border-color: transparent;
15401
- }
15402
- .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,
15403
- .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
15404
- color: #6b6c7e;
15405
- font-weight: 600;
15406
- }
15407
- .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
15408
- border-color: #6b6c7e;
15409
- }
15410
- .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover {
15411
- color: #272833;
15412
- }
15413
- .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
15414
- color: #272833;
15415
- }
15416
- .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled {
15417
- color: #a7a9bc;
15418
- }
15648
+ .management-bar-light .navbar-toggler {
15649
+ color: #6b6c7e;
15650
+ font-weight: 600;
15419
15651
  }
15420
- @media (max-width: 1279.98px) {
15421
- .management-bar-light.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
15422
- background-color: #fff;
15423
- border-color: transparent;
15424
- }
15425
- .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,
15426
- .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item {
15427
- color: #6b6c7e;
15428
- font-weight: 600;
15429
- }
15430
- .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
15431
- border-color: #6b6c7e;
15432
- }
15433
- .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover {
15434
- color: #272833;
15435
- }
15436
- .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
15437
- color: #272833;
15438
- }
15439
- .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
15440
- color: #a7a9bc;
15441
- }
15652
+ .management-bar-light .navbar-overlay {
15653
+ background-color: #fff;
15442
15654
  }
15443
15655
  .management-bar-primary {
15444
15656
  background-color: #f0f5ff;
15445
15657
  border-color: #0b5fff;
15446
- border-style: solid;
15447
15658
  color: #6b6c7e;
15448
15659
  }
15449
- .management-bar-primary .nav-link,
15660
+ .management-bar-primary .navbar-nav .nav-link,
15450
15661
  .management-bar-primary .navbar-nav .btn-unstyled {
15451
- border-radius: 0.25rem;
15452
15662
  color: #6b6c7e;
15663
+ border-radius: 0.25rem;
15453
15664
  font-weight: 600;
15454
15665
  }
15455
- .management-bar-primary .nav-link:hover,
15666
+ .management-bar-primary .navbar-nav .nav-link:hover,
15456
15667
  .management-bar-primary .navbar-nav .btn-unstyled:hover {
15457
- background-color: rgba(39, 40, 51, 0.03);
15458
15668
  color: #272833;
15669
+ background-color: rgba(39, 40, 51, 0.03);
15459
15670
  }
15460
- .management-bar-primary .nav-link:focus,
15671
+ .management-bar-primary .navbar-nav .nav-link:focus,
15461
15672
  .management-bar-primary .navbar-nav .btn-unstyled:focus {
15462
15673
  background-color: rgba(39, 40, 51, 0.03);
15674
+ }
15675
+ .management-bar-primary .navbar-nav .nav-link:active,
15676
+ .management-bar-primary .navbar-nav .btn-unstyled:active {
15463
15677
  color: #272833;
15678
+ background-color: rgba(39, 40, 51, 0.06);
15464
15679
  }
15465
- .management-bar-primary .nav-link.active, .management-bar-primary .nav-link[aria-expanded=true],
15466
- .management-bar-primary .navbar-nav .btn-unstyled.active,
15467
- .management-bar-primary .navbar-nav .btn-unstyled[aria-expanded=true] {
15680
+ .management-bar-primary .navbar-nav .nav-link.active,
15681
+ .management-bar-primary .navbar-nav .btn-unstyled.active {
15468
15682
  background-color: rgba(39, 40, 51, 0.06);
15469
15683
  color: #272833;
15470
15684
  }
15471
- .management-bar-primary .nav-link.disabled, .management-bar-primary .nav-link:disabled,
15472
- .management-bar-primary .navbar-nav .btn-unstyled.disabled,
15473
- .management-bar-primary .navbar-nav .btn-unstyled:disabled {
15685
+ .management-bar-primary .navbar-nav .nav-link:disabled, .management-bar-primary .navbar-nav .nav-link.disabled,
15686
+ .management-bar-primary .navbar-nav .btn-unstyled:disabled,
15687
+ .management-bar-primary .navbar-nav .btn-unstyled.disabled {
15474
15688
  background-color: transparent;
15475
- color: #a7a9bc;
15476
- opacity: 1;
15477
15689
  }
15478
- .management-bar-primary .nav-btn {
15690
+ .management-bar-primary .navbar-nav .nav-link[aria-expanded=true], .management-bar-primary .navbar-nav .nav-link.show,
15691
+ .management-bar-primary .navbar-nav .btn-unstyled[aria-expanded=true],
15692
+ .management-bar-primary .navbar-nav .btn-unstyled.show {
15693
+ background-color: rgba(39, 40, 51, 0.06);
15694
+ color: #272833;
15695
+ }
15696
+ .management-bar-primary .navbar-nav .nav-btn {
15479
15697
  font-weight: 600;
15480
15698
  }
15481
15699
  .management-bar-primary .navbar-brand {
15482
15700
  border-radius: 0.25rem;
15701
+ font-weight: 600;
15483
15702
  }
15484
15703
  .management-bar-primary .navbar-brand:focus {
15485
- color: #272833;
15486
- }
15487
- .management-bar-primary .navbar-toggler {
15488
- color: #6b6c7e;
15489
- font-weight: 600;
15704
+ background-color: rgba(39, 40, 51, 0.03);
15490
15705
  }
15491
- .management-bar-primary .navbar-toggler:focus {
15706
+ .management-bar-primary .navbar-brand:active {
15492
15707
  color: #272833;
15708
+ background-color: rgba(39, 40, 51, 0.06);
15493
15709
  }
15494
- .management-bar-primary .navbar-toggler-link[aria-expanded=true] {
15710
+ .management-bar-primary .navbar-brand.active {
15711
+ background-color: rgba(39, 40, 51, 0.06);
15495
15712
  color: #272833;
15496
15713
  }
15497
- .management-bar-primary .navbar-overlay {
15498
- background-color: #f0f5ff;
15499
- }
15500
- @media (max-width: 575.98px) {
15501
- .management-bar-primary.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
15502
- background-color: #f0f5ff;
15503
- border-color: #0b5fff;
15504
- }
15505
- .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,
15506
- .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
15507
- color: #6b6c7e;
15508
- font-weight: 600;
15509
- }
15510
- .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
15511
- border-color: #6b6c7e;
15512
- }
15513
- .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover {
15514
- color: #272833;
15515
- }
15516
- .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
15517
- color: #272833;
15518
- }
15519
- .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled {
15520
- color: #a7a9bc;
15521
- }
15714
+ .management-bar-primary .navbar-brand:disabled, .management-bar-primary .navbar-brand.disabled {
15715
+ background-color: transparent;
15522
15716
  }
15523
- @media (max-width: 767.98px) {
15524
- .management-bar-primary.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
15525
- background-color: #f0f5ff;
15526
- border-color: #0b5fff;
15527
- }
15528
- .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,
15529
- .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
15530
- color: #6b6c7e;
15531
- font-weight: 600;
15532
- }
15533
- .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
15534
- border-color: #6b6c7e;
15535
- }
15536
- .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
15537
- color: #272833;
15538
- }
15539
- .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
15540
- color: #272833;
15541
- }
15542
- .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
15543
- color: #a7a9bc;
15544
- }
15717
+ .management-bar-primary .navbar-brand[aria-expanded=true], .management-bar-primary .navbar-brand.show {
15718
+ background-color: rgba(39, 40, 51, 0.06);
15719
+ color: #272833;
15545
15720
  }
15546
- @media (max-width: 991.98px) {
15547
- .management-bar-primary.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
15548
- background-color: #f0f5ff;
15549
- border-color: #0b5fff;
15550
- }
15551
- .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,
15552
- .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
15553
- color: #6b6c7e;
15554
- font-weight: 600;
15555
- }
15556
- .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
15557
- border-color: #6b6c7e;
15558
- }
15559
- .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover {
15560
- color: #272833;
15561
- }
15562
- .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
15563
- color: #272833;
15564
- }
15565
- .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled {
15566
- color: #a7a9bc;
15567
- }
15721
+ .management-bar-primary .navbar-toggler {
15722
+ color: #6b6c7e;
15723
+ font-weight: 600;
15568
15724
  }
15569
- @media (max-width: 1279.98px) {
15570
- .management-bar-primary.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
15571
- background-color: #f0f5ff;
15572
- border-color: #0b5fff;
15573
- }
15574
- .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,
15575
- .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item {
15576
- color: #6b6c7e;
15577
- font-weight: 600;
15578
- }
15579
- .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
15580
- border-color: #6b6c7e;
15581
- }
15582
- .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover {
15583
- color: #272833;
15584
- }
15585
- .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
15586
- color: #272833;
15587
- }
15588
- .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
15589
- color: #a7a9bc;
15590
- }
15725
+ .management-bar-primary .navbar-overlay {
15726
+ background-color: #f0f5ff;
15591
15727
  }
15592
15728
  .navigation-bar {
15593
15729
  border-width: 0 0 0.0625rem 0;
@@ -15912,18 +16048,18 @@ label.custom-control-label {
15912
16048
  bottom: -0.53125rem;
15913
16049
  height: 0.25rem;
15914
16050
  }
15915
- .navigation-bar .nav-link,
16051
+ .navigation-bar .navbar-nav .nav-link,
15916
16052
  .navigation-bar .navbar-nav .btn-unstyled {
15917
16053
  border-radius: 0;
15918
16054
  outline: 0;
15919
16055
  }
15920
- .navigation-bar .nav-link:focus,
16056
+ .navigation-bar .navbar-nav .nav-link:focus,
15921
16057
  .navigation-bar .navbar-nav .btn-unstyled:focus {
15922
16058
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
15923
16059
  }
15924
- .navigation-bar .nav-link.disabled, .navigation-bar .nav-link:disabled,
15925
- .navigation-bar .navbar-nav .btn-unstyled.disabled,
15926
- .navigation-bar .navbar-nav .btn-unstyled:disabled {
16060
+ .navigation-bar .navbar-nav .nav-link:disabled, .navigation-bar .navbar-nav .nav-link.disabled,
16061
+ .navigation-bar .navbar-nav .btn-unstyled:disabled,
16062
+ .navigation-bar .navbar-nav .btn-unstyled.disabled {
15927
16063
  box-shadow: none;
15928
16064
  }
15929
16065
  .navigation-bar .navbar-brand {
@@ -15933,319 +16069,181 @@ label.custom-control-label {
15933
16069
  .navigation-bar .navbar-brand:focus {
15934
16070
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
15935
16071
  }
15936
- .navigation-bar .navbar-toggler {
15937
- outline: 0;
15938
- }
15939
- .navigation-bar .navbar-toggler:focus {
15940
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
15941
- }
15942
- @media (max-width: 575.98px) {
15943
- .navigation-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
15944
- border-color: transparent;
15945
- }
15946
- }
15947
- @media (max-width: 767.98px) {
15948
- .navigation-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
15949
- border-color: transparent;
15950
- }
15951
- }
15952
- @media (max-width: 991.98px) {
15953
- .navigation-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
15954
- border-color: transparent;
15955
- }
15956
- }
15957
- @media (max-width: 1279.98px) {
15958
- .navigation-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
15959
- border-color: transparent;
15960
- }
16072
+ .navigation-bar .navbar-brand:disabled, .navigation-bar .navbar-brand.disabled {
16073
+ box-shadow: none;
15961
16074
  }
15962
16075
  .navigation-bar-light {
15963
16076
  background-color: #fff;
15964
16077
  border-color: #f1f2f5;
15965
- border-style: solid;
15966
16078
  }
15967
- .navigation-bar-light .nav-link,
16079
+ .navigation-bar-light .navbar-nav .nav-link,
15968
16080
  .navigation-bar-light .navbar-nav .btn-unstyled {
15969
16081
  color: #6b6c7e;
15970
16082
  font-weight: 600;
15971
16083
  }
15972
- .navigation-bar-light .nav-link:hover,
16084
+ .navigation-bar-light .navbar-nav .nav-link:hover,
15973
16085
  .navigation-bar-light .navbar-nav .btn-unstyled:hover {
15974
16086
  color: #272833;
15975
16087
  }
15976
- .navigation-bar-light .nav-link:focus,
15977
- .navigation-bar-light .navbar-nav .btn-unstyled:focus {
16088
+ .navigation-bar-light .navbar-nav .nav-link:active,
16089
+ .navigation-bar-light .navbar-nav .btn-unstyled:active {
15978
16090
  color: #272833;
15979
16091
  }
15980
- .navigation-bar-light .nav-link.active, .navigation-bar-light .nav-link[aria-expanded=true],
15981
- .navigation-bar-light .navbar-nav .btn-unstyled.active,
15982
- .navigation-bar-light .navbar-nav .btn-unstyled[aria-expanded=true] {
16092
+ .navigation-bar-light .navbar-nav .nav-link.active,
16093
+ .navigation-bar-light .navbar-nav .btn-unstyled.active {
15983
16094
  color: #272833;
15984
16095
  }
15985
- .navigation-bar-light .nav-link.disabled, .navigation-bar-light .nav-link:disabled,
15986
- .navigation-bar-light .navbar-nav .btn-unstyled.disabled,
15987
- .navigation-bar-light .navbar-nav .btn-unstyled:disabled {
16096
+ .navigation-bar-light .navbar-nav .nav-link:disabled, .navigation-bar-light .navbar-nav .nav-link.disabled,
16097
+ .navigation-bar-light .navbar-nav .btn-unstyled:disabled,
16098
+ .navigation-bar-light .navbar-nav .btn-unstyled.disabled {
15988
16099
  color: #6b6c7e;
15989
16100
  opacity: 0.4;
15990
16101
  }
15991
- .navigation-bar-light .nav-btn {
16102
+ .navigation-bar-light .navbar-nav .nav-link[aria-expanded=true], .navigation-bar-light .navbar-nav .nav-link.show,
16103
+ .navigation-bar-light .navbar-nav .btn-unstyled[aria-expanded=true],
16104
+ .navigation-bar-light .navbar-nav .btn-unstyled.show {
16105
+ color: #272833;
16106
+ }
16107
+ .navigation-bar-light .navbar-nav .nav-btn {
15992
16108
  font-weight: 600;
15993
16109
  }
15994
- .navigation-bar-light .navbar-brand:focus {
16110
+ .navigation-bar-light .navbar-brand {
16111
+ font-weight: 600;
16112
+ }
16113
+ .navigation-bar-light .navbar-brand:active {
15995
16114
  color: #272833;
15996
16115
  }
15997
- .navigation-bar-light .navbar-toggler {
16116
+ .navigation-bar-light .navbar-brand.active {
16117
+ color: #272833;
16118
+ }
16119
+ .navigation-bar-light .navbar-brand:disabled, .navigation-bar-light .navbar-brand.disabled {
15998
16120
  color: #6b6c7e;
15999
- font-weight: 600;
16121
+ opacity: 0.4;
16000
16122
  }
16001
- .navigation-bar-light .navbar-toggler:focus {
16123
+ .navigation-bar-light .navbar-brand[aria-expanded=true], .navigation-bar-light .navbar-brand.show {
16002
16124
  color: #272833;
16003
16125
  }
16004
- .navigation-bar-light .navbar-toggler-link[aria-expanded=true] {
16005
- color: #272833;
16126
+ .navigation-bar-light .navbar-toggler {
16127
+ color: #6b6c7e;
16128
+ font-weight: 600;
16006
16129
  }
16007
16130
  .navigation-bar-light .navbar-overlay {
16008
16131
  background-color: #fff;
16009
16132
  }
16010
- @media (max-width: 575.98px) {
16011
- .navigation-bar-light.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
16012
- background-color: #fff;
16013
- border-color: #f1f2f5;
16014
- }
16015
- .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,
16016
- .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
16017
- color: #6b6c7e;
16018
- font-weight: 600;
16019
- }
16020
- .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
16021
- border-color: #6b6c7e;
16022
- }
16023
- .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover {
16024
- color: #272833;
16025
- }
16026
- .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
16027
- color: #272833;
16028
- }
16029
- .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled {
16030
- color: #6b6c7e;
16031
- }
16032
- }
16033
16133
  @media (max-width: 767.98px) {
16034
- .navigation-bar-light.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
16035
- background-color: #fff;
16036
- border-color: #f1f2f5;
16037
- }
16038
- .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,
16039
- .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
16134
+ .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
16040
16135
  color: #6b6c7e;
16041
16136
  font-weight: 600;
16042
16137
  }
16043
- .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
16044
- border-color: #6b6c7e;
16045
- }
16046
16138
  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
16047
16139
  color: #272833;
16048
16140
  }
16049
- .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
16141
+ .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus {
16050
16142
  color: #272833;
16051
16143
  }
16052
- .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
16053
- color: #6b6c7e;
16054
- }
16055
- }
16056
- @media (max-width: 991.98px) {
16057
- .navigation-bar-light.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
16058
- background-color: #fff;
16059
- border-color: #f1f2f5;
16060
- }
16061
- .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,
16062
- .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
16063
- color: #6b6c7e;
16064
- font-weight: 600;
16065
- }
16066
- .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
16067
- border-color: #6b6c7e;
16068
- }
16069
- .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover {
16144
+ .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:active {
16070
16145
  color: #272833;
16071
16146
  }
16072
- .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
16147
+ .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
16073
16148
  color: #272833;
16074
16149
  }
16075
- .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled {
16076
- color: #6b6c7e;
16077
- }
16078
- }
16079
- @media (max-width: 1279.98px) {
16080
- .navigation-bar-light.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
16081
- background-color: #fff;
16082
- border-color: #f1f2f5;
16083
- }
16084
- .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,
16085
- .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item {
16150
+ .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:disabled, .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
16086
16151
  color: #6b6c7e;
16087
- font-weight: 600;
16088
- }
16089
- .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
16090
- border-color: #6b6c7e;
16091
- }
16092
- .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover {
16093
- color: #272833;
16152
+ opacity: 0.4;
16094
16153
  }
16095
- .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
16154
+ .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item[aria-expanded=true], .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.show {
16096
16155
  color: #272833;
16097
16156
  }
16098
- .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
16099
- color: #6b6c7e;
16100
- }
16101
16157
  }
16158
+
16102
16159
  .navigation-bar-secondary {
16103
16160
  background-color: #393a4a;
16104
- border-color: transparent;
16105
- border-style: solid;
16106
16161
  color: #fff;
16107
16162
  }
16108
- .navigation-bar-secondary .nav-link,
16163
+ .navigation-bar-secondary .navbar-nav .nav-link,
16109
16164
  .navigation-bar-secondary .navbar-nav .btn-unstyled {
16110
16165
  color: #cdced9;
16111
16166
  font-weight: 600;
16112
16167
  }
16113
- .navigation-bar-secondary .nav-link:hover,
16168
+ .navigation-bar-secondary .navbar-nav .nav-link:hover,
16114
16169
  .navigation-bar-secondary .navbar-nav .btn-unstyled:hover {
16115
16170
  color: #fff;
16116
16171
  }
16117
- .navigation-bar-secondary .nav-link:focus,
16118
- .navigation-bar-secondary .navbar-nav .btn-unstyled:focus {
16172
+ .navigation-bar-secondary .navbar-nav .nav-link:active,
16173
+ .navigation-bar-secondary .navbar-nav .btn-unstyled:active {
16119
16174
  color: #fff;
16120
16175
  }
16121
- .navigation-bar-secondary .nav-link.active, .navigation-bar-secondary .nav-link[aria-expanded=true],
16122
- .navigation-bar-secondary .navbar-nav .btn-unstyled.active,
16123
- .navigation-bar-secondary .navbar-nav .btn-unstyled[aria-expanded=true] {
16176
+ .navigation-bar-secondary .navbar-nav .nav-link.active,
16177
+ .navigation-bar-secondary .navbar-nav .btn-unstyled.active {
16124
16178
  color: #fff;
16125
16179
  }
16126
- .navigation-bar-secondary .nav-link.disabled, .navigation-bar-secondary .nav-link:disabled,
16127
- .navigation-bar-secondary .navbar-nav .btn-unstyled.disabled,
16128
- .navigation-bar-secondary .navbar-nav .btn-unstyled:disabled {
16180
+ .navigation-bar-secondary .navbar-nav .nav-link:disabled, .navigation-bar-secondary .navbar-nav .nav-link.disabled,
16181
+ .navigation-bar-secondary .navbar-nav .btn-unstyled:disabled,
16182
+ .navigation-bar-secondary .navbar-nav .btn-unstyled.disabled {
16129
16183
  color: #cdced9;
16130
16184
  opacity: 0.4;
16131
16185
  }
16132
- .navigation-bar-secondary .nav-btn {
16186
+ .navigation-bar-secondary .navbar-nav .nav-link[aria-expanded=true], .navigation-bar-secondary .navbar-nav .nav-link.show,
16187
+ .navigation-bar-secondary .navbar-nav .btn-unstyled[aria-expanded=true],
16188
+ .navigation-bar-secondary .navbar-nav .btn-unstyled.show {
16189
+ color: #fff;
16190
+ }
16191
+ .navigation-bar-secondary .navbar-nav .nav-btn {
16133
16192
  font-weight: 600;
16134
16193
  }
16135
16194
  .navigation-bar-secondary .navbar-brand {
16136
16195
  color: rgba(255, 255, 255, 0.9);
16196
+ font-weight: 600;
16137
16197
  }
16138
16198
  .navigation-bar-secondary .navbar-brand:hover {
16139
16199
  color: rgba(255, 255, 255, 0.9);
16140
16200
  }
16141
- .navigation-bar-secondary .navbar-brand:focus {
16201
+ .navigation-bar-secondary .navbar-brand:active {
16142
16202
  color: #fff;
16143
16203
  }
16144
- .navigation-bar-secondary .navbar-toggler {
16204
+ .navigation-bar-secondary .navbar-brand.active {
16205
+ color: #fff;
16206
+ }
16207
+ .navigation-bar-secondary .navbar-brand:disabled, .navigation-bar-secondary .navbar-brand.disabled {
16145
16208
  color: #cdced9;
16146
- font-weight: 600;
16209
+ opacity: 0.4;
16147
16210
  }
16148
- .navigation-bar-secondary .navbar-toggler:focus {
16211
+ .navigation-bar-secondary .navbar-brand[aria-expanded=true], .navigation-bar-secondary .navbar-brand.show {
16149
16212
  color: #fff;
16150
16213
  }
16151
- .navigation-bar-secondary .navbar-toggler-link[aria-expanded=true] {
16152
- color: #fff;
16214
+ .navigation-bar-secondary .navbar-toggler {
16215
+ color: #cdced9;
16216
+ font-weight: 600;
16153
16217
  }
16154
16218
  .navigation-bar-secondary .navbar-overlay {
16155
16219
  background-color: #393a4a;
16156
16220
  }
16157
- @media (max-width: 575.98px) {
16158
- .navigation-bar-secondary.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
16159
- background-color: #393a4a;
16160
- border-color: transparent;
16161
- }
16162
- .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,
16163
- .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
16164
- color: #cdced9;
16165
- font-weight: 600;
16166
- }
16167
- .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
16168
- border-color: #cdced9;
16169
- }
16170
- .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover {
16171
- color: #fff;
16172
- }
16173
- .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
16174
- color: #fff;
16175
- }
16176
- .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled {
16177
- color: #cdced9;
16178
- }
16179
- }
16180
16221
  @media (max-width: 767.98px) {
16181
- .navigation-bar-secondary.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
16182
- background-color: #393a4a;
16183
- border-color: transparent;
16184
- }
16185
- .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,
16186
- .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
16222
+ .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
16187
16223
  color: #cdced9;
16188
16224
  font-weight: 600;
16189
16225
  }
16190
- .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
16191
- border-color: #cdced9;
16192
- }
16193
16226
  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
16194
16227
  color: #fff;
16195
16228
  }
16196
- .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
16229
+ .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus {
16197
16230
  color: #fff;
16198
16231
  }
16199
- .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
16200
- color: #cdced9;
16201
- }
16202
- }
16203
- @media (max-width: 991.98px) {
16204
- .navigation-bar-secondary.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
16205
- background-color: #393a4a;
16206
- border-color: transparent;
16207
- }
16208
- .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,
16209
- .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
16210
- color: #cdced9;
16211
- font-weight: 600;
16212
- }
16213
- .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
16214
- border-color: #cdced9;
16215
- }
16216
- .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover {
16232
+ .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:active {
16217
16233
  color: #fff;
16218
16234
  }
16219
- .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
16235
+ .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
16220
16236
  color: #fff;
16221
16237
  }
16222
- .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled {
16223
- color: #cdced9;
16224
- }
16225
- }
16226
- @media (max-width: 1279.98px) {
16227
- .navigation-bar-secondary.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
16228
- background-color: #393a4a;
16229
- border-color: transparent;
16230
- }
16231
- .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,
16232
- .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item {
16238
+ .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:disabled, .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
16233
16239
  color: #cdced9;
16234
- font-weight: 600;
16240
+ opacity: 0.4;
16235
16241
  }
16236
- .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
16237
- border-color: #cdced9;
16238
- }
16239
- .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover {
16242
+ .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item[aria-expanded=true], .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.show {
16240
16243
  color: #fff;
16241
16244
  }
16242
- .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
16243
- color: #fff;
16244
- }
16245
- .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
16246
- color: #cdced9;
16247
- }
16248
16245
  }
16246
+
16249
16247
  .pagination {
16250
16248
  border-radius: 0.25rem;
16251
16249
  display: flex;
@@ -16255,7 +16253,6 @@ label.custom-control-label {
16255
16253
  margin-bottom: 0.5rem;
16256
16254
  padding-left: 0;
16257
16255
  }
16258
-
16259
16256
  .pagination-bar {
16260
16257
  align-items: center;
16261
16258
  display: flex;
@@ -16266,8 +16263,6 @@ label.custom-control-label {
16266
16263
  flex-direction: column;
16267
16264
  justify-content: center;
16268
16265
  }
16269
- }
16270
- @media (max-width: 767.98px) {
16271
16266
  .pagination-bar .pagination {
16272
16267
  margin-top: 0.5rem;
16273
16268
  }
@@ -16298,15 +16293,6 @@ label.custom-control-label {
16298
16293
  transition: none;
16299
16294
  }
16300
16295
  }
16301
- .page-link > .c-inner {
16302
- margin-bottom: 0;
16303
- margin-left: -0.625rem;
16304
- margin-right: -0.625rem;
16305
- margin-top: 0;
16306
- }
16307
- .page-link .lexicon-icon {
16308
- margin-top: 0;
16309
- }
16310
16296
  .page-link:hover {
16311
16297
  background-color: rgba(0, 0, 0, 0.02);
16312
16298
  border-color: transparent;
@@ -16315,20 +16301,26 @@ label.custom-control-label {
16315
16301
  z-index: 2;
16316
16302
  }
16317
16303
  .page-link:focus {
16318
- box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.25);
16304
+ box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
16319
16305
  outline: 0;
16320
16306
  z-index: 4;
16321
16307
  background-color: rgba(0, 0, 0, 0.02);
16322
16308
  border-color: transparent;
16323
16309
  color: #272833;
16324
16310
  }
16325
- .page-link:active, .page-link.active {
16311
+ .page-link:active {
16326
16312
  background-color: rgba(0, 0, 0, 0.04);
16327
16313
  border-color: transparent;
16328
16314
  color: #272833;
16329
16315
  cursor: default;
16330
16316
  z-index: 3;
16331
16317
  }
16318
+ .page-link.active {
16319
+ background-color: rgba(0, 0, 0, 0.04);
16320
+ border-color: transparent;
16321
+ color: #272833;
16322
+ z-index: 3;
16323
+ }
16332
16324
  .page-link:disabled, .page-link.disabled {
16333
16325
  background-color: transparent;
16334
16326
  border-color: transparent;
@@ -16339,8 +16331,30 @@ label.custom-control-label {
16339
16331
  pointer-events: auto;
16340
16332
  z-index: 0;
16341
16333
  }
16342
- .page-item.active .page-link,
16343
- .page-item.show .page-link {
16334
+ .page-link:disabled:active, .page-link.disabled:active {
16335
+ pointer-events: none;
16336
+ }
16337
+ .page-link[aria-expanded=true], .page-link.show {
16338
+ background-color: rgba(0, 0, 0, 0.04);
16339
+ border-color: transparent;
16340
+ color: #272833;
16341
+ z-index: 3;
16342
+ }
16343
+ .page-link > .c-inner {
16344
+ margin-bottom: 0;
16345
+ margin-left: -0.625rem;
16346
+ margin-right: -0.625rem;
16347
+ margin-top: 0;
16348
+ }
16349
+ .page-link .lexicon-icon {
16350
+ margin-top: 0;
16351
+ }
16352
+
16353
+ .page-item {
16354
+ margin-left: 0.25rem;
16355
+ margin-right: 0.25rem;
16356
+ }
16357
+ .page-item.active .page-link {
16344
16358
  background-color: rgba(0, 0, 0, 0.04);
16345
16359
  border-color: transparent;
16346
16360
  color: #272833;
@@ -16357,11 +16371,9 @@ label.custom-control-label {
16357
16371
  pointer-events: auto;
16358
16372
  z-index: 0;
16359
16373
  }
16360
- .page-item {
16361
- margin-left: 0.25rem;
16362
- margin-right: 0.25rem;
16374
+ .page-item.disabled .page-link:active {
16375
+ pointer-events: none;
16363
16376
  }
16364
-
16365
16377
  .page-item:first-child .page-link,
16366
16378
  .page-link-first {
16367
16379
  border-radius: 4px;
@@ -16401,18 +16413,6 @@ label.custom-control-label {
16401
16413
  transition: none;
16402
16414
  }
16403
16415
  }
16404
- .pagination-items-per-page > a > .c-inner,
16405
- .pagination-items-per-page > button > .c-inner {
16406
- margin-bottom: 0;
16407
- margin-left: -0.625rem;
16408
- margin-right: -0.625rem;
16409
- margin-top: 0;
16410
- }
16411
- .pagination-items-per-page > a .lexicon-icon,
16412
- .pagination-items-per-page > button .lexicon-icon {
16413
- margin-left: 0.125rem;
16414
- margin-top: 0.125rem;
16415
- }
16416
16416
  .pagination-items-per-page > a:hover,
16417
16417
  .pagination-items-per-page > button:hover {
16418
16418
  background-color: rgba(0, 0, 0, 0.02);
@@ -16421,14 +16421,19 @@ label.custom-control-label {
16421
16421
  }
16422
16422
  .pagination-items-per-page > a:focus,
16423
16423
  .pagination-items-per-page > button:focus {
16424
- box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.25);
16424
+ box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
16425
16425
  outline: 0;
16426
16426
  background-color: rgba(0, 0, 0, 0.02);
16427
16427
  border-color: transparent;
16428
16428
  color: #272833;
16429
16429
  }
16430
- .pagination-items-per-page > a:active, .pagination-items-per-page > a.active,
16431
- .pagination-items-per-page > button:active,
16430
+ .pagination-items-per-page > a:active,
16431
+ .pagination-items-per-page > button:active {
16432
+ background-color: rgba(0, 0, 0, 0.04);
16433
+ border-color: transparent;
16434
+ color: #272833;
16435
+ }
16436
+ .pagination-items-per-page > a.active,
16432
16437
  .pagination-items-per-page > button.active {
16433
16438
  background-color: rgba(0, 0, 0, 0.04);
16434
16439
  border-color: transparent;
@@ -16445,13 +16450,25 @@ label.custom-control-label {
16445
16450
  opacity: 0.5;
16446
16451
  pointer-events: auto;
16447
16452
  }
16448
- .pagination-items-per-page.active > a,
16449
- .pagination-items-per-page.active > button, .pagination-items-per-page.show > a,
16450
- .pagination-items-per-page.show > button {
16453
+ .pagination-items-per-page > a[aria-expanded=true], .pagination-items-per-page > a.show,
16454
+ .pagination-items-per-page > button[aria-expanded=true],
16455
+ .pagination-items-per-page > button.show {
16451
16456
  background-color: rgba(0, 0, 0, 0.04);
16452
16457
  border-color: transparent;
16453
16458
  color: #272833;
16454
16459
  }
16460
+ .pagination-items-per-page > a > .c-inner,
16461
+ .pagination-items-per-page > button > .c-inner {
16462
+ margin-bottom: 0;
16463
+ margin-left: -0.625rem;
16464
+ margin-right: -0.625rem;
16465
+ margin-top: 0;
16466
+ }
16467
+ .pagination-items-per-page > a .lexicon-icon,
16468
+ .pagination-items-per-page > button .lexicon-icon {
16469
+ margin-left: 0.125rem;
16470
+ margin-top: 0.125rem;
16471
+ }
16455
16472
  .pagination-items-per-page.disabled > a,
16456
16473
  .pagination-items-per-page.disabled > button {
16457
16474
  background-color: transparent;
@@ -16485,28 +16502,10 @@ label.custom-control-label {
16485
16502
  margin-right: auto;
16486
16503
  max-width: 100%;
16487
16504
  padding: 0 0.625rem;
16505
+ overflow-wrap: break-word;
16488
16506
  word-wrap: break-word;
16489
16507
  }
16490
16508
 
16491
- .pagination-sm .pagination-items-per-page {
16492
- border-radius: 0.3125rem;
16493
- }
16494
- .pagination-sm .pagination-items-per-page > a,
16495
- .pagination-sm .pagination-items-per-page > .btn-unstyled {
16496
- font-size: 0.75rem;
16497
- height: 1.5rem;
16498
- line-height: 1;
16499
- padding: 0 0.625rem;
16500
- }
16501
- .pagination-sm .pagination-items-per-page > a .c-inner,
16502
- .pagination-sm .pagination-items-per-page > .btn-unstyled .c-inner {
16503
- margin: 0 -0.625rem;
16504
- }
16505
- .pagination-sm .pagination-results {
16506
- font-size: 0.75rem;
16507
- line-height: 1;
16508
- padding: 0 0.625rem;
16509
- }
16510
16509
  .pagination-sm .page-link {
16511
16510
  font-size: 0.75rem;
16512
16511
  height: 1.5rem;
@@ -16516,11 +16515,11 @@ label.custom-control-label {
16516
16515
  padding-left: 0.5rem;
16517
16516
  padding-top: 0;
16518
16517
  }
16519
- .pagination-sm .page-link .c-inner {
16520
- margin: 0 -0.5rem;
16521
- }
16522
- .pagination-sm .page-link.btn-unstyled {
16523
- padding: 0 0.5rem;
16518
+ .pagination-sm .page-link > .c-inner {
16519
+ margin-bottom: 0;
16520
+ margin-left: -0.5rem;
16521
+ margin-right: -0.5rem;
16522
+ margin-top: 0;
16524
16523
  }
16525
16524
  .pagination-sm .page-item:first-child .page-link,
16526
16525
  .pagination-sm .page-link-first {
@@ -16532,26 +16531,32 @@ label.custom-control-label {
16532
16531
  border-bottom-right-radius: 0.3125rem;
16533
16532
  border-top-right-radius: 0.3125rem;
16534
16533
  }
16535
-
16536
- .pagination-lg .pagination-items-per-page {
16534
+ .pagination-sm .pagination-items-per-page {
16537
16535
  border-radius: 0.3125rem;
16538
16536
  }
16539
- .pagination-lg .pagination-items-per-page > a,
16540
- .pagination-lg .pagination-items-per-page > .btn-unstyled {
16541
- font-size: 1.125rem;
16542
- height: 2.75rem;
16537
+ .pagination-sm .pagination-items-per-page > a,
16538
+ .pagination-sm .pagination-items-per-page > button {
16539
+ font-size: 0.75rem;
16540
+ height: 1.5rem;
16543
16541
  line-height: 1;
16544
- padding: 0 0.625rem;
16542
+ padding-bottom: 0;
16543
+ padding-left: 0.625rem;
16544
+ padding-right: 0.625rem;
16545
+ padding-top: 0;
16545
16546
  }
16546
- .pagination-lg .pagination-items-per-page > a .c-inner,
16547
- .pagination-lg .pagination-items-per-page > .btn-unstyled .c-inner {
16548
- margin: 0 -0.625rem;
16547
+ .pagination-sm .pagination-items-per-page > a > .c-inner,
16548
+ .pagination-sm .pagination-items-per-page > button > .c-inner {
16549
+ margin-bottom: 0;
16550
+ margin-left: -0.625rem;
16551
+ margin-right: -0.625rem;
16552
+ margin-top: 0;
16549
16553
  }
16550
- .pagination-lg .pagination-results {
16551
- font-size: 1.125rem;
16554
+ .pagination-sm .pagination-items-per-page + .pagination-results {
16555
+ font-size: 0.75rem;
16552
16556
  line-height: 1;
16553
16557
  padding: 0 0.625rem;
16554
16558
  }
16559
+
16555
16560
  .pagination-lg .page-link {
16556
16561
  font-size: 1.125rem;
16557
16562
  height: 2.75rem;
@@ -16561,11 +16566,11 @@ label.custom-control-label {
16561
16566
  padding-right: 1rem;
16562
16567
  padding-top: 0;
16563
16568
  }
16564
- .pagination-lg .page-link .c-inner {
16565
- margin: 0 -1rem;
16566
- }
16567
- .pagination-lg .page-link.btn-unstyled {
16568
- padding: 0 1rem;
16569
+ .pagination-lg .page-link > .c-inner {
16570
+ margin-bottom: 0;
16571
+ margin-left: -1rem;
16572
+ margin-right: -1rem;
16573
+ margin-top: 0;
16569
16574
  }
16570
16575
  .pagination-lg .page-item:first-child .page-link,
16571
16576
  .pagination-lg .page-link-first {
@@ -16577,6 +16582,21 @@ label.custom-control-label {
16577
16582
  border-bottom-right-radius: 0.3125rem;
16578
16583
  border-top-right-radius: 0.3125rem;
16579
16584
  }
16585
+ .pagination-lg .pagination-items-per-page {
16586
+ border-radius: 0.3125rem;
16587
+ }
16588
+ .pagination-lg .pagination-items-per-page > a,
16589
+ .pagination-lg .pagination-items-per-page > button {
16590
+ font-size: 1.125rem;
16591
+ height: 2.75rem;
16592
+ line-height: 1;
16593
+ padding: 0 0.625rem;
16594
+ }
16595
+ .pagination-lg .pagination-items-per-page + .pagination-results {
16596
+ font-size: 1.125rem;
16597
+ line-height: 1;
16598
+ padding: 0 0.625rem;
16599
+ }
16580
16600
 
16581
16601
  .panel {
16582
16602
  background-color: #fff;
@@ -16882,13 +16902,12 @@ label.custom-control-label {
16882
16902
  border-radius: 0.25rem;
16883
16903
  box-shadow: 0 1px 15px -2px rgba(0, 0, 0, 0.2);
16884
16904
  display: block;
16885
- font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
16905
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
16886
16906
  font-size: 0.875rem;
16887
16907
  font-style: normal;
16888
16908
  font-weight: 400;
16889
16909
  left: 0;
16890
16910
  letter-spacing: normal;
16891
- line-break: auto;
16892
16911
  line-height: 1.5;
16893
16912
  max-width: 14.5rem;
16894
16913
  position: absolute;
@@ -16900,6 +16919,7 @@ label.custom-control-label {
16900
16919
  white-space: normal;
16901
16920
  word-break: normal;
16902
16921
  word-spacing: normal;
16922
+ overflow-wrap: break-word;
16903
16923
  word-wrap: break-word;
16904
16924
  z-index: 1060;
16905
16925
  }
@@ -16910,13 +16930,23 @@ label.custom-control-label {
16910
16930
  position: absolute;
16911
16931
  width: 0.6rem;
16912
16932
  }
16913
- .popover .arrow::before, .popover .arrow::after {
16933
+ .popover .arrow::before {
16934
+ border-color: transparent;
16935
+ border-style: solid;
16936
+ content: "";
16937
+ display: block;
16938
+ position: absolute;
16939
+ }
16940
+ .popover .arrow::after {
16914
16941
  border-color: transparent;
16915
16942
  border-style: solid;
16916
16943
  content: "";
16917
16944
  display: block;
16918
16945
  position: absolute;
16919
16946
  }
16947
+ .popover .inline-scroller {
16948
+ max-height: 14.875rem;
16949
+ }
16920
16950
 
16921
16951
  .bs-popover-bottom,
16922
16952
  .bs-popover-auto[x-placement^=bottom] {
@@ -17027,19 +17057,10 @@ label.custom-control-label {
17027
17057
  bottom: 0.0625rem;
17028
17058
  }
17029
17059
 
17030
- .popover .inline-scroller {
17031
- max-height: 14.875rem;
17032
- }
17033
-
17034
17060
  .popover-header {
17035
17061
  color: #272833;
17036
17062
  background-color: #fff;
17037
17063
  border-bottom: 0.0625rem solid #f2f2f2;
17038
- border-top-left-radius: 0.1875rem;
17039
- border-top-right-radius: 0.1875rem;
17040
- }
17041
-
17042
- .popover-header {
17043
17064
  border-color: #e7e7ed;
17044
17065
  border-top-left-radius: 0.1875rem;
17045
17066
  border-top-right-radius: 0.1875rem;
@@ -17070,16 +17091,11 @@ label.custom-control-label {
17070
17091
  .clay-popover-top .arrow,
17071
17092
  .clay-popover-top-left .arrow,
17072
17093
  .clay-popover-top-right .arrow {
17094
+ left: 50%;
17095
+ margin-left: -0.3rem;
17073
17096
  bottom: calc((0.3rem + 0.0625rem) * -1);
17074
17097
  margin: 0;
17075
17098
  }
17076
- .clay-popover-top .arrow::after,
17077
- .clay-popover-top-left .arrow::after,
17078
- .clay-popover-top-right .arrow::after {
17079
- border-top-color: #fff;
17080
- border-width: 0.3rem 0.3rem 0;
17081
- bottom: 0.0625rem;
17082
- }
17083
17099
  .clay-popover-top .arrow::before,
17084
17100
  .clay-popover-top-left .arrow::before,
17085
17101
  .clay-popover-top-right .arrow::before {
@@ -17087,11 +17103,22 @@ label.custom-control-label {
17087
17103
  border-width: 0.3rem 0.3rem 0;
17088
17104
  bottom: 0;
17089
17105
  }
17090
-
17091
- .clay-popover-top .arrow::after {
17092
- border-top-color: #fff;
17106
+ .clay-popover-top .arrow::after,
17107
+ .clay-popover-top-left .arrow::after,
17108
+ .clay-popover-top-right .arrow::after {
17109
+ border-top-color: #fff;
17110
+ border-width: 0.3rem 0.3rem 0;
17111
+ bottom: 0.0625rem;
17112
+ }
17113
+ .clay-popover-top-left .arrow {
17114
+ left: 0.625rem;
17115
+ margin: 0;
17116
+ }
17117
+ .clay-popover-top-right .arrow {
17118
+ left: auto;
17119
+ right: 0.625rem;
17120
+ margin: 0;
17093
17121
  }
17094
-
17095
17122
  .clay-popover-right,
17096
17123
  .clay-popover-right-bottom,
17097
17124
  .clay-popover-right-top {
@@ -17102,16 +17129,10 @@ label.custom-control-label {
17102
17129
  .clay-popover-right-top .arrow {
17103
17130
  height: 0.6rem;
17104
17131
  left: calc((0.3rem + 0.0625rem) * -1);
17105
- margin: 0;
17132
+ margin: -0.15rem 0 0;
17133
+ top: 50%;
17106
17134
  width: 0.3rem;
17107
17135
  }
17108
- .clay-popover-right .arrow::after,
17109
- .clay-popover-right-bottom .arrow::after,
17110
- .clay-popover-right-top .arrow::after {
17111
- border-right-color: #fff;
17112
- border-width: 0.3rem 0.3rem 0.3rem 0;
17113
- left: 0.0625rem;
17114
- }
17115
17136
  .clay-popover-right .arrow::before,
17116
17137
  .clay-popover-right-bottom .arrow::before,
17117
17138
  .clay-popover-right-top .arrow::before {
@@ -17119,15 +17140,25 @@ label.custom-control-label {
17119
17140
  border-width: 0.3rem 0.3rem 0.3rem 0;
17120
17141
  left: 0;
17121
17142
  }
17122
-
17123
- .clay-popover-right .arrow::after {
17143
+ .clay-popover-right .arrow::after,
17144
+ .clay-popover-right-bottom .arrow::after,
17145
+ .clay-popover-right-top .arrow::after {
17124
17146
  border-right-color: #fff;
17147
+ border-width: 0.3rem 0.3rem 0.3rem 0;
17148
+ left: 0.0625rem;
17149
+ }
17150
+ .clay-popover-right-bottom .arrow {
17151
+ bottom: 0.625rem;
17152
+ margin: 0;
17153
+ top: auto;
17154
+ }
17155
+ .clay-popover-right-top .arrow {
17156
+ margin: 0;
17157
+ top: 0.625rem;
17125
17158
  }
17126
-
17127
17159
  .clay-popover-right-top .arrow::after {
17128
17160
  border-right-color: #fff;
17129
17161
  }
17130
-
17131
17162
  .clay-popover-bottom,
17132
17163
  .clay-popover-bottom-left,
17133
17164
  .clay-popover-bottom-right {
@@ -17136,36 +17167,38 @@ label.custom-control-label {
17136
17167
  .clay-popover-bottom .arrow,
17137
17168
  .clay-popover-bottom-left .arrow,
17138
17169
  .clay-popover-bottom-right .arrow {
17139
- margin: 0;
17170
+ left: 50%;
17171
+ margin: 0 0 0 -0.3rem;
17140
17172
  top: calc((0.3rem + 0.0625rem) * -1);
17141
17173
  }
17142
- .clay-popover-bottom .arrow:after,
17143
- .clay-popover-bottom-left .arrow:after,
17144
- .clay-popover-bottom-right .arrow:after {
17145
- border-bottom-color: #fff;
17146
- border-width: 0 0.3rem 0.3rem 0.3rem;
17147
- top: 0.0625rem;
17148
- }
17149
- .clay-popover-bottom .arrow:before,
17150
- .clay-popover-bottom-left .arrow:before,
17151
- .clay-popover-bottom-right .arrow:before {
17174
+ .clay-popover-bottom .arrow::before,
17175
+ .clay-popover-bottom-left .arrow::before,
17176
+ .clay-popover-bottom-right .arrow::before {
17152
17177
  border-bottom-color: transparent;
17153
17178
  border-width: 0 0.3rem 0.3rem 0.3rem;
17154
17179
  top: 0;
17155
17180
  }
17156
-
17157
- .clay-popover-bottom .arrow::after {
17181
+ .clay-popover-bottom .arrow::after,
17182
+ .clay-popover-bottom-left .arrow::after,
17183
+ .clay-popover-bottom-right .arrow::after {
17158
17184
  border-bottom-color: #fff;
17185
+ border-width: 0 0.3rem 0.3rem 0.3rem;
17186
+ top: 0.0625rem;
17187
+ }
17188
+ .clay-popover-bottom-left .arrow {
17189
+ left: 0.625rem;
17190
+ margin: 0;
17159
17191
  }
17160
-
17161
17192
  .clay-popover-bottom-left .arrow::after {
17162
17193
  border-bottom-color: #fff;
17163
17194
  }
17164
-
17195
+ .clay-popover-bottom-right .arrow {
17196
+ left: auto;
17197
+ right: 0.625rem;
17198
+ }
17165
17199
  .clay-popover-bottom-right .arrow::after {
17166
17200
  border-bottom-color: #fff;
17167
17201
  }
17168
-
17169
17202
  .clay-popover-left,
17170
17203
  .clay-popover-left-bottom,
17171
17204
  .clay-popover-left-top {
@@ -17175,17 +17208,11 @@ label.custom-control-label {
17175
17208
  .clay-popover-left-bottom .arrow,
17176
17209
  .clay-popover-left-top .arrow {
17177
17210
  height: 0.6rem;
17178
- margin: 0;
17211
+ margin: -0.15rem 0 0;
17179
17212
  right: calc((0.3rem + 0.0625rem) * -1);
17213
+ top: 50%;
17180
17214
  width: 0.3rem;
17181
17215
  }
17182
- .clay-popover-left .arrow::after,
17183
- .clay-popover-left-bottom .arrow::after,
17184
- .clay-popover-left-top .arrow::after {
17185
- border-left-color: #fff;
17186
- border-width: 0.3rem 0 0.3rem 0.3rem;
17187
- right: 0.0625rem;
17188
- }
17189
17216
  .clay-popover-left .arrow::before,
17190
17217
  .clay-popover-left-bottom .arrow::before,
17191
17218
  .clay-popover-left-top .arrow::before {
@@ -17193,47 +17220,25 @@ label.custom-control-label {
17193
17220
  border-width: 0.3rem 0 0.3rem 0.3rem;
17194
17221
  right: 0;
17195
17222
  }
17196
-
17197
- .clay-popover-left .arrow::after {
17198
- border-left-color: #fff;
17199
- }
17200
-
17223
+ .clay-popover-left .arrow::after,
17224
+ .clay-popover-left-bottom .arrow::after,
17201
17225
  .clay-popover-left-top .arrow::after {
17202
17226
  border-left-color: #fff;
17227
+ border-width: 0.3rem 0 0.3rem 0.3rem;
17228
+ right: 0.0625rem;
17203
17229
  }
17204
-
17205
- .clay-popover-bottom .arrow,
17206
- .clay-popover-top .arrow {
17207
- left: 50%;
17208
- margin-left: -0.3rem;
17209
- }
17210
-
17211
- .clay-popover-bottom-left .arrow,
17212
- .clay-popover-top-left .arrow {
17213
- left: 0.625rem;
17214
- }
17215
-
17216
- .clay-popover-bottom-right .arrow,
17217
- .clay-popover-top-right .arrow {
17218
- right: 0.625rem;
17219
- }
17220
-
17221
- .clay-popover-left .arrow,
17222
- .clay-popover-right .arrow {
17223
- margin-top: -0.15rem;
17224
- top: 50%;
17225
- }
17226
-
17227
- .clay-popover-left-bottom .arrow,
17228
- .clay-popover-right-bottom .arrow {
17230
+ .clay-popover-left-bottom .arrow {
17229
17231
  bottom: 0.625rem;
17232
+ margin: 0;
17233
+ top: auto;
17230
17234
  }
17231
-
17232
- .clay-popover-left-top .arrow,
17233
- .clay-popover-right-top .arrow {
17235
+ .clay-popover-left-top .arrow {
17236
+ margin: 0;
17234
17237
  top: 0.625rem;
17235
17238
  }
17236
-
17239
+ .clay-popover-left-top .arrow::after {
17240
+ border-left-color: #fff;
17241
+ }
17237
17242
  .progress {
17238
17243
  background-color: #f1f2f5;
17239
17244
  border-radius: 100px;
@@ -17933,122 +17938,50 @@ a.sheet-subtitle:focus {
17933
17938
  .sidebar-light .component-navigation-bar {
17934
17939
  background-color: #fff;
17935
17940
  border-color: #cdced9;
17936
- border-style: solid;
17937
17941
  }
17938
- .sidebar-light .component-navigation-bar .nav-link,
17942
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link,
17939
17943
  .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled {
17940
17944
  color: #6b6c7e;
17941
17945
  }
17942
- .sidebar-light .component-navigation-bar .nav-link:hover,
17946
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link:hover,
17943
17947
  .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled:hover {
17944
17948
  color: #6b6c7e;
17945
17949
  }
17946
- .sidebar-light .component-navigation-bar .nav-link.active, .sidebar-light .component-navigation-bar .nav-link[aria-expanded=true],
17947
- .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled.active,
17948
- .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled[aria-expanded=true] {
17950
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link:active,
17951
+ .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled:active {
17952
+ color: #272833;
17953
+ }
17954
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link.active,
17955
+ .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled.active {
17949
17956
  color: #272833;
17950
17957
  }
17951
- .sidebar-light .component-navigation-bar .nav-link.disabled, .sidebar-light .component-navigation-bar .nav-link:disabled,
17952
- .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled.disabled,
17953
- .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled:disabled {
17958
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link:disabled, .sidebar-light .component-navigation-bar .navbar-nav .nav-link.disabled,
17959
+ .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled:disabled,
17960
+ .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled.disabled {
17954
17961
  color: #a7a9bc;
17955
17962
  }
17956
- .sidebar-light .component-navigation-bar .navbar-toggler {
17957
- color: #6b6c7e;
17963
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link[aria-expanded=true], .sidebar-light .component-navigation-bar .navbar-nav .nav-link.show,
17964
+ .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled[aria-expanded=true],
17965
+ .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled.show {
17966
+ color: #272833;
17958
17967
  }
17959
- .sidebar-light .component-navigation-bar .navbar-toggler-link[aria-expanded=true] {
17968
+ .sidebar-light .component-navigation-bar .navbar-brand:active {
17960
17969
  color: #272833;
17961
17970
  }
17962
- .sidebar-light .component-navigation-bar .navbar-overlay {
17963
- background-color: #fff;
17971
+ .sidebar-light .component-navigation-bar .navbar-brand.active {
17972
+ color: #272833;
17964
17973
  }
17965
- @media (max-width: 575.98px) {
17966
- .sidebar-light .component-navigation-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
17967
- background-color: #fff;
17968
- border-color: #cdced9;
17969
- }
17970
- .sidebar-light .component-navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,
17971
- .sidebar-light .component-navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
17972
- color: #6b6c7e;
17973
- }
17974
- .sidebar-light .component-navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
17975
- border-color: #6b6c7e;
17976
- }
17977
- .sidebar-light .component-navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover {
17978
- color: #6b6c7e;
17979
- }
17980
- .sidebar-light .component-navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
17981
- color: #272833;
17982
- }
17983
- .sidebar-light .component-navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled {
17984
- color: #a7a9bc;
17985
- }
17974
+ .sidebar-light .component-navigation-bar .navbar-brand:disabled, .sidebar-light .component-navigation-bar .navbar-brand.disabled {
17975
+ color: #a7a9bc;
17986
17976
  }
17987
- @media (max-width: 767.98px) {
17988
- .sidebar-light .component-navigation-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
17989
- background-color: #fff;
17990
- border-color: #cdced9;
17991
- }
17992
- .sidebar-light .component-navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,
17993
- .sidebar-light .component-navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
17994
- color: #6b6c7e;
17995
- }
17996
- .sidebar-light .component-navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
17997
- border-color: #6b6c7e;
17998
- }
17999
- .sidebar-light .component-navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
18000
- color: #6b6c7e;
18001
- }
18002
- .sidebar-light .component-navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
18003
- color: #272833;
18004
- }
18005
- .sidebar-light .component-navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
18006
- color: #a7a9bc;
18007
- }
17977
+ .sidebar-light .component-navigation-bar .navbar-brand[aria-expanded=true], .sidebar-light .component-navigation-bar .navbar-brand.show {
17978
+ color: #272833;
18008
17979
  }
18009
- @media (max-width: 991.98px) {
18010
- .sidebar-light .component-navigation-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
18011
- background-color: #fff;
18012
- border-color: #cdced9;
18013
- }
18014
- .sidebar-light .component-navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,
18015
- .sidebar-light .component-navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
18016
- color: #6b6c7e;
18017
- }
18018
- .sidebar-light .component-navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
18019
- border-color: #6b6c7e;
18020
- }
18021
- .sidebar-light .component-navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover {
18022
- color: #6b6c7e;
18023
- }
18024
- .sidebar-light .component-navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
18025
- color: #272833;
18026
- }
18027
- .sidebar-light .component-navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled {
18028
- color: #a7a9bc;
18029
- }
17980
+ .sidebar-light .component-navigation-bar .navbar-toggler {
17981
+ color: #6b6c7e;
18030
17982
  }
18031
- @media (max-width: 1279.98px) {
18032
- .sidebar-light .component-navigation-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
18033
- background-color: #fff;
18034
- border-color: #cdced9;
18035
- }
18036
- .sidebar-light .component-navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,
18037
- .sidebar-light .component-navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item {
18038
- color: #6b6c7e;
18039
- }
18040
- .sidebar-light .component-navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
18041
- border-color: #6b6c7e;
18042
- }
18043
- .sidebar-light .component-navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover {
18044
- color: #6b6c7e;
18045
- }
18046
- .sidebar-light .component-navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
18047
- color: #272833;
18048
- }
18049
- .sidebar-light .component-navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
18050
- color: #a7a9bc;
18051
- }
17983
+ .sidebar-light .component-navigation-bar .navbar-overlay {
17984
+ background-color: #fff;
18052
17985
  }
18053
17986
  .sidebar-dark {
18054
17987
  background-color: #272833;
@@ -18107,7 +18040,7 @@ a.sheet-subtitle:focus {
18107
18040
  .sidebar-dark .nav-nested .nav-link:disabled:active, .sidebar-dark .nav-nested .nav-link.disabled:active {
18108
18041
  pointer-events: none;
18109
18042
  }
18110
- .sidebar-dark .nav-nested .nav-link[aria-expanded=true], .sidebar-dark .nav-nested .nav-link.show, .show > .sidebar-dark .nav-nested .nav-link {
18043
+ .sidebar-dark .nav-nested .nav-link[aria-expanded=true], .sidebar-dark .nav-nested .nav-link.show {
18111
18044
  color: #fff;
18112
18045
  }
18113
18046
  .c-slideout-transition-in {
@@ -18737,7 +18670,7 @@ caption {
18737
18670
  .table-action-link.active {
18738
18671
  background-color: rgba(0, 0, 0, 0.04);
18739
18672
  }
18740
- .table-action-link[aria-expanded=true], .table-action-link.show, .show > .table-action-link {
18673
+ .table-action-link[aria-expanded=true], .table-action-link.show {
18741
18674
  background-color: rgba(0, 0, 0, 0.04);
18742
18675
  }
18743
18676
  .table-action-link .lexicon-icon {
@@ -19071,7 +19004,7 @@ caption {
19071
19004
  .table-list-action-link.active {
19072
19005
  background-color: rgba(0, 0, 0, 0.04);
19073
19006
  }
19074
- .table-list-action-link[aria-expanded=true], .table-list-action-link.show, .show > .table-list-action-link {
19007
+ .table-list-action-link[aria-expanded=true], .table-list-action-link.show {
19075
19008
  background-color: rgba(0, 0, 0, 0.04);
19076
19009
  }
19077
19010
  .table-list-action-link .lexicon-icon {
@@ -19800,13 +19733,17 @@ caption {
19800
19733
  background-color: #f1f2f5;
19801
19734
  color: #272833;
19802
19735
  }
19803
- .tbar-light .tbar-btn-monospaced[aria-expanded=true], .tbar-light .tbar-btn-monospaced.active, .tbar-light .tbar-btn-monospaced.show, .show > .tbar-light .tbar-btn-monospaced.dropdown-toggle {
19736
+ .tbar-light .tbar-btn-monospaced.active {
19804
19737
  background-color: #f1f2f5;
19805
19738
  color: #272833;
19806
19739
  }
19807
19740
  .tbar-light .tbar-btn-monospaced:disabled, .tbar-light .tbar-btn-monospaced.disabled {
19808
19741
  color: inherit;
19809
19742
  }
19743
+ .tbar-light .tbar-btn-monospaced[aria-expanded=true], .tbar-light .tbar-btn-monospaced.show {
19744
+ background-color: #f1f2f5;
19745
+ color: #272833;
19746
+ }
19810
19747
  .tbar-light .tbar-label {
19811
19748
  border-width: 0.0625rem;
19812
19749
  }
@@ -19832,13 +19769,17 @@ caption {
19832
19769
  background-color: rgba(255, 255, 255, 0.06);
19833
19770
  color: #fff;
19834
19771
  }
19835
- .tbar-dark-l2 .tbar-btn-monospaced[aria-expanded=true], .tbar-dark-l2 .tbar-btn-monospaced.active, .tbar-dark-l2 .tbar-btn-monospaced.show, .show > .tbar-dark-l2 .tbar-btn-monospaced.dropdown-toggle {
19772
+ .tbar-dark-l2 .tbar-btn-monospaced.active {
19836
19773
  background-color: rgba(255, 255, 255, 0.06);
19837
19774
  color: #fff;
19838
19775
  }
19839
19776
  .tbar-dark-l2 .tbar-btn-monospaced:disabled, .tbar-dark-l2 .tbar-btn-monospaced.disabled {
19840
19777
  color: inherit;
19841
19778
  }
19779
+ .tbar-dark-l2 .tbar-btn-monospaced[aria-expanded=true], .tbar-dark-l2 .tbar-btn-monospaced.show {
19780
+ background-color: rgba(255, 255, 255, 0.06);
19781
+ color: #fff;
19782
+ }
19842
19783
  .tbar-dark-l2 .tbar-label {
19843
19784
  border-width: 0.0625rem;
19844
19785
  }
@@ -19863,11 +19804,11 @@ caption {
19863
19804
  background-color: rgba(255, 255, 255, 0.06);
19864
19805
  color: #fff;
19865
19806
  }
19866
- .tbar-dark-d1 .tbar-btn-monospaced[aria-expanded=true], .tbar-dark-d1 .tbar-btn-monospaced.active, .tbar-dark-d1 .tbar-btn-monospaced.show, .show > .tbar-dark-d1 .tbar-btn-monospaced.dropdown-toggle {
19807
+ .tbar-dark-d1 .tbar-btn-monospaced.active {
19867
19808
  background-color: rgba(255, 255, 255, 0.06);
19868
19809
  color: #fff;
19869
19810
  }
19870
- .tbar-dark-d1 .tbar-btn-monospaced[aria-expanded=true]::after, .tbar-dark-d1 .tbar-btn-monospaced.active::after, .tbar-dark-d1 .tbar-btn-monospaced.show::after, .show > .tbar-dark-d1 .tbar-btn-monospaced.dropdown-toggle::after {
19811
+ .tbar-dark-d1 .tbar-btn-monospaced.active::after {
19871
19812
  background-color: #80acff;
19872
19813
  bottom: 0;
19873
19814
  content: "";
@@ -19880,6 +19821,10 @@ caption {
19880
19821
  .tbar-dark-d1 .tbar-btn-monospaced:disabled, .tbar-dark-d1 .tbar-btn-monospaced.disabled {
19881
19822
  color: inherit;
19882
19823
  }
19824
+ .tbar-dark-d1 .tbar-btn-monospaced[aria-expanded=true], .tbar-dark-d1 .tbar-btn-monospaced.show {
19825
+ background-color: rgba(255, 255, 255, 0.06);
19826
+ color: #fff;
19827
+ }
19883
19828
  .tbar-dark-d1 .tbar-label {
19884
19829
  border-width: 0.0625rem;
19885
19830
  }
@@ -20333,6 +20278,9 @@ caption {
20333
20278
  .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-on {
20334
20279
  opacity: 1;
20335
20280
  }
20281
+ .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-off {
20282
+ opacity: 0;
20283
+ }
20336
20284
  @media (max-width: 767.98px) {
20337
20285
  .toggle-switch-check {
20338
20286
  height: 24px;
@@ -20418,56 +20366,55 @@ caption {
20418
20366
  }
20419
20367
  }
20420
20368
 
20421
- .simple-toggle-switch {
20369
+ .simple-toggle-switch.toggle-switch {
20422
20370
  align-items: center;
20423
20371
  display: inline-flex;
20424
20372
  }
20425
- .simple-toggle-switch .toggle-switch-label {
20373
+ .simple-toggle-switch.toggle-switch .toggle-switch-label {
20426
20374
  line-height: 1;
20427
20375
  margin-bottom: 0;
20428
20376
  max-width: calc( 100% - 56px );
20429
20377
  }
20430
20378
  @media (max-width: 767.98px) {
20431
- .simple-toggle-switch .toggle-switch-label {
20379
+ .simple-toggle-switch.toggle-switch .toggle-switch-label {
20432
20380
  max-width: calc( 100% - 48px );
20433
20381
  }
20434
20382
  }
20435
- .simple-toggle-switch .toggle-switch-check + .toggle-switch-label {
20383
+ .simple-toggle-switch.toggle-switch .toggle-switch-check + .toggle-switch-label {
20436
20384
  margin-right: 0.5rem;
20437
20385
  }
20438
- .simple-toggle-switch .toggle-switch-label + .toggle-switch-check-bar {
20386
+ .simple-toggle-switch.toggle-switch .toggle-switch-label + .toggle-switch-check-bar {
20439
20387
  margin-left: 0.5rem;
20440
20388
  }
20441
20389
 
20442
- .simple-toggle-switch-reverse .toggle-switch-check-bar {
20390
+ .simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-check-bar {
20443
20391
  order: 5;
20444
20392
  }
20445
- .simple-toggle-switch-reverse .toggle-switch-check ~ .toggle-switch-bar {
20393
+ .simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-check ~ .toggle-switch-bar {
20446
20394
  order: 5;
20447
20395
  }
20448
- .simple-toggle-switch-reverse .toggle-switch-label {
20396
+ .simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-label {
20449
20397
  margin-right: 0.5rem;
20450
20398
  }
20451
20399
  .tooltip {
20452
20400
  display: block;
20453
- font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
20401
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
20454
20402
  font-size: 0.875rem;
20455
20403
  font-style: normal;
20456
20404
  font-weight: 400;
20457
20405
  letter-spacing: normal;
20458
- line-break: auto;
20459
20406
  line-height: 1.5;
20460
20407
  margin: 0;
20461
20408
  opacity: 0;
20462
20409
  position: absolute;
20463
20410
  text-align: left;
20464
- text-align: start;
20465
20411
  text-decoration: none;
20466
20412
  text-shadow: none;
20467
20413
  text-transform: none;
20468
20414
  white-space: normal;
20469
20415
  word-break: normal;
20470
20416
  word-spacing: normal;
20417
+ overflow-wrap: break-word;
20471
20418
  word-wrap: break-word;
20472
20419
  z-index: 1070;
20473
20420
  }
@@ -20486,7 +20433,6 @@ caption {
20486
20433
  content: "";
20487
20434
  position: absolute;
20488
20435
  }
20489
-
20490
20436
  .tooltip-inner {
20491
20437
  background-color: #272833;
20492
20438
  border-radius: 0.25rem;
@@ -20568,38 +20514,6 @@ caption {
20568
20514
  left: 0;
20569
20515
  }
20570
20516
 
20571
- .clay-tooltip-bottom .arrow,
20572
- .clay-tooltip-top .arrow {
20573
- left: 50%;
20574
- margin-left: -0.4rem;
20575
- }
20576
-
20577
- .clay-tooltip-bottom-left .arrow,
20578
- .clay-tooltip-top-left .arrow {
20579
- left: 0.5rem;
20580
- }
20581
-
20582
- .clay-tooltip-bottom-right .arrow,
20583
- .clay-tooltip-top-right .arrow {
20584
- right: 0.5rem;
20585
- }
20586
-
20587
- .clay-tooltip-left .arrow,
20588
- .clay-tooltip-right .arrow {
20589
- margin-top: -0.4rem;
20590
- top: 50%;
20591
- }
20592
-
20593
- .clay-tooltip-left-bottom .arrow,
20594
- .clay-tooltip-right-bottom .arrow {
20595
- bottom: 0.5rem;
20596
- }
20597
-
20598
- .clay-tooltip-left-top .arrow,
20599
- .clay-tooltip-right-top .arrow {
20600
- top: 0.5rem;
20601
- }
20602
-
20603
20517
  .clay-tooltip-bottom,
20604
20518
  .clay-tooltip-bottom-left,
20605
20519
  .clay-tooltip-bottom-right {
@@ -20608,6 +20522,8 @@ caption {
20608
20522
  .clay-tooltip-bottom .arrow,
20609
20523
  .clay-tooltip-bottom-left .arrow,
20610
20524
  .clay-tooltip-bottom-right .arrow {
20525
+ left: 50%;
20526
+ margin-left: -0.4rem;
20611
20527
  top: 0;
20612
20528
  }
20613
20529
  .clay-tooltip-bottom .arrow::before,
@@ -20625,7 +20541,15 @@ caption {
20625
20541
  left: 50%;
20626
20542
  top: 0;
20627
20543
  }
20628
-
20544
+ .clay-tooltip-bottom-left .arrow {
20545
+ left: 0.5rem;
20546
+ margin-left: 0;
20547
+ }
20548
+ .clay-tooltip-bottom-right .arrow {
20549
+ left: auto;
20550
+ margin-left: 0;
20551
+ right: 0.5rem;
20552
+ }
20629
20553
  .clay-tooltip-left,
20630
20554
  .clay-tooltip-left-bottom,
20631
20555
  .clay-tooltip-left-top {
@@ -20635,7 +20559,9 @@ caption {
20635
20559
  .clay-tooltip-left-bottom .arrow,
20636
20560
  .clay-tooltip-left-top .arrow {
20637
20561
  height: 0.8rem;
20562
+ margin-top: -0.4rem;
20638
20563
  right: 0;
20564
+ top: 50%;
20639
20565
  width: 0.4rem;
20640
20566
  }
20641
20567
  .clay-tooltip-left .arrow::before,
@@ -20653,7 +20579,15 @@ caption {
20653
20579
  right: 0;
20654
20580
  top: 50%;
20655
20581
  }
20656
-
20582
+ .clay-tooltip-left-bottom .arrow {
20583
+ bottom: 0.5rem;
20584
+ margin-top: 0;
20585
+ top: auto;
20586
+ }
20587
+ .clay-tooltip-left-top .arrow {
20588
+ margin-top: 0;
20589
+ top: 0.5rem;
20590
+ }
20657
20591
  .clay-tooltip-right,
20658
20592
  .clay-tooltip-right-bottom,
20659
20593
  .clay-tooltip-right-top {
@@ -20664,7 +20598,9 @@ caption {
20664
20598
  .clay-tooltip-right-top .arrow {
20665
20599
  height: 0.8rem;
20666
20600
  left: 0;
20601
+ margin-top: -0.4rem;
20667
20602
  width: 0.4rem;
20603
+ top: 50%;
20668
20604
  }
20669
20605
  .clay-tooltip-right .arrow::before,
20670
20606
  .clay-tooltip-right-bottom .arrow::before,
@@ -20681,7 +20617,15 @@ caption {
20681
20617
  left: 0;
20682
20618
  top: 50%;
20683
20619
  }
20684
-
20620
+ .clay-tooltip-right-bottom .arrow {
20621
+ bottom: 0.5rem;
20622
+ margin-top: 0;
20623
+ top: auto;
20624
+ }
20625
+ .clay-tooltip-right-top .arrow {
20626
+ margin-top: 0;
20627
+ top: 0.5rem;
20628
+ }
20685
20629
  .clay-tooltip-top,
20686
20630
  .clay-tooltip-top-left,
20687
20631
  .clay-tooltip-top-right {
@@ -20691,6 +20635,8 @@ caption {
20691
20635
  .clay-tooltip-top-left .arrow,
20692
20636
  .clay-tooltip-top-right .arrow {
20693
20637
  bottom: 0;
20638
+ left: 50%;
20639
+ margin-left: -0.4rem;
20694
20640
  }
20695
20641
  .clay-tooltip-top .arrow::before,
20696
20642
  .clay-tooltip-top-left .arrow::before,
@@ -20707,7 +20653,15 @@ caption {
20707
20653
  bottom: 0;
20708
20654
  left: 50%;
20709
20655
  }
20710
-
20656
+ .clay-tooltip-top-left .arrow {
20657
+ left: 0.5rem;
20658
+ margin-left: 0;
20659
+ }
20660
+ .clay-tooltip-top-right .arrow {
20661
+ left: auto;
20662
+ margin-left: 0;
20663
+ right: 0.5rem;
20664
+ }
20711
20665
  .bg-checkered {
20712
20666
  background-image: linear-gradient(45deg, #e7e7ed 25%, transparent 25%), linear-gradient(-45deg, #e7e7ed 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e7e7ed 75%), linear-gradient(-45deg, transparent 75%, #e7e7ed 75%);
20713
20667
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;