@clayui/css 3.40.1 → 3.44.0

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 (91) hide show
  1. package/lib/css/atlas.css +1369 -1347
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +1196 -1146
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/bootstrap.css.map +1 -1
  6. package/lib/css/cadmin.css +1104 -1097
  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/_forms.scss +33 -1
  18. package/src/scss/atlas/variables/_globals.scss +13 -0
  19. package/src/scss/atlas/variables/_management-bar.scss +53 -21
  20. package/src/scss/atlas/variables/_navigation-bar.scss +104 -18
  21. package/src/scss/atlas/variables/_navs.scss +20 -15
  22. package/src/scss/atlas/variables/_pagination.scss +2 -0
  23. package/src/scss/atlas/variables/_sidebar.scss +1 -1
  24. package/src/scss/cadmin/components/_dropdowns.scss +4 -0
  25. package/src/scss/cadmin/components/_form-validation.scss +10 -237
  26. package/src/scss/cadmin/components/_input-groups.scss +12 -312
  27. package/src/scss/cadmin/components/_navs.scss +35 -113
  28. package/src/scss/cadmin/components/_pagination.scss +20 -236
  29. package/src/scss/cadmin/components/_popovers.scss +31 -252
  30. package/src/scss/cadmin/components/_reboot.scss +1 -8
  31. package/src/scss/cadmin/components/_toggle-switch.scss +20 -358
  32. package/src/scss/cadmin/components/_tooltip.scss +29 -167
  33. package/src/scss/cadmin/components/_utilities-functional-important.scss +4 -3
  34. package/src/scss/cadmin/variables/_alerts.scss +3 -2
  35. package/src/scss/cadmin/variables/_dropdowns.scss +31 -2
  36. package/src/scss/cadmin/variables/_forms.scss +719 -7
  37. package/src/scss/cadmin/variables/_globals.scss +14 -0
  38. package/src/scss/cadmin/variables/_management-bar.scss +70 -30
  39. package/src/scss/cadmin/variables/_navigation-bar.scss +118 -22
  40. package/src/scss/cadmin/variables/_navs.scss +270 -53
  41. package/src/scss/cadmin/variables/_pagination.scss +274 -68
  42. package/src/scss/cadmin/variables/_popovers.scss +410 -0
  43. package/src/scss/cadmin/variables/_sidebar.scss +17 -5
  44. package/src/scss/cadmin/variables/_toggle-switch.scss +404 -1
  45. package/src/scss/cadmin/variables/_tooltip.scss +299 -0
  46. package/src/scss/components/_button-groups.scss +6 -6
  47. package/src/scss/components/_buttons.scss +87 -49
  48. package/src/scss/components/_cards.scss +16 -116
  49. package/src/scss/components/_dropdowns.scss +4 -0
  50. package/src/scss/components/_form-validation.scss +8 -237
  51. package/src/scss/components/_input-groups.scss +12 -308
  52. package/src/scss/components/_multi-step-nav.scss +12 -8
  53. package/src/scss/components/_navs.scss +45 -128
  54. package/src/scss/components/_pagination.scss +18 -234
  55. package/src/scss/components/_popovers.scss +30 -237
  56. package/src/scss/components/_reboot.scss +1 -8
  57. package/src/scss/components/_toggle-switch.scss +36 -351
  58. package/src/scss/components/_tooltip.scss +29 -164
  59. package/src/scss/functions/_global-functions.scss +18 -0
  60. package/src/scss/functions/_lx-icons-generated.scss +3 -1
  61. package/src/scss/mixins/_buttons.scss +674 -472
  62. package/src/scss/mixins/_cards.scss +746 -560
  63. package/src/scss/mixins/_close.scss +0 -1
  64. package/src/scss/mixins/_custom-forms.scss +442 -409
  65. package/src/scss/mixins/_dropdown-menu.scss +483 -406
  66. package/src/scss/mixins/_forms.scss +751 -260
  67. package/src/scss/mixins/_globals.scss +7 -0
  68. package/src/scss/mixins/_input-groups.scss +405 -11
  69. package/src/scss/mixins/_labels.scss +320 -296
  70. package/src/scss/mixins/_links.scss +645 -414
  71. package/src/scss/mixins/_nav.scss +202 -131
  72. package/src/scss/mixins/_navbar.scss +791 -140
  73. package/src/scss/mixins/_pagination.scss +422 -0
  74. package/src/scss/mixins/_popovers.scss +90 -0
  75. package/src/scss/mixins/_toggle-switch.scss +1140 -14
  76. package/src/scss/mixins/_tooltip.scss +70 -0
  77. package/src/scss/variables/_alerts.scss +1 -0
  78. package/src/scss/variables/_application-bar.scss +18 -6
  79. package/src/scss/variables/_buttons.scss +26 -3
  80. package/src/scss/variables/_cards.scss +273 -1
  81. package/src/scss/variables/_dropdowns.scss +31 -2
  82. package/src/scss/variables/_forms.scss +700 -23
  83. package/src/scss/variables/_globals.scss +13 -0
  84. package/src/scss/variables/_management-bar.scss +45 -12
  85. package/src/scss/variables/_navigation-bar.scss +95 -14
  86. package/src/scss/variables/_navs.scss +266 -33
  87. package/src/scss/variables/_pagination.scss +261 -61
  88. package/src/scss/variables/_popovers.scss +392 -0
  89. package/src/scss/variables/_sidebar.scss +17 -5
  90. package/src/scss/variables/_toggle-switch.scss +404 -5
  91. package/src/scss/variables/_tooltip.scss +299 -0
package/lib/css/atlas.css CHANGED
@@ -161,14 +161,12 @@ sup {
161
161
 
162
162
  a {
163
163
  color: #0b5fff;
164
- cursor: pointer;
165
164
  text-decoration: none;
166
165
  }
167
166
  a:hover {
168
167
  color: #004ad7;
169
168
  text-decoration: underline;
170
169
  }
171
-
172
170
  pre,
173
171
  code,
174
172
  kbd,
@@ -1212,7 +1210,7 @@ button.collapse-icon .c-inner {
1212
1210
  .btn:active:focus {
1213
1211
  box-shadow: [0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff];
1214
1212
  }
1215
- .btn[aria-expanded=true], .btn.active, .btn.show, .show > .btn.dropdown-toggle {
1213
+ .btn.active {
1216
1214
  box-shadow: [none];
1217
1215
  }
1218
1216
  .btn:disabled, .btn.disabled {
@@ -1225,6 +1223,9 @@ button.collapse-icon .c-inner {
1225
1223
  .btn:disabled:active, .btn.disabled:active {
1226
1224
  pointer-events: none;
1227
1225
  }
1226
+ .btn[aria-expanded=true], .btn.show {
1227
+ box-shadow: [none];
1228
+ }
1228
1229
  .btn .c-inner {
1229
1230
  margin-bottom: -0.4375rem;
1230
1231
  margin-left: -0.9375rem;
@@ -1359,10 +1360,6 @@ input[type=button].btn-block {
1359
1360
  padding: 0;
1360
1361
  width: 100%;
1361
1362
  }
1362
- .btn-monospaced.btn .lexicon-icon {
1363
- margin-top: 0;
1364
- }
1365
-
1366
1363
  .btn-group-vertical > .btn-monospaced.btn-lg, .btn-group-lg .btn-monospaced, .btn-monospaced.btn-lg {
1367
1364
  height: 3rem;
1368
1365
  width: 3rem;
@@ -1391,7 +1388,7 @@ input[type=button].btn-block {
1391
1388
  border-color: transparent;
1392
1389
  color: #fff;
1393
1390
  }
1394
- [aria-expanded=true].btn-primary, .active.btn-primary, .show.btn-primary, .show > .dropdown-toggle.btn-primary {
1391
+ .active.btn-primary {
1395
1392
  background-color: #004ad7;
1396
1393
  border-color: transparent;
1397
1394
  color: #fff;
@@ -1401,6 +1398,16 @@ input[type=button].btn-block {
1401
1398
  border-color: #0b5fff;
1402
1399
  color: #fff;
1403
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
+ }
1404
1411
  .btn-secondary {
1405
1412
  background-color: #fff;
1406
1413
  border-color: #cdced9;
@@ -1421,7 +1428,7 @@ input[type=button].btn-block {
1421
1428
  border-color: #cdced9;
1422
1429
  color: #272833;
1423
1430
  }
1424
- [aria-expanded=true].btn-secondary, .active.btn-secondary, .show.btn-secondary, .show > .dropdown-toggle.btn-secondary {
1431
+ .active.btn-secondary {
1425
1432
  background-color: #f1f2f5;
1426
1433
  border-color: #cdced9;
1427
1434
  color: #272833;
@@ -1431,6 +1438,16 @@ input[type=button].btn-block {
1431
1438
  border-color: #cdced9;
1432
1439
  color: #6b6c7e;
1433
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
+ }
1434
1451
  .btn-success {
1435
1452
  background-color: #287d3c;
1436
1453
  border-color: #287d3c;
@@ -1451,7 +1468,7 @@ input[type=button].btn-block {
1451
1468
  border-color: transparent;
1452
1469
  color: #fff;
1453
1470
  }
1454
- [aria-expanded=true].btn-success, .active.btn-success, .show.btn-success, .show > .dropdown-toggle.btn-success {
1471
+ .active.btn-success {
1455
1472
  background-color: #1c5629;
1456
1473
  border-color: transparent;
1457
1474
  color: #fff;
@@ -1461,6 +1478,16 @@ input[type=button].btn-block {
1461
1478
  border-color: #287d3c;
1462
1479
  color: #fff;
1463
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
+ }
1464
1491
  .btn-info {
1465
1492
  background-color: #2e5aac;
1466
1493
  border-color: #2e5aac;
@@ -1481,7 +1508,7 @@ input[type=button].btn-block {
1481
1508
  border-color: transparent;
1482
1509
  color: #fff;
1483
1510
  }
1484
- [aria-expanded=true].btn-info, .active.btn-info, .show.btn-info, .show > .dropdown-toggle.btn-info {
1511
+ .active.btn-info {
1485
1512
  background-color: #234584;
1486
1513
  border-color: transparent;
1487
1514
  color: #fff;
@@ -1491,6 +1518,11 @@ input[type=button].btn-block {
1491
1518
  border-color: #2e5aac;
1492
1519
  color: #fff;
1493
1520
  }
1521
+ [aria-expanded=true].btn-info, .show.btn-info {
1522
+ background-color: #234584;
1523
+ border-color: transparent;
1524
+ color: #fff;
1525
+ }
1494
1526
  .btn-warning {
1495
1527
  background-color: #b95000;
1496
1528
  border-color: #b95000;
@@ -1511,7 +1543,7 @@ input[type=button].btn-block {
1511
1543
  border-color: transparent;
1512
1544
  color: #fff;
1513
1545
  }
1514
- [aria-expanded=true].btn-warning, .active.btn-warning, .show.btn-warning, .show > .dropdown-toggle.btn-warning {
1546
+ .active.btn-warning {
1515
1547
  background-color: #863a00;
1516
1548
  border-color: transparent;
1517
1549
  color: #fff;
@@ -1521,6 +1553,16 @@ input[type=button].btn-block {
1521
1553
  border-color: #b95000;
1522
1554
  color: #fff;
1523
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
+ }
1524
1566
  .btn-danger {
1525
1567
  background-color: #da1414;
1526
1568
  border-color: #da1414;
@@ -1541,7 +1583,7 @@ input[type=button].btn-block {
1541
1583
  border-color: transparent;
1542
1584
  color: #fff;
1543
1585
  }
1544
- [aria-expanded=true].btn-danger, .active.btn-danger, .show.btn-danger, .show > .dropdown-toggle.btn-danger {
1586
+ .active.btn-danger {
1545
1587
  background-color: #ab1010;
1546
1588
  border-color: transparent;
1547
1589
  color: #fff;
@@ -1551,6 +1593,16 @@ input[type=button].btn-block {
1551
1593
  border-color: #da1414;
1552
1594
  color: #fff;
1553
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
+ }
1554
1606
  .btn-light {
1555
1607
  background-color: #f1f2f5;
1556
1608
  border-color: #f1f2f5;
@@ -1571,7 +1623,7 @@ input[type=button].btn-block {
1571
1623
  border-color: transparent;
1572
1624
  color: #272833;
1573
1625
  }
1574
- [aria-expanded=true].btn-light, .active.btn-light, .show.btn-light, .show > .dropdown-toggle.btn-light {
1626
+ .active.btn-light {
1575
1627
  background-color: #d3d6e0;
1576
1628
  border-color: transparent;
1577
1629
  color: #272833;
@@ -1581,6 +1633,16 @@ input[type=button].btn-block {
1581
1633
  border-color: #f1f2f5;
1582
1634
  color: #272833;
1583
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
+ }
1584
1646
  .btn-dark {
1585
1647
  background-color: #272833;
1586
1648
  border-color: #272833;
@@ -1601,7 +1663,7 @@ input[type=button].btn-block {
1601
1663
  border-color: transparent;
1602
1664
  color: #fff;
1603
1665
  }
1604
- [aria-expanded=true].btn-dark, .active.btn-dark, .show.btn-dark, .show > .dropdown-toggle.btn-dark {
1666
+ .active.btn-dark {
1605
1667
  background-color: #111116;
1606
1668
  border-color: transparent;
1607
1669
  color: #fff;
@@ -1611,6 +1673,16 @@ input[type=button].btn-block {
1611
1673
  border-color: #272833;
1612
1674
  color: #fff;
1613
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
+ }
1614
1686
  .btn-link {
1615
1687
  border-radius: 1px;
1616
1688
  box-shadow: [none];
@@ -1632,7 +1704,7 @@ input[type=button].btn-block {
1632
1704
  .btn-link:active:focus {
1633
1705
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
1634
1706
  }
1635
- [aria-expanded=true].btn-link, .active.btn-link, .show.btn-link, .show > .dropdown-toggle.btn-link {
1707
+ .active.btn-link {
1636
1708
  box-shadow: [none];
1637
1709
  }
1638
1710
  .btn-link:disabled, .disabled.btn-link {
@@ -1640,6 +1712,9 @@ input[type=button].btn-block {
1640
1712
  color: #0b5fff;
1641
1713
  text-decoration: none;
1642
1714
  }
1715
+ [aria-expanded=true].btn-link, .show.btn-link {
1716
+ box-shadow: [none];
1717
+ }
1643
1718
  .btn-outline-primary {
1644
1719
  border-color: #0b5fff;
1645
1720
  color: #0b5fff;
@@ -1658,7 +1733,7 @@ input[type=button].btn-block {
1658
1733
  border-color: #0b5fff;
1659
1734
  color: #0b5fff;
1660
1735
  }
1661
- [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 {
1662
1737
  background-color: #e6edf8;
1663
1738
  border-color: #0b5fff;
1664
1739
  color: #0b5fff;
@@ -1666,6 +1741,11 @@ input[type=button].btn-block {
1666
1741
  .btn-outline-primary:disabled, .disabled.btn-outline-primary {
1667
1742
  background-color: transparent;
1668
1743
  }
1744
+ [aria-expanded=true].btn-outline-primary, .show.btn-outline-primary {
1745
+ background-color: #e6edf8;
1746
+ border-color: #0b5fff;
1747
+ color: #0b5fff;
1748
+ }
1669
1749
  .btn-outline-secondary {
1670
1750
  border-color: #cdced9;
1671
1751
  color: #6b6c7e;
@@ -1685,7 +1765,7 @@ input[type=button].btn-block {
1685
1765
  border-color: transparent;
1686
1766
  color: #272833;
1687
1767
  }
1688
- [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 {
1689
1769
  background-color: rgba(39, 40, 51, 0.06);
1690
1770
  border-color: transparent;
1691
1771
  color: #272833;
@@ -1695,6 +1775,11 @@ input[type=button].btn-block {
1695
1775
  color: #6b6c7e;
1696
1776
  border-color: #6b6c7e;
1697
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
+ }
1698
1783
  .btn-outline-success {
1699
1784
  border-color: #287d3c;
1700
1785
  color: #287d3c;
@@ -1713,13 +1798,19 @@ input[type=button].btn-block {
1713
1798
  border-color: #287d3c;
1714
1799
  color: #fff;
1715
1800
  }
1716
- [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 {
1717
1802
  background-color: #1c5629;
1718
1803
  border-color: #287d3c;
1719
1804
  color: #fff;
1720
1805
  }
1721
1806
  .btn-outline-success:disabled, .disabled.btn-outline-success {
1722
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;
1723
1814
  }
1724
1815
  .btn-outline-info {
1725
1816
  border-color: #2e5aac;
@@ -1739,13 +1830,19 @@ input[type=button].btn-block {
1739
1830
  border-color: #2e5aac;
1740
1831
  color: #fff;
1741
1832
  }
1742
- [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 {
1743
1834
  background-color: #234584;
1744
1835
  border-color: #2e5aac;
1745
1836
  color: #fff;
1746
1837
  }
1747
1838
  .btn-outline-info:disabled, .disabled.btn-outline-info {
1748
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;
1749
1846
  }
1750
1847
  .btn-outline-warning {
1751
1848
  border-color: #b95000;
@@ -1765,13 +1862,19 @@ input[type=button].btn-block {
1765
1862
  border-color: #b95000;
1766
1863
  color: #fff;
1767
1864
  }
1768
- [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 {
1769
1866
  background-color: #863a00;
1770
1867
  border-color: #b95000;
1771
1868
  color: #fff;
1772
1869
  }
1773
1870
  .btn-outline-warning:disabled, .disabled.btn-outline-warning {
1774
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;
1775
1878
  }
1776
1879
  .btn-outline-danger {
1777
1880
  border-color: #da1414;
@@ -1787,15 +1890,23 @@ input[type=button].btn-block {
1787
1890
  color: #fff;
1788
1891
  }
1789
1892
  .btn-outline-danger:active {
1893
+ background-color: #ab1010;
1790
1894
  border-color: #da1414;
1791
1895
  color: #fff;
1792
1896
  }
1793
- [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;
1794
1899
  border-color: #da1414;
1795
1900
  color: #fff;
1796
1901
  }
1797
1902
  .btn-outline-danger:disabled, .disabled.btn-outline-danger {
1798
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;
1799
1910
  }
1800
1911
  .btn-outline-light {
1801
1912
  border-color: #f1f2f5;
@@ -1815,13 +1926,19 @@ input[type=button].btn-block {
1815
1926
  border-color: #f1f2f5;
1816
1927
  color: #272833;
1817
1928
  }
1818
- [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 {
1819
1930
  background-color: #d3d6e0;
1820
1931
  border-color: #f1f2f5;
1821
1932
  color: #272833;
1822
1933
  }
1823
1934
  .btn-outline-light:disabled, .disabled.btn-outline-light {
1824
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;
1825
1942
  }
1826
1943
  .btn-outline-dark {
1827
1944
  border-color: #272833;
@@ -1841,13 +1958,19 @@ input[type=button].btn-block {
1841
1958
  border-color: #272833;
1842
1959
  color: #fff;
1843
1960
  }
1844
- [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 {
1845
1962
  background-color: #111116;
1846
1963
  border-color: #272833;
1847
1964
  color: #fff;
1848
1965
  }
1849
1966
  .btn-outline-dark:disabled, .disabled.btn-outline-dark {
1850
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;
1851
1974
  }
1852
1975
  .btn-outline-borderless {
1853
1976
  border-color: transparent;
@@ -3167,6 +3290,7 @@ input[type=button].btn-block {
3167
3290
  margin-bottom: 1rem;
3168
3291
  padding: 0.9375rem 1rem;
3169
3292
  position: relative;
3293
+ white-space: normal;
3170
3294
  overflow-wrap: break-word;
3171
3295
  word-wrap: break-word;
3172
3296
  }
@@ -3582,7 +3706,11 @@ input[type=button].btn-block {
3582
3706
  background-color: #0053f1;
3583
3707
  border-color: #0053f1;
3584
3708
  }
3585
- .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 {
3586
3714
  background-color: #0053f1;
3587
3715
  border-color: #0053f1;
3588
3716
  }
@@ -3617,7 +3745,11 @@ input[type=button].btn-block {
3617
3745
  background-color: #5f6070;
3618
3746
  border-color: #5f6070;
3619
3747
  }
3620
- .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 {
3621
3753
  background-color: #5f6070;
3622
3754
  border-color: #5f6070;
3623
3755
  }
@@ -3652,7 +3784,11 @@ input[type=button].btn-block {
3652
3784
  background-color: #226a33;
3653
3785
  border-color: #226a33;
3654
3786
  }
3655
- .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 {
3656
3792
  background-color: #226a33;
3657
3793
  border-color: #226a33;
3658
3794
  }
@@ -3687,7 +3823,11 @@ input[type=button].btn-block {
3687
3823
  background-color: #294f98;
3688
3824
  border-color: #294f98;
3689
3825
  }
3690
- .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 {
3691
3831
  background-color: #294f98;
3692
3832
  border-color: #294f98;
3693
3833
  }
@@ -3722,7 +3862,11 @@ input[type=button].btn-block {
3722
3862
  background-color: #a04500;
3723
3863
  border-color: #a04500;
3724
3864
  }
3725
- .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 {
3726
3870
  background-color: #a04500;
3727
3871
  border-color: #a04500;
3728
3872
  }
@@ -3757,7 +3901,11 @@ input[type=button].btn-block {
3757
3901
  background-color: #c31212;
3758
3902
  border-color: #c31212;
3759
3903
  }
3760
- .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 {
3761
3909
  background-color: #c31212;
3762
3910
  border-color: #c31212;
3763
3911
  }
@@ -3792,7 +3940,11 @@ input[type=button].btn-block {
3792
3940
  background-color: #1c1d25;
3793
3941
  border-color: #1c1d25;
3794
3942
  }
3795
- .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 {
3796
3948
  background-color: #1c1d25;
3797
3949
  border-color: #1c1d25;
3798
3950
  }
@@ -3824,7 +3976,11 @@ input[type=button].btn-block {
3824
3976
  background-color: #1c1d25;
3825
3977
  border-color: #1c1d25;
3826
3978
  }
3827
- .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 {
3828
3984
  background-color: #1c1d25;
3829
3985
  border-color: #1c1d25;
3830
3986
  }
@@ -4274,18 +4430,18 @@ input[type=button].btn-block {
4274
4430
  }
4275
4431
 
4276
4432
  .dropdown-toggle-split {
4277
- padding-left: 0.703125rem;
4278
- padding-right: 0.703125rem;
4433
+ padding-left: calc(0.9375rem * 0.75);
4434
+ padding-right: calc(0.9375rem * 0.75);
4279
4435
  }
4280
4436
 
4281
4437
  .btn-sm + .dropdown-toggle-split {
4282
- padding-right: 0.5625rem;
4283
- padding-left: 0.5625rem;
4438
+ padding-right: calc(0.75rem * 0.75);
4439
+ padding-left: calc(0.75rem * 0.75);
4284
4440
  }
4285
4441
 
4286
4442
  .btn-lg + .dropdown-toggle-split {
4287
- padding-right: 1.125rem;
4288
- padding-left: 1.125rem;
4443
+ padding-right: calc(1.5rem * 0.75);
4444
+ padding-left: calc(1.5rem * 0.75);
4289
4445
  }
4290
4446
 
4291
4447
  .btn-group-vertical {
@@ -5569,31 +5725,22 @@ input[type=button].btn-block {
5569
5725
  margin-top: 0;
5570
5726
  padding-left: 0;
5571
5727
  }
5572
- .form-check-card .card {
5573
- margin-bottom: 0;
5574
- }
5575
- .form-check-card .custom-control {
5576
- display: inline;
5577
- margin-right: 0;
5578
- position: static;
5579
- }
5580
- .form-check-card .custom-control > label {
5581
- font-weight: 400;
5582
- padding-left: 0;
5728
+ .form-check-card:hover .card {
5729
+ box-shadow: 0 0 0 2px #80acff;
5583
5730
  }
5584
- .form-check-card .custom-control-input {
5585
- z-index: 2;
5731
+ .form-check-card.active .card {
5732
+ box-shadow: 0 0 0 2px #80acff;
5586
5733
  }
5587
- .form-check-card .custom-control-label {
5588
- position: absolute;
5589
- z-index: 1;
5734
+ .form-check-card.checked .card {
5735
+ box-shadow: 0 0 0 2px #80acff;
5590
5736
  }
5591
- .form-check-card .custom-control-label::before, .form-check-card .custom-control-label::after {
5592
- top: 0;
5737
+ .form-check-card .card {
5738
+ margin-bottom: 0;
5593
5739
  }
5594
5740
  .form-check-card .form-check-input {
5595
5741
  margin-left: 0;
5596
5742
  margin-top: 0;
5743
+ opacity: 0;
5597
5744
  position: absolute;
5598
5745
  z-index: 1;
5599
5746
  }
@@ -5604,21 +5751,35 @@ input[type=button].btn-block {
5604
5751
  padding-left: 0;
5605
5752
  position: static;
5606
5753
  }
5607
- .form-check-card.active .card,
5608
- .form-check-card .custom-control-input:checked ~ .card,
5609
- .form-check-card .form-check-input:checked ~ .card {
5610
- box-shadow: 0 0 0 2px #80acff;
5754
+ .form-check-card .custom-control {
5755
+ display: inline;
5756
+ margin-right: 0;
5757
+ position: static;
5611
5758
  }
5612
-
5613
- .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 {
5614
5778
  box-shadow: 0 0 0 2px #80acff;
5615
5779
  }
5616
-
5617
- .custom-control-input:hover ~ .card,
5618
- .form-check-input:hover ~ .card {
5780
+ .form-check-card .form-check-input:checked ~ .card {
5619
5781
  box-shadow: 0 0 0 2px #80acff;
5620
5782
  }
5621
-
5622
5783
  .form-check-bottom-left .card-horizontal > .card-body,
5623
5784
  .form-check-middle-left .card-horizontal > .card-body,
5624
5785
  .form-check-top-left .card-horizontal > .card-body {
@@ -5631,69 +5792,137 @@ input[type=button].btn-block {
5631
5792
  padding-right: 50px;
5632
5793
  }
5633
5794
 
5634
- .form-check-bottom-left .custom-control-input,
5635
- .form-check-bottom-left .custom-control-label,
5636
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 {
5637
5810
  bottom: 1rem;
5638
5811
  left: 1rem;
5639
5812
  top: auto;
5640
5813
  transform: none;
5641
5814
  }
5642
-
5643
- .form-check-bottom-right .custom-control-input,
5644
- .form-check-bottom-right .custom-control-label,
5645
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 {
5646
5832
  bottom: 1rem;
5647
5833
  left: auto;
5648
5834
  right: 1rem;
5649
5835
  top: auto;
5650
5836
  transform: none;
5651
5837
  }
5652
-
5653
- .form-check-middle-left .custom-control-input,
5654
- .form-check-middle-left .custom-control-label,
5655
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 {
5656
5853
  left: 1rem;
5657
5854
  margin-top: 0;
5658
5855
  top: 50%;
5659
5856
  transform: translateY(-50%);
5660
5857
  }
5661
-
5662
- .form-check-middle-right .custom-control-input,
5663
- .form-check-middle-right .custom-control-label,
5664
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 {
5665
5875
  left: auto;
5666
5876
  margin-top: 0;
5667
5877
  right: 1rem;
5668
5878
  top: 50%;
5669
5879
  transform: translateY(-50%);
5670
5880
  }
5671
-
5672
- .form-check-top-left .custom-control-input,
5673
- .form-check-top-left .custom-control-label,
5674
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 {
5675
5894
  left: 1rem;
5676
5895
  top: 1rem;
5677
5896
  transform: none;
5678
5897
  }
5679
-
5680
- .form-check-top-right .custom-control-input,
5681
- .form-check-top-right .custom-control-label,
5682
5898
  .form-check-top-right .form-check-input {
5683
5899
  left: auto;
5900
+ opacity: 1;
5684
5901
  right: 1rem;
5685
5902
  top: 1rem;
5686
5903
  transform: none;
5687
5904
  }
5688
-
5689
- .card-page.card-page-equal-height .card-page-item,
5690
- .card-page.card-page-equal-height .card-page-item-asset,
5691
- .card-page.card-page-equal-height .card-page-item-directory {
5692
- display: flex;
5693
- flex-direction: column;
5694
- }
5695
- .card-page.card-page-equal-height .form-check-card {
5696
- display: flex;
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;
5923
+ }
5924
+ .card-page.card-page-equal-height .form-check-card {
5925
+ display: flex;
5697
5926
  flex-direction: column;
5698
5927
  flex-grow: 1;
5699
5928
  }
@@ -6106,7 +6335,6 @@ input[type=button].btn-block {
6106
6335
  position: relative;
6107
6336
  text-align: inherit;
6108
6337
  transition: none;
6109
- white-space: normal;
6110
6338
  width: 100%;
6111
6339
  overflow-wrap: break-word;
6112
6340
  word-wrap: break-word;
@@ -6185,6 +6413,23 @@ input[type=button].btn-block {
6185
6413
  margin-top: -0.5rem;
6186
6414
  width: auto;
6187
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
+ }
6188
6433
  .dropdown-item .c-kbd-inline {
6189
6434
  line-height: 1.3125rem;
6190
6435
  color: #a7a9bc;
@@ -6663,6 +6908,10 @@ input[type=button].btn-block {
6663
6908
  }
6664
6909
  }
6665
6910
 
6911
+ .dropdown-menu-width-shrink {
6912
+ min-width: 0;
6913
+ white-space: nowrap;
6914
+ }
6666
6915
  .dropdown-menu-width-full {
6667
6916
  left: 12px !important;
6668
6917
  right: 12px !important;
@@ -7248,8 +7497,25 @@ select.form-control[size] {
7248
7497
  select.form-control[size]:focus, select.form-control[size].focus {
7249
7498
  background-image: none;
7250
7499
  }
7500
+ select.form-control[size]:focus > option:checked, select.form-control[size].focus > option:checked {
7501
+ background-image: linear-gradient(#ffa700, #ffa700);
7502
+ color: #fff;
7503
+ filter: invert(100%);
7504
+ }
7251
7505
  select.form-control[size] option {
7252
- padding: 0.25rem 0.5rem;
7506
+ padding: 0.4375rem 0.5rem;
7507
+ }
7508
+ select.form-control[size] option:checked {
7509
+ background-image: linear-gradient(#e7e7ed, #e7e7ed);
7510
+ }
7511
+ @-moz-document url-prefix() {
7512
+ select.form-control[size]:focus > option:checked, select.form-control[size].focus > option:checked {
7513
+ background-image: linear-gradient(#004ad7, #004ad7);
7514
+ filter: invert(0);
7515
+ }
7516
+ select.form-control[size] option {
7517
+ padding: 0.40625rem 0.5rem;
7518
+ }
7253
7519
  }
7254
7520
 
7255
7521
  select.form-control[multiple] {
@@ -7263,8 +7529,25 @@ select.form-control[multiple] {
7263
7529
  select.form-control[multiple]:focus, select.form-control[multiple].focus {
7264
7530
  background-image: none;
7265
7531
  }
7532
+ select.form-control[multiple]:focus > option:checked, select.form-control[multiple].focus > option:checked {
7533
+ background-image: linear-gradient(#ffa700, #ffa700);
7534
+ color: #fff;
7535
+ filter: invert(100%);
7536
+ }
7266
7537
  select.form-control[multiple] option {
7267
- padding: 0.25rem 0.5rem;
7538
+ padding: 0.4375rem 0.5rem;
7539
+ }
7540
+ select.form-control[multiple] option:checked {
7541
+ background-image: linear-gradient(#e7e7ed, #e7e7ed);
7542
+ }
7543
+ @-moz-document url-prefix() {
7544
+ select.form-control[multiple]:focus > option:checked, select.form-control[multiple].focus > option:checked {
7545
+ background-image: linear-gradient(#004ad7, #004ad7);
7546
+ filter: invert(0);
7547
+ }
7548
+ select.form-control[multiple] option {
7549
+ padding: 0.40625rem 0.5rem;
7550
+ }
7268
7551
  }
7269
7552
 
7270
7553
  textarea.form-control,
@@ -7736,6 +8019,9 @@ button.link-outline {
7736
8019
  .link-outline:hover {
7737
8020
  text-decoration: none;
7738
8021
  }
8022
+ .link-outline:disabled:active, .link-outline.disabled:active {
8023
+ pointer-events: none;
8024
+ }
7739
8025
  .link-outline > .c-inner {
7740
8026
  margin-bottom: -0.4375rem;
7741
8027
  margin-left: -0.75rem;
@@ -7777,7 +8063,7 @@ button.link-outline {
7777
8063
  .link-outline-primary[type]:focus {
7778
8064
  outline: 0;
7779
8065
  }
7780
- .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 {
7781
8067
  background-color: #e6edf8;
7782
8068
  color: #0b5fff;
7783
8069
  }
@@ -7812,7 +8098,7 @@ button.link-outline {
7812
8098
  .link-outline-secondary[type]:focus {
7813
8099
  outline: 0;
7814
8100
  }
7815
- .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 {
7816
8102
  background-color: rgba(39, 40, 51, 0.06);
7817
8103
  color: #272833;
7818
8104
  }
@@ -7939,10 +8225,13 @@ button.link-outline {
7939
8225
  opacity: 0.4;
7940
8226
  box-shadow: none;
7941
8227
  }
8228
+ .component-action:disabled:active, .component-action.disabled:active {
8229
+ pointer-events: none;
8230
+ }
7942
8231
  .component-action[type]:focus {
7943
8232
  outline: 0;
7944
8233
  }
7945
- .component-action[aria-expanded=true], .component-action.show, .show > .component-action {
8234
+ .component-action[aria-expanded=true], .component-action.show {
7946
8235
  background-color: rgba(39, 40, 51, 0.06);
7947
8236
  color: #272833;
7948
8237
  }
@@ -8310,7 +8599,7 @@ button.link-outline {
8310
8599
  .clay-color-dropdown-menu .close:active {
8311
8600
  background-color: rgba(39, 40, 51, 0.06);
8312
8601
  }
8313
- .show > .clay-color-dropdown-menu .close, .clay-color-dropdown-menu .close.active {
8602
+ .clay-color-dropdown-menu .close.active {
8314
8603
  background-color: rgba(39, 40, 51, 0.06);
8315
8604
  }
8316
8605
  .clay-color-dropdown-menu .close:disabled, .clay-color-dropdown-menu .close.disabled {
@@ -8346,7 +8635,10 @@ button.link-outline {
8346
8635
  .clay-color-btn:active {
8347
8636
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
8348
8637
  }
8349
- .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 {
8350
8642
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
8351
8643
  }
8352
8644
  .clay-color-btn .c-inner {
@@ -9117,7 +9409,6 @@ label.custom-control-label {
9117
9409
  padding-right: 0.25rem;
9118
9410
  background-color: transparent;
9119
9411
  }
9120
-
9121
9412
  .date-picker-dropdown-menu {
9122
9413
  max-height: none;
9123
9414
  max-width: 368px;
@@ -9156,7 +9447,7 @@ label.custom-control-label {
9156
9447
  .date-picker-nav .nav-btn:active:focus {
9157
9448
  box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.25);
9158
9449
  }
9159
- .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 {
9160
9451
  background-color: #f1f2f5;
9161
9452
  }
9162
9453
  .date-picker-nav .nav-btn:disabled, .date-picker-nav .nav-btn.disabled {
@@ -9164,6 +9455,9 @@ label.custom-control-label {
9164
9455
  box-shadow: none;
9165
9456
  color: #a7a9bc;
9166
9457
  }
9458
+ .date-picker-nav .nav-btn[aria-expanded=true], .date-picker-nav .nav-btn.show {
9459
+ background-color: #f1f2f5;
9460
+ }
9167
9461
  .date-picker-nav .nav-btn-monospaced {
9168
9462
  margin-bottom: 0;
9169
9463
  margin-top: 0;
@@ -9339,7 +9633,7 @@ label.custom-control-label {
9339
9633
  .date-picker-date:active:focus {
9340
9634
  box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.25);
9341
9635
  }
9342
- .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 {
9343
9637
  background-color: #0b5fff;
9344
9638
  color: #fff;
9345
9639
  }
@@ -9348,6 +9642,10 @@ label.custom-control-label {
9348
9642
  box-shadow: none;
9349
9643
  color: #a7a9bc;
9350
9644
  }
9645
+ .date-picker-date[aria-expanded=true], .date-picker-date.show {
9646
+ background-color: #0b5fff;
9647
+ color: #fff;
9648
+ }
9351
9649
  .previous-month-date {
9352
9650
  color: #a7a9bc;
9353
9651
  }
@@ -9355,7 +9653,11 @@ label.custom-control-label {
9355
9653
  background-color: #b3cdff;
9356
9654
  color: #f0f5ff;
9357
9655
  }
9358
- .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 {
9359
9661
  background-color: #b3cdff;
9360
9662
  color: #f0f5ff;
9361
9663
  }
@@ -9366,7 +9668,11 @@ label.custom-control-label {
9366
9668
  background-color: #b3cdff;
9367
9669
  color: #f0f5ff;
9368
9670
  }
9369
- .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 {
9370
9676
  background-color: #b3cdff;
9371
9677
  color: #f0f5ff;
9372
9678
  }
@@ -9606,6 +9912,7 @@ label.custom-control-label {
9606
9912
 
9607
9913
  .form-feedback-group {
9608
9914
  width: 100%;
9915
+ overflow-wrap: break-word;
9609
9916
  word-wrap: break-word;
9610
9917
  }
9611
9918
 
@@ -9613,6 +9920,7 @@ label.custom-control-label {
9613
9920
  font-size: 0.875rem;
9614
9921
  font-weight: 600;
9615
9922
  margin-top: 0.25rem;
9923
+ overflow-wrap: break-word;
9616
9924
  word-wrap: break-word;
9617
9925
  }
9618
9926
 
@@ -9630,6 +9938,7 @@ label.custom-control-label {
9630
9938
  font-size: 0.875rem;
9631
9939
  font-weight: 600;
9632
9940
  margin-top: 0.25rem;
9941
+ overflow-wrap: break-word;
9633
9942
  word-wrap: break-word;
9634
9943
  }
9635
9944
 
@@ -9695,23 +10004,26 @@ label.custom-control-label {
9695
10004
  .has-error .input-group-item.focus {
9696
10005
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
9697
10006
  }
9698
- .has-error .input-group-item.focus .form-control,
9699
- .has-error .input-group-item.focus .input-group-inset-item {
10007
+ .has-error .input-group-item.focus .input-group-inset {
9700
10008
  background-color: #feefef;
9701
10009
  border-color: #f48989;
9702
10010
  }
9703
- .has-error .input-group-item .input-group-inset:focus {
9704
- box-shadow: none;
9705
- }
9706
- .has-error .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
10011
+ .has-error .input-group-item.focus .input-group-inset ~ .input-group-inset-item {
9707
10012
  background-color: #feefef;
9708
10013
  border-color: #f48989;
9709
10014
  }
9710
- .has-error .input-group .input-group-inset-item {
10015
+ .has-error .input-group-item .input-group-inset ~ .input-group-inset-item {
9711
10016
  background-color: #feefef;
9712
10017
  border-color: #f48989;
9713
10018
  box-shadow: 0 0 rgba(0, 0, 0, 0);
9714
10019
  }
10020
+ .has-error .input-group-item .input-group-inset:focus {
10021
+ box-shadow: none;
10022
+ }
10023
+ .has-error .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
10024
+ background-color: #feefef;
10025
+ border-color: #f48989;
10026
+ }
9715
10027
 
9716
10028
  .has-warning .custom-control-label,
9717
10029
  .has-warning .form-check-label {
@@ -9751,23 +10063,26 @@ label.custom-control-label {
9751
10063
  .has-warning .input-group-item.focus {
9752
10064
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
9753
10065
  }
9754
- .has-warning .input-group-item.focus .form-control,
9755
- .has-warning .input-group-item.focus .input-group-inset-item {
10066
+ .has-warning .input-group-item.focus .input-group-inset {
9756
10067
  background-color: #fff4ec;
9757
10068
  border-color: #ff8f39;
9758
10069
  }
9759
- .has-warning .input-group-item .input-group-inset:focus {
9760
- box-shadow: none;
9761
- }
9762
- .has-warning .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
10070
+ .has-warning .input-group-item.focus .input-group-inset ~ .input-group-inset-item {
9763
10071
  background-color: #fff4ec;
9764
10072
  border-color: #ff8f39;
9765
10073
  }
9766
- .has-warning .input-group .input-group-inset-item {
10074
+ .has-warning .input-group-item .input-group-inset ~ .input-group-inset-item {
9767
10075
  background-color: #fff4ec;
9768
10076
  border-color: #ff8f39;
9769
10077
  box-shadow: 0 0 rgba(0, 0, 0, 0);
9770
10078
  }
10079
+ .has-warning .input-group-item .input-group-inset:focus {
10080
+ box-shadow: none;
10081
+ }
10082
+ .has-warning .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
10083
+ background-color: #fff4ec;
10084
+ border-color: #ff8f39;
10085
+ }
9771
10086
 
9772
10087
  .has-success .custom-control-label,
9773
10088
  .has-success .form-check-label {
@@ -9807,23 +10122,26 @@ label.custom-control-label {
9807
10122
  .has-success .input-group-item.focus {
9808
10123
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
9809
10124
  }
9810
- .has-success .input-group-item.focus .form-control,
9811
- .has-success .input-group-item.focus .input-group-inset-item {
10125
+ .has-success .input-group-item.focus .input-group-inset {
9812
10126
  background-color: #edf9f0;
9813
10127
  border-color: #5aca75;
9814
10128
  }
9815
- .has-success .input-group-item .input-group-inset:focus {
9816
- box-shadow: none;
9817
- }
9818
- .has-success .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
10129
+ .has-success .input-group-item.focus .input-group-inset ~ .input-group-inset-item {
9819
10130
  background-color: #edf9f0;
9820
10131
  border-color: #5aca75;
9821
10132
  }
9822
- .has-success .input-group .input-group-inset-item {
10133
+ .has-success .input-group-item .input-group-inset ~ .input-group-inset-item {
9823
10134
  background-color: #edf9f0;
9824
10135
  border-color: #5aca75;
9825
10136
  box-shadow: 0 0 rgba(0, 0, 0, 0);
9826
10137
  }
10138
+ .has-success .input-group-item .input-group-inset:focus {
10139
+ box-shadow: none;
10140
+ }
10141
+ .has-success .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
10142
+ background-color: #edf9f0;
10143
+ border-color: #5aca75;
10144
+ }
9827
10145
 
9828
10146
  .input-group > .form-control,
9829
10147
  .input-group > .form-control-plaintext,
@@ -9941,15 +10259,36 @@ label.custom-control-label {
9941
10259
  .input-group .btn-unstyled {
9942
10260
  color: inherit;
9943
10261
  }
9944
-
9945
10262
  .input-group-item {
9946
10263
  display: flex;
9947
10264
  flex-grow: 1;
9948
10265
  flex-wrap: wrap;
9949
10266
  margin-left: 0.5rem;
9950
10267
  width: 1%;
10268
+ overflow-wrap: break-word;
9951
10269
  word-wrap: break-word;
9952
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
+ }
9953
10292
  .input-group-item:first-child {
9954
10293
  margin-left: 0;
9955
10294
  }
@@ -9959,25 +10298,24 @@ label.custom-control-label {
9959
10298
  .input-group-item > .dropdown {
9960
10299
  display: flex;
9961
10300
  flex-wrap: wrap;
10301
+ overflow-wrap: break-word;
9962
10302
  word-wrap: break-word;
9963
10303
  width: 100%;
9964
10304
  }
9965
-
9966
10305
  .input-group-item-shrink {
9967
10306
  flex-grow: 0;
9968
10307
  width: auto;
9969
10308
  }
9970
-
9971
10309
  .input-group-text {
9972
10310
  align-items: center;
9973
10311
  background-color: #e7e7ed;
9974
- border-color: #e7e7ed;
9975
- border-style: solid;
9976
10312
  border-bottom-width: 0.0625rem;
10313
+ border-color: #e7e7ed;
9977
10314
  border-left-width: 0.0625rem;
10315
+ border-radius: 0.25rem;
9978
10316
  border-right-width: 0.0625rem;
10317
+ border-style: solid;
9979
10318
  border-top-width: 0.0625rem;
9980
- border-radius: 0.25rem;
9981
10319
  color: #6b6c7e;
9982
10320
  display: flex;
9983
10321
  font-size: 1rem;
@@ -9997,18 +10335,19 @@ label.custom-control-label {
9997
10335
  .input-group-text label {
9998
10336
  color: #6b6c7e;
9999
10337
  }
10000
- .input-group-text input[type=radio],
10001
- .input-group-text input[type=checkbox] {
10002
- margin-top: 0;
10338
+ .input-group-text .custom-control {
10339
+ margin-bottom: 0;
10003
10340
  }
10004
- .input-group-text .custom-control,
10005
10341
  .input-group-text .form-check {
10006
10342
  margin-bottom: 0;
10007
10343
  }
10344
+ .input-group-text .form-check input[type=radio],
10345
+ .input-group-text .form-check input[type=checkbox] {
10346
+ margin-top: 0;
10347
+ }
10008
10348
  .input-group-text .lexicon-icon {
10009
10349
  margin-top: 0;
10010
10350
  }
10011
-
10012
10351
  .input-group-text-secondary {
10013
10352
  background-color: #fff;
10014
10353
  border-color: #cdced9;
@@ -10019,7 +10358,6 @@ label.custom-control-label {
10019
10358
  .input-group-text-secondary label {
10020
10359
  color: #6b6c7e;
10021
10360
  }
10022
-
10023
10361
  @media (max-width: 575.98px) {
10024
10362
  .input-group-stacked-sm-down > .input-group-item {
10025
10363
  margin-bottom: 0.5rem;
@@ -10034,6 +10372,17 @@ label.custom-control-label {
10034
10372
 
10035
10373
  .input-group-lg > .input-group-item > .btn {
10036
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;
10037
10386
  }
10038
10387
  .input-group-lg > .input-group-item > .btn .inline-item {
10039
10388
  font-size: 1.125rem;
@@ -10046,7 +10395,17 @@ label.custom-control-label {
10046
10395
  line-height: 1;
10047
10396
  width: 3rem;
10048
10397
  }
10049
- .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
+ }
10050
10409
  .input-group-lg > .input-group-item > .form-file .btn {
10051
10410
  border-radius: 0.375rem;
10052
10411
  font-size: 1.125rem;
@@ -10057,6 +10416,12 @@ label.custom-control-label {
10057
10416
  padding-right: 1rem;
10058
10417
  padding-top: 0.4375rem;
10059
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
+ }
10060
10425
  .input-group-lg > .input-group-item > textarea.form-control,
10061
10426
  .input-group-lg > .input-group-item > .form-control-textarea {
10062
10427
  height: 120px;
@@ -10076,25 +10441,39 @@ label.custom-control-label {
10076
10441
  padding-left: 1rem;
10077
10442
  padding-right: 1rem;
10078
10443
  }
10079
- .input-group-lg > .input-group-item > .input-group-inset-item > .form-file {
10080
- height: 75%;
10081
- }
10082
10444
  .input-group-lg > .input-group-item > .input-group-inset-item > .form-file .btn {
10083
- height: 100%;
10084
- line-height: 1;
10085
- padding-bottom: 0;
10086
- padding-left: 0.75rem;
10087
- padding-right: 0.75rem;
10088
- 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;
10089
10453
  }
10090
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 {
10091
10461
  margin-bottom: 0;
10092
- margin-left: -0.75rem;
10093
- margin-right: -0.75rem;
10094
10462
  margin-top: 0;
10095
10463
  }
10096
10464
  .form-group-sm .input-group > .input-group-item > .btn, .input-group-sm > .input-group-item > .btn {
10097
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;
10098
10477
  }
10099
10478
  .form-group-sm .input-group > .input-group-item > .btn .btn-section, .input-group-sm > .input-group-item > .btn .btn-section {
10100
10479
  font-size: 0.5625rem;
@@ -10104,30 +10483,49 @@ label.custom-control-label {
10104
10483
  line-height: 1;
10105
10484
  width: 2rem;
10106
10485
  }
10107
- .form-group-sm .input-group > .input-group-item > .form-control, .input-group-sm > .input-group-item > .form-control,
10108
- .form-group-sm .input-group > .input-group-item > .form-file .btn,
10109
- .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 {
10110
10487
  border-radius: 0.25rem;
10111
10488
  font-size: 0.875rem;
10112
- height: 2rem;
10489
+ height: auto;
10113
10490
  line-height: 1.5;
10114
- padding-bottom: 0.25rem;
10491
+ min-height: 2rem;
10492
+ padding-bottom: 0;
10115
10493
  padding-left: 0.75rem;
10116
10494
  padding-right: 0.75rem;
10117
- padding-top: 0.25rem;
10495
+ padding-top: 0;
10118
10496
  }
10119
- .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;
10120
10503
  font-size: 0.875rem;
10121
10504
  height: 2rem;
10122
10505
  line-height: 1.5;
10123
10506
  padding-bottom: 0.25rem;
10507
+ padding-left: 0.75rem;
10508
+ padding-right: 0.75rem;
10124
10509
  padding-top: 0.25rem;
10125
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
+ }
10126
10517
  .form-group-sm .input-group > .input-group-item > textarea.form-control, .input-group-sm > .input-group-item > textarea.form-control,
10127
10518
  .form-group-sm .input-group > .input-group-item > .form-control-textarea,
10128
10519
  .input-group-sm > .input-group-item > .form-control-textarea {
10129
10520
  height: 80px;
10130
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
+ }
10131
10529
  .form-group-sm .input-group > .input-group-item > .input-group-text, .input-group-sm > .input-group-item > .input-group-text {
10132
10530
  border-radius: 0.25rem;
10133
10531
  font-size: 0.875rem;
@@ -10155,61 +10553,39 @@ label.custom-control-label {
10155
10553
  margin-right: 0.25rem;
10156
10554
  width: 1.5rem;
10157
10555
  }
10158
- .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 {
10159
- height: 75%;
10160
- }
10161
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 {
10162
- height: 100%;
10163
- line-height: 1;
10164
- padding-bottom: 0;
10165
- padding-left: 0.5rem;
10166
- padding-right: 0.5rem;
10167
- padding-top: 0;
10557
+ border-radius: 0.25rem;
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;
10168
10565
  }
10169
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 {
10170
- margin-bottom: 0;
10171
- margin-left: -0.5rem;
10172
- margin-right: -0.5rem;
10173
- margin-top: 0;
10567
+ margin-bottom: -0.25rem;
10568
+ margin-left: -0.75rem;
10569
+ margin-right: -0.75rem;
10570
+ margin-top: -0.25rem;
10174
10571
  }
10175
- .input-group-item.focus {
10176
- border-radius: 0.25rem;
10177
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
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;
10575
+ }
10576
+ .input-group-inset {
10577
+ flex-grow: 1;
10578
+ order: 5;
10579
+ width: 1%;
10580
+ }
10581
+ .input-group-inset:focus, .input-group-inset.focus {
10582
+ box-shadow: none;
10178
10583
  }
10179
- .input-group-item.focus .form-control,
10180
- .input-group-item.focus .form-control[readonly] ~ .input-group-inset-item,
10181
- .input-group-item.focus .input-group-inset-item {
10584
+ .input-group-inset:focus ~ .input-group-inset-item, .input-group-inset.focus ~ .input-group-inset-item {
10182
10585
  background-color: #f0f5ff;
10183
10586
  border-color: #80acff;
10184
10587
  }
10185
-
10186
- .input-group-item.input-group-prepend.focus {
10187
- border-bottom-right-radius: 0;
10188
- border-top-right-radius: 0;
10189
- z-index: 1;
10190
- }
10191
-
10192
- .input-group-item.input-group-append.focus {
10193
- border-bottom-left-radius: 0;
10194
- border-top-left-radius: 0;
10195
- }
10196
-
10197
- .input-group-inset {
10198
- flex-grow: 1;
10199
- order: 5;
10200
- width: 1%;
10201
- }
10202
- .input-group-inset[readonly] ~ .input-group-inset-item {
10203
- background-color: #fff;
10204
- }
10205
- .input-group-inset:focus {
10206
- box-shadow: none;
10207
- }
10208
- .input-group-inset:focus ~ .input-group-inset-item {
10209
- background-color: #f0f5ff;
10210
- border-color: #80acff;
10211
- }
10212
- .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 {
10213
10589
  background-color: #f1f2f5;
10214
10590
  border-color: #f1f2f5;
10215
10591
  }
@@ -10217,6 +10593,9 @@ label.custom-control-label {
10217
10593
  order: 13;
10218
10594
  }
10219
10595
 
10596
+ .input-group-inset[readonly] ~ .input-group-inset-item {
10597
+ background-color: #fff;
10598
+ }
10220
10599
  .input-group .input-group-inset-item {
10221
10600
  align-items: center;
10222
10601
  background-color: #f1f2f5;
@@ -11555,21 +11934,25 @@ label.custom-control-label {
11555
11934
  }
11556
11935
 
11557
11936
  .multi-step-indicator-label-bottom .multi-step-item {
11558
- padding-bottom: 1.3125rem;
11937
+ padding-bottom: calc(
11938
+ 0.875rem * 1.5
11939
+ );
11559
11940
  }
11560
11941
  .multi-step-indicator-label-bottom .multi-step-indicator-label {
11561
11942
  top: 2rem;
11562
11943
  }
11563
11944
 
11564
11945
  .multi-step-indicator-label-top .multi-step-item {
11565
- padding-top: 1.3125rem;
11946
+ padding-top: calc(
11947
+ 0.875rem * 1.5
11948
+ );
11566
11949
  }
11567
11950
  .multi-step-indicator-label-top .multi-step-indicator-label {
11568
- bottom: 2.25rem;
11951
+ bottom: calc(2rem + 0.25rem);
11569
11952
  }
11570
11953
 
11571
11954
  .multi-step-title-center .multi-step-title {
11572
- margin-left: 1rem;
11955
+ margin-left: calc(2rem * 0.5);
11573
11956
  max-width: 100px;
11574
11957
  overflow: hidden;
11575
11958
  position: relative;
@@ -11792,7 +12175,10 @@ label.custom-control-label {
11792
12175
  .multi-step-nav-collapse-sm .multi-step-item {
11793
12176
  margin-bottom: 0;
11794
12177
  min-width: 2rem;
11795
- padding-top: 1.625rem;
12178
+ padding-top: calc(
12179
+ 0.875rem + 0.625rem +
12180
+ (0.25rem * 0.5)
12181
+ );
11796
12182
  }
11797
12183
  .multi-step-nav-collapse-sm .multi-step-title {
11798
12184
  display: none;
@@ -11831,6 +12217,9 @@ label.custom-control-label {
11831
12217
  cursor: not-allowed;
11832
12218
  box-shadow: none;
11833
12219
  }
12220
+ .nav-link:disabled:active, .nav-link.disabled:active {
12221
+ pointer-events: none;
12222
+ }
11834
12223
  .nav-link > .c-inner {
11835
12224
  margin-bottom: -0.625rem;
11836
12225
  margin-left: -1rem;
@@ -11884,7 +12273,6 @@ label.custom-control-label {
11884
12273
  margin-left: 0;
11885
12274
  margin-right: 0;
11886
12275
  }
11887
-
11888
12276
  .nav-btn-monospaced {
11889
12277
  padding: 0;
11890
12278
  }
@@ -11906,6 +12294,7 @@ label.custom-control-label {
11906
12294
  }
11907
12295
 
11908
12296
  .nav-item {
12297
+ overflow-wrap: break-word;
11909
12298
  word-wrap: break-word;
11910
12299
  }
11911
12300
 
@@ -11915,6 +12304,41 @@ label.custom-control-label {
11915
12304
  text-align: center;
11916
12305
  }
11917
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
+
11918
12342
  .nav-text-truncate {
11919
12343
  display: inline-block;
11920
12344
  margin-bottom: -6px;
@@ -11928,13 +12352,6 @@ label.custom-control-label {
11928
12352
  max-width: calc(100% - 24px);
11929
12353
  }
11930
12354
 
11931
- .nav-form {
11932
- padding-bottom: 0.625rem;
11933
- padding-left: 0.5rem;
11934
- padding-right: 0.5rem;
11935
- padding-top: 0.625rem;
11936
- }
11937
-
11938
12355
  .nav .nav-form {
11939
12356
  padding-bottom: 0;
11940
12357
  padding-left: 1rem;
@@ -11946,17 +12363,15 @@ label.custom-control-label {
11946
12363
  flex: 1 1 auto;
11947
12364
  text-align: center;
11948
12365
  }
11949
-
12366
+ .nav-justified .nav-link {
12367
+ text-align: center;
12368
+ width: 100%;
12369
+ }
11950
12370
  .nav-justified .nav-item {
11951
12371
  flex-basis: 0;
11952
12372
  flex-grow: 1;
11953
12373
  text-align: center;
11954
12374
  }
11955
- .nav-justified button.nav-link {
11956
- text-align: center;
11957
- width: 100%;
11958
- }
11959
-
11960
12375
  .nav-stacked {
11961
12376
  display: block;
11962
12377
  }
@@ -11970,18 +12385,35 @@ label.custom-control-label {
11970
12385
  .nav-unstyled {
11971
12386
  flex-wrap: nowrap;
11972
12387
  }
11973
- .nav-unstyled .nav-btn {
11974
- margin: 0 4px;
11975
- padding: 0 4px;
11976
- }
11977
12388
  .nav-unstyled .nav-link {
11978
12389
  line-height: 2rem;
11979
- 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;
11980
12400
  }
11981
12401
  .nav-unstyled .nav-link-monospaced {
11982
12402
  margin: 0 4px;
11983
12403
  }
11984
-
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
+ }
11985
12417
  .nav-nested {
11986
12418
  flex-direction: column;
11987
12419
  flex-wrap: nowrap;
@@ -12089,9 +12521,6 @@ label.custom-control-label {
12089
12521
  border-bottom: 0.0625rem solid transparent;
12090
12522
  font-size: 0.875rem;
12091
12523
  }
12092
- .nav-tabs .nav-item {
12093
- margin-bottom: -0.0625rem;
12094
- }
12095
12524
  .nav-tabs .nav-link {
12096
12525
  border-color: transparent;
12097
12526
  border-style: solid;
@@ -12124,8 +12553,8 @@ label.custom-control-label {
12124
12553
  }
12125
12554
  .nav-tabs .nav-link.active {
12126
12555
  background-color: #fff;
12127
- border-color: transparent transparent #fff;
12128
12556
  color: #272833;
12557
+ border-color: transparent transparent #fff;
12129
12558
  }
12130
12559
  .nav-tabs .nav-link:disabled, .nav-tabs .nav-link.disabled {
12131
12560
  background-color: transparent;
@@ -12133,19 +12562,20 @@ label.custom-control-label {
12133
12562
  color: #a7a9bc;
12134
12563
  box-shadow: none;
12135
12564
  }
12136
- .nav-tabs .nav-link[aria-expanded=true], .nav-tabs .nav-link.show, .show > .nav-tabs .nav-link {
12137
- background-color: #fff;
12138
- 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;
12139
12570
  color: #272833;
12571
+ border-color: transparent transparent transparent transparent;
12140
12572
  }
12141
12573
  .nav-tabs .nav-link > .c-inner {
12142
12574
  margin-bottom: -0.28125rem;
12143
12575
  margin-top: -0.28125rem;
12144
12576
  }
12145
- .nav-tabs .nav-item.show .nav-link {
12146
- background-color: transparent;
12147
- border-color: transparent transparent transparent transparent;
12148
- color: #272833;
12577
+ .nav-tabs .nav-item {
12578
+ margin-bottom: -0.0625rem;
12149
12579
  }
12150
12580
  .nav-tabs .dropdown-menu {
12151
12581
  border-top-left-radius: 0;
@@ -12202,6 +12632,14 @@ label.custom-control-label {
12202
12632
  transition: none;
12203
12633
  }
12204
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
+ }
12205
12643
  .nav-underline .nav-link:focus {
12206
12644
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
12207
12645
  outline: 0;
@@ -12209,36 +12647,26 @@ label.custom-control-label {
12209
12647
  .nav-underline .nav-link.active {
12210
12648
  color: #272833;
12211
12649
  }
12650
+ .nav-underline .nav-link.active::after {
12651
+ background-color: #80acff;
12652
+ content: "";
12653
+ height: 0.125rem;
12654
+ }
12212
12655
  .nav-underline .nav-link:disabled, .nav-underline .nav-link.disabled {
12213
12656
  color: #a7a9bc;
12214
12657
  box-shadow: none;
12215
12658
  }
12216
- .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 {
12217
12660
  color: #272833;
12218
12661
  }
12662
+ .nav-underline .nav-link[aria-expanded=true]::after, .nav-underline .nav-link.show::after {
12663
+ content: "";
12664
+ height: 0.125rem;
12665
+ }
12219
12666
  .nav-underline .nav-link > .c-inner {
12220
12667
  margin-bottom: -0.5625rem;
12221
12668
  margin-top: -0.5625rem;
12222
12669
  }
12223
- .nav-underline .nav-item.show .nav-link {
12224
- color: #272833;
12225
- }
12226
- .nav-underline .nav-link::after {
12227
- bottom: 0;
12228
- display: block;
12229
- position: absolute;
12230
- left: 0;
12231
- right: 0;
12232
- width: auto;
12233
- }
12234
- .nav-underline .nav-item .nav-link.active:after {
12235
- background-color: #80acff;
12236
- }
12237
- .nav-underline .nav-link.active:after,
12238
- .nav-underline .nav-item.show .nav-link:after {
12239
- content: "";
12240
- height: 0.125rem;
12241
- }
12242
12670
  .menubar {
12243
12671
  position: relative;
12244
12672
  }
@@ -12386,7 +12814,7 @@ label.custom-control-label {
12386
12814
  color: rgba(0, 0, 0, 0.3);
12387
12815
  box-shadow: none;
12388
12816
  }
12389
- .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 {
12390
12818
  color: #272833;
12391
12819
  font-weight: 600;
12392
12820
  }
@@ -12585,7 +13013,7 @@ label.custom-control-label {
12585
13013
  color: rgba(0, 0, 0, 0.3);
12586
13014
  box-shadow: none;
12587
13015
  }
12588
- .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 {
12589
13017
  color: #272833;
12590
13018
  font-weight: 600;
12591
13019
  }
@@ -13541,8 +13969,6 @@ label.custom-control-label {
13541
13969
  border-width: 0 0 0 0;
13542
13970
  font-size: 0.875rem;
13543
13971
  padding: 0 0;
13544
- border-color: transparent;
13545
- border-style: solid;
13546
13972
  }
13547
13973
  .application-bar .navbar-toggler {
13548
13974
  font-size: 1.125rem;
@@ -14256,19 +14682,25 @@ label.custom-control-label {
14256
14682
  bottom: -0.75rem;
14257
14683
  height: 0.125rem;
14258
14684
  }
14259
- .application-bar .nav-link,
14685
+ .application-bar .navbar-nav .nav-link,
14260
14686
  .application-bar .navbar-nav .btn-unstyled {
14261
14687
  border-radius: 0.25rem;
14262
14688
  outline: 0;
14263
14689
  transition: box-shadow 0.15s ease-in-out;
14264
14690
  }
14265
- .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,
14266
14698
  .application-bar .navbar-nav .btn-unstyled:focus {
14267
14699
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
14268
14700
  }
14269
- .application-bar .nav-link.disabled, .application-bar .nav-link:disabled,
14270
- .application-bar .navbar-nav .btn-unstyled.disabled,
14271
- .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 {
14272
14704
  box-shadow: none;
14273
14705
  }
14274
14706
  .application-bar .navbar-brand {
@@ -14276,35 +14708,16 @@ label.custom-control-label {
14276
14708
  outline: 0;
14277
14709
  transition: box-shadow 0.15s ease-in-out;
14278
14710
  }
14279
- .application-bar .navbar-brand:focus {
14280
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
14281
- }
14282
- .application-bar .navbar-toggler {
14283
- outline: 0;
14284
- transition: box-shadow 0.15s ease-in-out;
14285
- }
14286
- .application-bar .navbar-toggler:focus {
14287
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
14288
- }
14289
- @media (max-width: 575.98px) {
14290
- .application-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
14291
- border-color: transparent;
14292
- }
14293
- }
14294
- @media (max-width: 767.98px) {
14295
- .application-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
14296
- border-color: transparent;
14711
+ @media (prefers-reduced-motion: reduce) {
14712
+ .application-bar .navbar-brand {
14713
+ transition: none;
14297
14714
  }
14298
14715
  }
14299
- @media (max-width: 991.98px) {
14300
- .application-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
14301
- border-color: transparent;
14302
- }
14716
+ .application-bar .navbar-brand:focus {
14717
+ box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
14303
14718
  }
14304
- @media (max-width: 1279.98px) {
14305
- .application-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
14306
- border-color: transparent;
14307
- }
14719
+ .application-bar .navbar-brand:disabled, .application-bar .navbar-brand.disabled {
14720
+ box-shadow: none;
14308
14721
  }
14309
14722
  .application-bar .container,
14310
14723
  .application-bar .container-fluid {
@@ -14316,149 +14729,85 @@ label.custom-control-label {
14316
14729
 
14317
14730
  .application-bar-dark {
14318
14731
  background-color: #30313f;
14319
- border-color: transparent;
14320
- border-style: solid;
14321
14732
  color: #fff;
14322
14733
  }
14323
- .application-bar-dark .nav-link,
14734
+ .application-bar-dark .navbar-nav .nav-link,
14324
14735
  .application-bar-dark .navbar-nav .btn-unstyled {
14325
14736
  color: #fff;
14326
14737
  font-weight: 600;
14327
14738
  }
14328
- .application-bar-dark .nav-link:hover,
14739
+ .application-bar-dark .navbar-nav .nav-link:hover,
14329
14740
  .application-bar-dark .navbar-nav .btn-unstyled:hover {
14330
- background-color: rgba(255, 255, 255, 0.03);
14331
14741
  color: #fff;
14742
+ background-color: rgba(255, 255, 255, 0.03);
14332
14743
  }
14333
- .application-bar-dark .nav-link:focus,
14744
+ .application-bar-dark .navbar-nav .nav-link:focus,
14334
14745
  .application-bar-dark .navbar-nav .btn-unstyled:focus {
14335
14746
  background-color: rgba(255, 255, 255, 0.03);
14336
14747
  }
14337
- .application-bar-dark .nav-link.active, .application-bar-dark .nav-link[aria-expanded=true],
14338
- .application-bar-dark .navbar-nav .btn-unstyled.active,
14339
- .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 {
14340
14755
  background-color: rgba(255, 255, 255, 0.06);
14341
14756
  color: #fff;
14342
14757
  }
14343
- .application-bar-dark .nav-link.disabled, .application-bar-dark .nav-link:disabled,
14344
- .application-bar-dark .navbar-nav .btn-unstyled.disabled,
14345
- .application-bar-dark .navbar-nav .btn-unstyled:disabled {
14346
- 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 {
14347
14761
  color: #a7a9bc;
14348
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;
14349
14770
  }
14350
- .application-bar-dark .nav-btn {
14771
+ .application-bar-dark .navbar-nav .nav-btn {
14351
14772
  font-weight: 600;
14352
14773
  }
14353
- .application-bar-dark .navbar-toggler {
14354
- color: #fff;
14774
+ .application-bar-dark .navbar-brand {
14355
14775
  font-weight: 600;
14356
14776
  }
14357
- .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 {
14781
+ color: #fff;
14782
+ background-color: rgba(255, 255, 255, 0.06);
14783
+ }
14784
+ .application-bar-dark .navbar-brand.active {
14785
+ background-color: rgba(255, 255, 255, 0.06);
14786
+ color: #fff;
14787
+ }
14788
+ .application-bar-dark .navbar-brand:disabled, .application-bar-dark .navbar-brand.disabled {
14789
+ color: #a7a9bc;
14790
+ opacity: 0.5;
14791
+ background-color: transparent;
14792
+ }
14793
+ .application-bar-dark .navbar-brand[aria-expanded=true], .application-bar-dark .navbar-brand.show {
14794
+ background-color: rgba(255, 255, 255, 0.06);
14358
14795
  color: #fff;
14359
14796
  }
14797
+ .application-bar-dark .navbar-toggler {
14798
+ color: #fff;
14799
+ font-weight: 600;
14800
+ }
14360
14801
  .application-bar-dark .navbar-overlay {
14361
14802
  background-color: #30313f;
14362
14803
  }
14363
- @media (max-width: 575.98px) {
14364
- .application-bar-dark.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
14365
- background-color: #30313f;
14366
- border-color: transparent;
14367
- }
14368
- .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,
14369
- .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
14370
- color: #fff;
14371
- font-weight: 600;
14372
- }
14373
- .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
14374
- border-color: #fff;
14375
- }
14376
- .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover {
14377
- color: #fff;
14378
- }
14379
- .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
14380
- color: #fff;
14381
- }
14382
- .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled {
14383
- color: #a7a9bc;
14384
- }
14385
- }
14386
- @media (max-width: 767.98px) {
14387
- .application-bar-dark.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
14388
- background-color: #30313f;
14389
- border-color: transparent;
14390
- }
14391
- .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,
14392
- .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
14393
- color: #fff;
14394
- font-weight: 600;
14395
- }
14396
- .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
14397
- border-color: #fff;
14398
- }
14399
- .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
14400
- color: #fff;
14401
- }
14402
- .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
14403
- color: #fff;
14404
- }
14405
- .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
14406
- color: #a7a9bc;
14407
- }
14408
- }
14409
- @media (max-width: 991.98px) {
14410
- .application-bar-dark.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
14411
- background-color: #30313f;
14412
- border-color: transparent;
14413
- }
14414
- .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,
14415
- .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
14416
- color: #fff;
14417
- font-weight: 600;
14418
- }
14419
- .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
14420
- border-color: #fff;
14421
- }
14422
- .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover {
14423
- color: #fff;
14424
- }
14425
- .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
14426
- color: #fff;
14427
- }
14428
- .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled {
14429
- color: #a7a9bc;
14430
- }
14431
- }
14432
- @media (max-width: 1279.98px) {
14433
- .application-bar-dark.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
14434
- background-color: #30313f;
14435
- border-color: transparent;
14436
- }
14437
- .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,
14438
- .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item {
14439
- color: #fff;
14440
- font-weight: 600;
14441
- }
14442
- .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
14443
- border-color: #fff;
14444
- }
14445
- .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover {
14446
- color: #fff;
14447
- }
14448
- .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
14449
- color: #fff;
14450
- }
14451
- .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
14452
- color: #a7a9bc;
14453
- }
14454
- }
14455
- .management-bar {
14456
- border-width: 0 0 0.0625rem 0;
14457
- font-size: 0.875rem;
14458
- min-height: 4rem;
14459
- padding: 0 0;
14460
- border-color: transparent;
14461
- border-style: solid;
14804
+ .management-bar {
14805
+ border-width: 0 0 0.0625rem 0;
14806
+ font-size: 0.875rem;
14807
+ min-height: 4rem;
14808
+ padding: 0 0;
14809
+ border-color: transparent;
14810
+ border-style: solid;
14462
14811
  }
14463
14812
  .management-bar .navbar-toggler {
14464
14813
  font-size: 1.125rem;
@@ -15188,19 +15537,25 @@ label.custom-control-label {
15188
15537
  bottom: -1.03125rem;
15189
15538
  height: 0.25rem;
15190
15539
  }
15191
- .management-bar .nav-link,
15540
+ .management-bar .navbar-nav .nav-link,
15192
15541
  .management-bar .navbar-nav .btn-unstyled {
15193
15542
  border-radius: 0.25rem;
15194
15543
  outline: 0;
15195
15544
  transition: box-shadow 0.15s ease-in-out;
15196
15545
  }
15197
- .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,
15198
15553
  .management-bar .navbar-nav .btn-unstyled:focus {
15199
15554
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
15200
15555
  }
15201
- .management-bar .nav-link.disabled, .management-bar .nav-link:disabled,
15202
- .management-bar .navbar-nav .btn-unstyled.disabled,
15203
- .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 {
15204
15559
  box-shadow: none;
15205
15560
  }
15206
15561
  .management-bar .navbar-brand {
@@ -15208,35 +15563,16 @@ label.custom-control-label {
15208
15563
  outline: 0;
15209
15564
  transition: box-shadow 0.15s ease-in-out;
15210
15565
  }
15211
- .management-bar .navbar-brand:focus {
15212
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
15213
- }
15214
- .management-bar .navbar-toggler {
15215
- outline: 0;
15216
- transition: box-shadow 0.15s ease-in-out;
15217
- }
15218
- .management-bar .navbar-toggler:focus {
15219
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
15220
- }
15221
- @media (max-width: 575.98px) {
15222
- .management-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
15223
- border-color: transparent;
15224
- }
15225
- }
15226
- @media (max-width: 767.98px) {
15227
- .management-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
15228
- border-color: transparent;
15566
+ @media (prefers-reduced-motion: reduce) {
15567
+ .management-bar .navbar-brand {
15568
+ transition: none;
15229
15569
  }
15230
15570
  }
15231
- @media (max-width: 991.98px) {
15232
- .management-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
15233
- border-color: transparent;
15234
- }
15571
+ .management-bar .navbar-brand:focus {
15572
+ box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
15235
15573
  }
15236
- @media (max-width: 1279.98px) {
15237
- .management-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
15238
- border-color: transparent;
15239
- }
15574
+ .management-bar .navbar-brand:disabled, .management-bar .navbar-brand.disabled {
15575
+ box-shadow: none;
15240
15576
  }
15241
15577
  .management-bar.navbar-nowrap .navbar-text {
15242
15578
  white-space: normal;
@@ -15245,296 +15581,149 @@ label.custom-control-label {
15245
15581
 
15246
15582
  .management-bar-light {
15247
15583
  background-color: #fff;
15248
- border-color: transparent;
15249
- border-style: solid;
15250
15584
  }
15251
- .management-bar-light .nav-link,
15585
+ .management-bar-light .navbar-nav .nav-link,
15252
15586
  .management-bar-light .navbar-nav .btn-unstyled {
15253
15587
  color: #6b6c7e;
15254
15588
  font-weight: 600;
15255
15589
  }
15256
- .management-bar-light .nav-link:hover,
15590
+ .management-bar-light .navbar-nav .nav-link:hover,
15257
15591
  .management-bar-light .navbar-nav .btn-unstyled:hover {
15258
- background-color: rgba(39, 40, 51, 0.03);
15259
15592
  color: #272833;
15593
+ background-color: rgba(39, 40, 51, 0.03);
15260
15594
  }
15261
- .management-bar-light .nav-link:focus,
15595
+ .management-bar-light .navbar-nav .nav-link:focus,
15262
15596
  .management-bar-light .navbar-nav .btn-unstyled:focus {
15263
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 {
15264
15601
  color: #272833;
15602
+ background-color: rgba(39, 40, 51, 0.06);
15265
15603
  }
15266
- .management-bar-light .nav-link.active, .management-bar-light .nav-link[aria-expanded=true],
15267
- .management-bar-light .navbar-nav .btn-unstyled.active,
15268
- .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 {
15269
15606
  background-color: rgba(39, 40, 51, 0.06);
15270
15607
  color: #272833;
15271
15608
  }
15272
- .management-bar-light .nav-link.disabled, .management-bar-light .nav-link:disabled,
15273
- .management-bar-light .navbar-nav .btn-unstyled.disabled,
15274
- .management-bar-light .navbar-nav .btn-unstyled:disabled {
15275
- 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 {
15276
15612
  color: #a7a9bc;
15277
15613
  opacity: 1;
15614
+ background-color: transparent;
15278
15615
  }
15279
- .management-bar-light .nav-btn {
15280
- font-weight: 600;
15281
- }
15282
- .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);
15283
15620
  color: #272833;
15284
15621
  }
15285
- .management-bar-light .navbar-toggler {
15286
- color: #6b6c7e;
15622
+ .management-bar-light .navbar-nav .nav-btn {
15287
15623
  font-weight: 600;
15288
15624
  }
15289
- .management-bar-light .navbar-toggler:focus {
15290
- color: #272833;
15625
+ .management-bar-light .navbar-brand {
15626
+ font-weight: 600;
15627
+ }
15628
+ .management-bar-light .navbar-brand:focus {
15629
+ background-color: rgba(39, 40, 51, 0.03);
15291
15630
  }
15292
- .management-bar-light .navbar-toggler-link[aria-expanded=true] {
15631
+ .management-bar-light .navbar-brand:active {
15293
15632
  color: #272833;
15633
+ background-color: rgba(39, 40, 51, 0.06);
15294
15634
  }
15295
- .management-bar-light .navbar-overlay {
15296
- background-color: #fff;
15635
+ .management-bar-light .navbar-brand.active {
15636
+ background-color: rgba(39, 40, 51, 0.06);
15637
+ color: #272833;
15297
15638
  }
15298
- @media (max-width: 575.98px) {
15299
- .management-bar-light.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
15300
- background-color: #fff;
15301
- border-color: transparent;
15302
- }
15303
- .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,
15304
- .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
15305
- color: #6b6c7e;
15306
- font-weight: 600;
15307
- }
15308
- .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
15309
- border-color: #6b6c7e;
15310
- }
15311
- .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover {
15312
- color: #272833;
15313
- }
15314
- .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
15315
- color: #272833;
15316
- }
15317
- .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled {
15318
- color: #a7a9bc;
15319
- }
15639
+ .management-bar-light .navbar-brand:disabled, .management-bar-light .navbar-brand.disabled {
15640
+ color: #a7a9bc;
15641
+ opacity: 1;
15642
+ background-color: transparent;
15320
15643
  }
15321
- @media (max-width: 767.98px) {
15322
- .management-bar-light.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
15323
- background-color: #fff;
15324
- border-color: transparent;
15325
- }
15326
- .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,
15327
- .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
15328
- color: #6b6c7e;
15329
- font-weight: 600;
15330
- }
15331
- .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
15332
- border-color: #6b6c7e;
15333
- }
15334
- .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
15335
- color: #272833;
15336
- }
15337
- .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
15338
- color: #272833;
15339
- }
15340
- .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
15341
- color: #a7a9bc;
15342
- }
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;
15343
15647
  }
15344
- @media (max-width: 991.98px) {
15345
- .management-bar-light.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
15346
- background-color: #fff;
15347
- border-color: transparent;
15348
- }
15349
- .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,
15350
- .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
15351
- color: #6b6c7e;
15352
- font-weight: 600;
15353
- }
15354
- .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
15355
- border-color: #6b6c7e;
15356
- }
15357
- .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover {
15358
- color: #272833;
15359
- }
15360
- .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
15361
- color: #272833;
15362
- }
15363
- .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled {
15364
- color: #a7a9bc;
15365
- }
15648
+ .management-bar-light .navbar-toggler {
15649
+ color: #6b6c7e;
15650
+ font-weight: 600;
15366
15651
  }
15367
- @media (max-width: 1279.98px) {
15368
- .management-bar-light.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
15369
- background-color: #fff;
15370
- border-color: transparent;
15371
- }
15372
- .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,
15373
- .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item {
15374
- color: #6b6c7e;
15375
- font-weight: 600;
15376
- }
15377
- .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
15378
- border-color: #6b6c7e;
15379
- }
15380
- .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover {
15381
- color: #272833;
15382
- }
15383
- .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
15384
- color: #272833;
15385
- }
15386
- .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
15387
- color: #a7a9bc;
15388
- }
15652
+ .management-bar-light .navbar-overlay {
15653
+ background-color: #fff;
15389
15654
  }
15390
15655
  .management-bar-primary {
15391
15656
  background-color: #f0f5ff;
15392
15657
  border-color: #0b5fff;
15393
- border-style: solid;
15394
15658
  color: #6b6c7e;
15395
15659
  }
15396
- .management-bar-primary .nav-link,
15660
+ .management-bar-primary .navbar-nav .nav-link,
15397
15661
  .management-bar-primary .navbar-nav .btn-unstyled {
15398
- border-radius: 0.25rem;
15399
15662
  color: #6b6c7e;
15663
+ border-radius: 0.25rem;
15400
15664
  font-weight: 600;
15401
15665
  }
15402
- .management-bar-primary .nav-link:hover,
15666
+ .management-bar-primary .navbar-nav .nav-link:hover,
15403
15667
  .management-bar-primary .navbar-nav .btn-unstyled:hover {
15404
- background-color: rgba(39, 40, 51, 0.03);
15405
15668
  color: #272833;
15669
+ background-color: rgba(39, 40, 51, 0.03);
15406
15670
  }
15407
- .management-bar-primary .nav-link:focus,
15671
+ .management-bar-primary .navbar-nav .nav-link:focus,
15408
15672
  .management-bar-primary .navbar-nav .btn-unstyled:focus {
15409
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 {
15410
15677
  color: #272833;
15678
+ background-color: rgba(39, 40, 51, 0.06);
15411
15679
  }
15412
- .management-bar-primary .nav-link.active, .management-bar-primary .nav-link[aria-expanded=true],
15413
- .management-bar-primary .navbar-nav .btn-unstyled.active,
15414
- .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 {
15415
15682
  background-color: rgba(39, 40, 51, 0.06);
15416
15683
  color: #272833;
15417
15684
  }
15418
- .management-bar-primary .nav-link.disabled, .management-bar-primary .nav-link:disabled,
15419
- .management-bar-primary .navbar-nav .btn-unstyled.disabled,
15420
- .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 {
15421
15688
  background-color: transparent;
15422
- color: #a7a9bc;
15423
- opacity: 1;
15424
15689
  }
15425
- .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 {
15426
15697
  font-weight: 600;
15427
15698
  }
15428
15699
  .management-bar-primary .navbar-brand {
15429
15700
  border-radius: 0.25rem;
15701
+ font-weight: 600;
15430
15702
  }
15431
15703
  .management-bar-primary .navbar-brand:focus {
15432
- color: #272833;
15433
- }
15434
- .management-bar-primary .navbar-toggler {
15435
- color: #6b6c7e;
15436
- font-weight: 600;
15704
+ background-color: rgba(39, 40, 51, 0.03);
15437
15705
  }
15438
- .management-bar-primary .navbar-toggler:focus {
15706
+ .management-bar-primary .navbar-brand:active {
15439
15707
  color: #272833;
15708
+ background-color: rgba(39, 40, 51, 0.06);
15440
15709
  }
15441
- .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);
15442
15712
  color: #272833;
15443
15713
  }
15444
- .management-bar-primary .navbar-overlay {
15445
- background-color: #f0f5ff;
15446
- }
15447
- @media (max-width: 575.98px) {
15448
- .management-bar-primary.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
15449
- background-color: #f0f5ff;
15450
- border-color: #0b5fff;
15451
- }
15452
- .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,
15453
- .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
15454
- color: #6b6c7e;
15455
- font-weight: 600;
15456
- }
15457
- .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
15458
- border-color: #6b6c7e;
15459
- }
15460
- .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover {
15461
- color: #272833;
15462
- }
15463
- .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
15464
- color: #272833;
15465
- }
15466
- .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled {
15467
- color: #a7a9bc;
15468
- }
15714
+ .management-bar-primary .navbar-brand:disabled, .management-bar-primary .navbar-brand.disabled {
15715
+ background-color: transparent;
15469
15716
  }
15470
- @media (max-width: 767.98px) {
15471
- .management-bar-primary.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
15472
- background-color: #f0f5ff;
15473
- border-color: #0b5fff;
15474
- }
15475
- .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,
15476
- .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
15477
- color: #6b6c7e;
15478
- font-weight: 600;
15479
- }
15480
- .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
15481
- border-color: #6b6c7e;
15482
- }
15483
- .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
15484
- color: #272833;
15485
- }
15486
- .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
15487
- color: #272833;
15488
- }
15489
- .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
15490
- color: #a7a9bc;
15491
- }
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;
15492
15720
  }
15493
- @media (max-width: 991.98px) {
15494
- .management-bar-primary.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
15495
- background-color: #f0f5ff;
15496
- border-color: #0b5fff;
15497
- }
15498
- .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,
15499
- .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
15500
- color: #6b6c7e;
15501
- font-weight: 600;
15502
- }
15503
- .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
15504
- border-color: #6b6c7e;
15505
- }
15506
- .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover {
15507
- color: #272833;
15508
- }
15509
- .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
15510
- color: #272833;
15511
- }
15512
- .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled {
15513
- color: #a7a9bc;
15514
- }
15721
+ .management-bar-primary .navbar-toggler {
15722
+ color: #6b6c7e;
15723
+ font-weight: 600;
15515
15724
  }
15516
- @media (max-width: 1279.98px) {
15517
- .management-bar-primary.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
15518
- background-color: #f0f5ff;
15519
- border-color: #0b5fff;
15520
- }
15521
- .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,
15522
- .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item {
15523
- color: #6b6c7e;
15524
- font-weight: 600;
15525
- }
15526
- .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
15527
- border-color: #6b6c7e;
15528
- }
15529
- .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover {
15530
- color: #272833;
15531
- }
15532
- .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
15533
- color: #272833;
15534
- }
15535
- .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
15536
- color: #a7a9bc;
15537
- }
15725
+ .management-bar-primary .navbar-overlay {
15726
+ background-color: #f0f5ff;
15538
15727
  }
15539
15728
  .navigation-bar {
15540
15729
  border-width: 0 0 0.0625rem 0;
@@ -15859,18 +16048,18 @@ label.custom-control-label {
15859
16048
  bottom: -0.53125rem;
15860
16049
  height: 0.25rem;
15861
16050
  }
15862
- .navigation-bar .nav-link,
16051
+ .navigation-bar .navbar-nav .nav-link,
15863
16052
  .navigation-bar .navbar-nav .btn-unstyled {
15864
16053
  border-radius: 0;
15865
16054
  outline: 0;
15866
16055
  }
15867
- .navigation-bar .nav-link:focus,
16056
+ .navigation-bar .navbar-nav .nav-link:focus,
15868
16057
  .navigation-bar .navbar-nav .btn-unstyled:focus {
15869
16058
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
15870
16059
  }
15871
- .navigation-bar .nav-link.disabled, .navigation-bar .nav-link:disabled,
15872
- .navigation-bar .navbar-nav .btn-unstyled.disabled,
15873
- .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 {
15874
16063
  box-shadow: none;
15875
16064
  }
15876
16065
  .navigation-bar .navbar-brand {
@@ -15880,319 +16069,181 @@ label.custom-control-label {
15880
16069
  .navigation-bar .navbar-brand:focus {
15881
16070
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
15882
16071
  }
15883
- .navigation-bar .navbar-toggler {
15884
- outline: 0;
16072
+ .navigation-bar .navbar-brand:disabled, .navigation-bar .navbar-brand.disabled {
16073
+ box-shadow: none;
15885
16074
  }
15886
- .navigation-bar .navbar-toggler:focus {
15887
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
16075
+ .navigation-bar-light {
16076
+ background-color: #fff;
16077
+ border-color: #f1f2f5;
15888
16078
  }
15889
- @media (max-width: 575.98px) {
15890
- .navigation-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
15891
- border-color: transparent;
15892
- }
15893
- }
15894
- @media (max-width: 767.98px) {
15895
- .navigation-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
15896
- border-color: transparent;
15897
- }
15898
- }
15899
- @media (max-width: 991.98px) {
15900
- .navigation-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
15901
- border-color: transparent;
15902
- }
15903
- }
15904
- @media (max-width: 1279.98px) {
15905
- .navigation-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
15906
- border-color: transparent;
15907
- }
15908
- }
15909
- .navigation-bar-light {
15910
- background-color: #fff;
15911
- border-color: #f1f2f5;
15912
- border-style: solid;
15913
- }
15914
- .navigation-bar-light .nav-link,
16079
+ .navigation-bar-light .navbar-nav .nav-link,
15915
16080
  .navigation-bar-light .navbar-nav .btn-unstyled {
15916
16081
  color: #6b6c7e;
15917
16082
  font-weight: 600;
15918
16083
  }
15919
- .navigation-bar-light .nav-link:hover,
16084
+ .navigation-bar-light .navbar-nav .nav-link:hover,
15920
16085
  .navigation-bar-light .navbar-nav .btn-unstyled:hover {
15921
16086
  color: #272833;
15922
16087
  }
15923
- .navigation-bar-light .nav-link:focus,
15924
- .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 {
15925
16090
  color: #272833;
15926
16091
  }
15927
- .navigation-bar-light .nav-link.active, .navigation-bar-light .nav-link[aria-expanded=true],
15928
- .navigation-bar-light .navbar-nav .btn-unstyled.active,
15929
- .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 {
15930
16094
  color: #272833;
15931
16095
  }
15932
- .navigation-bar-light .nav-link.disabled, .navigation-bar-light .nav-link:disabled,
15933
- .navigation-bar-light .navbar-nav .btn-unstyled.disabled,
15934
- .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 {
15935
16099
  color: #6b6c7e;
15936
16100
  opacity: 0.4;
15937
16101
  }
15938
- .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 {
16108
+ font-weight: 600;
16109
+ }
16110
+ .navigation-bar-light .navbar-brand {
15939
16111
  font-weight: 600;
15940
16112
  }
15941
- .navigation-bar-light .navbar-brand:focus {
16113
+ .navigation-bar-light .navbar-brand:active {
15942
16114
  color: #272833;
15943
16115
  }
15944
- .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 {
15945
16120
  color: #6b6c7e;
15946
- font-weight: 600;
16121
+ opacity: 0.4;
15947
16122
  }
15948
- .navigation-bar-light .navbar-toggler:focus {
16123
+ .navigation-bar-light .navbar-brand[aria-expanded=true], .navigation-bar-light .navbar-brand.show {
15949
16124
  color: #272833;
15950
16125
  }
15951
- .navigation-bar-light .navbar-toggler-link[aria-expanded=true] {
15952
- color: #272833;
16126
+ .navigation-bar-light .navbar-toggler {
16127
+ color: #6b6c7e;
16128
+ font-weight: 600;
15953
16129
  }
15954
16130
  .navigation-bar-light .navbar-overlay {
15955
16131
  background-color: #fff;
15956
16132
  }
15957
- @media (max-width: 575.98px) {
15958
- .navigation-bar-light.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
15959
- background-color: #fff;
15960
- border-color: #f1f2f5;
15961
- }
15962
- .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,
15963
- .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
15964
- color: #6b6c7e;
15965
- font-weight: 600;
15966
- }
15967
- .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
15968
- border-color: #6b6c7e;
15969
- }
15970
- .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover {
15971
- color: #272833;
15972
- }
15973
- .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
15974
- color: #272833;
15975
- }
15976
- .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled {
15977
- color: #6b6c7e;
15978
- }
15979
- }
15980
16133
  @media (max-width: 767.98px) {
15981
- .navigation-bar-light.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
15982
- background-color: #fff;
15983
- border-color: #f1f2f5;
15984
- }
15985
- .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,
15986
- .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 {
15987
16135
  color: #6b6c7e;
15988
16136
  font-weight: 600;
15989
16137
  }
15990
- .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
15991
- border-color: #6b6c7e;
15992
- }
15993
16138
  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
15994
16139
  color: #272833;
15995
16140
  }
15996
- .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 {
15997
16142
  color: #272833;
15998
16143
  }
15999
- .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
16000
- color: #6b6c7e;
16001
- }
16002
- }
16003
- @media (max-width: 991.98px) {
16004
- .navigation-bar-light.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
16005
- background-color: #fff;
16006
- border-color: #f1f2f5;
16007
- }
16008
- .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,
16009
- .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
16010
- color: #6b6c7e;
16011
- font-weight: 600;
16012
- }
16013
- .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
16014
- border-color: #6b6c7e;
16015
- }
16016
- .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 {
16017
16145
  color: #272833;
16018
16146
  }
16019
- .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 {
16020
16148
  color: #272833;
16021
16149
  }
16022
- .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled {
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 {
16023
16151
  color: #6b6c7e;
16152
+ opacity: 0.4;
16024
16153
  }
16025
- }
16026
- @media (max-width: 1279.98px) {
16027
- .navigation-bar-light.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
16028
- background-color: #fff;
16029
- border-color: #f1f2f5;
16030
- }
16031
- .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,
16032
- .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item {
16033
- color: #6b6c7e;
16034
- font-weight: 600;
16035
- }
16036
- .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
16037
- border-color: #6b6c7e;
16038
- }
16039
- .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover {
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 {
16040
16155
  color: #272833;
16041
16156
  }
16042
- .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
16043
- color: #272833;
16044
- }
16045
- .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
16046
- color: #6b6c7e;
16047
- }
16048
16157
  }
16158
+
16049
16159
  .navigation-bar-secondary {
16050
16160
  background-color: #393a4a;
16051
- border-color: transparent;
16052
- border-style: solid;
16053
16161
  color: #fff;
16054
16162
  }
16055
- .navigation-bar-secondary .nav-link,
16163
+ .navigation-bar-secondary .navbar-nav .nav-link,
16056
16164
  .navigation-bar-secondary .navbar-nav .btn-unstyled {
16057
16165
  color: #cdced9;
16058
16166
  font-weight: 600;
16059
16167
  }
16060
- .navigation-bar-secondary .nav-link:hover,
16168
+ .navigation-bar-secondary .navbar-nav .nav-link:hover,
16061
16169
  .navigation-bar-secondary .navbar-nav .btn-unstyled:hover {
16062
16170
  color: #fff;
16063
16171
  }
16064
- .navigation-bar-secondary .nav-link:focus,
16065
- .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 {
16066
16174
  color: #fff;
16067
16175
  }
16068
- .navigation-bar-secondary .nav-link.active, .navigation-bar-secondary .nav-link[aria-expanded=true],
16069
- .navigation-bar-secondary .navbar-nav .btn-unstyled.active,
16070
- .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 {
16071
16178
  color: #fff;
16072
16179
  }
16073
- .navigation-bar-secondary .nav-link.disabled, .navigation-bar-secondary .nav-link:disabled,
16074
- .navigation-bar-secondary .navbar-nav .btn-unstyled.disabled,
16075
- .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 {
16076
16183
  color: #cdced9;
16077
16184
  opacity: 0.4;
16078
16185
  }
16079
- .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 {
16080
16192
  font-weight: 600;
16081
16193
  }
16082
16194
  .navigation-bar-secondary .navbar-brand {
16083
16195
  color: rgba(255, 255, 255, 0.9);
16196
+ font-weight: 600;
16084
16197
  }
16085
16198
  .navigation-bar-secondary .navbar-brand:hover {
16086
16199
  color: rgba(255, 255, 255, 0.9);
16087
16200
  }
16088
- .navigation-bar-secondary .navbar-brand:focus {
16201
+ .navigation-bar-secondary .navbar-brand:active {
16089
16202
  color: #fff;
16090
16203
  }
16091
- .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 {
16092
16208
  color: #cdced9;
16093
- font-weight: 600;
16209
+ opacity: 0.4;
16094
16210
  }
16095
- .navigation-bar-secondary .navbar-toggler:focus {
16211
+ .navigation-bar-secondary .navbar-brand[aria-expanded=true], .navigation-bar-secondary .navbar-brand.show {
16096
16212
  color: #fff;
16097
16213
  }
16098
- .navigation-bar-secondary .navbar-toggler-link[aria-expanded=true] {
16099
- color: #fff;
16214
+ .navigation-bar-secondary .navbar-toggler {
16215
+ color: #cdced9;
16216
+ font-weight: 600;
16100
16217
  }
16101
16218
  .navigation-bar-secondary .navbar-overlay {
16102
16219
  background-color: #393a4a;
16103
16220
  }
16104
- @media (max-width: 575.98px) {
16105
- .navigation-bar-secondary.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
16106
- background-color: #393a4a;
16107
- border-color: transparent;
16108
- }
16109
- .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,
16110
- .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
16111
- color: #cdced9;
16112
- font-weight: 600;
16113
- }
16114
- .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
16115
- border-color: #cdced9;
16116
- }
16117
- .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover {
16118
- color: #fff;
16119
- }
16120
- .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
16121
- color: #fff;
16122
- }
16123
- .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled {
16124
- color: #cdced9;
16125
- }
16126
- }
16127
16221
  @media (max-width: 767.98px) {
16128
- .navigation-bar-secondary.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
16129
- background-color: #393a4a;
16130
- border-color: transparent;
16131
- }
16132
- .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,
16133
- .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 {
16134
16223
  color: #cdced9;
16135
16224
  font-weight: 600;
16136
16225
  }
16137
- .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
16138
- border-color: #cdced9;
16139
- }
16140
16226
  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
16141
16227
  color: #fff;
16142
16228
  }
16143
- .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 {
16144
16230
  color: #fff;
16145
16231
  }
16146
- .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
16147
- color: #cdced9;
16148
- }
16149
- }
16150
- @media (max-width: 991.98px) {
16151
- .navigation-bar-secondary.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
16152
- background-color: #393a4a;
16153
- border-color: transparent;
16154
- }
16155
- .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,
16156
- .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
16157
- color: #cdced9;
16158
- font-weight: 600;
16159
- }
16160
- .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
16161
- border-color: #cdced9;
16162
- }
16163
- .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 {
16164
16233
  color: #fff;
16165
16234
  }
16166
- .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 {
16167
16236
  color: #fff;
16168
16237
  }
16169
- .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled {
16170
- color: #cdced9;
16171
- }
16172
- }
16173
- @media (max-width: 1279.98px) {
16174
- .navigation-bar-secondary.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
16175
- background-color: #393a4a;
16176
- border-color: transparent;
16177
- }
16178
- .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,
16179
- .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 {
16180
16239
  color: #cdced9;
16181
- font-weight: 600;
16182
- }
16183
- .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
16184
- border-color: #cdced9;
16185
- }
16186
- .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover {
16187
- color: #fff;
16240
+ opacity: 0.4;
16188
16241
  }
16189
- .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
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 {
16190
16243
  color: #fff;
16191
16244
  }
16192
- .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
16193
- color: #cdced9;
16194
- }
16195
16245
  }
16246
+
16196
16247
  .pagination {
16197
16248
  border-radius: 0.25rem;
16198
16249
  display: flex;
@@ -16202,7 +16253,6 @@ label.custom-control-label {
16202
16253
  margin-bottom: 0.5rem;
16203
16254
  padding-left: 0;
16204
16255
  }
16205
-
16206
16256
  .pagination-bar {
16207
16257
  align-items: center;
16208
16258
  display: flex;
@@ -16213,8 +16263,6 @@ label.custom-control-label {
16213
16263
  flex-direction: column;
16214
16264
  justify-content: center;
16215
16265
  }
16216
- }
16217
- @media (max-width: 767.98px) {
16218
16266
  .pagination-bar .pagination {
16219
16267
  margin-top: 0.5rem;
16220
16268
  }
@@ -16245,15 +16293,6 @@ label.custom-control-label {
16245
16293
  transition: none;
16246
16294
  }
16247
16295
  }
16248
- .page-link > .c-inner {
16249
- margin-bottom: 0;
16250
- margin-left: -0.625rem;
16251
- margin-right: -0.625rem;
16252
- margin-top: 0;
16253
- }
16254
- .page-link .lexicon-icon {
16255
- margin-top: 0;
16256
- }
16257
16296
  .page-link:hover {
16258
16297
  background-color: rgba(0, 0, 0, 0.02);
16259
16298
  border-color: transparent;
@@ -16262,20 +16301,26 @@ label.custom-control-label {
16262
16301
  z-index: 2;
16263
16302
  }
16264
16303
  .page-link:focus {
16265
- 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;
16266
16305
  outline: 0;
16267
16306
  z-index: 4;
16268
16307
  background-color: rgba(0, 0, 0, 0.02);
16269
16308
  border-color: transparent;
16270
16309
  color: #272833;
16271
16310
  }
16272
- .page-link:active, .page-link.active {
16311
+ .page-link:active {
16273
16312
  background-color: rgba(0, 0, 0, 0.04);
16274
16313
  border-color: transparent;
16275
16314
  color: #272833;
16276
16315
  cursor: default;
16277
16316
  z-index: 3;
16278
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
+ }
16279
16324
  .page-link:disabled, .page-link.disabled {
16280
16325
  background-color: transparent;
16281
16326
  border-color: transparent;
@@ -16286,8 +16331,30 @@ label.custom-control-label {
16286
16331
  pointer-events: auto;
16287
16332
  z-index: 0;
16288
16333
  }
16289
- .page-item.active .page-link,
16290
- .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 {
16291
16358
  background-color: rgba(0, 0, 0, 0.04);
16292
16359
  border-color: transparent;
16293
16360
  color: #272833;
@@ -16304,11 +16371,9 @@ label.custom-control-label {
16304
16371
  pointer-events: auto;
16305
16372
  z-index: 0;
16306
16373
  }
16307
- .page-item {
16308
- margin-left: 0.25rem;
16309
- margin-right: 0.25rem;
16374
+ .page-item.disabled .page-link:active {
16375
+ pointer-events: none;
16310
16376
  }
16311
-
16312
16377
  .page-item:first-child .page-link,
16313
16378
  .page-link-first {
16314
16379
  border-radius: 4px;
@@ -16348,18 +16413,6 @@ label.custom-control-label {
16348
16413
  transition: none;
16349
16414
  }
16350
16415
  }
16351
- .pagination-items-per-page > a > .c-inner,
16352
- .pagination-items-per-page > button > .c-inner {
16353
- margin-bottom: 0;
16354
- margin-left: -0.625rem;
16355
- margin-right: -0.625rem;
16356
- margin-top: 0;
16357
- }
16358
- .pagination-items-per-page > a .lexicon-icon,
16359
- .pagination-items-per-page > button .lexicon-icon {
16360
- margin-left: 0.125rem;
16361
- margin-top: 0.125rem;
16362
- }
16363
16416
  .pagination-items-per-page > a:hover,
16364
16417
  .pagination-items-per-page > button:hover {
16365
16418
  background-color: rgba(0, 0, 0, 0.02);
@@ -16368,14 +16421,19 @@ label.custom-control-label {
16368
16421
  }
16369
16422
  .pagination-items-per-page > a:focus,
16370
16423
  .pagination-items-per-page > button:focus {
16371
- 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;
16372
16425
  outline: 0;
16373
16426
  background-color: rgba(0, 0, 0, 0.02);
16374
16427
  border-color: transparent;
16375
16428
  color: #272833;
16376
16429
  }
16377
- .pagination-items-per-page > a:active, .pagination-items-per-page > a.active,
16378
- .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,
16379
16437
  .pagination-items-per-page > button.active {
16380
16438
  background-color: rgba(0, 0, 0, 0.04);
16381
16439
  border-color: transparent;
@@ -16392,13 +16450,25 @@ label.custom-control-label {
16392
16450
  opacity: 0.5;
16393
16451
  pointer-events: auto;
16394
16452
  }
16395
- .pagination-items-per-page.active > a,
16396
- .pagination-items-per-page.active > button, .pagination-items-per-page.show > a,
16397
- .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 {
16398
16456
  background-color: rgba(0, 0, 0, 0.04);
16399
16457
  border-color: transparent;
16400
16458
  color: #272833;
16401
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
+ }
16402
16472
  .pagination-items-per-page.disabled > a,
16403
16473
  .pagination-items-per-page.disabled > button {
16404
16474
  background-color: transparent;
@@ -16432,28 +16502,10 @@ label.custom-control-label {
16432
16502
  margin-right: auto;
16433
16503
  max-width: 100%;
16434
16504
  padding: 0 0.625rem;
16505
+ overflow-wrap: break-word;
16435
16506
  word-wrap: break-word;
16436
16507
  }
16437
16508
 
16438
- .pagination-sm .pagination-items-per-page {
16439
- border-radius: 0.3125rem;
16440
- }
16441
- .pagination-sm .pagination-items-per-page > a,
16442
- .pagination-sm .pagination-items-per-page > .btn-unstyled {
16443
- font-size: 0.75rem;
16444
- height: 1.5rem;
16445
- line-height: 1;
16446
- padding: 0 0.625rem;
16447
- }
16448
- .pagination-sm .pagination-items-per-page > a .c-inner,
16449
- .pagination-sm .pagination-items-per-page > .btn-unstyled .c-inner {
16450
- margin: 0 -0.625rem;
16451
- }
16452
- .pagination-sm .pagination-results {
16453
- font-size: 0.75rem;
16454
- line-height: 1;
16455
- padding: 0 0.625rem;
16456
- }
16457
16509
  .pagination-sm .page-link {
16458
16510
  font-size: 0.75rem;
16459
16511
  height: 1.5rem;
@@ -16463,11 +16515,11 @@ label.custom-control-label {
16463
16515
  padding-left: 0.5rem;
16464
16516
  padding-top: 0;
16465
16517
  }
16466
- .pagination-sm .page-link .c-inner {
16467
- margin: 0 -0.5rem;
16468
- }
16469
- .pagination-sm .page-link.btn-unstyled {
16470
- 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;
16471
16523
  }
16472
16524
  .pagination-sm .page-item:first-child .page-link,
16473
16525
  .pagination-sm .page-link-first {
@@ -16479,26 +16531,32 @@ label.custom-control-label {
16479
16531
  border-bottom-right-radius: 0.3125rem;
16480
16532
  border-top-right-radius: 0.3125rem;
16481
16533
  }
16482
-
16483
- .pagination-lg .pagination-items-per-page {
16534
+ .pagination-sm .pagination-items-per-page {
16484
16535
  border-radius: 0.3125rem;
16485
16536
  }
16486
- .pagination-lg .pagination-items-per-page > a,
16487
- .pagination-lg .pagination-items-per-page > .btn-unstyled {
16488
- font-size: 1.125rem;
16489
- 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;
16490
16541
  line-height: 1;
16491
- padding: 0 0.625rem;
16542
+ padding-bottom: 0;
16543
+ padding-left: 0.625rem;
16544
+ padding-right: 0.625rem;
16545
+ padding-top: 0;
16492
16546
  }
16493
- .pagination-lg .pagination-items-per-page > a .c-inner,
16494
- .pagination-lg .pagination-items-per-page > .btn-unstyled .c-inner {
16495
- 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;
16496
16553
  }
16497
- .pagination-lg .pagination-results {
16498
- font-size: 1.125rem;
16554
+ .pagination-sm .pagination-items-per-page + .pagination-results {
16555
+ font-size: 0.75rem;
16499
16556
  line-height: 1;
16500
16557
  padding: 0 0.625rem;
16501
16558
  }
16559
+
16502
16560
  .pagination-lg .page-link {
16503
16561
  font-size: 1.125rem;
16504
16562
  height: 2.75rem;
@@ -16508,21 +16566,36 @@ label.custom-control-label {
16508
16566
  padding-right: 1rem;
16509
16567
  padding-top: 0;
16510
16568
  }
16511
- .pagination-lg .page-link .c-inner {
16512
- margin: 0 -1rem;
16513
- }
16514
- .pagination-lg .page-link.btn-unstyled {
16515
- 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;
16516
16574
  }
16517
16575
  .pagination-lg .page-item:first-child .page-link,
16518
16576
  .pagination-lg .page-link-first {
16519
16577
  border-bottom-left-radius: 0.3125rem;
16520
16578
  border-top-left-radius: 0.3125rem;
16521
16579
  }
16522
- .pagination-lg .page-item:last-child .page-link,
16523
- .pagination-lg .page-link-last {
16524
- border-bottom-right-radius: 0.3125rem;
16525
- border-top-right-radius: 0.3125rem;
16580
+ .pagination-lg .page-item:last-child .page-link,
16581
+ .pagination-lg .page-link-last {
16582
+ border-bottom-right-radius: 0.3125rem;
16583
+ border-top-right-radius: 0.3125rem;
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;
16526
16599
  }
16527
16600
 
16528
16601
  .panel {
@@ -16829,13 +16902,12 @@ label.custom-control-label {
16829
16902
  border-radius: 0.25rem;
16830
16903
  box-shadow: 0 1px 15px -2px rgba(0, 0, 0, 0.2);
16831
16904
  display: block;
16832
- 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;
16833
16906
  font-size: 0.875rem;
16834
16907
  font-style: normal;
16835
16908
  font-weight: 400;
16836
16909
  left: 0;
16837
16910
  letter-spacing: normal;
16838
- line-break: auto;
16839
16911
  line-height: 1.5;
16840
16912
  max-width: 14.5rem;
16841
16913
  position: absolute;
@@ -16847,6 +16919,7 @@ label.custom-control-label {
16847
16919
  white-space: normal;
16848
16920
  word-break: normal;
16849
16921
  word-spacing: normal;
16922
+ overflow-wrap: break-word;
16850
16923
  word-wrap: break-word;
16851
16924
  z-index: 1060;
16852
16925
  }
@@ -16857,13 +16930,23 @@ label.custom-control-label {
16857
16930
  position: absolute;
16858
16931
  width: 0.6rem;
16859
16932
  }
16860
- .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 {
16861
16941
  border-color: transparent;
16862
16942
  border-style: solid;
16863
16943
  content: "";
16864
16944
  display: block;
16865
16945
  position: absolute;
16866
16946
  }
16947
+ .popover .inline-scroller {
16948
+ max-height: 14.875rem;
16949
+ }
16867
16950
 
16868
16951
  .bs-popover-bottom,
16869
16952
  .bs-popover-auto[x-placement^=bottom] {
@@ -16974,19 +17057,10 @@ label.custom-control-label {
16974
17057
  bottom: 0.0625rem;
16975
17058
  }
16976
17059
 
16977
- .popover .inline-scroller {
16978
- max-height: 14.875rem;
16979
- }
16980
-
16981
17060
  .popover-header {
16982
17061
  color: #272833;
16983
17062
  background-color: #fff;
16984
17063
  border-bottom: 0.0625rem solid #f2f2f2;
16985
- border-top-left-radius: 0.1875rem;
16986
- border-top-right-radius: 0.1875rem;
16987
- }
16988
-
16989
- .popover-header {
16990
17064
  border-color: #e7e7ed;
16991
17065
  border-top-left-radius: 0.1875rem;
16992
17066
  border-top-right-radius: 0.1875rem;
@@ -17017,16 +17091,11 @@ label.custom-control-label {
17017
17091
  .clay-popover-top .arrow,
17018
17092
  .clay-popover-top-left .arrow,
17019
17093
  .clay-popover-top-right .arrow {
17094
+ left: 50%;
17095
+ margin-left: -0.3rem;
17020
17096
  bottom: calc((0.3rem + 0.0625rem) * -1);
17021
17097
  margin: 0;
17022
17098
  }
17023
- .clay-popover-top .arrow::after,
17024
- .clay-popover-top-left .arrow::after,
17025
- .clay-popover-top-right .arrow::after {
17026
- border-top-color: #fff;
17027
- border-width: 0.3rem 0.3rem 0;
17028
- bottom: 0.0625rem;
17029
- }
17030
17099
  .clay-popover-top .arrow::before,
17031
17100
  .clay-popover-top-left .arrow::before,
17032
17101
  .clay-popover-top-right .arrow::before {
@@ -17034,11 +17103,22 @@ label.custom-control-label {
17034
17103
  border-width: 0.3rem 0.3rem 0;
17035
17104
  bottom: 0;
17036
17105
  }
17037
-
17038
- .clay-popover-top .arrow::after {
17106
+ .clay-popover-top .arrow::after,
17107
+ .clay-popover-top-left .arrow::after,
17108
+ .clay-popover-top-right .arrow::after {
17039
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;
17040
17121
  }
17041
-
17042
17122
  .clay-popover-right,
17043
17123
  .clay-popover-right-bottom,
17044
17124
  .clay-popover-right-top {
@@ -17049,16 +17129,10 @@ label.custom-control-label {
17049
17129
  .clay-popover-right-top .arrow {
17050
17130
  height: 0.6rem;
17051
17131
  left: calc((0.3rem + 0.0625rem) * -1);
17052
- margin: 0;
17132
+ margin: -0.15rem 0 0;
17133
+ top: 50%;
17053
17134
  width: 0.3rem;
17054
17135
  }
17055
- .clay-popover-right .arrow::after,
17056
- .clay-popover-right-bottom .arrow::after,
17057
- .clay-popover-right-top .arrow::after {
17058
- border-right-color: #fff;
17059
- border-width: 0.3rem 0.3rem 0.3rem 0;
17060
- left: 0.0625rem;
17061
- }
17062
17136
  .clay-popover-right .arrow::before,
17063
17137
  .clay-popover-right-bottom .arrow::before,
17064
17138
  .clay-popover-right-top .arrow::before {
@@ -17066,15 +17140,25 @@ label.custom-control-label {
17066
17140
  border-width: 0.3rem 0.3rem 0.3rem 0;
17067
17141
  left: 0;
17068
17142
  }
17069
-
17070
- .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 {
17071
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;
17072
17158
  }
17073
-
17074
17159
  .clay-popover-right-top .arrow::after {
17075
17160
  border-right-color: #fff;
17076
17161
  }
17077
-
17078
17162
  .clay-popover-bottom,
17079
17163
  .clay-popover-bottom-left,
17080
17164
  .clay-popover-bottom-right {
@@ -17083,36 +17167,38 @@ label.custom-control-label {
17083
17167
  .clay-popover-bottom .arrow,
17084
17168
  .clay-popover-bottom-left .arrow,
17085
17169
  .clay-popover-bottom-right .arrow {
17086
- margin: 0;
17170
+ left: 50%;
17171
+ margin: 0 0 0 -0.3rem;
17087
17172
  top: calc((0.3rem + 0.0625rem) * -1);
17088
17173
  }
17089
- .clay-popover-bottom .arrow:after,
17090
- .clay-popover-bottom-left .arrow:after,
17091
- .clay-popover-bottom-right .arrow:after {
17092
- border-bottom-color: #fff;
17093
- border-width: 0 0.3rem 0.3rem 0.3rem;
17094
- top: 0.0625rem;
17095
- }
17096
- .clay-popover-bottom .arrow:before,
17097
- .clay-popover-bottom-left .arrow:before,
17098
- .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 {
17099
17177
  border-bottom-color: transparent;
17100
17178
  border-width: 0 0.3rem 0.3rem 0.3rem;
17101
17179
  top: 0;
17102
17180
  }
17103
-
17104
- .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 {
17105
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;
17106
17191
  }
17107
-
17108
17192
  .clay-popover-bottom-left .arrow::after {
17109
17193
  border-bottom-color: #fff;
17110
17194
  }
17111
-
17195
+ .clay-popover-bottom-right .arrow {
17196
+ left: auto;
17197
+ right: 0.625rem;
17198
+ }
17112
17199
  .clay-popover-bottom-right .arrow::after {
17113
17200
  border-bottom-color: #fff;
17114
17201
  }
17115
-
17116
17202
  .clay-popover-left,
17117
17203
  .clay-popover-left-bottom,
17118
17204
  .clay-popover-left-top {
@@ -17122,17 +17208,11 @@ label.custom-control-label {
17122
17208
  .clay-popover-left-bottom .arrow,
17123
17209
  .clay-popover-left-top .arrow {
17124
17210
  height: 0.6rem;
17125
- margin: 0;
17211
+ margin: -0.15rem 0 0;
17126
17212
  right: calc((0.3rem + 0.0625rem) * -1);
17213
+ top: 50%;
17127
17214
  width: 0.3rem;
17128
17215
  }
17129
- .clay-popover-left .arrow::after,
17130
- .clay-popover-left-bottom .arrow::after,
17131
- .clay-popover-left-top .arrow::after {
17132
- border-left-color: #fff;
17133
- border-width: 0.3rem 0 0.3rem 0.3rem;
17134
- right: 0.0625rem;
17135
- }
17136
17216
  .clay-popover-left .arrow::before,
17137
17217
  .clay-popover-left-bottom .arrow::before,
17138
17218
  .clay-popover-left-top .arrow::before {
@@ -17140,47 +17220,25 @@ label.custom-control-label {
17140
17220
  border-width: 0.3rem 0 0.3rem 0.3rem;
17141
17221
  right: 0;
17142
17222
  }
17143
-
17144
- .clay-popover-left .arrow::after {
17145
- border-left-color: #fff;
17146
- }
17147
-
17223
+ .clay-popover-left .arrow::after,
17224
+ .clay-popover-left-bottom .arrow::after,
17148
17225
  .clay-popover-left-top .arrow::after {
17149
17226
  border-left-color: #fff;
17227
+ border-width: 0.3rem 0 0.3rem 0.3rem;
17228
+ right: 0.0625rem;
17150
17229
  }
17151
-
17152
- .clay-popover-bottom .arrow,
17153
- .clay-popover-top .arrow {
17154
- left: 50%;
17155
- margin-left: -0.3rem;
17156
- }
17157
-
17158
- .clay-popover-bottom-left .arrow,
17159
- .clay-popover-top-left .arrow {
17160
- left: 0.625rem;
17161
- }
17162
-
17163
- .clay-popover-bottom-right .arrow,
17164
- .clay-popover-top-right .arrow {
17165
- right: 0.625rem;
17166
- }
17167
-
17168
- .clay-popover-left .arrow,
17169
- .clay-popover-right .arrow {
17170
- margin-top: -0.15rem;
17171
- top: 50%;
17172
- }
17173
-
17174
- .clay-popover-left-bottom .arrow,
17175
- .clay-popover-right-bottom .arrow {
17230
+ .clay-popover-left-bottom .arrow {
17176
17231
  bottom: 0.625rem;
17232
+ margin: 0;
17233
+ top: auto;
17177
17234
  }
17178
-
17179
- .clay-popover-left-top .arrow,
17180
- .clay-popover-right-top .arrow {
17235
+ .clay-popover-left-top .arrow {
17236
+ margin: 0;
17181
17237
  top: 0.625rem;
17182
17238
  }
17183
-
17239
+ .clay-popover-left-top .arrow::after {
17240
+ border-left-color: #fff;
17241
+ }
17184
17242
  .progress {
17185
17243
  background-color: #f1f2f5;
17186
17244
  border-radius: 100px;
@@ -17880,122 +17938,50 @@ a.sheet-subtitle:focus {
17880
17938
  .sidebar-light .component-navigation-bar {
17881
17939
  background-color: #fff;
17882
17940
  border-color: #cdced9;
17883
- border-style: solid;
17884
17941
  }
17885
- .sidebar-light .component-navigation-bar .nav-link,
17942
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link,
17886
17943
  .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled {
17887
17944
  color: #6b6c7e;
17888
17945
  }
17889
- .sidebar-light .component-navigation-bar .nav-link:hover,
17946
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link:hover,
17890
17947
  .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled:hover {
17891
17948
  color: #6b6c7e;
17892
17949
  }
17893
- .sidebar-light .component-navigation-bar .nav-link.active, .sidebar-light .component-navigation-bar .nav-link[aria-expanded=true],
17894
- .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled.active,
17895
- .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 {
17896
17956
  color: #272833;
17897
17957
  }
17898
- .sidebar-light .component-navigation-bar .nav-link.disabled, .sidebar-light .component-navigation-bar .nav-link:disabled,
17899
- .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled.disabled,
17900
- .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 {
17901
17961
  color: #a7a9bc;
17902
17962
  }
17903
- .sidebar-light .component-navigation-bar .navbar-toggler {
17904
- 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;
17905
17967
  }
17906
- .sidebar-light .component-navigation-bar .navbar-toggler-link[aria-expanded=true] {
17968
+ .sidebar-light .component-navigation-bar .navbar-brand:active {
17907
17969
  color: #272833;
17908
17970
  }
17909
- .sidebar-light .component-navigation-bar .navbar-overlay {
17910
- background-color: #fff;
17971
+ .sidebar-light .component-navigation-bar .navbar-brand.active {
17972
+ color: #272833;
17911
17973
  }
17912
- @media (max-width: 575.98px) {
17913
- .sidebar-light .component-navigation-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
17914
- background-color: #fff;
17915
- border-color: #cdced9;
17916
- }
17917
- .sidebar-light .component-navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,
17918
- .sidebar-light .component-navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
17919
- color: #6b6c7e;
17920
- }
17921
- .sidebar-light .component-navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
17922
- border-color: #6b6c7e;
17923
- }
17924
- .sidebar-light .component-navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover {
17925
- color: #6b6c7e;
17926
- }
17927
- .sidebar-light .component-navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
17928
- color: #272833;
17929
- }
17930
- .sidebar-light .component-navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled {
17931
- color: #a7a9bc;
17932
- }
17974
+ .sidebar-light .component-navigation-bar .navbar-brand:disabled, .sidebar-light .component-navigation-bar .navbar-brand.disabled {
17975
+ color: #a7a9bc;
17933
17976
  }
17934
- @media (max-width: 767.98px) {
17935
- .sidebar-light .component-navigation-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
17936
- background-color: #fff;
17937
- border-color: #cdced9;
17938
- }
17939
- .sidebar-light .component-navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,
17940
- .sidebar-light .component-navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
17941
- color: #6b6c7e;
17942
- }
17943
- .sidebar-light .component-navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
17944
- border-color: #6b6c7e;
17945
- }
17946
- .sidebar-light .component-navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
17947
- color: #6b6c7e;
17948
- }
17949
- .sidebar-light .component-navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
17950
- color: #272833;
17951
- }
17952
- .sidebar-light .component-navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
17953
- color: #a7a9bc;
17954
- }
17977
+ .sidebar-light .component-navigation-bar .navbar-brand[aria-expanded=true], .sidebar-light .component-navigation-bar .navbar-brand.show {
17978
+ color: #272833;
17955
17979
  }
17956
- @media (max-width: 991.98px) {
17957
- .sidebar-light .component-navigation-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
17958
- background-color: #fff;
17959
- border-color: #cdced9;
17960
- }
17961
- .sidebar-light .component-navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,
17962
- .sidebar-light .component-navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
17963
- color: #6b6c7e;
17964
- }
17965
- .sidebar-light .component-navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
17966
- border-color: #6b6c7e;
17967
- }
17968
- .sidebar-light .component-navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover {
17969
- color: #6b6c7e;
17970
- }
17971
- .sidebar-light .component-navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
17972
- color: #272833;
17973
- }
17974
- .sidebar-light .component-navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled {
17975
- color: #a7a9bc;
17976
- }
17980
+ .sidebar-light .component-navigation-bar .navbar-toggler {
17981
+ color: #6b6c7e;
17977
17982
  }
17978
- @media (max-width: 1279.98px) {
17979
- .sidebar-light .component-navigation-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
17980
- background-color: #fff;
17981
- border-color: #cdced9;
17982
- }
17983
- .sidebar-light .component-navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,
17984
- .sidebar-light .component-navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item {
17985
- color: #6b6c7e;
17986
- }
17987
- .sidebar-light .component-navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
17988
- border-color: #6b6c7e;
17989
- }
17990
- .sidebar-light .component-navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover {
17991
- color: #6b6c7e;
17992
- }
17993
- .sidebar-light .component-navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
17994
- color: #272833;
17995
- }
17996
- .sidebar-light .component-navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
17997
- color: #a7a9bc;
17998
- }
17983
+ .sidebar-light .component-navigation-bar .navbar-overlay {
17984
+ background-color: #fff;
17999
17985
  }
18000
17986
  .sidebar-dark {
18001
17987
  background-color: #272833;
@@ -18054,7 +18040,7 @@ a.sheet-subtitle:focus {
18054
18040
  .sidebar-dark .nav-nested .nav-link:disabled:active, .sidebar-dark .nav-nested .nav-link.disabled:active {
18055
18041
  pointer-events: none;
18056
18042
  }
18057
- .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 {
18058
18044
  color: #fff;
18059
18045
  }
18060
18046
  .c-slideout-transition-in {
@@ -18684,7 +18670,7 @@ caption {
18684
18670
  .table-action-link.active {
18685
18671
  background-color: rgba(0, 0, 0, 0.04);
18686
18672
  }
18687
- .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 {
18688
18674
  background-color: rgba(0, 0, 0, 0.04);
18689
18675
  }
18690
18676
  .table-action-link .lexicon-icon {
@@ -19018,7 +19004,7 @@ caption {
19018
19004
  .table-list-action-link.active {
19019
19005
  background-color: rgba(0, 0, 0, 0.04);
19020
19006
  }
19021
- .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 {
19022
19008
  background-color: rgba(0, 0, 0, 0.04);
19023
19009
  }
19024
19010
  .table-list-action-link .lexicon-icon {
@@ -19747,13 +19733,17 @@ caption {
19747
19733
  background-color: #f1f2f5;
19748
19734
  color: #272833;
19749
19735
  }
19750
- .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 {
19751
19737
  background-color: #f1f2f5;
19752
19738
  color: #272833;
19753
19739
  }
19754
19740
  .tbar-light .tbar-btn-monospaced:disabled, .tbar-light .tbar-btn-monospaced.disabled {
19755
19741
  color: inherit;
19756
19742
  }
19743
+ .tbar-light .tbar-btn-monospaced[aria-expanded=true], .tbar-light .tbar-btn-monospaced.show {
19744
+ background-color: #f1f2f5;
19745
+ color: #272833;
19746
+ }
19757
19747
  .tbar-light .tbar-label {
19758
19748
  border-width: 0.0625rem;
19759
19749
  }
@@ -19779,13 +19769,17 @@ caption {
19779
19769
  background-color: rgba(255, 255, 255, 0.06);
19780
19770
  color: #fff;
19781
19771
  }
19782
- .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 {
19783
19773
  background-color: rgba(255, 255, 255, 0.06);
19784
19774
  color: #fff;
19785
19775
  }
19786
19776
  .tbar-dark-l2 .tbar-btn-monospaced:disabled, .tbar-dark-l2 .tbar-btn-monospaced.disabled {
19787
19777
  color: inherit;
19788
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
+ }
19789
19783
  .tbar-dark-l2 .tbar-label {
19790
19784
  border-width: 0.0625rem;
19791
19785
  }
@@ -19810,11 +19804,11 @@ caption {
19810
19804
  background-color: rgba(255, 255, 255, 0.06);
19811
19805
  color: #fff;
19812
19806
  }
19813
- .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 {
19814
19808
  background-color: rgba(255, 255, 255, 0.06);
19815
19809
  color: #fff;
19816
19810
  }
19817
- .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 {
19818
19812
  background-color: #80acff;
19819
19813
  bottom: 0;
19820
19814
  content: "";
@@ -19827,6 +19821,10 @@ caption {
19827
19821
  .tbar-dark-d1 .tbar-btn-monospaced:disabled, .tbar-dark-d1 .tbar-btn-monospaced.disabled {
19828
19822
  color: inherit;
19829
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
+ }
19830
19828
  .tbar-dark-d1 .tbar-label {
19831
19829
  border-width: 0.0625rem;
19832
19830
  }
@@ -20085,64 +20083,23 @@ caption {
20085
20083
  padding-left: 50px;
20086
20084
  padding-top: 15px;
20087
20085
  }
20088
- .timeline-spacing-xl .timeline-item .timeline-increment {
20089
- left: -49px;
20090
- }
20091
- .timeline-spacing-xl .timeline-increment-text {
20092
- max-width: 75px;
20093
- }
20094
-
20095
- .simple-toggle-switch.toggle-switch {
20096
- align-items: center;
20097
- display: inline-flex;
20098
- }
20099
- .simple-toggle-switch .toggle-switch-check + .toggle-switch-label {
20100
- margin-right: 0.5rem;
20101
- }
20102
- .simple-toggle-switch .toggle-switch-label + .toggle-switch-check-bar {
20103
- margin-left: 0.5rem;
20104
- }
20105
- .simple-toggle-switch .toggle-switch-label {
20106
- line-height: 1;
20107
- margin-bottom: 0;
20108
- max-width: calc(
20109
- 100% - 56px
20110
- );
20111
- }
20112
- @media (max-width: 767.98px) {
20113
- .simple-toggle-switch .toggle-switch-label {
20114
- max-width: calc(
20115
- 100% - 48px
20116
- );
20117
- }
20118
- }
20119
-
20120
- .simple-toggle-switch-reverse .toggle-switch-label {
20121
- margin-right: 0.5rem;
20122
- }
20123
- .simple-toggle-switch-reverse .toggle-switch-check-bar {
20124
- order: 5;
20125
- }
20126
- .simple-toggle-switch-reverse .toggle-switch-check-bar .toggle-switch-bar {
20127
- order: 0;
20128
- }
20129
- .simple-toggle-switch-reverse .toggle-switch-bar {
20130
- order: 5;
20131
- }
20132
-
20133
- label.toggle-switch {
20134
- cursor: pointer;
20086
+ .timeline-spacing-xl .timeline-item .timeline-increment {
20087
+ left: -49px;
20135
20088
  }
20136
- label.toggle-switch.disabled {
20137
- cursor: not-allowed;
20089
+ .timeline-spacing-xl .timeline-increment-text {
20090
+ max-width: 75px;
20138
20091
  }
20139
20092
 
20140
20093
  .toggle-switch {
20094
+ cursor: pointer;
20141
20095
  display: inline-block;
20142
20096
  font-weight: 600;
20143
20097
  max-width: 100%;
20144
20098
  position: relative;
20145
20099
  }
20100
+ .toggle-switch.disabled {
20101
+ cursor: not-allowed;
20102
+ }
20146
20103
  .toggle-switch.disabled .toggle-switch-label {
20147
20104
  color: #a7a9bc;
20148
20105
  cursor: not-allowed;
@@ -20150,7 +20107,6 @@ label.toggle-switch.disabled {
20150
20107
  .toggle-switch.disabled .toggle-switch-text {
20151
20108
  color: #a7a9bc;
20152
20109
  }
20153
-
20154
20110
  .toggle-switch-check-bar {
20155
20111
  display: inline-flex;
20156
20112
  position: relative;
@@ -20170,7 +20126,6 @@ label.toggle-switch.disabled {
20170
20126
  .toggle-switch-bar .button-icon {
20171
20127
  font-size: 0.625rem;
20172
20128
  }
20173
-
20174
20129
  .toggle-switch-check {
20175
20130
  bottom: 0;
20176
20131
  font-size: 62.5%;
@@ -20180,13 +20135,7 @@ label.toggle-switch.disabled {
20180
20135
  width: 48px;
20181
20136
  z-index: 2;
20182
20137
  }
20183
- @media (max-width: 767.98px) {
20184
- .toggle-switch-check {
20185
- height: 24px;
20186
- width: 40px;
20187
- }
20188
- }
20189
- .toggle-switch-check:empty ~ .toggle-switch-bar {
20138
+ .toggle-switch-check ~ .toggle-switch-bar {
20190
20139
  display: inline-flex;
20191
20140
  font-size: 0.625rem;
20192
20141
  height: 24px;
@@ -20194,9 +20143,31 @@ label.toggle-switch.disabled {
20194
20143
  position: relative;
20195
20144
  text-indent: 0;
20196
20145
  -ms-user-select: none;
20146
+ -moz-user-select: none;
20147
+ -webkit-user-select: none;
20197
20148
  user-select: none;
20198
20149
  }
20199
- .toggle-switch-check:empty ~ .toggle-switch-bar:after {
20150
+ .toggle-switch-check ~ .toggle-switch-bar::before {
20151
+ background-color: #a7a9bc;
20152
+ border-color: #a7a9bc;
20153
+ border-radius: 20px;
20154
+ border-style: solid;
20155
+ border-width: 1px;
20156
+ bottom: 0;
20157
+ content: " ";
20158
+ display: block;
20159
+ left: 0;
20160
+ position: absolute;
20161
+ top: 0;
20162
+ transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
20163
+ width: 48px;
20164
+ }
20165
+ @media (prefers-reduced-motion: reduce) {
20166
+ .toggle-switch-check ~ .toggle-switch-bar::before {
20167
+ transition: none;
20168
+ }
20169
+ }
20170
+ .toggle-switch-check ~ .toggle-switch-bar::after {
20200
20171
  background-color: #fff;
20201
20172
  border-color: #fff;
20202
20173
  border-radius: 50%;
@@ -20212,31 +20183,31 @@ label.toggle-switch.disabled {
20212
20183
  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
20213
20184
  width: 16px;
20214
20185
  }
20215
- .toggle-switch-check:empty ~ .toggle-switch-bar:before {
20216
- background-color: #a7a9bc;
20217
- border-color: #a7a9bc;
20218
- border-radius: 20px;
20219
- border-style: solid;
20220
- border-width: 1px;
20221
- bottom: 0;
20222
- content: " ";
20223
- display: block;
20224
- left: 0;
20225
- position: absolute;
20226
- top: 0;
20186
+ @media (prefers-reduced-motion: reduce) {
20187
+ .toggle-switch-check ~ .toggle-switch-bar::after {
20188
+ transition: none;
20189
+ }
20190
+ }
20191
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before {
20227
20192
  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
20228
- width: 48px;
20229
20193
  }
20230
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-handle:after {
20194
+ @media (prefers-reduced-motion: reduce) {
20195
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before {
20196
+ transition: none;
20197
+ }
20198
+ }
20199
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
20231
20200
  content: attr(data-label-off);
20232
20201
  margin-left: 56px;
20233
20202
  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
20234
20203
  white-space: nowrap;
20235
20204
  }
20236
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-handle:before {
20237
- transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
20205
+ @media (prefers-reduced-motion: reduce) {
20206
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
20207
+ transition: none;
20208
+ }
20238
20209
  }
20239
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-icon {
20210
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
20240
20211
  color: #fff;
20241
20212
  left: 4px;
20242
20213
  line-height: 16px;
@@ -20248,158 +20219,202 @@ label.toggle-switch.disabled {
20248
20219
  width: 16px;
20249
20220
  z-index: 1;
20250
20221
  }
20251
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-icon-on {
20222
+ @media (prefers-reduced-motion: reduce) {
20223
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
20224
+ transition: none;
20225
+ }
20226
+ }
20227
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-on {
20252
20228
  left: 4px;
20253
20229
  opacity: 0;
20254
20230
  }
20255
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-icon-off {
20231
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-off {
20256
20232
  left: 28px;
20257
20233
  }
20258
- .toggle-switch-check:empty ~ .toggle-switch-bar .button-icon {
20234
+ .toggle-switch-check ~ .toggle-switch-bar .button-icon {
20259
20235
  color: #272833;
20260
20236
  }
20261
- .toggle-switch-check:empty ~ .toggle-switch-bar .button-icon-on {
20237
+ .toggle-switch-check ~ .toggle-switch-bar .button-icon-on {
20262
20238
  opacity: 0;
20263
20239
  }
20264
- .toggle-switch-check:checked ~ .toggle-switch-bar:after {
20265
- background-color: #fff;
20266
- border-color: #fff;
20267
- border-radius: 50%;
20268
- border-style: solid;
20269
- border-width: 1px;
20270
- left: 28px;
20240
+ .toggle-switch-check:focus ~ .toggle-switch-bar::before {
20241
+ box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
20242
+ }
20243
+ .toggle-switch-check[disabled] ~ .toggle-switch-bar, .toggle-switch-check:disabled ~ .toggle-switch-bar {
20244
+ cursor: not-allowed;
20245
+ opacity: 0.4;
20271
20246
  }
20272
- .toggle-switch-check:checked ~ .toggle-switch-bar:before {
20247
+ .toggle-switch-check:checked ~ .toggle-switch-bar::before {
20273
20248
  background-color: #0b5fff;
20274
20249
  border-color: #0b5fff;
20275
20250
  border-radius: 20px;
20276
20251
  border-style: solid;
20277
20252
  border-width: 1px;
20278
20253
  }
20279
- .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-handle:after {
20254
+ .toggle-switch-check:checked ~ .toggle-switch-bar::after {
20255
+ background-color: #fff;
20256
+ border-color: #fff;
20257
+ border-radius: 50%;
20258
+ border-style: solid;
20259
+ border-width: 1px;
20260
+ left: 28px;
20261
+ }
20262
+ .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-handle::after {
20280
20263
  content: attr(data-label-on);
20281
20264
  }
20282
20265
  .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon {
20283
20266
  color: #fff;
20284
20267
  }
20285
- .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon {
20286
- color: #0b5fff;
20287
- left: 28px;
20288
- }
20289
- .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-on,
20290
20268
  .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon-on {
20291
20269
  opacity: 1;
20292
20270
  }
20293
- .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-off,
20294
20271
  .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon-off {
20295
20272
  opacity: 0;
20296
20273
  }
20297
- .toggle-switch-check:disabled ~ .toggle-switch-bar, .toggle-switch-check.disabled ~ .toggle-switch-bar {
20298
- cursor: not-allowed;
20299
- opacity: 0.4;
20300
- }
20301
- .toggle-switch-check:focus ~ .toggle-switch-bar:before {
20302
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
20303
- }
20304
-
20305
- .toggle-switch-label {
20306
- display: block;
20307
- margin-bottom: 2px;
20308
- }
20309
-
20310
- .toggle-switch-text {
20311
- display: block;
20312
- font-size: 0.75rem;
20274
+ .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon {
20275
+ color: #0b5fff;
20276
+ left: 28px;
20313
20277
  }
20314
-
20315
- .toggle-switch-text-left {
20316
- display: inline-flex;
20317
- line-height: 24px;
20318
- margin-right: 8px;
20278
+ .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-on {
20279
+ opacity: 1;
20319
20280
  }
20320
-
20321
- .toggle-switch-text-right {
20322
- display: inline-flex;
20323
- line-height: 24px;
20324
- margin-left: 8px;
20281
+ .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-off {
20282
+ opacity: 0;
20325
20283
  }
20326
-
20327
20284
  @media (max-width: 767.98px) {
20328
- .toggle-switch-bar .toggle-switch-handle {
20329
- min-width: 40px;
20330
- }
20331
- .toggle-switch-bar .toggle-switch-icon {
20332
- font-size: 0.625rem;
20333
- }
20334
- .toggle-switch-bar .button-icon {
20335
- font-size: 0.625rem;
20285
+ .toggle-switch-check {
20286
+ height: 24px;
20287
+ width: 40px;
20336
20288
  }
20337
-
20338
- .toggle-switch-check:empty ~ .toggle-switch-bar {
20289
+ .toggle-switch-check ~ .toggle-switch-bar {
20339
20290
  height: 24px;
20340
20291
  line-height: 24px;
20341
20292
  text-indent: 0;
20342
20293
  }
20343
- .toggle-switch-check:empty ~ .toggle-switch-bar:after {
20294
+ .toggle-switch-check ~ .toggle-switch-bar::before {
20295
+ width: 40px;
20296
+ }
20297
+ .toggle-switch-check ~ .toggle-switch-bar::after {
20344
20298
  bottom: 4px;
20345
20299
  height: 16px;
20346
20300
  left: 4px;
20347
20301
  top: 4px;
20348
20302
  width: 16px;
20349
20303
  }
20350
- .toggle-switch-check:empty ~ .toggle-switch-bar:before {
20351
- width: 40px;
20304
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle {
20305
+ min-width: 40px;
20352
20306
  }
20353
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-handle:after {
20307
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
20354
20308
  margin-left: 48px;
20355
20309
  }
20356
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-icon {
20310
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
20311
+ font-size: 0.625rem;
20357
20312
  left: 4px;
20358
20313
  line-height: 16px;
20359
20314
  top: 4px;
20360
20315
  width: 16px;
20361
20316
  }
20362
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-icon-on {
20317
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-on {
20363
20318
  left: 4px;
20364
20319
  }
20365
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-icon-off {
20320
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-off {
20366
20321
  left: 20px;
20367
20322
  }
20368
- .toggle-switch-check:checked ~ .toggle-switch-bar:after {
20323
+ .toggle-switch-check ~ .toggle-switch-bar .button-icon {
20324
+ font-size: 0.625rem;
20325
+ }
20326
+ .toggle-switch-check:checked ~ .toggle-switch-bar::after {
20369
20327
  left: 20px;
20370
20328
  }
20371
- .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-handle:after {
20329
+ .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-handle::after {
20372
20330
  margin-left: 48px;
20373
20331
  }
20374
20332
  .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon {
20375
20333
  left: 20px;
20376
20334
  }
20335
+ }
20336
+
20337
+ .toggle-switch-label {
20338
+ display: block;
20339
+ margin-bottom: 2px;
20340
+ }
20341
+
20342
+ .toggle-switch-text {
20343
+ display: block;
20344
+ font-size: 0.75rem;
20345
+ }
20346
+
20347
+ .toggle-switch-text-left {
20348
+ display: inline-flex;
20349
+ line-height: 24px;
20350
+ margin-right: 8px;
20351
+ }
20352
+ @media (max-width: 767.98px) {
20353
+ .toggle-switch-text-left {
20354
+ line-height: 24px;
20355
+ }
20356
+ }
20377
20357
 
20378
- .toggle-switch-text-left,
20379
20358
  .toggle-switch-text-right {
20359
+ display: inline-flex;
20360
+ line-height: 24px;
20361
+ margin-left: 8px;
20362
+ }
20363
+ @media (max-width: 767.98px) {
20364
+ .toggle-switch-text-right {
20380
20365
  line-height: 24px;
20381
20366
  }
20382
20367
  }
20368
+
20369
+ .simple-toggle-switch.toggle-switch {
20370
+ align-items: center;
20371
+ display: inline-flex;
20372
+ }
20373
+ .simple-toggle-switch.toggle-switch .toggle-switch-label {
20374
+ line-height: 1;
20375
+ margin-bottom: 0;
20376
+ max-width: calc( 100% - 56px );
20377
+ }
20378
+ @media (max-width: 767.98px) {
20379
+ .simple-toggle-switch.toggle-switch .toggle-switch-label {
20380
+ max-width: calc( 100% - 48px );
20381
+ }
20382
+ }
20383
+ .simple-toggle-switch.toggle-switch .toggle-switch-check + .toggle-switch-label {
20384
+ margin-right: 0.5rem;
20385
+ }
20386
+ .simple-toggle-switch.toggle-switch .toggle-switch-label + .toggle-switch-check-bar {
20387
+ margin-left: 0.5rem;
20388
+ }
20389
+
20390
+ .simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-check-bar {
20391
+ order: 5;
20392
+ }
20393
+ .simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-check ~ .toggle-switch-bar {
20394
+ order: 5;
20395
+ }
20396
+ .simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-label {
20397
+ margin-right: 0.5rem;
20398
+ }
20383
20399
  .tooltip {
20384
20400
  display: block;
20385
- 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;
20386
20402
  font-size: 0.875rem;
20387
20403
  font-style: normal;
20388
20404
  font-weight: 400;
20389
20405
  letter-spacing: normal;
20390
- line-break: auto;
20391
20406
  line-height: 1.5;
20392
20407
  margin: 0;
20393
20408
  opacity: 0;
20394
20409
  position: absolute;
20395
20410
  text-align: left;
20396
- text-align: start;
20397
20411
  text-decoration: none;
20398
20412
  text-shadow: none;
20399
20413
  text-transform: none;
20400
20414
  white-space: normal;
20401
20415
  word-break: normal;
20402
20416
  word-spacing: normal;
20417
+ overflow-wrap: break-word;
20403
20418
  word-wrap: break-word;
20404
20419
  z-index: 1070;
20405
20420
  }
@@ -20418,7 +20433,6 @@ label.toggle-switch.disabled {
20418
20433
  content: "";
20419
20434
  position: absolute;
20420
20435
  }
20421
-
20422
20436
  .tooltip-inner {
20423
20437
  background-color: #272833;
20424
20438
  border-radius: 0.25rem;
@@ -20500,38 +20514,6 @@ label.toggle-switch.disabled {
20500
20514
  left: 0;
20501
20515
  }
20502
20516
 
20503
- .clay-tooltip-bottom .arrow,
20504
- .clay-tooltip-top .arrow {
20505
- left: 50%;
20506
- margin-left: -0.4rem;
20507
- }
20508
-
20509
- .clay-tooltip-bottom-left .arrow,
20510
- .clay-tooltip-top-left .arrow {
20511
- left: 0.5rem;
20512
- }
20513
-
20514
- .clay-tooltip-bottom-right .arrow,
20515
- .clay-tooltip-top-right .arrow {
20516
- right: 0.5rem;
20517
- }
20518
-
20519
- .clay-tooltip-left .arrow,
20520
- .clay-tooltip-right .arrow {
20521
- margin-top: -0.4rem;
20522
- top: 50%;
20523
- }
20524
-
20525
- .clay-tooltip-left-bottom .arrow,
20526
- .clay-tooltip-right-bottom .arrow {
20527
- bottom: 0.5rem;
20528
- }
20529
-
20530
- .clay-tooltip-left-top .arrow,
20531
- .clay-tooltip-right-top .arrow {
20532
- top: 0.5rem;
20533
- }
20534
-
20535
20517
  .clay-tooltip-bottom,
20536
20518
  .clay-tooltip-bottom-left,
20537
20519
  .clay-tooltip-bottom-right {
@@ -20540,6 +20522,8 @@ label.toggle-switch.disabled {
20540
20522
  .clay-tooltip-bottom .arrow,
20541
20523
  .clay-tooltip-bottom-left .arrow,
20542
20524
  .clay-tooltip-bottom-right .arrow {
20525
+ left: 50%;
20526
+ margin-left: -0.4rem;
20543
20527
  top: 0;
20544
20528
  }
20545
20529
  .clay-tooltip-bottom .arrow::before,
@@ -20557,7 +20541,15 @@ label.toggle-switch.disabled {
20557
20541
  left: 50%;
20558
20542
  top: 0;
20559
20543
  }
20560
-
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
+ }
20561
20553
  .clay-tooltip-left,
20562
20554
  .clay-tooltip-left-bottom,
20563
20555
  .clay-tooltip-left-top {
@@ -20567,7 +20559,9 @@ label.toggle-switch.disabled {
20567
20559
  .clay-tooltip-left-bottom .arrow,
20568
20560
  .clay-tooltip-left-top .arrow {
20569
20561
  height: 0.8rem;
20562
+ margin-top: -0.4rem;
20570
20563
  right: 0;
20564
+ top: 50%;
20571
20565
  width: 0.4rem;
20572
20566
  }
20573
20567
  .clay-tooltip-left .arrow::before,
@@ -20585,7 +20579,15 @@ label.toggle-switch.disabled {
20585
20579
  right: 0;
20586
20580
  top: 50%;
20587
20581
  }
20588
-
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
+ }
20589
20591
  .clay-tooltip-right,
20590
20592
  .clay-tooltip-right-bottom,
20591
20593
  .clay-tooltip-right-top {
@@ -20596,7 +20598,9 @@ label.toggle-switch.disabled {
20596
20598
  .clay-tooltip-right-top .arrow {
20597
20599
  height: 0.8rem;
20598
20600
  left: 0;
20601
+ margin-top: -0.4rem;
20599
20602
  width: 0.4rem;
20603
+ top: 50%;
20600
20604
  }
20601
20605
  .clay-tooltip-right .arrow::before,
20602
20606
  .clay-tooltip-right-bottom .arrow::before,
@@ -20613,7 +20617,15 @@ label.toggle-switch.disabled {
20613
20617
  left: 0;
20614
20618
  top: 50%;
20615
20619
  }
20616
-
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
+ }
20617
20629
  .clay-tooltip-top,
20618
20630
  .clay-tooltip-top-left,
20619
20631
  .clay-tooltip-top-right {
@@ -20623,6 +20635,8 @@ label.toggle-switch.disabled {
20623
20635
  .clay-tooltip-top-left .arrow,
20624
20636
  .clay-tooltip-top-right .arrow {
20625
20637
  bottom: 0;
20638
+ left: 50%;
20639
+ margin-left: -0.4rem;
20626
20640
  }
20627
20641
  .clay-tooltip-top .arrow::before,
20628
20642
  .clay-tooltip-top-left .arrow::before,
@@ -20639,7 +20653,15 @@ label.toggle-switch.disabled {
20639
20653
  bottom: 0;
20640
20654
  left: 50%;
20641
20655
  }
20642
-
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
+ }
20643
20665
  .bg-checkered {
20644
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%);
20645
20667
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;