@clayui/css 3.40.0 → 3.43.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 (88) hide show
  1. package/lib/css/atlas.css +1199 -1285
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +1037 -1095
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/bootstrap.css.map +1 -1
  6. package/lib/css/cadmin.css +1036 -1163
  7. package/lib/css/cadmin.css.map +1 -1
  8. package/lib/images/icons/filter.svg +1 -1
  9. package/lib/images/icons/icons.svg +1 -1
  10. package/package.json +2 -2
  11. package/src/images/icons/filter.svg +1 -1
  12. package/src/scss/_mixins.scss +2 -0
  13. package/src/scss/atlas/variables/_application-bar.scss +32 -12
  14. package/src/scss/atlas/variables/_buttons.scss +2 -31
  15. package/src/scss/atlas/variables/_forms.scss +33 -1
  16. package/src/scss/atlas/variables/_globals.scss +13 -0
  17. package/src/scss/atlas/variables/_management-bar.scss +53 -21
  18. package/src/scss/atlas/variables/_navigation-bar.scss +104 -18
  19. package/src/scss/atlas/variables/_navs.scss +20 -15
  20. package/src/scss/atlas/variables/_pagination.scss +2 -0
  21. package/src/scss/atlas/variables/_sidebar.scss +1 -1
  22. package/src/scss/{_atlas-variables.scss → atlas-variables.scss} +0 -0
  23. package/src/scss/{_base-variables.scss → base-variables.scss} +0 -0
  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 +11 -313
  27. package/src/scss/cadmin/components/_navs.scss +23 -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 +227 -52
  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/_dropdowns.scss +4 -0
  49. package/src/scss/components/_form-validation.scss +8 -237
  50. package/src/scss/components/_input-groups.scss +12 -308
  51. package/src/scss/components/_multi-step-nav.scss +12 -8
  52. package/src/scss/components/_navs.scss +33 -128
  53. package/src/scss/components/_pagination.scss +18 -234
  54. package/src/scss/components/_popovers.scss +30 -237
  55. package/src/scss/components/_reboot.scss +1 -8
  56. package/src/scss/components/_toggle-switch.scss +36 -351
  57. package/src/scss/components/_tooltip.scss +29 -164
  58. package/src/scss/functions/_global-functions.scss +18 -0
  59. package/src/scss/functions/_lx-icons-generated.scss +1 -1
  60. package/src/scss/mixins/_buttons.scss +674 -472
  61. package/src/scss/mixins/_close.scss +0 -1
  62. package/src/scss/mixins/_custom-forms.scss +46 -34
  63. package/src/scss/mixins/_dropdown-menu.scss +483 -406
  64. package/src/scss/mixins/_forms.scss +751 -260
  65. package/src/scss/mixins/_globals.scss +7 -0
  66. package/src/scss/mixins/_input-groups.scss +405 -11
  67. package/src/scss/mixins/_labels.scss +320 -296
  68. package/src/scss/mixins/_links.scss +645 -414
  69. package/src/scss/mixins/_nav.scss +202 -131
  70. package/src/scss/mixins/_navbar.scss +759 -140
  71. package/src/scss/mixins/_pagination.scss +422 -0
  72. package/src/scss/mixins/_popovers.scss +90 -0
  73. package/src/scss/mixins/_toggle-switch.scss +1140 -14
  74. package/src/scss/mixins/_tooltip.scss +70 -0
  75. package/src/scss/variables/_alerts.scss +1 -0
  76. package/src/scss/variables/_application-bar.scss +18 -6
  77. package/src/scss/variables/_buttons.scss +26 -3
  78. package/src/scss/variables/_dropdowns.scss +31 -2
  79. package/src/scss/variables/_forms.scss +700 -23
  80. package/src/scss/variables/_globals.scss +13 -0
  81. package/src/scss/variables/_management-bar.scss +45 -12
  82. package/src/scss/variables/_navigation-bar.scss +95 -14
  83. package/src/scss/variables/_navs.scss +223 -32
  84. package/src/scss/variables/_pagination.scss +261 -61
  85. package/src/scss/variables/_popovers.scss +392 -0
  86. package/src/scss/variables/_sidebar.scss +17 -5
  87. package/src/scss/variables/_toggle-switch.scss +404 -5
  88. 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 {
@@ -6106,7 +6262,6 @@ input[type=button].btn-block {
6106
6262
  position: relative;
6107
6263
  text-align: inherit;
6108
6264
  transition: none;
6109
- white-space: normal;
6110
6265
  width: 100%;
6111
6266
  overflow-wrap: break-word;
6112
6267
  word-wrap: break-word;
@@ -6185,6 +6340,23 @@ input[type=button].btn-block {
6185
6340
  margin-top: -0.5rem;
6186
6341
  width: auto;
6187
6342
  }
6343
+ .dropdown-item.autofit-row {
6344
+ padding-left: 1rem;
6345
+ padding-right: 1rem;
6346
+ }
6347
+ .dropdown-item.autofit-row > .autofit-col {
6348
+ padding-left: 0.25rem;
6349
+ padding-right: 0.25rem;
6350
+ }
6351
+ .dropdown-item .autofit-row {
6352
+ margin-left: 0.25rem;
6353
+ margin-right: 0.25rem;
6354
+ width: auto;
6355
+ }
6356
+ .dropdown-item .autofit-row > .autofit-col {
6357
+ padding-left: 0.25rem;
6358
+ padding-right: 0.25rem;
6359
+ }
6188
6360
  .dropdown-item .c-kbd-inline {
6189
6361
  line-height: 1.3125rem;
6190
6362
  color: #a7a9bc;
@@ -6663,6 +6835,10 @@ input[type=button].btn-block {
6663
6835
  }
6664
6836
  }
6665
6837
 
6838
+ .dropdown-menu-width-shrink {
6839
+ min-width: 0;
6840
+ white-space: nowrap;
6841
+ }
6666
6842
  .dropdown-menu-width-full {
6667
6843
  left: 12px !important;
6668
6844
  right: 12px !important;
@@ -7248,8 +7424,25 @@ select.form-control[size] {
7248
7424
  select.form-control[size]:focus, select.form-control[size].focus {
7249
7425
  background-image: none;
7250
7426
  }
7427
+ select.form-control[size]:focus > option:checked, select.form-control[size].focus > option:checked {
7428
+ background-image: linear-gradient(#ffa700, #ffa700);
7429
+ color: #fff;
7430
+ filter: invert(100%);
7431
+ }
7251
7432
  select.form-control[size] option {
7252
- padding: 0.25rem 0.5rem;
7433
+ padding: 0.4375rem 0.5rem;
7434
+ }
7435
+ select.form-control[size] option:checked {
7436
+ background-image: linear-gradient(#e7e7ed, #e7e7ed);
7437
+ }
7438
+ @-moz-document url-prefix() {
7439
+ select.form-control[size]:focus > option:checked, select.form-control[size].focus > option:checked {
7440
+ background-image: linear-gradient(#004ad7, #004ad7);
7441
+ filter: invert(0);
7442
+ }
7443
+ select.form-control[size] option {
7444
+ padding: 0.40625rem 0.5rem;
7445
+ }
7253
7446
  }
7254
7447
 
7255
7448
  select.form-control[multiple] {
@@ -7263,8 +7456,25 @@ select.form-control[multiple] {
7263
7456
  select.form-control[multiple]:focus, select.form-control[multiple].focus {
7264
7457
  background-image: none;
7265
7458
  }
7459
+ select.form-control[multiple]:focus > option:checked, select.form-control[multiple].focus > option:checked {
7460
+ background-image: linear-gradient(#ffa700, #ffa700);
7461
+ color: #fff;
7462
+ filter: invert(100%);
7463
+ }
7266
7464
  select.form-control[multiple] option {
7267
- padding: 0.25rem 0.5rem;
7465
+ padding: 0.4375rem 0.5rem;
7466
+ }
7467
+ select.form-control[multiple] option:checked {
7468
+ background-image: linear-gradient(#e7e7ed, #e7e7ed);
7469
+ }
7470
+ @-moz-document url-prefix() {
7471
+ select.form-control[multiple]:focus > option:checked, select.form-control[multiple].focus > option:checked {
7472
+ background-image: linear-gradient(#004ad7, #004ad7);
7473
+ filter: invert(0);
7474
+ }
7475
+ select.form-control[multiple] option {
7476
+ padding: 0.40625rem 0.5rem;
7477
+ }
7268
7478
  }
7269
7479
 
7270
7480
  textarea.form-control,
@@ -7736,6 +7946,9 @@ button.link-outline {
7736
7946
  .link-outline:hover {
7737
7947
  text-decoration: none;
7738
7948
  }
7949
+ .link-outline:disabled:active, .link-outline.disabled:active {
7950
+ pointer-events: none;
7951
+ }
7739
7952
  .link-outline > .c-inner {
7740
7953
  margin-bottom: -0.4375rem;
7741
7954
  margin-left: -0.75rem;
@@ -7777,7 +7990,7 @@ button.link-outline {
7777
7990
  .link-outline-primary[type]:focus {
7778
7991
  outline: 0;
7779
7992
  }
7780
- .link-outline-primary[aria-expanded=true], .link-outline-primary.show, .show > .link-outline-primary {
7993
+ .link-outline-primary[aria-expanded=true], .link-outline-primary.show {
7781
7994
  background-color: #e6edf8;
7782
7995
  color: #0b5fff;
7783
7996
  }
@@ -7812,7 +8025,7 @@ button.link-outline {
7812
8025
  .link-outline-secondary[type]:focus {
7813
8026
  outline: 0;
7814
8027
  }
7815
- .link-outline-secondary[aria-expanded=true], .link-outline-secondary.show, .show > .link-outline-secondary {
8028
+ .link-outline-secondary[aria-expanded=true], .link-outline-secondary.show {
7816
8029
  background-color: rgba(39, 40, 51, 0.06);
7817
8030
  color: #272833;
7818
8031
  }
@@ -7939,10 +8152,13 @@ button.link-outline {
7939
8152
  opacity: 0.4;
7940
8153
  box-shadow: none;
7941
8154
  }
8155
+ .component-action:disabled:active, .component-action.disabled:active {
8156
+ pointer-events: none;
8157
+ }
7942
8158
  .component-action[type]:focus {
7943
8159
  outline: 0;
7944
8160
  }
7945
- .component-action[aria-expanded=true], .component-action.show, .show > .component-action {
8161
+ .component-action[aria-expanded=true], .component-action.show {
7946
8162
  background-color: rgba(39, 40, 51, 0.06);
7947
8163
  color: #272833;
7948
8164
  }
@@ -8310,7 +8526,7 @@ button.link-outline {
8310
8526
  .clay-color-dropdown-menu .close:active {
8311
8527
  background-color: rgba(39, 40, 51, 0.06);
8312
8528
  }
8313
- .show > .clay-color-dropdown-menu .close, .clay-color-dropdown-menu .close.active {
8529
+ .clay-color-dropdown-menu .close.active {
8314
8530
  background-color: rgba(39, 40, 51, 0.06);
8315
8531
  }
8316
8532
  .clay-color-dropdown-menu .close:disabled, .clay-color-dropdown-menu .close.disabled {
@@ -8346,7 +8562,10 @@ button.link-outline {
8346
8562
  .clay-color-btn:active {
8347
8563
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
8348
8564
  }
8349
- .clay-color-btn[aria-expanded=true], .clay-color-btn.active, .clay-color-btn.show, .show > .clay-color-btn.dropdown-toggle {
8565
+ .clay-color-btn.active {
8566
+ box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
8567
+ }
8568
+ .clay-color-btn[aria-expanded=true], .clay-color-btn.show {
8350
8569
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
8351
8570
  }
8352
8571
  .clay-color-btn .c-inner {
@@ -9117,7 +9336,6 @@ label.custom-control-label {
9117
9336
  padding-right: 0.25rem;
9118
9337
  background-color: transparent;
9119
9338
  }
9120
-
9121
9339
  .date-picker-dropdown-menu {
9122
9340
  max-height: none;
9123
9341
  max-width: 368px;
@@ -9156,7 +9374,7 @@ label.custom-control-label {
9156
9374
  .date-picker-nav .nav-btn:active:focus {
9157
9375
  box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.25);
9158
9376
  }
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 {
9377
+ .date-picker-nav .nav-btn.active {
9160
9378
  background-color: #f1f2f5;
9161
9379
  }
9162
9380
  .date-picker-nav .nav-btn:disabled, .date-picker-nav .nav-btn.disabled {
@@ -9164,6 +9382,9 @@ label.custom-control-label {
9164
9382
  box-shadow: none;
9165
9383
  color: #a7a9bc;
9166
9384
  }
9385
+ .date-picker-nav .nav-btn[aria-expanded=true], .date-picker-nav .nav-btn.show {
9386
+ background-color: #f1f2f5;
9387
+ }
9167
9388
  .date-picker-nav .nav-btn-monospaced {
9168
9389
  margin-bottom: 0;
9169
9390
  margin-top: 0;
@@ -9339,7 +9560,7 @@ label.custom-control-label {
9339
9560
  .date-picker-date:active:focus {
9340
9561
  box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.25);
9341
9562
  }
9342
- .date-picker-date[aria-expanded=true], .date-picker-date.active, .date-picker-date.show, .show > .date-picker-date.dropdown-toggle {
9563
+ .date-picker-date.active {
9343
9564
  background-color: #0b5fff;
9344
9565
  color: #fff;
9345
9566
  }
@@ -9348,6 +9569,10 @@ label.custom-control-label {
9348
9569
  box-shadow: none;
9349
9570
  color: #a7a9bc;
9350
9571
  }
9572
+ .date-picker-date[aria-expanded=true], .date-picker-date.show {
9573
+ background-color: #0b5fff;
9574
+ color: #fff;
9575
+ }
9351
9576
  .previous-month-date {
9352
9577
  color: #a7a9bc;
9353
9578
  }
@@ -9355,7 +9580,11 @@ label.custom-control-label {
9355
9580
  background-color: #b3cdff;
9356
9581
  color: #f0f5ff;
9357
9582
  }
9358
- .previous-month-date[aria-expanded=true], .previous-month-date.active, .previous-month-date.show, .show > .previous-month-date.dropdown-toggle {
9583
+ .previous-month-date.active {
9584
+ background-color: #b3cdff;
9585
+ color: #f0f5ff;
9586
+ }
9587
+ .previous-month-date[aria-expanded=true], .previous-month-date.show {
9359
9588
  background-color: #b3cdff;
9360
9589
  color: #f0f5ff;
9361
9590
  }
@@ -9366,7 +9595,11 @@ label.custom-control-label {
9366
9595
  background-color: #b3cdff;
9367
9596
  color: #f0f5ff;
9368
9597
  }
9369
- .next-month-date[aria-expanded=true], .next-month-date.active, .next-month-date.show, .show > .next-month-date.dropdown-toggle {
9598
+ .next-month-date.active {
9599
+ background-color: #b3cdff;
9600
+ color: #f0f5ff;
9601
+ }
9602
+ .next-month-date[aria-expanded=true], .next-month-date.show {
9370
9603
  background-color: #b3cdff;
9371
9604
  color: #f0f5ff;
9372
9605
  }
@@ -9606,6 +9839,7 @@ label.custom-control-label {
9606
9839
 
9607
9840
  .form-feedback-group {
9608
9841
  width: 100%;
9842
+ overflow-wrap: break-word;
9609
9843
  word-wrap: break-word;
9610
9844
  }
9611
9845
 
@@ -9613,6 +9847,7 @@ label.custom-control-label {
9613
9847
  font-size: 0.875rem;
9614
9848
  font-weight: 600;
9615
9849
  margin-top: 0.25rem;
9850
+ overflow-wrap: break-word;
9616
9851
  word-wrap: break-word;
9617
9852
  }
9618
9853
 
@@ -9630,6 +9865,7 @@ label.custom-control-label {
9630
9865
  font-size: 0.875rem;
9631
9866
  font-weight: 600;
9632
9867
  margin-top: 0.25rem;
9868
+ overflow-wrap: break-word;
9633
9869
  word-wrap: break-word;
9634
9870
  }
9635
9871
 
@@ -9695,23 +9931,26 @@ label.custom-control-label {
9695
9931
  .has-error .input-group-item.focus {
9696
9932
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
9697
9933
  }
9698
- .has-error .input-group-item.focus .form-control,
9699
- .has-error .input-group-item.focus .input-group-inset-item {
9934
+ .has-error .input-group-item.focus .input-group-inset {
9700
9935
  background-color: #feefef;
9701
9936
  border-color: #f48989;
9702
9937
  }
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 {
9938
+ .has-error .input-group-item.focus .input-group-inset ~ .input-group-inset-item {
9707
9939
  background-color: #feefef;
9708
9940
  border-color: #f48989;
9709
9941
  }
9710
- .has-error .input-group .input-group-inset-item {
9942
+ .has-error .input-group-item .input-group-inset ~ .input-group-inset-item {
9711
9943
  background-color: #feefef;
9712
9944
  border-color: #f48989;
9713
9945
  box-shadow: 0 0 rgba(0, 0, 0, 0);
9714
9946
  }
9947
+ .has-error .input-group-item .input-group-inset:focus {
9948
+ box-shadow: none;
9949
+ }
9950
+ .has-error .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
9951
+ background-color: #feefef;
9952
+ border-color: #f48989;
9953
+ }
9715
9954
 
9716
9955
  .has-warning .custom-control-label,
9717
9956
  .has-warning .form-check-label {
@@ -9751,23 +9990,26 @@ label.custom-control-label {
9751
9990
  .has-warning .input-group-item.focus {
9752
9991
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
9753
9992
  }
9754
- .has-warning .input-group-item.focus .form-control,
9755
- .has-warning .input-group-item.focus .input-group-inset-item {
9993
+ .has-warning .input-group-item.focus .input-group-inset {
9756
9994
  background-color: #fff4ec;
9757
9995
  border-color: #ff8f39;
9758
9996
  }
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 {
9997
+ .has-warning .input-group-item.focus .input-group-inset ~ .input-group-inset-item {
9763
9998
  background-color: #fff4ec;
9764
9999
  border-color: #ff8f39;
9765
10000
  }
9766
- .has-warning .input-group .input-group-inset-item {
10001
+ .has-warning .input-group-item .input-group-inset ~ .input-group-inset-item {
9767
10002
  background-color: #fff4ec;
9768
10003
  border-color: #ff8f39;
9769
10004
  box-shadow: 0 0 rgba(0, 0, 0, 0);
9770
10005
  }
10006
+ .has-warning .input-group-item .input-group-inset:focus {
10007
+ box-shadow: none;
10008
+ }
10009
+ .has-warning .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
10010
+ background-color: #fff4ec;
10011
+ border-color: #ff8f39;
10012
+ }
9771
10013
 
9772
10014
  .has-success .custom-control-label,
9773
10015
  .has-success .form-check-label {
@@ -9807,23 +10049,26 @@ label.custom-control-label {
9807
10049
  .has-success .input-group-item.focus {
9808
10050
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
9809
10051
  }
9810
- .has-success .input-group-item.focus .form-control,
9811
- .has-success .input-group-item.focus .input-group-inset-item {
10052
+ .has-success .input-group-item.focus .input-group-inset {
9812
10053
  background-color: #edf9f0;
9813
10054
  border-color: #5aca75;
9814
10055
  }
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 {
10056
+ .has-success .input-group-item.focus .input-group-inset ~ .input-group-inset-item {
9819
10057
  background-color: #edf9f0;
9820
10058
  border-color: #5aca75;
9821
10059
  }
9822
- .has-success .input-group .input-group-inset-item {
10060
+ .has-success .input-group-item .input-group-inset ~ .input-group-inset-item {
9823
10061
  background-color: #edf9f0;
9824
10062
  border-color: #5aca75;
9825
10063
  box-shadow: 0 0 rgba(0, 0, 0, 0);
9826
10064
  }
10065
+ .has-success .input-group-item .input-group-inset:focus {
10066
+ box-shadow: none;
10067
+ }
10068
+ .has-success .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
10069
+ background-color: #edf9f0;
10070
+ border-color: #5aca75;
10071
+ }
9827
10072
 
9828
10073
  .input-group > .form-control,
9829
10074
  .input-group > .form-control-plaintext,
@@ -9941,15 +10186,36 @@ label.custom-control-label {
9941
10186
  .input-group .btn-unstyled {
9942
10187
  color: inherit;
9943
10188
  }
9944
-
9945
10189
  .input-group-item {
9946
10190
  display: flex;
9947
10191
  flex-grow: 1;
9948
10192
  flex-wrap: wrap;
9949
10193
  margin-left: 0.5rem;
9950
10194
  width: 1%;
10195
+ overflow-wrap: break-word;
9951
10196
  word-wrap: break-word;
9952
10197
  }
10198
+ .input-group-item.focus {
10199
+ border-radius: 0.25rem;
10200
+ box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
10201
+ }
10202
+ .input-group-item.focus.input-group-prepend {
10203
+ border-bottom-right-radius: 0;
10204
+ border-top-right-radius: 0;
10205
+ z-index: 1;
10206
+ }
10207
+ .input-group-item.focus.input-group-append {
10208
+ border-bottom-left-radius: 0;
10209
+ border-top-left-radius: 0;
10210
+ }
10211
+ .input-group-item.focus > .form-control {
10212
+ background-color: #f0f5ff;
10213
+ border-color: #80acff;
10214
+ }
10215
+ .input-group-item.focus > .input-group-inset-item {
10216
+ background-color: #f0f5ff;
10217
+ border-color: #80acff;
10218
+ }
9953
10219
  .input-group-item:first-child {
9954
10220
  margin-left: 0;
9955
10221
  }
@@ -9959,25 +10225,24 @@ label.custom-control-label {
9959
10225
  .input-group-item > .dropdown {
9960
10226
  display: flex;
9961
10227
  flex-wrap: wrap;
10228
+ overflow-wrap: break-word;
9962
10229
  word-wrap: break-word;
9963
10230
  width: 100%;
9964
10231
  }
9965
-
9966
10232
  .input-group-item-shrink {
9967
10233
  flex-grow: 0;
9968
10234
  width: auto;
9969
10235
  }
9970
-
9971
10236
  .input-group-text {
9972
10237
  align-items: center;
9973
10238
  background-color: #e7e7ed;
9974
- border-color: #e7e7ed;
9975
- border-style: solid;
9976
10239
  border-bottom-width: 0.0625rem;
10240
+ border-color: #e7e7ed;
9977
10241
  border-left-width: 0.0625rem;
10242
+ border-radius: 0.25rem;
9978
10243
  border-right-width: 0.0625rem;
10244
+ border-style: solid;
9979
10245
  border-top-width: 0.0625rem;
9980
- border-radius: 0.25rem;
9981
10246
  color: #6b6c7e;
9982
10247
  display: flex;
9983
10248
  font-size: 1rem;
@@ -9997,18 +10262,19 @@ label.custom-control-label {
9997
10262
  .input-group-text label {
9998
10263
  color: #6b6c7e;
9999
10264
  }
10000
- .input-group-text input[type=radio],
10001
- .input-group-text input[type=checkbox] {
10002
- margin-top: 0;
10265
+ .input-group-text .custom-control {
10266
+ margin-bottom: 0;
10003
10267
  }
10004
- .input-group-text .custom-control,
10005
10268
  .input-group-text .form-check {
10006
10269
  margin-bottom: 0;
10007
10270
  }
10271
+ .input-group-text .form-check input[type=radio],
10272
+ .input-group-text .form-check input[type=checkbox] {
10273
+ margin-top: 0;
10274
+ }
10008
10275
  .input-group-text .lexicon-icon {
10009
10276
  margin-top: 0;
10010
10277
  }
10011
-
10012
10278
  .input-group-text-secondary {
10013
10279
  background-color: #fff;
10014
10280
  border-color: #cdced9;
@@ -10019,7 +10285,6 @@ label.custom-control-label {
10019
10285
  .input-group-text-secondary label {
10020
10286
  color: #6b6c7e;
10021
10287
  }
10022
-
10023
10288
  @media (max-width: 575.98px) {
10024
10289
  .input-group-stacked-sm-down > .input-group-item {
10025
10290
  margin-bottom: 0.5rem;
@@ -10034,6 +10299,17 @@ label.custom-control-label {
10034
10299
 
10035
10300
  .input-group-lg > .input-group-item > .btn {
10036
10301
  font-size: 1.125rem;
10302
+ line-height: 1.5;
10303
+ padding-bottom: 0.59375rem;
10304
+ padding-left: 1.5rem;
10305
+ padding-right: 1.5rem;
10306
+ padding-top: 0.59375rem;
10307
+ }
10308
+ .input-group-lg > .input-group-item > .btn .c-inner {
10309
+ margin-bottom: -0.59375rem;
10310
+ margin-left: -1.5rem;
10311
+ margin-right: -1.5rem;
10312
+ margin-top: -0.59375rem;
10037
10313
  }
10038
10314
  .input-group-lg > .input-group-item > .btn .inline-item {
10039
10315
  font-size: 1.125rem;
@@ -10046,7 +10322,17 @@ label.custom-control-label {
10046
10322
  line-height: 1;
10047
10323
  width: 3rem;
10048
10324
  }
10049
- .input-group-lg > .input-group-item > .form-control,
10325
+ .input-group-lg > .input-group-item > .form-control {
10326
+ border-radius: 0.375rem;
10327
+ font-size: 1.125rem;
10328
+ height: auto;
10329
+ line-height: 1.5;
10330
+ min-height: 3rem;
10331
+ padding-bottom: 0.4375rem;
10332
+ padding-left: 1rem;
10333
+ padding-right: 1rem;
10334
+ padding-top: 0.4375rem;
10335
+ }
10050
10336
  .input-group-lg > .input-group-item > .form-file .btn {
10051
10337
  border-radius: 0.375rem;
10052
10338
  font-size: 1.125rem;
@@ -10057,6 +10343,12 @@ label.custom-control-label {
10057
10343
  padding-right: 1rem;
10058
10344
  padding-top: 0.4375rem;
10059
10345
  }
10346
+ .input-group-lg > .input-group-item > .form-file .btn .c-inner {
10347
+ margin-bottom: -0.4375rem;
10348
+ margin-left: -1rem;
10349
+ margin-right: -1rem;
10350
+ margin-top: -0.4375rem;
10351
+ }
10060
10352
  .input-group-lg > .input-group-item > textarea.form-control,
10061
10353
  .input-group-lg > .input-group-item > .form-control-textarea {
10062
10354
  height: 120px;
@@ -10076,25 +10368,39 @@ label.custom-control-label {
10076
10368
  padding-left: 1rem;
10077
10369
  padding-right: 1rem;
10078
10370
  }
10079
- .input-group-lg > .input-group-item > .input-group-inset-item > .form-file {
10080
- height: 75%;
10081
- }
10082
10371
  .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;
10372
+ border-radius: 0.375rem;
10373
+ font-size: 1.125rem;
10374
+ height: 3rem;
10375
+ line-height: 1.5;
10376
+ padding-bottom: 0.4375rem;
10377
+ padding-left: 1rem;
10378
+ padding-right: 1rem;
10379
+ padding-top: 0.4375rem;
10089
10380
  }
10090
10381
  .input-group-lg > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner {
10382
+ margin-bottom: -0.4375rem;
10383
+ margin-left: -1rem;
10384
+ margin-right: -1rem;
10385
+ margin-top: -0.4375rem;
10386
+ }
10387
+ .input-group-lg > .input-group-item .form-control-inset {
10091
10388
  margin-bottom: 0;
10092
- margin-left: -0.75rem;
10093
- margin-right: -0.75rem;
10094
10389
  margin-top: 0;
10095
10390
  }
10096
10391
  .form-group-sm .input-group > .input-group-item > .btn, .input-group-sm > .input-group-item > .btn {
10097
10392
  font-size: 0.875rem;
10393
+ line-height: 1.15;
10394
+ padding-bottom: 0.4375rem;
10395
+ padding-left: 0.75rem;
10396
+ padding-right: 0.75rem;
10397
+ padding-top: 0.4375rem;
10398
+ }
10399
+ .form-group-sm .input-group > .input-group-item > .btn .c-inner, .input-group-sm > .input-group-item > .btn .c-inner {
10400
+ margin-bottom: -0.4375rem;
10401
+ margin-left: -0.75rem;
10402
+ margin-right: -0.75rem;
10403
+ margin-top: -0.4375rem;
10098
10404
  }
10099
10405
  .form-group-sm .input-group > .input-group-item > .btn .btn-section, .input-group-sm > .input-group-item > .btn .btn-section {
10100
10406
  font-size: 0.5625rem;
@@ -10104,30 +10410,49 @@ label.custom-control-label {
10104
10410
  line-height: 1;
10105
10411
  width: 2rem;
10106
10412
  }
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 {
10413
+ .form-group-sm .input-group > .input-group-item > .form-control, .input-group-sm > .input-group-item > .form-control {
10110
10414
  border-radius: 0.25rem;
10111
10415
  font-size: 0.875rem;
10112
- height: 2rem;
10416
+ height: auto;
10113
10417
  line-height: 1.5;
10114
- padding-bottom: 0.25rem;
10418
+ min-height: 2rem;
10419
+ padding-bottom: 0;
10115
10420
  padding-left: 0.75rem;
10116
10421
  padding-right: 0.75rem;
10117
- padding-top: 0.25rem;
10422
+ padding-top: 0;
10118
10423
  }
10119
- .form-group-sm .input-group > .input-group-item > .form-control-plaintext, .input-group-sm > .input-group-item > .form-control-plaintext {
10424
+ .form-group-sm .input-group > .input-group-item > .form-control .label, .input-group-sm > .input-group-item > .form-control .label {
10425
+ margin-bottom: 0.1875rem;
10426
+ margin-top: 0.1875rem;
10427
+ }
10428
+ .form-group-sm .input-group > .input-group-item > .form-file .btn, .input-group-sm > .input-group-item > .form-file .btn {
10429
+ border-radius: 0.25rem;
10120
10430
  font-size: 0.875rem;
10121
10431
  height: 2rem;
10122
10432
  line-height: 1.5;
10123
10433
  padding-bottom: 0.25rem;
10434
+ padding-left: 0.75rem;
10435
+ padding-right: 0.75rem;
10124
10436
  padding-top: 0.25rem;
10125
10437
  }
10438
+ .form-group-sm .input-group > .input-group-item > .form-file .btn .c-inner, .input-group-sm > .input-group-item > .form-file .btn .c-inner {
10439
+ margin-bottom: -0.25rem;
10440
+ margin-left: -0.75rem;
10441
+ margin-right: -0.75rem;
10442
+ margin-top: -0.25rem;
10443
+ }
10126
10444
  .form-group-sm .input-group > .input-group-item > textarea.form-control, .input-group-sm > .input-group-item > textarea.form-control,
10127
10445
  .form-group-sm .input-group > .input-group-item > .form-control-textarea,
10128
10446
  .input-group-sm > .input-group-item > .form-control-textarea {
10129
10447
  height: 80px;
10130
10448
  }
10449
+ .form-group-sm .input-group > .input-group-item > .form-control-plaintext, .input-group-sm > .input-group-item > .form-control-plaintext {
10450
+ font-size: 0.875rem;
10451
+ height: 2rem;
10452
+ line-height: 1.5;
10453
+ padding-bottom: 0.25rem;
10454
+ padding-top: 0.25rem;
10455
+ }
10131
10456
  .form-group-sm .input-group > .input-group-item > .input-group-text, .input-group-sm > .input-group-item > .input-group-text {
10132
10457
  border-radius: 0.25rem;
10133
10458
  font-size: 0.875rem;
@@ -10155,61 +10480,39 @@ label.custom-control-label {
10155
10480
  margin-right: 0.25rem;
10156
10481
  width: 1.5rem;
10157
10482
  }
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
10483
  .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;
10168
- }
10169
- .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;
10174
- }
10175
- .input-group-item.focus {
10176
10484
  border-radius: 0.25rem;
10177
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
10178
- }
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 {
10182
- background-color: #f0f5ff;
10183
- border-color: #80acff;
10485
+ font-size: 0.875rem;
10486
+ height: 2rem;
10487
+ line-height: 1.5;
10488
+ padding-bottom: 0.25rem;
10489
+ padding-left: 0.75rem;
10490
+ padding-right: 0.75rem;
10491
+ padding-top: 0.25rem;
10184
10492
  }
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;
10493
+ .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 {
10494
+ margin-bottom: -0.25rem;
10495
+ margin-left: -0.75rem;
10496
+ margin-right: -0.75rem;
10497
+ margin-top: -0.25rem;
10190
10498
  }
10191
-
10192
- .input-group-item.input-group-append.focus {
10193
- border-bottom-left-radius: 0;
10194
- border-top-left-radius: 0;
10499
+ .form-group-sm .input-group > .input-group-item .form-control-inset, .input-group-sm > .input-group-item .form-control-inset {
10500
+ margin-bottom: 0.125rem;
10501
+ margin-top: 0.1875rem;
10195
10502
  }
10196
-
10197
10503
  .input-group-inset {
10198
10504
  flex-grow: 1;
10199
10505
  order: 5;
10200
10506
  width: 1%;
10201
10507
  }
10202
- .input-group-inset[readonly] ~ .input-group-inset-item {
10203
- background-color: #fff;
10204
- }
10205
- .input-group-inset:focus {
10508
+ .input-group-inset:focus, .input-group-inset.focus {
10206
10509
  box-shadow: none;
10207
10510
  }
10208
- .input-group-inset:focus ~ .input-group-inset-item {
10511
+ .input-group-inset:focus ~ .input-group-inset-item, .input-group-inset.focus ~ .input-group-inset-item {
10209
10512
  background-color: #f0f5ff;
10210
10513
  border-color: #80acff;
10211
10514
  }
10212
- .input-group-inset:disabled ~ .input-group-inset-item {
10515
+ .input-group-inset:disabled ~ .input-group-inset-item, .input-group-inset.disabled ~ .input-group-inset-item {
10213
10516
  background-color: #f1f2f5;
10214
10517
  border-color: #f1f2f5;
10215
10518
  }
@@ -10217,6 +10520,9 @@ label.custom-control-label {
10217
10520
  order: 13;
10218
10521
  }
10219
10522
 
10523
+ .input-group-inset[readonly] ~ .input-group-inset-item {
10524
+ background-color: #fff;
10525
+ }
10220
10526
  .input-group .input-group-inset-item {
10221
10527
  align-items: center;
10222
10528
  background-color: #f1f2f5;
@@ -11555,21 +11861,25 @@ label.custom-control-label {
11555
11861
  }
11556
11862
 
11557
11863
  .multi-step-indicator-label-bottom .multi-step-item {
11558
- padding-bottom: 1.3125rem;
11864
+ padding-bottom: calc(
11865
+ 0.875rem * 1.5
11866
+ );
11559
11867
  }
11560
11868
  .multi-step-indicator-label-bottom .multi-step-indicator-label {
11561
11869
  top: 2rem;
11562
11870
  }
11563
11871
 
11564
11872
  .multi-step-indicator-label-top .multi-step-item {
11565
- padding-top: 1.3125rem;
11873
+ padding-top: calc(
11874
+ 0.875rem * 1.5
11875
+ );
11566
11876
  }
11567
11877
  .multi-step-indicator-label-top .multi-step-indicator-label {
11568
- bottom: 2.25rem;
11878
+ bottom: calc(2rem + 0.25rem);
11569
11879
  }
11570
11880
 
11571
11881
  .multi-step-title-center .multi-step-title {
11572
- margin-left: 1rem;
11882
+ margin-left: calc(2rem * 0.5);
11573
11883
  max-width: 100px;
11574
11884
  overflow: hidden;
11575
11885
  position: relative;
@@ -11792,7 +12102,10 @@ label.custom-control-label {
11792
12102
  .multi-step-nav-collapse-sm .multi-step-item {
11793
12103
  margin-bottom: 0;
11794
12104
  min-width: 2rem;
11795
- padding-top: 1.625rem;
12105
+ padding-top: calc(
12106
+ 0.875rem + 0.625rem +
12107
+ (0.25rem * 0.5)
12108
+ );
11796
12109
  }
11797
12110
  .multi-step-nav-collapse-sm .multi-step-title {
11798
12111
  display: none;
@@ -11831,6 +12144,9 @@ label.custom-control-label {
11831
12144
  cursor: not-allowed;
11832
12145
  box-shadow: none;
11833
12146
  }
12147
+ .nav-link:disabled:active, .nav-link.disabled:active {
12148
+ pointer-events: none;
12149
+ }
11834
12150
  .nav-link > .c-inner {
11835
12151
  margin-bottom: -0.625rem;
11836
12152
  margin-left: -1rem;
@@ -11884,7 +12200,6 @@ label.custom-control-label {
11884
12200
  margin-left: 0;
11885
12201
  margin-right: 0;
11886
12202
  }
11887
-
11888
12203
  .nav-btn-monospaced {
11889
12204
  padding: 0;
11890
12205
  }
@@ -11906,6 +12221,7 @@ label.custom-control-label {
11906
12221
  }
11907
12222
 
11908
12223
  .nav-item {
12224
+ overflow-wrap: break-word;
11909
12225
  word-wrap: break-word;
11910
12226
  }
11911
12227
 
@@ -11928,13 +12244,6 @@ label.custom-control-label {
11928
12244
  max-width: calc(100% - 24px);
11929
12245
  }
11930
12246
 
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
12247
  .nav .nav-form {
11939
12248
  padding-bottom: 0;
11940
12249
  padding-left: 1rem;
@@ -11946,17 +12255,15 @@ label.custom-control-label {
11946
12255
  flex: 1 1 auto;
11947
12256
  text-align: center;
11948
12257
  }
11949
-
12258
+ .nav-justified .nav-link {
12259
+ text-align: center;
12260
+ width: 100%;
12261
+ }
11950
12262
  .nav-justified .nav-item {
11951
12263
  flex-basis: 0;
11952
12264
  flex-grow: 1;
11953
12265
  text-align: center;
11954
12266
  }
11955
- .nav-justified button.nav-link {
11956
- text-align: center;
11957
- width: 100%;
11958
- }
11959
-
11960
12267
  .nav-stacked {
11961
12268
  display: block;
11962
12269
  }
@@ -11970,18 +12277,35 @@ label.custom-control-label {
11970
12277
  .nav-unstyled {
11971
12278
  flex-wrap: nowrap;
11972
12279
  }
11973
- .nav-unstyled .nav-btn {
11974
- margin: 0 4px;
11975
- padding: 0 4px;
11976
- }
11977
12280
  .nav-unstyled .nav-link {
11978
12281
  line-height: 2rem;
11979
- padding: 0 4px;
12282
+ padding-bottom: 0;
12283
+ padding-left: 4px;
12284
+ padding-right: 4px;
12285
+ padding-top: 0;
12286
+ }
12287
+ .nav-unstyled .nav-link > .c-inner {
12288
+ margin-bottom: 0;
12289
+ margin-left: -4px;
12290
+ margin-right: -4px;
12291
+ margin-top: 0;
11980
12292
  }
11981
12293
  .nav-unstyled .nav-link-monospaced {
11982
12294
  margin: 0 4px;
11983
12295
  }
11984
-
12296
+ .nav-unstyled .nav-btn {
12297
+ margin: 0 4px;
12298
+ padding-bottom: 0;
12299
+ padding-left: 4px;
12300
+ padding-right: 4px;
12301
+ padding-top: 0;
12302
+ }
12303
+ .nav-unstyled .nav-btn .c-inner {
12304
+ margin-bottom: 0;
12305
+ margin-left: -4px;
12306
+ margin-right: -4px;
12307
+ margin-top: 0;
12308
+ }
11985
12309
  .nav-nested {
11986
12310
  flex-direction: column;
11987
12311
  flex-wrap: nowrap;
@@ -12089,9 +12413,6 @@ label.custom-control-label {
12089
12413
  border-bottom: 0.0625rem solid transparent;
12090
12414
  font-size: 0.875rem;
12091
12415
  }
12092
- .nav-tabs .nav-item {
12093
- margin-bottom: -0.0625rem;
12094
- }
12095
12416
  .nav-tabs .nav-link {
12096
12417
  border-color: transparent;
12097
12418
  border-style: solid;
@@ -12124,8 +12445,8 @@ label.custom-control-label {
12124
12445
  }
12125
12446
  .nav-tabs .nav-link.active {
12126
12447
  background-color: #fff;
12127
- border-color: transparent transparent #fff;
12128
12448
  color: #272833;
12449
+ border-color: transparent transparent #fff;
12129
12450
  }
12130
12451
  .nav-tabs .nav-link:disabled, .nav-tabs .nav-link.disabled {
12131
12452
  background-color: transparent;
@@ -12133,19 +12454,20 @@ label.custom-control-label {
12133
12454
  color: #a7a9bc;
12134
12455
  box-shadow: none;
12135
12456
  }
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;
12457
+ .nav-tabs .nav-link:disabled:active, .nav-tabs .nav-link.disabled:active {
12458
+ box-shadow: none;
12459
+ }
12460
+ .nav-tabs .nav-link[aria-expanded=true], .nav-tabs .nav-link.show {
12461
+ background-color: transparent;
12139
12462
  color: #272833;
12463
+ border-color: transparent transparent transparent transparent;
12140
12464
  }
12141
12465
  .nav-tabs .nav-link > .c-inner {
12142
12466
  margin-bottom: -0.28125rem;
12143
12467
  margin-top: -0.28125rem;
12144
12468
  }
12145
- .nav-tabs .nav-item.show .nav-link {
12146
- background-color: transparent;
12147
- border-color: transparent transparent transparent transparent;
12148
- color: #272833;
12469
+ .nav-tabs .nav-item {
12470
+ margin-bottom: -0.0625rem;
12149
12471
  }
12150
12472
  .nav-tabs .dropdown-menu {
12151
12473
  border-top-left-radius: 0;
@@ -12202,6 +12524,14 @@ label.custom-control-label {
12202
12524
  transition: none;
12203
12525
  }
12204
12526
  }
12527
+ .nav-underline .nav-link::after {
12528
+ bottom: 0;
12529
+ display: block;
12530
+ position: absolute;
12531
+ left: 0;
12532
+ right: 0;
12533
+ width: auto;
12534
+ }
12205
12535
  .nav-underline .nav-link:focus {
12206
12536
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
12207
12537
  outline: 0;
@@ -12209,36 +12539,26 @@ label.custom-control-label {
12209
12539
  .nav-underline .nav-link.active {
12210
12540
  color: #272833;
12211
12541
  }
12542
+ .nav-underline .nav-link.active::after {
12543
+ background-color: #80acff;
12544
+ content: "";
12545
+ height: 0.125rem;
12546
+ }
12212
12547
  .nav-underline .nav-link:disabled, .nav-underline .nav-link.disabled {
12213
12548
  color: #a7a9bc;
12214
12549
  box-shadow: none;
12215
12550
  }
12216
- .nav-underline .nav-link[aria-expanded=true], .nav-underline .nav-link.show, .show > .nav-underline .nav-link {
12551
+ .nav-underline .nav-link[aria-expanded=true], .nav-underline .nav-link.show {
12217
12552
  color: #272833;
12218
12553
  }
12554
+ .nav-underline .nav-link[aria-expanded=true]::after, .nav-underline .nav-link.show::after {
12555
+ content: "";
12556
+ height: 0.125rem;
12557
+ }
12219
12558
  .nav-underline .nav-link > .c-inner {
12220
12559
  margin-bottom: -0.5625rem;
12221
12560
  margin-top: -0.5625rem;
12222
12561
  }
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
12562
  .menubar {
12243
12563
  position: relative;
12244
12564
  }
@@ -12386,7 +12706,7 @@ label.custom-control-label {
12386
12706
  color: rgba(0, 0, 0, 0.3);
12387
12707
  box-shadow: none;
12388
12708
  }
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 {
12709
+ .menubar-vertical-expand-md.menubar-transparent .nav-link[aria-expanded=true], .menubar-vertical-expand-md.menubar-transparent .nav-link.show {
12390
12710
  color: #272833;
12391
12711
  font-weight: 600;
12392
12712
  }
@@ -12585,7 +12905,7 @@ label.custom-control-label {
12585
12905
  color: rgba(0, 0, 0, 0.3);
12586
12906
  box-shadow: none;
12587
12907
  }
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 {
12908
+ .menubar-vertical-expand-lg.menubar-transparent .nav-link[aria-expanded=true], .menubar-vertical-expand-lg.menubar-transparent .nav-link.show {
12589
12909
  color: #272833;
12590
12910
  font-weight: 600;
12591
12911
  }
@@ -13541,8 +13861,6 @@ label.custom-control-label {
13541
13861
  border-width: 0 0 0 0;
13542
13862
  font-size: 0.875rem;
13543
13863
  padding: 0 0;
13544
- border-color: transparent;
13545
- border-style: solid;
13546
13864
  }
13547
13865
  .application-bar .navbar-toggler {
13548
13866
  font-size: 1.125rem;
@@ -14256,19 +14574,25 @@ label.custom-control-label {
14256
14574
  bottom: -0.75rem;
14257
14575
  height: 0.125rem;
14258
14576
  }
14259
- .application-bar .nav-link,
14577
+ .application-bar .navbar-nav .nav-link,
14260
14578
  .application-bar .navbar-nav .btn-unstyled {
14261
14579
  border-radius: 0.25rem;
14262
14580
  outline: 0;
14263
14581
  transition: box-shadow 0.15s ease-in-out;
14264
14582
  }
14265
- .application-bar .nav-link:focus,
14583
+ @media (prefers-reduced-motion: reduce) {
14584
+ .application-bar .navbar-nav .nav-link,
14585
+ .application-bar .navbar-nav .btn-unstyled {
14586
+ transition: none;
14587
+ }
14588
+ }
14589
+ .application-bar .navbar-nav .nav-link:focus,
14266
14590
  .application-bar .navbar-nav .btn-unstyled:focus {
14267
14591
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
14268
14592
  }
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 {
14593
+ .application-bar .navbar-nav .nav-link:disabled, .application-bar .navbar-nav .nav-link.disabled,
14594
+ .application-bar .navbar-nav .btn-unstyled:disabled,
14595
+ .application-bar .navbar-nav .btn-unstyled.disabled {
14272
14596
  box-shadow: none;
14273
14597
  }
14274
14598
  .application-bar .navbar-brand {
@@ -14276,181 +14600,98 @@ label.custom-control-label {
14276
14600
  outline: 0;
14277
14601
  transition: box-shadow 0.15s ease-in-out;
14278
14602
  }
14603
+ @media (prefers-reduced-motion: reduce) {
14604
+ .application-bar .navbar-brand {
14605
+ transition: none;
14606
+ }
14607
+ }
14279
14608
  .application-bar .navbar-brand:focus {
14280
14609
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
14281
14610
  }
14282
- .application-bar .navbar-toggler {
14283
- outline: 0;
14284
- transition: box-shadow 0.15s ease-in-out;
14611
+ .application-bar .navbar-brand:disabled, .application-bar .navbar-brand.disabled {
14612
+ box-shadow: none;
14285
14613
  }
14286
- .application-bar .navbar-toggler:focus {
14287
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
14614
+ .application-bar .container,
14615
+ .application-bar .container-fluid {
14616
+ flex-wrap: nowrap;
14288
14617
  }
14289
- @media (max-width: 575.98px) {
14290
- .application-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
14291
- border-color: transparent;
14292
- }
14618
+ .application-bar .navbar-nav {
14619
+ flex-wrap: nowrap;
14293
14620
  }
14294
- @media (max-width: 767.98px) {
14295
- .application-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
14296
- border-color: transparent;
14297
- }
14621
+
14622
+ .application-bar-dark {
14623
+ background-color: #30313f;
14624
+ color: #fff;
14298
14625
  }
14299
- @media (max-width: 991.98px) {
14300
- .application-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
14301
- border-color: transparent;
14302
- }
14303
- }
14304
- @media (max-width: 1279.98px) {
14305
- .application-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
14306
- border-color: transparent;
14307
- }
14308
- }
14309
- .application-bar .container,
14310
- .application-bar .container-fluid {
14311
- flex-wrap: nowrap;
14312
- }
14313
- .application-bar .navbar-nav {
14314
- flex-wrap: nowrap;
14315
- }
14316
-
14317
- .application-bar-dark {
14318
- background-color: #30313f;
14319
- border-color: transparent;
14320
- border-style: solid;
14321
- color: #fff;
14322
- }
14323
- .application-bar-dark .nav-link,
14626
+ .application-bar-dark .navbar-nav .nav-link,
14324
14627
  .application-bar-dark .navbar-nav .btn-unstyled {
14325
14628
  color: #fff;
14326
14629
  font-weight: 600;
14327
14630
  }
14328
- .application-bar-dark .nav-link:hover,
14631
+ .application-bar-dark .navbar-nav .nav-link:hover,
14329
14632
  .application-bar-dark .navbar-nav .btn-unstyled:hover {
14330
- background-color: rgba(255, 255, 255, 0.03);
14331
14633
  color: #fff;
14634
+ background-color: rgba(255, 255, 255, 0.03);
14332
14635
  }
14333
- .application-bar-dark .nav-link:focus,
14636
+ .application-bar-dark .navbar-nav .nav-link:focus,
14334
14637
  .application-bar-dark .navbar-nav .btn-unstyled:focus {
14335
14638
  background-color: rgba(255, 255, 255, 0.03);
14336
14639
  }
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] {
14640
+ .application-bar-dark .navbar-nav .nav-link:active,
14641
+ .application-bar-dark .navbar-nav .btn-unstyled:active {
14642
+ color: #fff;
14643
+ background-color: rgba(255, 255, 255, 0.06);
14644
+ }
14645
+ .application-bar-dark .navbar-nav .nav-link.active,
14646
+ .application-bar-dark .navbar-nav .btn-unstyled.active {
14340
14647
  background-color: rgba(255, 255, 255, 0.06);
14341
14648
  color: #fff;
14342
14649
  }
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;
14650
+ .application-bar-dark .navbar-nav .nav-link:disabled, .application-bar-dark .navbar-nav .nav-link.disabled,
14651
+ .application-bar-dark .navbar-nav .btn-unstyled:disabled,
14652
+ .application-bar-dark .navbar-nav .btn-unstyled.disabled {
14347
14653
  color: #a7a9bc;
14348
14654
  opacity: 0.5;
14655
+ background-color: transparent;
14656
+ }
14657
+ .application-bar-dark .navbar-nav .nav-link[aria-expanded=true], .application-bar-dark .navbar-nav .nav-link.show,
14658
+ .application-bar-dark .navbar-nav .btn-unstyled[aria-expanded=true],
14659
+ .application-bar-dark .navbar-nav .btn-unstyled.show {
14660
+ background-color: rgba(255, 255, 255, 0.06);
14661
+ color: #fff;
14349
14662
  }
14350
- .application-bar-dark .nav-btn {
14663
+ .application-bar-dark .navbar-nav .nav-btn {
14351
14664
  font-weight: 600;
14352
14665
  }
14353
- .application-bar-dark .navbar-toggler {
14354
- color: #fff;
14666
+ .application-bar-dark .navbar-brand {
14355
14667
  font-weight: 600;
14356
14668
  }
14357
- .application-bar-dark .navbar-toggler-link[aria-expanded=true] {
14669
+ .application-bar-dark .navbar-brand:focus {
14670
+ background-color: rgba(255, 255, 255, 0.03);
14671
+ }
14672
+ .application-bar-dark .navbar-brand:active {
14358
14673
  color: #fff;
14674
+ background-color: rgba(255, 255, 255, 0.06);
14359
14675
  }
14360
- .application-bar-dark .navbar-overlay {
14361
- background-color: #30313f;
14676
+ .application-bar-dark .navbar-brand.active {
14677
+ background-color: rgba(255, 255, 255, 0.06);
14678
+ color: #fff;
14362
14679
  }
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
- }
14680
+ .application-bar-dark .navbar-brand:disabled, .application-bar-dark .navbar-brand.disabled {
14681
+ color: #a7a9bc;
14682
+ opacity: 0.5;
14683
+ background-color: transparent;
14385
14684
  }
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
- }
14685
+ .application-bar-dark .navbar-brand[aria-expanded=true], .application-bar-dark .navbar-brand.show {
14686
+ background-color: rgba(255, 255, 255, 0.06);
14687
+ color: #fff;
14408
14688
  }
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
- }
14689
+ .application-bar-dark .navbar-toggler {
14690
+ color: #fff;
14691
+ font-weight: 600;
14431
14692
  }
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
- }
14693
+ .application-bar-dark .navbar-overlay {
14694
+ background-color: #30313f;
14454
14695
  }
14455
14696
  .management-bar {
14456
14697
  border-width: 0 0 0.0625rem 0;
@@ -15188,19 +15429,25 @@ label.custom-control-label {
15188
15429
  bottom: -1.03125rem;
15189
15430
  height: 0.25rem;
15190
15431
  }
15191
- .management-bar .nav-link,
15432
+ .management-bar .navbar-nav .nav-link,
15192
15433
  .management-bar .navbar-nav .btn-unstyled {
15193
15434
  border-radius: 0.25rem;
15194
15435
  outline: 0;
15195
15436
  transition: box-shadow 0.15s ease-in-out;
15196
15437
  }
15197
- .management-bar .nav-link:focus,
15438
+ @media (prefers-reduced-motion: reduce) {
15439
+ .management-bar .navbar-nav .nav-link,
15440
+ .management-bar .navbar-nav .btn-unstyled {
15441
+ transition: none;
15442
+ }
15443
+ }
15444
+ .management-bar .navbar-nav .nav-link:focus,
15198
15445
  .management-bar .navbar-nav .btn-unstyled:focus {
15199
15446
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
15200
15447
  }
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 {
15448
+ .management-bar .navbar-nav .nav-link:disabled, .management-bar .navbar-nav .nav-link.disabled,
15449
+ .management-bar .navbar-nav .btn-unstyled:disabled,
15450
+ .management-bar .navbar-nav .btn-unstyled.disabled {
15204
15451
  box-shadow: none;
15205
15452
  }
15206
15453
  .management-bar .navbar-brand {
@@ -15208,35 +15455,16 @@ label.custom-control-label {
15208
15455
  outline: 0;
15209
15456
  transition: box-shadow 0.15s ease-in-out;
15210
15457
  }
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;
15458
+ @media (prefers-reduced-motion: reduce) {
15459
+ .management-bar .navbar-brand {
15460
+ transition: none;
15229
15461
  }
15230
15462
  }
15231
- @media (max-width: 991.98px) {
15232
- .management-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
15233
- border-color: transparent;
15234
- }
15463
+ .management-bar .navbar-brand:focus {
15464
+ box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
15235
15465
  }
15236
- @media (max-width: 1279.98px) {
15237
- .management-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
15238
- border-color: transparent;
15239
- }
15466
+ .management-bar .navbar-brand:disabled, .management-bar .navbar-brand.disabled {
15467
+ box-shadow: none;
15240
15468
  }
15241
15469
  .management-bar.navbar-nowrap .navbar-text {
15242
15470
  white-space: normal;
@@ -15245,296 +15473,149 @@ label.custom-control-label {
15245
15473
 
15246
15474
  .management-bar-light {
15247
15475
  background-color: #fff;
15248
- border-color: transparent;
15249
- border-style: solid;
15250
15476
  }
15251
- .management-bar-light .nav-link,
15477
+ .management-bar-light .navbar-nav .nav-link,
15252
15478
  .management-bar-light .navbar-nav .btn-unstyled {
15253
15479
  color: #6b6c7e;
15254
15480
  font-weight: 600;
15255
15481
  }
15256
- .management-bar-light .nav-link:hover,
15482
+ .management-bar-light .navbar-nav .nav-link:hover,
15257
15483
  .management-bar-light .navbar-nav .btn-unstyled:hover {
15258
- background-color: rgba(39, 40, 51, 0.03);
15259
15484
  color: #272833;
15485
+ background-color: rgba(39, 40, 51, 0.03);
15260
15486
  }
15261
- .management-bar-light .nav-link:focus,
15487
+ .management-bar-light .navbar-nav .nav-link:focus,
15262
15488
  .management-bar-light .navbar-nav .btn-unstyled:focus {
15263
15489
  background-color: rgba(39, 40, 51, 0.03);
15490
+ }
15491
+ .management-bar-light .navbar-nav .nav-link:active,
15492
+ .management-bar-light .navbar-nav .btn-unstyled:active {
15264
15493
  color: #272833;
15494
+ background-color: rgba(39, 40, 51, 0.06);
15265
15495
  }
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] {
15496
+ .management-bar-light .navbar-nav .nav-link.active,
15497
+ .management-bar-light .navbar-nav .btn-unstyled.active {
15269
15498
  background-color: rgba(39, 40, 51, 0.06);
15270
15499
  color: #272833;
15271
15500
  }
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;
15501
+ .management-bar-light .navbar-nav .nav-link:disabled, .management-bar-light .navbar-nav .nav-link.disabled,
15502
+ .management-bar-light .navbar-nav .btn-unstyled:disabled,
15503
+ .management-bar-light .navbar-nav .btn-unstyled.disabled {
15276
15504
  color: #a7a9bc;
15277
15505
  opacity: 1;
15506
+ background-color: transparent;
15278
15507
  }
15279
- .management-bar-light .nav-btn {
15280
- font-weight: 600;
15281
- }
15282
- .management-bar-light .navbar-brand:focus {
15508
+ .management-bar-light .navbar-nav .nav-link[aria-expanded=true], .management-bar-light .navbar-nav .nav-link.show,
15509
+ .management-bar-light .navbar-nav .btn-unstyled[aria-expanded=true],
15510
+ .management-bar-light .navbar-nav .btn-unstyled.show {
15511
+ background-color: rgba(39, 40, 51, 0.06);
15283
15512
  color: #272833;
15284
15513
  }
15285
- .management-bar-light .navbar-toggler {
15286
- color: #6b6c7e;
15514
+ .management-bar-light .navbar-nav .nav-btn {
15287
15515
  font-weight: 600;
15288
15516
  }
15289
- .management-bar-light .navbar-toggler:focus {
15290
- color: #272833;
15517
+ .management-bar-light .navbar-brand {
15518
+ font-weight: 600;
15291
15519
  }
15292
- .management-bar-light .navbar-toggler-link[aria-expanded=true] {
15520
+ .management-bar-light .navbar-brand:focus {
15521
+ background-color: rgba(39, 40, 51, 0.03);
15522
+ }
15523
+ .management-bar-light .navbar-brand:active {
15293
15524
  color: #272833;
15525
+ background-color: rgba(39, 40, 51, 0.06);
15294
15526
  }
15295
- .management-bar-light .navbar-overlay {
15296
- background-color: #fff;
15527
+ .management-bar-light .navbar-brand.active {
15528
+ background-color: rgba(39, 40, 51, 0.06);
15529
+ color: #272833;
15297
15530
  }
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
- }
15531
+ .management-bar-light .navbar-brand:disabled, .management-bar-light .navbar-brand.disabled {
15532
+ color: #a7a9bc;
15533
+ opacity: 1;
15534
+ background-color: transparent;
15320
15535
  }
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
- }
15536
+ .management-bar-light .navbar-brand[aria-expanded=true], .management-bar-light .navbar-brand.show {
15537
+ background-color: rgba(39, 40, 51, 0.06);
15538
+ color: #272833;
15343
15539
  }
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
- }
15540
+ .management-bar-light .navbar-toggler {
15541
+ color: #6b6c7e;
15542
+ font-weight: 600;
15366
15543
  }
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
- }
15544
+ .management-bar-light .navbar-overlay {
15545
+ background-color: #fff;
15389
15546
  }
15390
15547
  .management-bar-primary {
15391
15548
  background-color: #f0f5ff;
15392
15549
  border-color: #0b5fff;
15393
- border-style: solid;
15394
15550
  color: #6b6c7e;
15395
15551
  }
15396
- .management-bar-primary .nav-link,
15552
+ .management-bar-primary .navbar-nav .nav-link,
15397
15553
  .management-bar-primary .navbar-nav .btn-unstyled {
15398
- border-radius: 0.25rem;
15399
15554
  color: #6b6c7e;
15555
+ border-radius: 0.25rem;
15400
15556
  font-weight: 600;
15401
15557
  }
15402
- .management-bar-primary .nav-link:hover,
15558
+ .management-bar-primary .navbar-nav .nav-link:hover,
15403
15559
  .management-bar-primary .navbar-nav .btn-unstyled:hover {
15404
- background-color: rgba(39, 40, 51, 0.03);
15405
15560
  color: #272833;
15561
+ background-color: rgba(39, 40, 51, 0.03);
15406
15562
  }
15407
- .management-bar-primary .nav-link:focus,
15563
+ .management-bar-primary .navbar-nav .nav-link:focus,
15408
15564
  .management-bar-primary .navbar-nav .btn-unstyled:focus {
15409
15565
  background-color: rgba(39, 40, 51, 0.03);
15566
+ }
15567
+ .management-bar-primary .navbar-nav .nav-link:active,
15568
+ .management-bar-primary .navbar-nav .btn-unstyled:active {
15410
15569
  color: #272833;
15570
+ background-color: rgba(39, 40, 51, 0.06);
15411
15571
  }
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] {
15572
+ .management-bar-primary .navbar-nav .nav-link.active,
15573
+ .management-bar-primary .navbar-nav .btn-unstyled.active {
15415
15574
  background-color: rgba(39, 40, 51, 0.06);
15416
15575
  color: #272833;
15417
15576
  }
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 {
15577
+ .management-bar-primary .navbar-nav .nav-link:disabled, .management-bar-primary .navbar-nav .nav-link.disabled,
15578
+ .management-bar-primary .navbar-nav .btn-unstyled:disabled,
15579
+ .management-bar-primary .navbar-nav .btn-unstyled.disabled {
15421
15580
  background-color: transparent;
15422
- color: #a7a9bc;
15423
- opacity: 1;
15424
15581
  }
15425
- .management-bar-primary .nav-btn {
15582
+ .management-bar-primary .navbar-nav .nav-link[aria-expanded=true], .management-bar-primary .navbar-nav .nav-link.show,
15583
+ .management-bar-primary .navbar-nav .btn-unstyled[aria-expanded=true],
15584
+ .management-bar-primary .navbar-nav .btn-unstyled.show {
15585
+ background-color: rgba(39, 40, 51, 0.06);
15586
+ color: #272833;
15587
+ }
15588
+ .management-bar-primary .navbar-nav .nav-btn {
15426
15589
  font-weight: 600;
15427
15590
  }
15428
15591
  .management-bar-primary .navbar-brand {
15429
15592
  border-radius: 0.25rem;
15593
+ font-weight: 600;
15430
15594
  }
15431
15595
  .management-bar-primary .navbar-brand:focus {
15432
- color: #272833;
15433
- }
15434
- .management-bar-primary .navbar-toggler {
15435
- color: #6b6c7e;
15436
- font-weight: 600;
15596
+ background-color: rgba(39, 40, 51, 0.03);
15437
15597
  }
15438
- .management-bar-primary .navbar-toggler:focus {
15598
+ .management-bar-primary .navbar-brand:active {
15439
15599
  color: #272833;
15600
+ background-color: rgba(39, 40, 51, 0.06);
15440
15601
  }
15441
- .management-bar-primary .navbar-toggler-link[aria-expanded=true] {
15602
+ .management-bar-primary .navbar-brand.active {
15603
+ background-color: rgba(39, 40, 51, 0.06);
15442
15604
  color: #272833;
15443
15605
  }
15444
- .management-bar-primary .navbar-overlay {
15445
- background-color: #f0f5ff;
15606
+ .management-bar-primary .navbar-brand:disabled, .management-bar-primary .navbar-brand.disabled {
15607
+ background-color: transparent;
15446
15608
  }
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
- }
15469
- }
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
- }
15609
+ .management-bar-primary .navbar-brand[aria-expanded=true], .management-bar-primary .navbar-brand.show {
15610
+ background-color: rgba(39, 40, 51, 0.06);
15611
+ color: #272833;
15492
15612
  }
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
- }
15613
+ .management-bar-primary .navbar-toggler {
15614
+ color: #6b6c7e;
15615
+ font-weight: 600;
15515
15616
  }
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
- }
15617
+ .management-bar-primary .navbar-overlay {
15618
+ background-color: #f0f5ff;
15538
15619
  }
15539
15620
  .navigation-bar {
15540
15621
  border-width: 0 0 0.0625rem 0;
@@ -15859,18 +15940,18 @@ label.custom-control-label {
15859
15940
  bottom: -0.53125rem;
15860
15941
  height: 0.25rem;
15861
15942
  }
15862
- .navigation-bar .nav-link,
15943
+ .navigation-bar .navbar-nav .nav-link,
15863
15944
  .navigation-bar .navbar-nav .btn-unstyled {
15864
15945
  border-radius: 0;
15865
15946
  outline: 0;
15866
15947
  }
15867
- .navigation-bar .nav-link:focus,
15948
+ .navigation-bar .navbar-nav .nav-link:focus,
15868
15949
  .navigation-bar .navbar-nav .btn-unstyled:focus {
15869
15950
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
15870
15951
  }
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 {
15952
+ .navigation-bar .navbar-nav .nav-link:disabled, .navigation-bar .navbar-nav .nav-link.disabled,
15953
+ .navigation-bar .navbar-nav .btn-unstyled:disabled,
15954
+ .navigation-bar .navbar-nav .btn-unstyled.disabled {
15874
15955
  box-shadow: none;
15875
15956
  }
15876
15957
  .navigation-bar .navbar-brand {
@@ -15880,319 +15961,181 @@ label.custom-control-label {
15880
15961
  .navigation-bar .navbar-brand:focus {
15881
15962
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
15882
15963
  }
15883
- .navigation-bar .navbar-toggler {
15884
- outline: 0;
15885
- }
15886
- .navigation-bar .navbar-toggler:focus {
15887
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
15888
- }
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
- }
15964
+ .navigation-bar .navbar-brand:disabled, .navigation-bar .navbar-brand.disabled {
15965
+ box-shadow: none;
15908
15966
  }
15909
15967
  .navigation-bar-light {
15910
15968
  background-color: #fff;
15911
15969
  border-color: #f1f2f5;
15912
- border-style: solid;
15913
15970
  }
15914
- .navigation-bar-light .nav-link,
15971
+ .navigation-bar-light .navbar-nav .nav-link,
15915
15972
  .navigation-bar-light .navbar-nav .btn-unstyled {
15916
15973
  color: #6b6c7e;
15917
15974
  font-weight: 600;
15918
15975
  }
15919
- .navigation-bar-light .nav-link:hover,
15976
+ .navigation-bar-light .navbar-nav .nav-link:hover,
15920
15977
  .navigation-bar-light .navbar-nav .btn-unstyled:hover {
15921
15978
  color: #272833;
15922
15979
  }
15923
- .navigation-bar-light .nav-link:focus,
15924
- .navigation-bar-light .navbar-nav .btn-unstyled:focus {
15980
+ .navigation-bar-light .navbar-nav .nav-link:active,
15981
+ .navigation-bar-light .navbar-nav .btn-unstyled:active {
15925
15982
  color: #272833;
15926
15983
  }
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] {
15984
+ .navigation-bar-light .navbar-nav .nav-link.active,
15985
+ .navigation-bar-light .navbar-nav .btn-unstyled.active {
15930
15986
  color: #272833;
15931
15987
  }
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 {
15988
+ .navigation-bar-light .navbar-nav .nav-link:disabled, .navigation-bar-light .navbar-nav .nav-link.disabled,
15989
+ .navigation-bar-light .navbar-nav .btn-unstyled:disabled,
15990
+ .navigation-bar-light .navbar-nav .btn-unstyled.disabled {
15935
15991
  color: #6b6c7e;
15936
15992
  opacity: 0.4;
15937
15993
  }
15938
- .navigation-bar-light .nav-btn {
15994
+ .navigation-bar-light .navbar-nav .nav-link[aria-expanded=true], .navigation-bar-light .navbar-nav .nav-link.show,
15995
+ .navigation-bar-light .navbar-nav .btn-unstyled[aria-expanded=true],
15996
+ .navigation-bar-light .navbar-nav .btn-unstyled.show {
15997
+ color: #272833;
15998
+ }
15999
+ .navigation-bar-light .navbar-nav .nav-btn {
16000
+ font-weight: 600;
16001
+ }
16002
+ .navigation-bar-light .navbar-brand {
15939
16003
  font-weight: 600;
15940
16004
  }
15941
- .navigation-bar-light .navbar-brand:focus {
16005
+ .navigation-bar-light .navbar-brand:active {
15942
16006
  color: #272833;
15943
16007
  }
15944
- .navigation-bar-light .navbar-toggler {
16008
+ .navigation-bar-light .navbar-brand.active {
16009
+ color: #272833;
16010
+ }
16011
+ .navigation-bar-light .navbar-brand:disabled, .navigation-bar-light .navbar-brand.disabled {
15945
16012
  color: #6b6c7e;
15946
- font-weight: 600;
16013
+ opacity: 0.4;
15947
16014
  }
15948
- .navigation-bar-light .navbar-toggler:focus {
16015
+ .navigation-bar-light .navbar-brand[aria-expanded=true], .navigation-bar-light .navbar-brand.show {
15949
16016
  color: #272833;
15950
16017
  }
15951
- .navigation-bar-light .navbar-toggler-link[aria-expanded=true] {
15952
- color: #272833;
16018
+ .navigation-bar-light .navbar-toggler {
16019
+ color: #6b6c7e;
16020
+ font-weight: 600;
15953
16021
  }
15954
16022
  .navigation-bar-light .navbar-overlay {
15955
16023
  background-color: #fff;
15956
16024
  }
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
16025
  @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 {
16026
+ .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
15987
16027
  color: #6b6c7e;
15988
16028
  font-weight: 600;
15989
16029
  }
15990
- .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
15991
- border-color: #6b6c7e;
15992
- }
15993
16030
  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
15994
16031
  color: #272833;
15995
16032
  }
15996
- .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
16033
+ .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus {
15997
16034
  color: #272833;
15998
16035
  }
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 {
16036
+ .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:active {
16017
16037
  color: #272833;
16018
16038
  }
16019
- .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
16039
+ .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
16020
16040
  color: #272833;
16021
16041
  }
16022
- .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled {
16023
- color: #6b6c7e;
16024
- }
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 {
16042
+ .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 {
16033
16043
  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 {
16040
- color: #272833;
16044
+ opacity: 0.4;
16041
16045
  }
16042
- .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
16046
+ .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 {
16043
16047
  color: #272833;
16044
16048
  }
16045
- .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
16046
- color: #6b6c7e;
16047
- }
16048
16049
  }
16050
+
16049
16051
  .navigation-bar-secondary {
16050
16052
  background-color: #393a4a;
16051
- border-color: transparent;
16052
- border-style: solid;
16053
16053
  color: #fff;
16054
16054
  }
16055
- .navigation-bar-secondary .nav-link,
16055
+ .navigation-bar-secondary .navbar-nav .nav-link,
16056
16056
  .navigation-bar-secondary .navbar-nav .btn-unstyled {
16057
16057
  color: #cdced9;
16058
16058
  font-weight: 600;
16059
16059
  }
16060
- .navigation-bar-secondary .nav-link:hover,
16060
+ .navigation-bar-secondary .navbar-nav .nav-link:hover,
16061
16061
  .navigation-bar-secondary .navbar-nav .btn-unstyled:hover {
16062
16062
  color: #fff;
16063
16063
  }
16064
- .navigation-bar-secondary .nav-link:focus,
16065
- .navigation-bar-secondary .navbar-nav .btn-unstyled:focus {
16064
+ .navigation-bar-secondary .navbar-nav .nav-link:active,
16065
+ .navigation-bar-secondary .navbar-nav .btn-unstyled:active {
16066
16066
  color: #fff;
16067
16067
  }
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] {
16068
+ .navigation-bar-secondary .navbar-nav .nav-link.active,
16069
+ .navigation-bar-secondary .navbar-nav .btn-unstyled.active {
16071
16070
  color: #fff;
16072
16071
  }
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 {
16072
+ .navigation-bar-secondary .navbar-nav .nav-link:disabled, .navigation-bar-secondary .navbar-nav .nav-link.disabled,
16073
+ .navigation-bar-secondary .navbar-nav .btn-unstyled:disabled,
16074
+ .navigation-bar-secondary .navbar-nav .btn-unstyled.disabled {
16076
16075
  color: #cdced9;
16077
16076
  opacity: 0.4;
16078
16077
  }
16079
- .navigation-bar-secondary .nav-btn {
16078
+ .navigation-bar-secondary .navbar-nav .nav-link[aria-expanded=true], .navigation-bar-secondary .navbar-nav .nav-link.show,
16079
+ .navigation-bar-secondary .navbar-nav .btn-unstyled[aria-expanded=true],
16080
+ .navigation-bar-secondary .navbar-nav .btn-unstyled.show {
16081
+ color: #fff;
16082
+ }
16083
+ .navigation-bar-secondary .navbar-nav .nav-btn {
16080
16084
  font-weight: 600;
16081
16085
  }
16082
16086
  .navigation-bar-secondary .navbar-brand {
16083
16087
  color: rgba(255, 255, 255, 0.9);
16088
+ font-weight: 600;
16084
16089
  }
16085
16090
  .navigation-bar-secondary .navbar-brand:hover {
16086
16091
  color: rgba(255, 255, 255, 0.9);
16087
16092
  }
16088
- .navigation-bar-secondary .navbar-brand:focus {
16093
+ .navigation-bar-secondary .navbar-brand:active {
16089
16094
  color: #fff;
16090
16095
  }
16091
- .navigation-bar-secondary .navbar-toggler {
16096
+ .navigation-bar-secondary .navbar-brand.active {
16097
+ color: #fff;
16098
+ }
16099
+ .navigation-bar-secondary .navbar-brand:disabled, .navigation-bar-secondary .navbar-brand.disabled {
16092
16100
  color: #cdced9;
16093
- font-weight: 600;
16101
+ opacity: 0.4;
16094
16102
  }
16095
- .navigation-bar-secondary .navbar-toggler:focus {
16103
+ .navigation-bar-secondary .navbar-brand[aria-expanded=true], .navigation-bar-secondary .navbar-brand.show {
16096
16104
  color: #fff;
16097
16105
  }
16098
- .navigation-bar-secondary .navbar-toggler-link[aria-expanded=true] {
16099
- color: #fff;
16106
+ .navigation-bar-secondary .navbar-toggler {
16107
+ color: #cdced9;
16108
+ font-weight: 600;
16100
16109
  }
16101
16110
  .navigation-bar-secondary .navbar-overlay {
16102
16111
  background-color: #393a4a;
16103
16112
  }
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
16113
  @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 {
16114
+ .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
16134
16115
  color: #cdced9;
16135
16116
  font-weight: 600;
16136
16117
  }
16137
- .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
16138
- border-color: #cdced9;
16139
- }
16140
16118
  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
16141
16119
  color: #fff;
16142
16120
  }
16143
- .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
16121
+ .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus {
16144
16122
  color: #fff;
16145
16123
  }
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 {
16124
+ .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:active {
16164
16125
  color: #fff;
16165
16126
  }
16166
- .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
16127
+ .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
16167
16128
  color: #fff;
16168
16129
  }
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 {
16130
+ .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
16131
  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;
16132
+ opacity: 0.4;
16188
16133
  }
16189
- .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
16134
+ .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
16135
  color: #fff;
16191
16136
  }
16192
- .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
16193
- color: #cdced9;
16194
- }
16195
16137
  }
16138
+
16196
16139
  .pagination {
16197
16140
  border-radius: 0.25rem;
16198
16141
  display: flex;
@@ -16202,7 +16145,6 @@ label.custom-control-label {
16202
16145
  margin-bottom: 0.5rem;
16203
16146
  padding-left: 0;
16204
16147
  }
16205
-
16206
16148
  .pagination-bar {
16207
16149
  align-items: center;
16208
16150
  display: flex;
@@ -16213,8 +16155,6 @@ label.custom-control-label {
16213
16155
  flex-direction: column;
16214
16156
  justify-content: center;
16215
16157
  }
16216
- }
16217
- @media (max-width: 767.98px) {
16218
16158
  .pagination-bar .pagination {
16219
16159
  margin-top: 0.5rem;
16220
16160
  }
@@ -16245,15 +16185,6 @@ label.custom-control-label {
16245
16185
  transition: none;
16246
16186
  }
16247
16187
  }
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
16188
  .page-link:hover {
16258
16189
  background-color: rgba(0, 0, 0, 0.02);
16259
16190
  border-color: transparent;
@@ -16262,20 +16193,26 @@ label.custom-control-label {
16262
16193
  z-index: 2;
16263
16194
  }
16264
16195
  .page-link:focus {
16265
- box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.25);
16196
+ box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
16266
16197
  outline: 0;
16267
16198
  z-index: 4;
16268
16199
  background-color: rgba(0, 0, 0, 0.02);
16269
16200
  border-color: transparent;
16270
16201
  color: #272833;
16271
16202
  }
16272
- .page-link:active, .page-link.active {
16203
+ .page-link:active {
16273
16204
  background-color: rgba(0, 0, 0, 0.04);
16274
16205
  border-color: transparent;
16275
16206
  color: #272833;
16276
16207
  cursor: default;
16277
16208
  z-index: 3;
16278
16209
  }
16210
+ .page-link.active {
16211
+ background-color: rgba(0, 0, 0, 0.04);
16212
+ border-color: transparent;
16213
+ color: #272833;
16214
+ z-index: 3;
16215
+ }
16279
16216
  .page-link:disabled, .page-link.disabled {
16280
16217
  background-color: transparent;
16281
16218
  border-color: transparent;
@@ -16286,8 +16223,30 @@ label.custom-control-label {
16286
16223
  pointer-events: auto;
16287
16224
  z-index: 0;
16288
16225
  }
16289
- .page-item.active .page-link,
16290
- .page-item.show .page-link {
16226
+ .page-link:disabled:active, .page-link.disabled:active {
16227
+ pointer-events: none;
16228
+ }
16229
+ .page-link[aria-expanded=true], .page-link.show {
16230
+ background-color: rgba(0, 0, 0, 0.04);
16231
+ border-color: transparent;
16232
+ color: #272833;
16233
+ z-index: 3;
16234
+ }
16235
+ .page-link > .c-inner {
16236
+ margin-bottom: 0;
16237
+ margin-left: -0.625rem;
16238
+ margin-right: -0.625rem;
16239
+ margin-top: 0;
16240
+ }
16241
+ .page-link .lexicon-icon {
16242
+ margin-top: 0;
16243
+ }
16244
+
16245
+ .page-item {
16246
+ margin-left: 0.25rem;
16247
+ margin-right: 0.25rem;
16248
+ }
16249
+ .page-item.active .page-link {
16291
16250
  background-color: rgba(0, 0, 0, 0.04);
16292
16251
  border-color: transparent;
16293
16252
  color: #272833;
@@ -16304,11 +16263,9 @@ label.custom-control-label {
16304
16263
  pointer-events: auto;
16305
16264
  z-index: 0;
16306
16265
  }
16307
- .page-item {
16308
- margin-left: 0.25rem;
16309
- margin-right: 0.25rem;
16266
+ .page-item.disabled .page-link:active {
16267
+ pointer-events: none;
16310
16268
  }
16311
-
16312
16269
  .page-item:first-child .page-link,
16313
16270
  .page-link-first {
16314
16271
  border-radius: 4px;
@@ -16348,18 +16305,6 @@ label.custom-control-label {
16348
16305
  transition: none;
16349
16306
  }
16350
16307
  }
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
16308
  .pagination-items-per-page > a:hover,
16364
16309
  .pagination-items-per-page > button:hover {
16365
16310
  background-color: rgba(0, 0, 0, 0.02);
@@ -16368,15 +16313,20 @@ label.custom-control-label {
16368
16313
  }
16369
16314
  .pagination-items-per-page > a:focus,
16370
16315
  .pagination-items-per-page > button:focus {
16371
- box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.25);
16316
+ box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
16372
16317
  outline: 0;
16373
16318
  background-color: rgba(0, 0, 0, 0.02);
16374
16319
  border-color: transparent;
16375
16320
  color: #272833;
16376
16321
  }
16377
- .pagination-items-per-page > a:active, .pagination-items-per-page > a.active,
16378
- .pagination-items-per-page > button:active,
16379
- .pagination-items-per-page > button.active {
16322
+ .pagination-items-per-page > a:active,
16323
+ .pagination-items-per-page > button:active {
16324
+ background-color: rgba(0, 0, 0, 0.04);
16325
+ border-color: transparent;
16326
+ color: #272833;
16327
+ }
16328
+ .pagination-items-per-page > a.active,
16329
+ .pagination-items-per-page > button.active {
16380
16330
  background-color: rgba(0, 0, 0, 0.04);
16381
16331
  border-color: transparent;
16382
16332
  color: #272833;
@@ -16392,13 +16342,25 @@ label.custom-control-label {
16392
16342
  opacity: 0.5;
16393
16343
  pointer-events: auto;
16394
16344
  }
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 {
16345
+ .pagination-items-per-page > a[aria-expanded=true], .pagination-items-per-page > a.show,
16346
+ .pagination-items-per-page > button[aria-expanded=true],
16347
+ .pagination-items-per-page > button.show {
16398
16348
  background-color: rgba(0, 0, 0, 0.04);
16399
16349
  border-color: transparent;
16400
16350
  color: #272833;
16401
16351
  }
16352
+ .pagination-items-per-page > a > .c-inner,
16353
+ .pagination-items-per-page > button > .c-inner {
16354
+ margin-bottom: 0;
16355
+ margin-left: -0.625rem;
16356
+ margin-right: -0.625rem;
16357
+ margin-top: 0;
16358
+ }
16359
+ .pagination-items-per-page > a .lexicon-icon,
16360
+ .pagination-items-per-page > button .lexicon-icon {
16361
+ margin-left: 0.125rem;
16362
+ margin-top: 0.125rem;
16363
+ }
16402
16364
  .pagination-items-per-page.disabled > a,
16403
16365
  .pagination-items-per-page.disabled > button {
16404
16366
  background-color: transparent;
@@ -16432,28 +16394,10 @@ label.custom-control-label {
16432
16394
  margin-right: auto;
16433
16395
  max-width: 100%;
16434
16396
  padding: 0 0.625rem;
16397
+ overflow-wrap: break-word;
16435
16398
  word-wrap: break-word;
16436
16399
  }
16437
16400
 
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
16401
  .pagination-sm .page-link {
16458
16402
  font-size: 0.75rem;
16459
16403
  height: 1.5rem;
@@ -16463,11 +16407,11 @@ label.custom-control-label {
16463
16407
  padding-left: 0.5rem;
16464
16408
  padding-top: 0;
16465
16409
  }
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;
16410
+ .pagination-sm .page-link > .c-inner {
16411
+ margin-bottom: 0;
16412
+ margin-left: -0.5rem;
16413
+ margin-right: -0.5rem;
16414
+ margin-top: 0;
16471
16415
  }
16472
16416
  .pagination-sm .page-item:first-child .page-link,
16473
16417
  .pagination-sm .page-link-first {
@@ -16479,26 +16423,32 @@ label.custom-control-label {
16479
16423
  border-bottom-right-radius: 0.3125rem;
16480
16424
  border-top-right-radius: 0.3125rem;
16481
16425
  }
16482
-
16483
- .pagination-lg .pagination-items-per-page {
16426
+ .pagination-sm .pagination-items-per-page {
16484
16427
  border-radius: 0.3125rem;
16485
16428
  }
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;
16429
+ .pagination-sm .pagination-items-per-page > a,
16430
+ .pagination-sm .pagination-items-per-page > button {
16431
+ font-size: 0.75rem;
16432
+ height: 1.5rem;
16490
16433
  line-height: 1;
16491
- padding: 0 0.625rem;
16434
+ padding-bottom: 0;
16435
+ padding-left: 0.625rem;
16436
+ padding-right: 0.625rem;
16437
+ padding-top: 0;
16492
16438
  }
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;
16439
+ .pagination-sm .pagination-items-per-page > a > .c-inner,
16440
+ .pagination-sm .pagination-items-per-page > button > .c-inner {
16441
+ margin-bottom: 0;
16442
+ margin-left: -0.625rem;
16443
+ margin-right: -0.625rem;
16444
+ margin-top: 0;
16496
16445
  }
16497
- .pagination-lg .pagination-results {
16498
- font-size: 1.125rem;
16446
+ .pagination-sm .pagination-items-per-page + .pagination-results {
16447
+ font-size: 0.75rem;
16499
16448
  line-height: 1;
16500
16449
  padding: 0 0.625rem;
16501
16450
  }
16451
+
16502
16452
  .pagination-lg .page-link {
16503
16453
  font-size: 1.125rem;
16504
16454
  height: 2.75rem;
@@ -16508,11 +16458,11 @@ label.custom-control-label {
16508
16458
  padding-right: 1rem;
16509
16459
  padding-top: 0;
16510
16460
  }
16511
- .pagination-lg .page-link .c-inner {
16512
- margin: 0 -1rem;
16513
- }
16514
- .pagination-lg .page-link.btn-unstyled {
16515
- padding: 0 1rem;
16461
+ .pagination-lg .page-link > .c-inner {
16462
+ margin-bottom: 0;
16463
+ margin-left: -1rem;
16464
+ margin-right: -1rem;
16465
+ margin-top: 0;
16516
16466
  }
16517
16467
  .pagination-lg .page-item:first-child .page-link,
16518
16468
  .pagination-lg .page-link-first {
@@ -16524,6 +16474,21 @@ label.custom-control-label {
16524
16474
  border-bottom-right-radius: 0.3125rem;
16525
16475
  border-top-right-radius: 0.3125rem;
16526
16476
  }
16477
+ .pagination-lg .pagination-items-per-page {
16478
+ border-radius: 0.3125rem;
16479
+ }
16480
+ .pagination-lg .pagination-items-per-page > a,
16481
+ .pagination-lg .pagination-items-per-page > button {
16482
+ font-size: 1.125rem;
16483
+ height: 2.75rem;
16484
+ line-height: 1;
16485
+ padding: 0 0.625rem;
16486
+ }
16487
+ .pagination-lg .pagination-items-per-page + .pagination-results {
16488
+ font-size: 1.125rem;
16489
+ line-height: 1;
16490
+ padding: 0 0.625rem;
16491
+ }
16527
16492
 
16528
16493
  .panel {
16529
16494
  background-color: #fff;
@@ -16829,13 +16794,12 @@ label.custom-control-label {
16829
16794
  border-radius: 0.25rem;
16830
16795
  box-shadow: 0 1px 15px -2px rgba(0, 0, 0, 0.2);
16831
16796
  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";
16797
+ 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
16798
  font-size: 0.875rem;
16834
16799
  font-style: normal;
16835
16800
  font-weight: 400;
16836
16801
  left: 0;
16837
16802
  letter-spacing: normal;
16838
- line-break: auto;
16839
16803
  line-height: 1.5;
16840
16804
  max-width: 14.5rem;
16841
16805
  position: absolute;
@@ -16847,6 +16811,7 @@ label.custom-control-label {
16847
16811
  white-space: normal;
16848
16812
  word-break: normal;
16849
16813
  word-spacing: normal;
16814
+ overflow-wrap: break-word;
16850
16815
  word-wrap: break-word;
16851
16816
  z-index: 1060;
16852
16817
  }
@@ -16857,13 +16822,23 @@ label.custom-control-label {
16857
16822
  position: absolute;
16858
16823
  width: 0.6rem;
16859
16824
  }
16860
- .popover .arrow::before, .popover .arrow::after {
16825
+ .popover .arrow::before {
16826
+ border-color: transparent;
16827
+ border-style: solid;
16828
+ content: "";
16829
+ display: block;
16830
+ position: absolute;
16831
+ }
16832
+ .popover .arrow::after {
16861
16833
  border-color: transparent;
16862
16834
  border-style: solid;
16863
16835
  content: "";
16864
16836
  display: block;
16865
16837
  position: absolute;
16866
16838
  }
16839
+ .popover .inline-scroller {
16840
+ max-height: 14.875rem;
16841
+ }
16867
16842
 
16868
16843
  .bs-popover-bottom,
16869
16844
  .bs-popover-auto[x-placement^=bottom] {
@@ -16974,19 +16949,10 @@ label.custom-control-label {
16974
16949
  bottom: 0.0625rem;
16975
16950
  }
16976
16951
 
16977
- .popover .inline-scroller {
16978
- max-height: 14.875rem;
16979
- }
16980
-
16981
16952
  .popover-header {
16982
16953
  color: #272833;
16983
16954
  background-color: #fff;
16984
16955
  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
16956
  border-color: #e7e7ed;
16991
16957
  border-top-left-radius: 0.1875rem;
16992
16958
  border-top-right-radius: 0.1875rem;
@@ -17017,16 +16983,11 @@ label.custom-control-label {
17017
16983
  .clay-popover-top .arrow,
17018
16984
  .clay-popover-top-left .arrow,
17019
16985
  .clay-popover-top-right .arrow {
16986
+ left: 50%;
16987
+ margin-left: -0.3rem;
17020
16988
  bottom: calc((0.3rem + 0.0625rem) * -1);
17021
16989
  margin: 0;
17022
16990
  }
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
16991
  .clay-popover-top .arrow::before,
17031
16992
  .clay-popover-top-left .arrow::before,
17032
16993
  .clay-popover-top-right .arrow::before {
@@ -17034,11 +16995,22 @@ label.custom-control-label {
17034
16995
  border-width: 0.3rem 0.3rem 0;
17035
16996
  bottom: 0;
17036
16997
  }
17037
-
17038
- .clay-popover-top .arrow::after {
16998
+ .clay-popover-top .arrow::after,
16999
+ .clay-popover-top-left .arrow::after,
17000
+ .clay-popover-top-right .arrow::after {
17039
17001
  border-top-color: #fff;
17002
+ border-width: 0.3rem 0.3rem 0;
17003
+ bottom: 0.0625rem;
17004
+ }
17005
+ .clay-popover-top-left .arrow {
17006
+ left: 0.625rem;
17007
+ margin: 0;
17008
+ }
17009
+ .clay-popover-top-right .arrow {
17010
+ left: auto;
17011
+ right: 0.625rem;
17012
+ margin: 0;
17040
17013
  }
17041
-
17042
17014
  .clay-popover-right,
17043
17015
  .clay-popover-right-bottom,
17044
17016
  .clay-popover-right-top {
@@ -17049,16 +17021,10 @@ label.custom-control-label {
17049
17021
  .clay-popover-right-top .arrow {
17050
17022
  height: 0.6rem;
17051
17023
  left: calc((0.3rem + 0.0625rem) * -1);
17052
- margin: 0;
17024
+ margin: -0.15rem 0 0;
17025
+ top: 50%;
17053
17026
  width: 0.3rem;
17054
17027
  }
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
17028
  .clay-popover-right .arrow::before,
17063
17029
  .clay-popover-right-bottom .arrow::before,
17064
17030
  .clay-popover-right-top .arrow::before {
@@ -17066,15 +17032,25 @@ label.custom-control-label {
17066
17032
  border-width: 0.3rem 0.3rem 0.3rem 0;
17067
17033
  left: 0;
17068
17034
  }
17069
-
17070
- .clay-popover-right .arrow::after {
17035
+ .clay-popover-right .arrow::after,
17036
+ .clay-popover-right-bottom .arrow::after,
17037
+ .clay-popover-right-top .arrow::after {
17071
17038
  border-right-color: #fff;
17039
+ border-width: 0.3rem 0.3rem 0.3rem 0;
17040
+ left: 0.0625rem;
17041
+ }
17042
+ .clay-popover-right-bottom .arrow {
17043
+ bottom: 0.625rem;
17044
+ margin: 0;
17045
+ top: auto;
17046
+ }
17047
+ .clay-popover-right-top .arrow {
17048
+ margin: 0;
17049
+ top: 0.625rem;
17072
17050
  }
17073
-
17074
17051
  .clay-popover-right-top .arrow::after {
17075
17052
  border-right-color: #fff;
17076
17053
  }
17077
-
17078
17054
  .clay-popover-bottom,
17079
17055
  .clay-popover-bottom-left,
17080
17056
  .clay-popover-bottom-right {
@@ -17083,36 +17059,38 @@ label.custom-control-label {
17083
17059
  .clay-popover-bottom .arrow,
17084
17060
  .clay-popover-bottom-left .arrow,
17085
17061
  .clay-popover-bottom-right .arrow {
17086
- margin: 0;
17062
+ left: 50%;
17063
+ margin: 0 0 0 -0.3rem;
17087
17064
  top: calc((0.3rem + 0.0625rem) * -1);
17088
17065
  }
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 {
17066
+ .clay-popover-bottom .arrow::before,
17067
+ .clay-popover-bottom-left .arrow::before,
17068
+ .clay-popover-bottom-right .arrow::before {
17099
17069
  border-bottom-color: transparent;
17100
17070
  border-width: 0 0.3rem 0.3rem 0.3rem;
17101
17071
  top: 0;
17102
17072
  }
17103
-
17104
- .clay-popover-bottom .arrow::after {
17073
+ .clay-popover-bottom .arrow::after,
17074
+ .clay-popover-bottom-left .arrow::after,
17075
+ .clay-popover-bottom-right .arrow::after {
17105
17076
  border-bottom-color: #fff;
17077
+ border-width: 0 0.3rem 0.3rem 0.3rem;
17078
+ top: 0.0625rem;
17079
+ }
17080
+ .clay-popover-bottom-left .arrow {
17081
+ left: 0.625rem;
17082
+ margin: 0;
17106
17083
  }
17107
-
17108
17084
  .clay-popover-bottom-left .arrow::after {
17109
17085
  border-bottom-color: #fff;
17110
17086
  }
17111
-
17087
+ .clay-popover-bottom-right .arrow {
17088
+ left: auto;
17089
+ right: 0.625rem;
17090
+ }
17112
17091
  .clay-popover-bottom-right .arrow::after {
17113
17092
  border-bottom-color: #fff;
17114
17093
  }
17115
-
17116
17094
  .clay-popover-left,
17117
17095
  .clay-popover-left-bottom,
17118
17096
  .clay-popover-left-top {
@@ -17122,17 +17100,11 @@ label.custom-control-label {
17122
17100
  .clay-popover-left-bottom .arrow,
17123
17101
  .clay-popover-left-top .arrow {
17124
17102
  height: 0.6rem;
17125
- margin: 0;
17103
+ margin: -0.15rem 0 0;
17126
17104
  right: calc((0.3rem + 0.0625rem) * -1);
17105
+ top: 50%;
17127
17106
  width: 0.3rem;
17128
17107
  }
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
17108
  .clay-popover-left .arrow::before,
17137
17109
  .clay-popover-left-bottom .arrow::before,
17138
17110
  .clay-popover-left-top .arrow::before {
@@ -17140,47 +17112,25 @@ label.custom-control-label {
17140
17112
  border-width: 0.3rem 0 0.3rem 0.3rem;
17141
17113
  right: 0;
17142
17114
  }
17143
-
17144
- .clay-popover-left .arrow::after {
17145
- border-left-color: #fff;
17146
- }
17147
-
17115
+ .clay-popover-left .arrow::after,
17116
+ .clay-popover-left-bottom .arrow::after,
17148
17117
  .clay-popover-left-top .arrow::after {
17149
17118
  border-left-color: #fff;
17119
+ border-width: 0.3rem 0 0.3rem 0.3rem;
17120
+ right: 0.0625rem;
17150
17121
  }
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 {
17122
+ .clay-popover-left-bottom .arrow {
17176
17123
  bottom: 0.625rem;
17124
+ margin: 0;
17125
+ top: auto;
17177
17126
  }
17178
-
17179
- .clay-popover-left-top .arrow,
17180
- .clay-popover-right-top .arrow {
17127
+ .clay-popover-left-top .arrow {
17128
+ margin: 0;
17181
17129
  top: 0.625rem;
17182
17130
  }
17183
-
17131
+ .clay-popover-left-top .arrow::after {
17132
+ border-left-color: #fff;
17133
+ }
17184
17134
  .progress {
17185
17135
  background-color: #f1f2f5;
17186
17136
  border-radius: 100px;
@@ -17880,130 +17830,58 @@ a.sheet-subtitle:focus {
17880
17830
  .sidebar-light .component-navigation-bar {
17881
17831
  background-color: #fff;
17882
17832
  border-color: #cdced9;
17883
- border-style: solid;
17884
17833
  }
17885
- .sidebar-light .component-navigation-bar .nav-link,
17834
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link,
17886
17835
  .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled {
17887
17836
  color: #6b6c7e;
17888
17837
  }
17889
- .sidebar-light .component-navigation-bar .nav-link:hover,
17838
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link:hover,
17890
17839
  .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled:hover {
17891
17840
  color: #6b6c7e;
17892
17841
  }
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] {
17842
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link:active,
17843
+ .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled:active {
17896
17844
  color: #272833;
17897
17845
  }
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 {
17846
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link.active,
17847
+ .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled.active {
17848
+ color: #272833;
17849
+ }
17850
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link:disabled, .sidebar-light .component-navigation-bar .navbar-nav .nav-link.disabled,
17851
+ .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled:disabled,
17852
+ .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled.disabled {
17901
17853
  color: #a7a9bc;
17902
17854
  }
17903
- .sidebar-light .component-navigation-bar .navbar-toggler {
17904
- color: #6b6c7e;
17855
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link[aria-expanded=true], .sidebar-light .component-navigation-bar .navbar-nav .nav-link.show,
17856
+ .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled[aria-expanded=true],
17857
+ .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled.show {
17858
+ color: #272833;
17859
+ }
17860
+ .sidebar-light .component-navigation-bar .navbar-brand:active {
17861
+ color: #272833;
17862
+ }
17863
+ .sidebar-light .component-navigation-bar .navbar-brand.active {
17864
+ color: #272833;
17865
+ }
17866
+ .sidebar-light .component-navigation-bar .navbar-brand:disabled, .sidebar-light .component-navigation-bar .navbar-brand.disabled {
17867
+ color: #a7a9bc;
17905
17868
  }
17906
- .sidebar-light .component-navigation-bar .navbar-toggler-link[aria-expanded=true] {
17869
+ .sidebar-light .component-navigation-bar .navbar-brand[aria-expanded=true], .sidebar-light .component-navigation-bar .navbar-brand.show {
17907
17870
  color: #272833;
17908
17871
  }
17872
+ .sidebar-light .component-navigation-bar .navbar-toggler {
17873
+ color: #6b6c7e;
17874
+ }
17909
17875
  .sidebar-light .component-navigation-bar .navbar-overlay {
17910
17876
  background-color: #fff;
17911
17877
  }
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
- }
17933
- }
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
- }
17955
- }
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
- }
17977
- }
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
- }
17999
- }
18000
- .sidebar-dark {
18001
- background-color: #272833;
18002
- border-bottom-width: 0;
18003
- border-left-width: 0;
18004
- border-right-width: 0;
18005
- border-top-width: 0;
18006
- color: #fff;
17878
+ .sidebar-dark {
17879
+ background-color: #272833;
17880
+ border-bottom-width: 0;
17881
+ border-left-width: 0;
17882
+ border-right-width: 0;
17883
+ border-top-width: 0;
17884
+ color: #fff;
18007
17885
  }
18008
17886
  .sidebar-dark .close {
18009
17887
  color: #a7a9bc;
@@ -18054,7 +17932,7 @@ a.sheet-subtitle:focus {
18054
17932
  .sidebar-dark .nav-nested .nav-link:disabled:active, .sidebar-dark .nav-nested .nav-link.disabled:active {
18055
17933
  pointer-events: none;
18056
17934
  }
18057
- .sidebar-dark .nav-nested .nav-link[aria-expanded=true], .sidebar-dark .nav-nested .nav-link.show, .show > .sidebar-dark .nav-nested .nav-link {
17935
+ .sidebar-dark .nav-nested .nav-link[aria-expanded=true], .sidebar-dark .nav-nested .nav-link.show {
18058
17936
  color: #fff;
18059
17937
  }
18060
17938
  .c-slideout-transition-in {
@@ -18684,7 +18562,7 @@ caption {
18684
18562
  .table-action-link.active {
18685
18563
  background-color: rgba(0, 0, 0, 0.04);
18686
18564
  }
18687
- .table-action-link[aria-expanded=true], .table-action-link.show, .show > .table-action-link {
18565
+ .table-action-link[aria-expanded=true], .table-action-link.show {
18688
18566
  background-color: rgba(0, 0, 0, 0.04);
18689
18567
  }
18690
18568
  .table-action-link .lexicon-icon {
@@ -19018,7 +18896,7 @@ caption {
19018
18896
  .table-list-action-link.active {
19019
18897
  background-color: rgba(0, 0, 0, 0.04);
19020
18898
  }
19021
- .table-list-action-link[aria-expanded=true], .table-list-action-link.show, .show > .table-list-action-link {
18899
+ .table-list-action-link[aria-expanded=true], .table-list-action-link.show {
19022
18900
  background-color: rgba(0, 0, 0, 0.04);
19023
18901
  }
19024
18902
  .table-list-action-link .lexicon-icon {
@@ -19747,13 +19625,17 @@ caption {
19747
19625
  background-color: #f1f2f5;
19748
19626
  color: #272833;
19749
19627
  }
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 {
19628
+ .tbar-light .tbar-btn-monospaced.active {
19751
19629
  background-color: #f1f2f5;
19752
19630
  color: #272833;
19753
19631
  }
19754
19632
  .tbar-light .tbar-btn-monospaced:disabled, .tbar-light .tbar-btn-monospaced.disabled {
19755
19633
  color: inherit;
19756
19634
  }
19635
+ .tbar-light .tbar-btn-monospaced[aria-expanded=true], .tbar-light .tbar-btn-monospaced.show {
19636
+ background-color: #f1f2f5;
19637
+ color: #272833;
19638
+ }
19757
19639
  .tbar-light .tbar-label {
19758
19640
  border-width: 0.0625rem;
19759
19641
  }
@@ -19779,13 +19661,17 @@ caption {
19779
19661
  background-color: rgba(255, 255, 255, 0.06);
19780
19662
  color: #fff;
19781
19663
  }
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 {
19664
+ .tbar-dark-l2 .tbar-btn-monospaced.active {
19783
19665
  background-color: rgba(255, 255, 255, 0.06);
19784
19666
  color: #fff;
19785
19667
  }
19786
19668
  .tbar-dark-l2 .tbar-btn-monospaced:disabled, .tbar-dark-l2 .tbar-btn-monospaced.disabled {
19787
19669
  color: inherit;
19788
19670
  }
19671
+ .tbar-dark-l2 .tbar-btn-monospaced[aria-expanded=true], .tbar-dark-l2 .tbar-btn-monospaced.show {
19672
+ background-color: rgba(255, 255, 255, 0.06);
19673
+ color: #fff;
19674
+ }
19789
19675
  .tbar-dark-l2 .tbar-label {
19790
19676
  border-width: 0.0625rem;
19791
19677
  }
@@ -19810,11 +19696,11 @@ caption {
19810
19696
  background-color: rgba(255, 255, 255, 0.06);
19811
19697
  color: #fff;
19812
19698
  }
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 {
19699
+ .tbar-dark-d1 .tbar-btn-monospaced.active {
19814
19700
  background-color: rgba(255, 255, 255, 0.06);
19815
19701
  color: #fff;
19816
19702
  }
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 {
19703
+ .tbar-dark-d1 .tbar-btn-monospaced.active::after {
19818
19704
  background-color: #80acff;
19819
19705
  bottom: 0;
19820
19706
  content: "";
@@ -19827,6 +19713,10 @@ caption {
19827
19713
  .tbar-dark-d1 .tbar-btn-monospaced:disabled, .tbar-dark-d1 .tbar-btn-monospaced.disabled {
19828
19714
  color: inherit;
19829
19715
  }
19716
+ .tbar-dark-d1 .tbar-btn-monospaced[aria-expanded=true], .tbar-dark-d1 .tbar-btn-monospaced.show {
19717
+ background-color: rgba(255, 255, 255, 0.06);
19718
+ color: #fff;
19719
+ }
19830
19720
  .tbar-dark-d1 .tbar-label {
19831
19721
  border-width: 0.0625rem;
19832
19722
  }
@@ -20092,57 +19982,16 @@ caption {
20092
19982
  max-width: 75px;
20093
19983
  }
20094
19984
 
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;
20135
- }
20136
- label.toggle-switch.disabled {
20137
- cursor: not-allowed;
20138
- }
20139
-
20140
19985
  .toggle-switch {
19986
+ cursor: pointer;
20141
19987
  display: inline-block;
20142
19988
  font-weight: 600;
20143
19989
  max-width: 100%;
20144
19990
  position: relative;
20145
19991
  }
19992
+ .toggle-switch.disabled {
19993
+ cursor: not-allowed;
19994
+ }
20146
19995
  .toggle-switch.disabled .toggle-switch-label {
20147
19996
  color: #a7a9bc;
20148
19997
  cursor: not-allowed;
@@ -20150,7 +19999,6 @@ label.toggle-switch.disabled {
20150
19999
  .toggle-switch.disabled .toggle-switch-text {
20151
20000
  color: #a7a9bc;
20152
20001
  }
20153
-
20154
20002
  .toggle-switch-check-bar {
20155
20003
  display: inline-flex;
20156
20004
  position: relative;
@@ -20170,7 +20018,6 @@ label.toggle-switch.disabled {
20170
20018
  .toggle-switch-bar .button-icon {
20171
20019
  font-size: 0.625rem;
20172
20020
  }
20173
-
20174
20021
  .toggle-switch-check {
20175
20022
  bottom: 0;
20176
20023
  font-size: 62.5%;
@@ -20180,13 +20027,7 @@ label.toggle-switch.disabled {
20180
20027
  width: 48px;
20181
20028
  z-index: 2;
20182
20029
  }
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 {
20030
+ .toggle-switch-check ~ .toggle-switch-bar {
20190
20031
  display: inline-flex;
20191
20032
  font-size: 0.625rem;
20192
20033
  height: 24px;
@@ -20194,9 +20035,31 @@ label.toggle-switch.disabled {
20194
20035
  position: relative;
20195
20036
  text-indent: 0;
20196
20037
  -ms-user-select: none;
20038
+ -moz-user-select: none;
20039
+ -webkit-user-select: none;
20197
20040
  user-select: none;
20198
20041
  }
20199
- .toggle-switch-check:empty ~ .toggle-switch-bar:after {
20042
+ .toggle-switch-check ~ .toggle-switch-bar::before {
20043
+ background-color: #a7a9bc;
20044
+ border-color: #a7a9bc;
20045
+ border-radius: 20px;
20046
+ border-style: solid;
20047
+ border-width: 1px;
20048
+ bottom: 0;
20049
+ content: " ";
20050
+ display: block;
20051
+ left: 0;
20052
+ position: absolute;
20053
+ top: 0;
20054
+ 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;
20055
+ width: 48px;
20056
+ }
20057
+ @media (prefers-reduced-motion: reduce) {
20058
+ .toggle-switch-check ~ .toggle-switch-bar::before {
20059
+ transition: none;
20060
+ }
20061
+ }
20062
+ .toggle-switch-check ~ .toggle-switch-bar::after {
20200
20063
  background-color: #fff;
20201
20064
  border-color: #fff;
20202
20065
  border-radius: 50%;
@@ -20212,31 +20075,31 @@ label.toggle-switch.disabled {
20212
20075
  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
20076
  width: 16px;
20214
20077
  }
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;
20078
+ @media (prefers-reduced-motion: reduce) {
20079
+ .toggle-switch-check ~ .toggle-switch-bar::after {
20080
+ transition: none;
20081
+ }
20082
+ }
20083
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before {
20227
20084
  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
20085
  }
20230
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-handle:after {
20086
+ @media (prefers-reduced-motion: reduce) {
20087
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before {
20088
+ transition: none;
20089
+ }
20090
+ }
20091
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
20231
20092
  content: attr(data-label-off);
20232
20093
  margin-left: 56px;
20233
20094
  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
20095
  white-space: nowrap;
20235
20096
  }
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;
20097
+ @media (prefers-reduced-motion: reduce) {
20098
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
20099
+ transition: none;
20100
+ }
20238
20101
  }
20239
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-icon {
20102
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
20240
20103
  color: #fff;
20241
20104
  left: 4px;
20242
20105
  line-height: 16px;
@@ -20248,158 +20111,202 @@ label.toggle-switch.disabled {
20248
20111
  width: 16px;
20249
20112
  z-index: 1;
20250
20113
  }
20251
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-icon-on {
20114
+ @media (prefers-reduced-motion: reduce) {
20115
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
20116
+ transition: none;
20117
+ }
20118
+ }
20119
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-on {
20252
20120
  left: 4px;
20253
20121
  opacity: 0;
20254
20122
  }
20255
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-icon-off {
20123
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-off {
20256
20124
  left: 28px;
20257
20125
  }
20258
- .toggle-switch-check:empty ~ .toggle-switch-bar .button-icon {
20126
+ .toggle-switch-check ~ .toggle-switch-bar .button-icon {
20259
20127
  color: #272833;
20260
20128
  }
20261
- .toggle-switch-check:empty ~ .toggle-switch-bar .button-icon-on {
20129
+ .toggle-switch-check ~ .toggle-switch-bar .button-icon-on {
20262
20130
  opacity: 0;
20263
20131
  }
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;
20132
+ .toggle-switch-check:focus ~ .toggle-switch-bar::before {
20133
+ box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
20271
20134
  }
20272
- .toggle-switch-check:checked ~ .toggle-switch-bar:before {
20135
+ .toggle-switch-check[disabled] ~ .toggle-switch-bar, .toggle-switch-check:disabled ~ .toggle-switch-bar {
20136
+ cursor: not-allowed;
20137
+ opacity: 0.4;
20138
+ }
20139
+ .toggle-switch-check:checked ~ .toggle-switch-bar::before {
20273
20140
  background-color: #0b5fff;
20274
20141
  border-color: #0b5fff;
20275
20142
  border-radius: 20px;
20276
20143
  border-style: solid;
20277
20144
  border-width: 1px;
20278
20145
  }
20279
- .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-handle:after {
20146
+ .toggle-switch-check:checked ~ .toggle-switch-bar::after {
20147
+ background-color: #fff;
20148
+ border-color: #fff;
20149
+ border-radius: 50%;
20150
+ border-style: solid;
20151
+ border-width: 1px;
20152
+ left: 28px;
20153
+ }
20154
+ .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-handle::after {
20280
20155
  content: attr(data-label-on);
20281
20156
  }
20282
20157
  .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon {
20283
20158
  color: #fff;
20284
20159
  }
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
20160
  .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon-on {
20291
20161
  opacity: 1;
20292
20162
  }
20293
- .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-off,
20294
20163
  .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon-off {
20295
20164
  opacity: 0;
20296
20165
  }
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;
20166
+ .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon {
20167
+ color: #0b5fff;
20168
+ left: 28px;
20313
20169
  }
20314
-
20315
- .toggle-switch-text-left {
20316
- display: inline-flex;
20317
- line-height: 24px;
20318
- margin-right: 8px;
20170
+ .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-on {
20171
+ opacity: 1;
20319
20172
  }
20320
-
20321
- .toggle-switch-text-right {
20322
- display: inline-flex;
20323
- line-height: 24px;
20324
- margin-left: 8px;
20173
+ .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-off {
20174
+ opacity: 0;
20325
20175
  }
20326
-
20327
20176
  @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;
20177
+ .toggle-switch-check {
20178
+ height: 24px;
20179
+ width: 40px;
20336
20180
  }
20337
-
20338
- .toggle-switch-check:empty ~ .toggle-switch-bar {
20181
+ .toggle-switch-check ~ .toggle-switch-bar {
20339
20182
  height: 24px;
20340
20183
  line-height: 24px;
20341
20184
  text-indent: 0;
20342
20185
  }
20343
- .toggle-switch-check:empty ~ .toggle-switch-bar:after {
20186
+ .toggle-switch-check ~ .toggle-switch-bar::before {
20187
+ width: 40px;
20188
+ }
20189
+ .toggle-switch-check ~ .toggle-switch-bar::after {
20344
20190
  bottom: 4px;
20345
20191
  height: 16px;
20346
20192
  left: 4px;
20347
20193
  top: 4px;
20348
20194
  width: 16px;
20349
20195
  }
20350
- .toggle-switch-check:empty ~ .toggle-switch-bar:before {
20351
- width: 40px;
20196
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle {
20197
+ min-width: 40px;
20352
20198
  }
20353
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-handle:after {
20199
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
20354
20200
  margin-left: 48px;
20355
20201
  }
20356
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-icon {
20202
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
20203
+ font-size: 0.625rem;
20357
20204
  left: 4px;
20358
20205
  line-height: 16px;
20359
20206
  top: 4px;
20360
20207
  width: 16px;
20361
20208
  }
20362
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-icon-on {
20209
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-on {
20363
20210
  left: 4px;
20364
20211
  }
20365
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-icon-off {
20212
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-off {
20366
20213
  left: 20px;
20367
20214
  }
20368
- .toggle-switch-check:checked ~ .toggle-switch-bar:after {
20215
+ .toggle-switch-check ~ .toggle-switch-bar .button-icon {
20216
+ font-size: 0.625rem;
20217
+ }
20218
+ .toggle-switch-check:checked ~ .toggle-switch-bar::after {
20369
20219
  left: 20px;
20370
20220
  }
20371
- .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-handle:after {
20221
+ .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-handle::after {
20372
20222
  margin-left: 48px;
20373
20223
  }
20374
20224
  .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon {
20375
20225
  left: 20px;
20376
20226
  }
20227
+ }
20228
+
20229
+ .toggle-switch-label {
20230
+ display: block;
20231
+ margin-bottom: 2px;
20232
+ }
20233
+
20234
+ .toggle-switch-text {
20235
+ display: block;
20236
+ font-size: 0.75rem;
20237
+ }
20238
+
20239
+ .toggle-switch-text-left {
20240
+ display: inline-flex;
20241
+ line-height: 24px;
20242
+ margin-right: 8px;
20243
+ }
20244
+ @media (max-width: 767.98px) {
20245
+ .toggle-switch-text-left {
20246
+ line-height: 24px;
20247
+ }
20248
+ }
20377
20249
 
20378
- .toggle-switch-text-left,
20379
20250
  .toggle-switch-text-right {
20251
+ display: inline-flex;
20252
+ line-height: 24px;
20253
+ margin-left: 8px;
20254
+ }
20255
+ @media (max-width: 767.98px) {
20256
+ .toggle-switch-text-right {
20380
20257
  line-height: 24px;
20381
20258
  }
20382
20259
  }
20260
+
20261
+ .simple-toggle-switch.toggle-switch {
20262
+ align-items: center;
20263
+ display: inline-flex;
20264
+ }
20265
+ .simple-toggle-switch.toggle-switch .toggle-switch-label {
20266
+ line-height: 1;
20267
+ margin-bottom: 0;
20268
+ max-width: calc( 100% - 56px );
20269
+ }
20270
+ @media (max-width: 767.98px) {
20271
+ .simple-toggle-switch.toggle-switch .toggle-switch-label {
20272
+ max-width: calc( 100% - 48px );
20273
+ }
20274
+ }
20275
+ .simple-toggle-switch.toggle-switch .toggle-switch-check + .toggle-switch-label {
20276
+ margin-right: 0.5rem;
20277
+ }
20278
+ .simple-toggle-switch.toggle-switch .toggle-switch-label + .toggle-switch-check-bar {
20279
+ margin-left: 0.5rem;
20280
+ }
20281
+
20282
+ .simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-check-bar {
20283
+ order: 5;
20284
+ }
20285
+ .simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-check ~ .toggle-switch-bar {
20286
+ order: 5;
20287
+ }
20288
+ .simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-label {
20289
+ margin-right: 0.5rem;
20290
+ }
20383
20291
  .tooltip {
20384
20292
  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";
20293
+ 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
20294
  font-size: 0.875rem;
20387
20295
  font-style: normal;
20388
20296
  font-weight: 400;
20389
20297
  letter-spacing: normal;
20390
- line-break: auto;
20391
20298
  line-height: 1.5;
20392
20299
  margin: 0;
20393
20300
  opacity: 0;
20394
20301
  position: absolute;
20395
20302
  text-align: left;
20396
- text-align: start;
20397
20303
  text-decoration: none;
20398
20304
  text-shadow: none;
20399
20305
  text-transform: none;
20400
20306
  white-space: normal;
20401
20307
  word-break: normal;
20402
20308
  word-spacing: normal;
20309
+ overflow-wrap: break-word;
20403
20310
  word-wrap: break-word;
20404
20311
  z-index: 1070;
20405
20312
  }
@@ -20418,7 +20325,6 @@ label.toggle-switch.disabled {
20418
20325
  content: "";
20419
20326
  position: absolute;
20420
20327
  }
20421
-
20422
20328
  .tooltip-inner {
20423
20329
  background-color: #272833;
20424
20330
  border-radius: 0.25rem;
@@ -20500,38 +20406,6 @@ label.toggle-switch.disabled {
20500
20406
  left: 0;
20501
20407
  }
20502
20408
 
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
20409
  .clay-tooltip-bottom,
20536
20410
  .clay-tooltip-bottom-left,
20537
20411
  .clay-tooltip-bottom-right {
@@ -20540,6 +20414,8 @@ label.toggle-switch.disabled {
20540
20414
  .clay-tooltip-bottom .arrow,
20541
20415
  .clay-tooltip-bottom-left .arrow,
20542
20416
  .clay-tooltip-bottom-right .arrow {
20417
+ left: 50%;
20418
+ margin-left: -0.4rem;
20543
20419
  top: 0;
20544
20420
  }
20545
20421
  .clay-tooltip-bottom .arrow::before,
@@ -20557,7 +20433,15 @@ label.toggle-switch.disabled {
20557
20433
  left: 50%;
20558
20434
  top: 0;
20559
20435
  }
20560
-
20436
+ .clay-tooltip-bottom-left .arrow {
20437
+ left: 0.5rem;
20438
+ margin-left: 0;
20439
+ }
20440
+ .clay-tooltip-bottom-right .arrow {
20441
+ left: auto;
20442
+ margin-left: 0;
20443
+ right: 0.5rem;
20444
+ }
20561
20445
  .clay-tooltip-left,
20562
20446
  .clay-tooltip-left-bottom,
20563
20447
  .clay-tooltip-left-top {
@@ -20567,7 +20451,9 @@ label.toggle-switch.disabled {
20567
20451
  .clay-tooltip-left-bottom .arrow,
20568
20452
  .clay-tooltip-left-top .arrow {
20569
20453
  height: 0.8rem;
20454
+ margin-top: -0.4rem;
20570
20455
  right: 0;
20456
+ top: 50%;
20571
20457
  width: 0.4rem;
20572
20458
  }
20573
20459
  .clay-tooltip-left .arrow::before,
@@ -20585,7 +20471,15 @@ label.toggle-switch.disabled {
20585
20471
  right: 0;
20586
20472
  top: 50%;
20587
20473
  }
20588
-
20474
+ .clay-tooltip-left-bottom .arrow {
20475
+ bottom: 0.5rem;
20476
+ margin-top: 0;
20477
+ top: auto;
20478
+ }
20479
+ .clay-tooltip-left-top .arrow {
20480
+ margin-top: 0;
20481
+ top: 0.5rem;
20482
+ }
20589
20483
  .clay-tooltip-right,
20590
20484
  .clay-tooltip-right-bottom,
20591
20485
  .clay-tooltip-right-top {
@@ -20596,7 +20490,9 @@ label.toggle-switch.disabled {
20596
20490
  .clay-tooltip-right-top .arrow {
20597
20491
  height: 0.8rem;
20598
20492
  left: 0;
20493
+ margin-top: -0.4rem;
20599
20494
  width: 0.4rem;
20495
+ top: 50%;
20600
20496
  }
20601
20497
  .clay-tooltip-right .arrow::before,
20602
20498
  .clay-tooltip-right-bottom .arrow::before,
@@ -20613,7 +20509,15 @@ label.toggle-switch.disabled {
20613
20509
  left: 0;
20614
20510
  top: 50%;
20615
20511
  }
20616
-
20512
+ .clay-tooltip-right-bottom .arrow {
20513
+ bottom: 0.5rem;
20514
+ margin-top: 0;
20515
+ top: auto;
20516
+ }
20517
+ .clay-tooltip-right-top .arrow {
20518
+ margin-top: 0;
20519
+ top: 0.5rem;
20520
+ }
20617
20521
  .clay-tooltip-top,
20618
20522
  .clay-tooltip-top-left,
20619
20523
  .clay-tooltip-top-right {
@@ -20623,6 +20527,8 @@ label.toggle-switch.disabled {
20623
20527
  .clay-tooltip-top-left .arrow,
20624
20528
  .clay-tooltip-top-right .arrow {
20625
20529
  bottom: 0;
20530
+ left: 50%;
20531
+ margin-left: -0.4rem;
20626
20532
  }
20627
20533
  .clay-tooltip-top .arrow::before,
20628
20534
  .clay-tooltip-top-left .arrow::before,
@@ -20639,7 +20545,15 @@ label.toggle-switch.disabled {
20639
20545
  bottom: 0;
20640
20546
  left: 50%;
20641
20547
  }
20642
-
20548
+ .clay-tooltip-top-left .arrow {
20549
+ left: 0.5rem;
20550
+ margin-left: 0;
20551
+ }
20552
+ .clay-tooltip-top-right .arrow {
20553
+ left: auto;
20554
+ margin-left: 0;
20555
+ right: 0.5rem;
20556
+ }
20643
20557
  .bg-checkered {
20644
20558
  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
20559
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;