@clayui/css 3.41.0 → 3.44.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (78) hide show
  1. package/lib/css/atlas.css +1117 -1163
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +1020 -1068
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/bootstrap.css.map +1 -1
  6. package/lib/css/cadmin.css +875 -931
  7. package/lib/css/cadmin.css.map +1 -1
  8. package/lib/images/icons/date-time.svg +12 -0
  9. package/lib/images/icons/filter.svg +1 -1
  10. package/lib/images/icons/icons.svg +1 -1
  11. package/package.json +2 -2
  12. package/src/images/icons/date-time.svg +12 -0
  13. package/src/images/icons/filter.svg +1 -1
  14. package/src/scss/_mixins.scss +2 -0
  15. package/src/scss/atlas/variables/_application-bar.scss +32 -12
  16. package/src/scss/atlas/variables/_buttons.scss +2 -31
  17. package/src/scss/atlas/variables/_management-bar.scss +53 -21
  18. package/src/scss/atlas/variables/_navigation-bar.scss +104 -18
  19. package/src/scss/atlas/variables/_navs.scss +20 -15
  20. package/src/scss/atlas/variables/_pagination.scss +2 -0
  21. package/src/scss/atlas/variables/_sidebar.scss +1 -1
  22. package/src/scss/cadmin/components/_dropdowns.scss +4 -0
  23. package/src/scss/cadmin/components/_input-groups.scss +12 -312
  24. package/src/scss/cadmin/components/_navs.scss +35 -113
  25. package/src/scss/cadmin/components/_pagination.scss +20 -236
  26. package/src/scss/cadmin/components/_popovers.scss +31 -252
  27. package/src/scss/cadmin/components/_tooltip.scss +29 -167
  28. package/src/scss/cadmin/components/_utilities-functional-important.scss +4 -3
  29. package/src/scss/cadmin/variables/_alerts.scss +3 -2
  30. package/src/scss/cadmin/variables/_dropdowns.scss +31 -2
  31. package/src/scss/cadmin/variables/_forms.scss +366 -5
  32. package/src/scss/cadmin/variables/_management-bar.scss +70 -30
  33. package/src/scss/cadmin/variables/_navigation-bar.scss +118 -22
  34. package/src/scss/cadmin/variables/_navs.scss +270 -53
  35. package/src/scss/cadmin/variables/_pagination.scss +274 -68
  36. package/src/scss/cadmin/variables/_popovers.scss +410 -0
  37. package/src/scss/cadmin/variables/_sidebar.scss +17 -5
  38. package/src/scss/cadmin/variables/_tooltip.scss +299 -0
  39. package/src/scss/components/_button-groups.scss +6 -6
  40. package/src/scss/components/_buttons.scss +87 -49
  41. package/src/scss/components/_cards.scss +16 -116
  42. package/src/scss/components/_dropdowns.scss +4 -0
  43. package/src/scss/components/_input-groups.scss +12 -308
  44. package/src/scss/components/_multi-step-nav.scss +12 -8
  45. package/src/scss/components/_navs.scss +45 -128
  46. package/src/scss/components/_pagination.scss +18 -234
  47. package/src/scss/components/_popovers.scss +30 -237
  48. package/src/scss/components/_toggle-switch.scss +2 -2
  49. package/src/scss/components/_tooltip.scss +29 -164
  50. package/src/scss/functions/_lx-icons-generated.scss +3 -1
  51. package/src/scss/mixins/_buttons.scss +674 -472
  52. package/src/scss/mixins/_cards.scss +751 -557
  53. package/src/scss/mixins/_close.scss +0 -1
  54. package/src/scss/mixins/_custom-forms.scss +442 -409
  55. package/src/scss/mixins/_dropdown-menu.scss +483 -406
  56. package/src/scss/mixins/_forms.scss +332 -256
  57. package/src/scss/mixins/_input-groups.scss +405 -11
  58. package/src/scss/mixins/_labels.scss +320 -296
  59. package/src/scss/mixins/_links.scss +522 -476
  60. package/src/scss/mixins/_nav.scss +202 -131
  61. package/src/scss/mixins/_navbar.scss +791 -140
  62. package/src/scss/mixins/_pagination.scss +422 -0
  63. package/src/scss/mixins/_popovers.scss +90 -0
  64. package/src/scss/mixins/_toggle-switch.scss +64 -0
  65. package/src/scss/mixins/_tooltip.scss +70 -0
  66. package/src/scss/variables/_alerts.scss +1 -0
  67. package/src/scss/variables/_application-bar.scss +18 -6
  68. package/src/scss/variables/_buttons.scss +26 -3
  69. package/src/scss/variables/_cards.scss +273 -1
  70. package/src/scss/variables/_dropdowns.scss +31 -2
  71. package/src/scss/variables/_forms.scss +405 -22
  72. package/src/scss/variables/_management-bar.scss +45 -12
  73. package/src/scss/variables/_navigation-bar.scss +95 -14
  74. package/src/scss/variables/_navs.scss +266 -33
  75. package/src/scss/variables/_pagination.scss +261 -61
  76. package/src/scss/variables/_popovers.scss +392 -0
  77. package/src/scss/variables/_sidebar.scss +17 -5
  78. package/src/scss/variables/_tooltip.scss +299 -0
package/lib/css/base.css CHANGED
@@ -1331,10 +1331,6 @@ input[type=button].btn-block {
1331
1331
  padding: 0;
1332
1332
  width: 100%;
1333
1333
  }
1334
- .btn-monospaced.btn .lexicon-icon {
1335
- margin-top: 0;
1336
- }
1337
-
1338
1334
  .btn-group-vertical > .btn-monospaced.btn-lg, .btn-group-lg .btn-monospaced, .btn-monospaced.btn-lg {
1339
1335
  height: 3rem;
1340
1336
  width: 3rem;
@@ -1367,7 +1363,7 @@ input[type=button].btn-block {
1367
1363
  .btn-primary:active:focus {
1368
1364
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
1369
1365
  }
1370
- [aria-expanded=true].btn-primary, .active.btn-primary, .show.btn-primary, .show > .dropdown-toggle.btn-primary {
1366
+ .active.btn-primary {
1371
1367
  background-color: #0062cc;
1372
1368
  border-color: #005cbf;
1373
1369
  color: #fff;
@@ -1377,6 +1373,17 @@ input[type=button].btn-block {
1377
1373
  border-color: #007bff;
1378
1374
  color: #fff;
1379
1375
  }
1376
+ [aria-expanded=true].btn-primary, .show.btn-primary {
1377
+ background-color: #0062cc;
1378
+ border-color: #005cbf;
1379
+ color: #fff;
1380
+ }
1381
+ .form-file-input:focus + .btn-primary {
1382
+ background-color: #0069d9;
1383
+ border-color: #0062cc;
1384
+ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
1385
+ color: #fff;
1386
+ }
1380
1387
  .btn-secondary {
1381
1388
  background-color: #6c757d;
1382
1389
  border-color: #6c757d;
@@ -1401,7 +1408,7 @@ input[type=button].btn-block {
1401
1408
  .btn-secondary:active:focus {
1402
1409
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
1403
1410
  }
1404
- [aria-expanded=true].btn-secondary, .active.btn-secondary, .show.btn-secondary, .show > .dropdown-toggle.btn-secondary {
1411
+ .active.btn-secondary {
1405
1412
  background-color: #545b62;
1406
1413
  border-color: #4e555b;
1407
1414
  color: #fff;
@@ -1411,6 +1418,17 @@ input[type=button].btn-block {
1411
1418
  border-color: #6c757d;
1412
1419
  color: #fff;
1413
1420
  }
1421
+ [aria-expanded=true].btn-secondary, .show.btn-secondary {
1422
+ background-color: #545b62;
1423
+ border-color: #4e555b;
1424
+ color: #fff;
1425
+ }
1426
+ .form-file-input:focus + .btn-secondary {
1427
+ background-color: #5a6268;
1428
+ border-color: #545b62;
1429
+ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
1430
+ color: #fff;
1431
+ }
1414
1432
  .btn-success {
1415
1433
  background-color: #28a745;
1416
1434
  border-color: #28a745;
@@ -1435,7 +1453,7 @@ input[type=button].btn-block {
1435
1453
  .btn-success:active:focus {
1436
1454
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
1437
1455
  }
1438
- [aria-expanded=true].btn-success, .active.btn-success, .show.btn-success, .show > .dropdown-toggle.btn-success {
1456
+ .active.btn-success {
1439
1457
  background-color: #1e7e34;
1440
1458
  border-color: #1c7430;
1441
1459
  color: #fff;
@@ -1445,6 +1463,17 @@ input[type=button].btn-block {
1445
1463
  border-color: #28a745;
1446
1464
  color: #fff;
1447
1465
  }
1466
+ [aria-expanded=true].btn-success, .show.btn-success {
1467
+ background-color: #1e7e34;
1468
+ border-color: #1c7430;
1469
+ color: #fff;
1470
+ }
1471
+ .form-file-input:focus + .btn-success {
1472
+ background-color: #218838;
1473
+ border-color: #1e7e34;
1474
+ box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
1475
+ color: #fff;
1476
+ }
1448
1477
  .btn-info {
1449
1478
  background-color: #17a2b8;
1450
1479
  border-color: #17a2b8;
@@ -1469,7 +1498,7 @@ input[type=button].btn-block {
1469
1498
  .btn-info:active:focus {
1470
1499
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
1471
1500
  }
1472
- [aria-expanded=true].btn-info, .active.btn-info, .show.btn-info, .show > .dropdown-toggle.btn-info {
1501
+ .active.btn-info {
1473
1502
  background-color: #117a8b;
1474
1503
  border-color: #10707f;
1475
1504
  color: #fff;
@@ -1479,6 +1508,11 @@ input[type=button].btn-block {
1479
1508
  border-color: #17a2b8;
1480
1509
  color: #fff;
1481
1510
  }
1511
+ [aria-expanded=true].btn-info, .show.btn-info {
1512
+ background-color: #117a8b;
1513
+ border-color: #10707f;
1514
+ color: #fff;
1515
+ }
1482
1516
  .btn-warning {
1483
1517
  background-color: #ffc107;
1484
1518
  border-color: #ffc107;
@@ -1503,7 +1537,7 @@ input[type=button].btn-block {
1503
1537
  .btn-warning:active:focus {
1504
1538
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
1505
1539
  }
1506
- [aria-expanded=true].btn-warning, .active.btn-warning, .show.btn-warning, .show > .dropdown-toggle.btn-warning {
1540
+ .active.btn-warning {
1507
1541
  background-color: #d39e00;
1508
1542
  border-color: #c69500;
1509
1543
  color: #212529;
@@ -1513,6 +1547,17 @@ input[type=button].btn-block {
1513
1547
  border-color: #ffc107;
1514
1548
  color: #212529;
1515
1549
  }
1550
+ [aria-expanded=true].btn-warning, .show.btn-warning {
1551
+ background-color: #d39e00;
1552
+ border-color: #c69500;
1553
+ color: #212529;
1554
+ }
1555
+ .form-file-input:focus + .btn-warning {
1556
+ background-color: #e0a800;
1557
+ border-color: #d39e00;
1558
+ box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
1559
+ color: #212529;
1560
+ }
1516
1561
  .btn-danger {
1517
1562
  background-color: #dc3545;
1518
1563
  border-color: #dc3545;
@@ -1537,7 +1582,7 @@ input[type=button].btn-block {
1537
1582
  .btn-danger:active:focus {
1538
1583
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
1539
1584
  }
1540
- [aria-expanded=true].btn-danger, .active.btn-danger, .show.btn-danger, .show > .dropdown-toggle.btn-danger {
1585
+ .active.btn-danger {
1541
1586
  background-color: #bd2130;
1542
1587
  border-color: #b21f2d;
1543
1588
  color: #fff;
@@ -1547,6 +1592,17 @@ input[type=button].btn-block {
1547
1592
  border-color: #dc3545;
1548
1593
  color: #fff;
1549
1594
  }
1595
+ [aria-expanded=true].btn-danger, .show.btn-danger {
1596
+ background-color: #bd2130;
1597
+ border-color: #b21f2d;
1598
+ color: #fff;
1599
+ }
1600
+ .form-file-input:focus + .btn-danger {
1601
+ background-color: #c82333;
1602
+ border-color: #bd2130;
1603
+ box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
1604
+ color: #fff;
1605
+ }
1550
1606
  .btn-light {
1551
1607
  background-color: #f8f9fa;
1552
1608
  border-color: #f8f9fa;
@@ -1571,7 +1627,7 @@ input[type=button].btn-block {
1571
1627
  .btn-light:active:focus {
1572
1628
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
1573
1629
  }
1574
- [aria-expanded=true].btn-light, .active.btn-light, .show.btn-light, .show > .dropdown-toggle.btn-light {
1630
+ .active.btn-light {
1575
1631
  background-color: #dae0e5;
1576
1632
  border-color: #d3d9df;
1577
1633
  color: #212529;
@@ -1581,6 +1637,17 @@ input[type=button].btn-block {
1581
1637
  border-color: #f8f9fa;
1582
1638
  color: #212529;
1583
1639
  }
1640
+ [aria-expanded=true].btn-light, .show.btn-light {
1641
+ background-color: #dae0e5;
1642
+ border-color: #d3d9df;
1643
+ color: #212529;
1644
+ }
1645
+ .form-file-input:focus + .btn-light {
1646
+ background-color: #e2e6ea;
1647
+ border-color: #dae0e5;
1648
+ box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
1649
+ color: #212529;
1650
+ }
1584
1651
  .btn-dark {
1585
1652
  background-color: #343a40;
1586
1653
  border-color: #343a40;
@@ -1605,7 +1672,7 @@ input[type=button].btn-block {
1605
1672
  .btn-dark:active:focus {
1606
1673
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
1607
1674
  }
1608
- [aria-expanded=true].btn-dark, .active.btn-dark, .show.btn-dark, .show > .dropdown-toggle.btn-dark {
1675
+ .active.btn-dark {
1609
1676
  background-color: #1d2124;
1610
1677
  border-color: #171a1d;
1611
1678
  color: #fff;
@@ -1615,6 +1682,17 @@ input[type=button].btn-block {
1615
1682
  border-color: #343a40;
1616
1683
  color: #fff;
1617
1684
  }
1685
+ [aria-expanded=true].btn-dark, .show.btn-dark {
1686
+ background-color: #1d2124;
1687
+ border-color: #171a1d;
1688
+ color: #fff;
1689
+ }
1690
+ .form-file-input:focus + .btn-dark {
1691
+ background-color: #23272b;
1692
+ border-color: #1d2124;
1693
+ box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
1694
+ color: #fff;
1695
+ }
1618
1696
  .btn-link {
1619
1697
  border-radius: 1px;
1620
1698
  color: #007bff;
@@ -1654,7 +1732,7 @@ input[type=button].btn-block {
1654
1732
  border-color: #007bff;
1655
1733
  color: #fff;
1656
1734
  }
1657
- [aria-expanded=true].btn-outline-primary, .active.btn-outline-primary, .show.btn-outline-primary, .show > .dropdown-toggle.btn-outline-primary {
1735
+ .active.btn-outline-primary {
1658
1736
  background-color: #007bff;
1659
1737
  border-color: #007bff;
1660
1738
  color: #fff;
@@ -1663,6 +1741,11 @@ input[type=button].btn-block {
1663
1741
  background-color: transparent;
1664
1742
  color: #007bff;
1665
1743
  }
1744
+ [aria-expanded=true].btn-outline-primary, .show.btn-outline-primary {
1745
+ background-color: #007bff;
1746
+ border-color: #007bff;
1747
+ color: #fff;
1748
+ }
1666
1749
  .btn-outline-secondary {
1667
1750
  border-color: #6c757d;
1668
1751
  color: #6c757d;
@@ -1683,7 +1766,7 @@ input[type=button].btn-block {
1683
1766
  .btn-outline-secondary:active:focus {
1684
1767
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
1685
1768
  }
1686
- [aria-expanded=true].btn-outline-secondary, .active.btn-outline-secondary, .show.btn-outline-secondary, .show > .dropdown-toggle.btn-outline-secondary {
1769
+ .active.btn-outline-secondary {
1687
1770
  background-color: #6c757d;
1688
1771
  border-color: #6c757d;
1689
1772
  color: #fff;
@@ -1692,6 +1775,11 @@ input[type=button].btn-block {
1692
1775
  background-color: transparent;
1693
1776
  color: #6c757d;
1694
1777
  }
1778
+ [aria-expanded=true].btn-outline-secondary, .show.btn-outline-secondary {
1779
+ background-color: #6c757d;
1780
+ border-color: #6c757d;
1781
+ color: #fff;
1782
+ }
1695
1783
  .btn-outline-success {
1696
1784
  border-color: #28a745;
1697
1785
  color: #28a745;
@@ -1712,7 +1800,7 @@ input[type=button].btn-block {
1712
1800
  .btn-outline-success:active:focus {
1713
1801
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
1714
1802
  }
1715
- [aria-expanded=true].btn-outline-success, .active.btn-outline-success, .show.btn-outline-success, .show > .dropdown-toggle.btn-outline-success {
1803
+ .active.btn-outline-success {
1716
1804
  background-color: #28a745;
1717
1805
  border-color: #28a745;
1718
1806
  color: #fff;
@@ -1721,6 +1809,11 @@ input[type=button].btn-block {
1721
1809
  background-color: transparent;
1722
1810
  color: #28a745;
1723
1811
  }
1812
+ [aria-expanded=true].btn-outline-success, .show.btn-outline-success {
1813
+ background-color: #28a745;
1814
+ border-color: #28a745;
1815
+ color: #fff;
1816
+ }
1724
1817
  .btn-outline-info {
1725
1818
  border-color: #17a2b8;
1726
1819
  color: #17a2b8;
@@ -1741,7 +1834,7 @@ input[type=button].btn-block {
1741
1834
  .btn-outline-info:active:focus {
1742
1835
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
1743
1836
  }
1744
- [aria-expanded=true].btn-outline-info, .active.btn-outline-info, .show.btn-outline-info, .show > .dropdown-toggle.btn-outline-info {
1837
+ .active.btn-outline-info {
1745
1838
  background-color: #17a2b8;
1746
1839
  border-color: #17a2b8;
1747
1840
  color: #fff;
@@ -1750,6 +1843,11 @@ input[type=button].btn-block {
1750
1843
  background-color: transparent;
1751
1844
  color: #17a2b8;
1752
1845
  }
1846
+ [aria-expanded=true].btn-outline-info, .show.btn-outline-info {
1847
+ background-color: #17a2b8;
1848
+ border-color: #17a2b8;
1849
+ color: #fff;
1850
+ }
1753
1851
  .btn-outline-warning {
1754
1852
  border-color: #ffc107;
1755
1853
  color: #ffc107;
@@ -1770,7 +1868,7 @@ input[type=button].btn-block {
1770
1868
  .btn-outline-warning:active:focus {
1771
1869
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
1772
1870
  }
1773
- [aria-expanded=true].btn-outline-warning, .active.btn-outline-warning, .show.btn-outline-warning, .show > .dropdown-toggle.btn-outline-warning {
1871
+ .active.btn-outline-warning {
1774
1872
  background-color: #ffc107;
1775
1873
  border-color: #ffc107;
1776
1874
  color: #212529;
@@ -1779,6 +1877,11 @@ input[type=button].btn-block {
1779
1877
  background-color: transparent;
1780
1878
  color: #ffc107;
1781
1879
  }
1880
+ [aria-expanded=true].btn-outline-warning, .show.btn-outline-warning {
1881
+ background-color: #ffc107;
1882
+ border-color: #ffc107;
1883
+ color: #212529;
1884
+ }
1782
1885
  .btn-outline-danger {
1783
1886
  border-color: #dc3545;
1784
1887
  color: #dc3545;
@@ -1799,7 +1902,7 @@ input[type=button].btn-block {
1799
1902
  .btn-outline-danger:active:focus {
1800
1903
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
1801
1904
  }
1802
- [aria-expanded=true].btn-outline-danger, .active.btn-outline-danger, .show.btn-outline-danger, .show > .dropdown-toggle.btn-outline-danger {
1905
+ .active.btn-outline-danger {
1803
1906
  background-color: #dc3545;
1804
1907
  border-color: #dc3545;
1805
1908
  color: #fff;
@@ -1808,6 +1911,11 @@ input[type=button].btn-block {
1808
1911
  background-color: transparent;
1809
1912
  color: #dc3545;
1810
1913
  }
1914
+ [aria-expanded=true].btn-outline-danger, .show.btn-outline-danger {
1915
+ background-color: #dc3545;
1916
+ border-color: #dc3545;
1917
+ color: #fff;
1918
+ }
1811
1919
  .btn-outline-light {
1812
1920
  border-color: #f8f9fa;
1813
1921
  color: #f8f9fa;
@@ -1828,7 +1936,7 @@ input[type=button].btn-block {
1828
1936
  .btn-outline-light:active:focus {
1829
1937
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
1830
1938
  }
1831
- [aria-expanded=true].btn-outline-light, .active.btn-outline-light, .show.btn-outline-light, .show > .dropdown-toggle.btn-outline-light {
1939
+ .active.btn-outline-light {
1832
1940
  background-color: #f8f9fa;
1833
1941
  border-color: #f8f9fa;
1834
1942
  color: #212529;
@@ -1837,6 +1945,11 @@ input[type=button].btn-block {
1837
1945
  background-color: transparent;
1838
1946
  color: #f8f9fa;
1839
1947
  }
1948
+ [aria-expanded=true].btn-outline-light, .show.btn-outline-light {
1949
+ background-color: #f8f9fa;
1950
+ border-color: #f8f9fa;
1951
+ color: #212529;
1952
+ }
1840
1953
  .btn-outline-dark {
1841
1954
  border-color: #343a40;
1842
1955
  color: #343a40;
@@ -1857,7 +1970,7 @@ input[type=button].btn-block {
1857
1970
  .btn-outline-dark:active:focus {
1858
1971
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
1859
1972
  }
1860
- [aria-expanded=true].btn-outline-dark, .active.btn-outline-dark, .show.btn-outline-dark, .show > .dropdown-toggle.btn-outline-dark {
1973
+ .active.btn-outline-dark {
1861
1974
  background-color: #343a40;
1862
1975
  border-color: #343a40;
1863
1976
  color: #fff;
@@ -1866,6 +1979,11 @@ input[type=button].btn-block {
1866
1979
  background-color: transparent;
1867
1980
  color: #343a40;
1868
1981
  }
1982
+ [aria-expanded=true].btn-outline-dark, .show.btn-outline-dark {
1983
+ background-color: #343a40;
1984
+ border-color: #343a40;
1985
+ color: #fff;
1986
+ }
1869
1987
  .btn-outline-borderless {
1870
1988
  border-color: transparent;
1871
1989
  }
@@ -3183,6 +3301,7 @@ input[type=button].btn-block {
3183
3301
  margin-bottom: 1rem;
3184
3302
  padding: 0.75rem 1.25rem;
3185
3303
  position: relative;
3304
+ white-space: normal;
3186
3305
  overflow-wrap: break-word;
3187
3306
  word-wrap: break-word;
3188
3307
  }
@@ -3553,7 +3672,11 @@ input[type=button].btn-block {
3553
3672
  background-color: #006fe6;
3554
3673
  border-color: #006fe6;
3555
3674
  }
3556
- .alert-primary .alert-btn[aria-expanded=true], .alert-primary .alert-btn.active, .alert-primary .alert-btn.show, .show > .alert-primary .alert-btn.dropdown-toggle {
3675
+ .alert-primary .alert-btn.active {
3676
+ background-color: #006fe6;
3677
+ border-color: #006fe6;
3678
+ }
3679
+ .alert-primary .alert-btn[aria-expanded=true], .alert-primary .alert-btn.show {
3557
3680
  background-color: #006fe6;
3558
3681
  border-color: #006fe6;
3559
3682
  }
@@ -3578,7 +3701,11 @@ input[type=button].btn-block {
3578
3701
  background-color: #60686f;
3579
3702
  border-color: #60686f;
3580
3703
  }
3581
- .alert-secondary .alert-btn[aria-expanded=true], .alert-secondary .alert-btn.active, .alert-secondary .alert-btn.show, .show > .alert-secondary .alert-btn.dropdown-toggle {
3704
+ .alert-secondary .alert-btn.active {
3705
+ background-color: #60686f;
3706
+ border-color: #60686f;
3707
+ }
3708
+ .alert-secondary .alert-btn[aria-expanded=true], .alert-secondary .alert-btn.show {
3582
3709
  background-color: #60686f;
3583
3710
  border-color: #60686f;
3584
3711
  }
@@ -3603,7 +3730,11 @@ input[type=button].btn-block {
3603
3730
  background-color: #23923d;
3604
3731
  border-color: #23923d;
3605
3732
  }
3606
- .alert-success .alert-btn[aria-expanded=true], .alert-success .alert-btn.active, .alert-success .alert-btn.show, .show > .alert-success .alert-btn.dropdown-toggle {
3733
+ .alert-success .alert-btn.active {
3734
+ background-color: #23923d;
3735
+ border-color: #23923d;
3736
+ }
3737
+ .alert-success .alert-btn[aria-expanded=true], .alert-success .alert-btn.show {
3607
3738
  background-color: #23923d;
3608
3739
  border-color: #23923d;
3609
3740
  }
@@ -3628,7 +3759,11 @@ input[type=button].btn-block {
3628
3759
  background-color: #148ea1;
3629
3760
  border-color: #148ea1;
3630
3761
  }
3631
- .alert-info .alert-btn[aria-expanded=true], .alert-info .alert-btn.active, .alert-info .alert-btn.show, .show > .alert-info .alert-btn.dropdown-toggle {
3762
+ .alert-info .alert-btn.active {
3763
+ background-color: #148ea1;
3764
+ border-color: #148ea1;
3765
+ }
3766
+ .alert-info .alert-btn[aria-expanded=true], .alert-info .alert-btn.show {
3632
3767
  background-color: #148ea1;
3633
3768
  border-color: #148ea1;
3634
3769
  }
@@ -3650,7 +3785,11 @@ input[type=button].btn-block {
3650
3785
  background-color: #edb100;
3651
3786
  border-color: #edb100;
3652
3787
  }
3653
- .alert-warning .alert-btn[aria-expanded=true], .alert-warning .alert-btn.active, .alert-warning .alert-btn.show, .show > .alert-warning .alert-btn.dropdown-toggle {
3788
+ .alert-warning .alert-btn.active {
3789
+ background-color: #edb100;
3790
+ border-color: #edb100;
3791
+ }
3792
+ .alert-warning .alert-btn[aria-expanded=true], .alert-warning .alert-btn.show {
3654
3793
  background-color: #edb100;
3655
3794
  border-color: #edb100;
3656
3795
  }
@@ -3672,7 +3811,11 @@ input[type=button].btn-block {
3672
3811
  background-color: #d32535;
3673
3812
  border-color: #d32535;
3674
3813
  }
3675
- .alert-danger .alert-btn[aria-expanded=true], .alert-danger .alert-btn.active, .alert-danger .alert-btn.show, .show > .alert-danger .alert-btn.dropdown-toggle {
3814
+ .alert-danger .alert-btn.active {
3815
+ background-color: #d32535;
3816
+ border-color: #d32535;
3817
+ }
3818
+ .alert-danger .alert-btn[aria-expanded=true], .alert-danger .alert-btn.show {
3676
3819
  background-color: #d32535;
3677
3820
  border-color: #d32535;
3678
3821
  }
@@ -3694,7 +3837,11 @@ input[type=button].btn-block {
3694
3837
  background-color: #60686f;
3695
3838
  border-color: #60686f;
3696
3839
  }
3697
- .alert-light .alert-btn[aria-expanded=true], .alert-light .alert-btn.active, .alert-light .alert-btn.show, .show > .alert-light .alert-btn.dropdown-toggle {
3840
+ .alert-light .alert-btn.active {
3841
+ background-color: #60686f;
3842
+ border-color: #60686f;
3843
+ }
3844
+ .alert-light .alert-btn[aria-expanded=true], .alert-light .alert-btn.show {
3698
3845
  background-color: #60686f;
3699
3846
  border-color: #60686f;
3700
3847
  }
@@ -3716,7 +3863,11 @@ input[type=button].btn-block {
3716
3863
  background-color: #292d32;
3717
3864
  border-color: #292d32;
3718
3865
  }
3719
- .alert-dark .alert-btn[aria-expanded=true], .alert-dark .alert-btn.active, .alert-dark .alert-btn.show, .show > .alert-dark .alert-btn.dropdown-toggle {
3866
+ .alert-dark .alert-btn.active {
3867
+ background-color: #292d32;
3868
+ border-color: #292d32;
3869
+ }
3870
+ .alert-dark .alert-btn[aria-expanded=true], .alert-dark .alert-btn.show {
3720
3871
  background-color: #292d32;
3721
3872
  border-color: #292d32;
3722
3873
  }
@@ -4134,18 +4285,18 @@ input[type=button].btn-block {
4134
4285
  }
4135
4286
 
4136
4287
  .dropdown-toggle-split {
4137
- padding-left: 0.5625rem;
4138
- padding-right: 0.5625rem;
4288
+ padding-left: calc(0.75rem * 0.75);
4289
+ padding-right: calc(0.75rem * 0.75);
4139
4290
  }
4140
4291
 
4141
4292
  .btn-sm + .dropdown-toggle-split {
4142
- padding-right: 0.375rem;
4143
- padding-left: 0.375rem;
4293
+ padding-right: calc(0.5rem * 0.75);
4294
+ padding-left: calc(0.5rem * 0.75);
4144
4295
  }
4145
4296
 
4146
4297
  .btn-lg + .dropdown-toggle-split {
4147
- padding-right: 0.75rem;
4148
- padding-left: 0.75rem;
4298
+ padding-right: calc(1rem * 0.75);
4299
+ padding-left: calc(1rem * 0.75);
4149
4300
  }
4150
4301
 
4151
4302
  .btn-group-vertical {
@@ -5455,31 +5606,22 @@ input[type=button].btn-block {
5455
5606
  margin-top: 0;
5456
5607
  padding-left: 0;
5457
5608
  }
5458
- .form-check-card .card {
5459
- margin-bottom: 0;
5460
- }
5461
- .form-check-card .custom-control {
5462
- display: inline;
5463
- margin-right: 0;
5464
- position: static;
5465
- }
5466
- .form-check-card .custom-control > label {
5467
- font-weight: 400;
5468
- padding-left: 0;
5609
+ .form-check-card:hover .card {
5610
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
5469
5611
  }
5470
- .form-check-card .custom-control-input {
5471
- z-index: 2;
5612
+ .form-check-card.active .card {
5613
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
5472
5614
  }
5473
- .form-check-card .custom-control-label {
5474
- position: absolute;
5475
- z-index: 1;
5615
+ .form-check-card.checked .card {
5616
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
5476
5617
  }
5477
- .form-check-card .custom-control-label::before, .form-check-card .custom-control-label::after {
5478
- top: 0;
5618
+ .form-check-card .card {
5619
+ margin-bottom: 0;
5479
5620
  }
5480
5621
  .form-check-card .form-check-input {
5481
5622
  margin-left: 0;
5482
5623
  margin-top: 0;
5624
+ opacity: 0;
5483
5625
  position: absolute;
5484
5626
  z-index: 1;
5485
5627
  }
@@ -5490,21 +5632,35 @@ input[type=button].btn-block {
5490
5632
  padding-left: 0;
5491
5633
  position: static;
5492
5634
  }
5493
- .form-check-card.active .card,
5494
- .form-check-card .custom-control-input:checked ~ .card,
5495
- .form-check-card .form-check-input:checked ~ .card {
5496
- box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
5635
+ .form-check-card .custom-control {
5636
+ display: inline;
5637
+ margin-right: 0;
5638
+ position: static;
5497
5639
  }
5498
-
5499
- .form-check-card:hover .card {
5640
+ .form-check-card .custom-control label {
5641
+ font-weight: 400;
5642
+ padding-left: 0;
5643
+ }
5644
+ .form-check-card .custom-control .custom-control-label {
5645
+ opacity: 0;
5646
+ position: absolute;
5647
+ z-index: 1;
5648
+ }
5649
+ .form-check-card .custom-control .custom-control-label::before {
5650
+ top: 0;
5651
+ }
5652
+ .form-check-card .custom-control .custom-control-label::after {
5653
+ top: 0;
5654
+ }
5655
+ .form-check-card .custom-control .custom-control-input {
5656
+ z-index: 2;
5657
+ }
5658
+ .form-check-card .custom-control .custom-control-input:checked ~ .card {
5500
5659
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
5501
5660
  }
5502
-
5503
- .custom-control-input:hover ~ .card,
5504
- .form-check-input:hover ~ .card {
5661
+ .form-check-card .form-check-input:checked ~ .card {
5505
5662
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
5506
5663
  }
5507
-
5508
5664
  .form-check-bottom-left .card-horizontal > .card-body,
5509
5665
  .form-check-middle-left .card-horizontal > .card-body,
5510
5666
  .form-check-top-left .card-horizontal > .card-body {
@@ -5517,61 +5673,129 @@ input[type=button].btn-block {
5517
5673
  padding-right: 40px;
5518
5674
  }
5519
5675
 
5520
- .form-check-bottom-left .custom-control-input,
5521
- .form-check-bottom-left .custom-control-label,
5522
5676
  .form-check-bottom-left .form-check-input {
5677
+ bottom: 1rem;
5678
+ left: 1rem;
5679
+ opacity: 1;
5680
+ top: auto;
5681
+ transform: none;
5682
+ }
5683
+ .form-check-bottom-left .custom-control .custom-control-label {
5684
+ bottom: 1rem;
5685
+ left: 1rem;
5686
+ opacity: 1;
5687
+ top: auto;
5688
+ transform: none;
5689
+ }
5690
+ .form-check-bottom-left .custom-control .custom-control-input {
5523
5691
  bottom: 1rem;
5524
5692
  left: 1rem;
5525
5693
  top: auto;
5526
5694
  transform: none;
5527
5695
  }
5528
-
5529
- .form-check-bottom-right .custom-control-input,
5530
- .form-check-bottom-right .custom-control-label,
5531
5696
  .form-check-bottom-right .form-check-input {
5697
+ bottom: 1rem;
5698
+ left: auto;
5699
+ opacity: 1;
5700
+ right: 1rem;
5701
+ top: auto;
5702
+ transform: none;
5703
+ }
5704
+ .form-check-bottom-right .custom-control .custom-control-label {
5705
+ bottom: 1rem;
5706
+ left: auto;
5707
+ opacity: 1;
5708
+ right: 1rem;
5709
+ top: auto;
5710
+ transform: none;
5711
+ }
5712
+ .form-check-bottom-right .custom-control .custom-control-input {
5532
5713
  bottom: 1rem;
5533
5714
  left: auto;
5534
5715
  right: 1rem;
5535
5716
  top: auto;
5536
5717
  transform: none;
5537
5718
  }
5538
-
5539
- .form-check-middle-left .custom-control-input,
5540
- .form-check-middle-left .custom-control-label,
5541
5719
  .form-check-middle-left .form-check-input {
5720
+ left: 1rem;
5721
+ margin-top: 0;
5722
+ opacity: 1;
5723
+ top: 50%;
5724
+ transform: translateY(-50%);
5725
+ }
5726
+ .form-check-middle-left .custom-control .custom-control-label {
5727
+ left: 1rem;
5728
+ margin-top: 0;
5729
+ opacity: 1;
5730
+ top: 50%;
5731
+ transform: translateY(-50%);
5732
+ }
5733
+ .form-check-middle-left .custom-control .custom-control-input {
5542
5734
  left: 1rem;
5543
5735
  margin-top: 0;
5544
5736
  top: 50%;
5545
5737
  transform: translateY(-50%);
5546
5738
  }
5547
-
5548
- .form-check-middle-right .custom-control-input,
5549
- .form-check-middle-right .custom-control-label,
5550
5739
  .form-check-middle-right .form-check-input {
5740
+ left: auto;
5741
+ margin-top: 0;
5742
+ opacity: 1;
5743
+ right: 1rem;
5744
+ top: 50%;
5745
+ transform: translateY(-50%);
5746
+ }
5747
+ .form-check-middle-right .custom-control .custom-control-label {
5748
+ left: auto;
5749
+ margin-top: 0;
5750
+ opacity: 1;
5751
+ right: 1rem;
5752
+ top: 50%;
5753
+ transform: translateY(-50%);
5754
+ }
5755
+ .form-check-middle-right .custom-control .custom-control-input {
5551
5756
  left: auto;
5552
5757
  margin-top: 0;
5553
5758
  right: 1rem;
5554
5759
  top: 50%;
5555
5760
  transform: translateY(-50%);
5556
5761
  }
5557
-
5558
- .form-check-top-left .custom-control-input,
5559
- .form-check-top-left .custom-control-label,
5560
5762
  .form-check-top-left .form-check-input {
5763
+ left: 1rem;
5764
+ opacity: 1;
5765
+ top: 1rem;
5766
+ transform: none;
5767
+ }
5768
+ .form-check-top-left .custom-control .custom-control-label {
5769
+ left: 1rem;
5770
+ opacity: 1;
5771
+ top: 1rem;
5772
+ transform: none;
5773
+ }
5774
+ .form-check-top-left .custom-control .custom-control-input {
5561
5775
  left: 1rem;
5562
5776
  top: 1rem;
5563
5777
  transform: none;
5564
5778
  }
5565
-
5566
- .form-check-top-right .custom-control-input,
5567
- .form-check-top-right .custom-control-label,
5568
5779
  .form-check-top-right .form-check-input {
5780
+ left: auto;
5781
+ opacity: 1;
5782
+ right: 1rem;
5783
+ top: 1rem;
5784
+ transform: none;
5785
+ }
5786
+ .form-check-top-right .custom-control .custom-control-label {
5787
+ left: auto;
5788
+ opacity: 1;
5789
+ right: 1rem;
5790
+ top: 1rem;
5791
+ transform: none;
5792
+ }
5793
+ .form-check-top-right .custom-control .custom-control-input {
5569
5794
  left: auto;
5570
5795
  right: 1rem;
5571
5796
  top: 1rem;
5572
5797
  transform: none;
5573
5798
  }
5574
-
5575
5799
  .card-page.card-page-equal-height .card-page-item,
5576
5800
  .card-page.card-page-equal-height .card-page-item-asset,
5577
5801
  .card-page.card-page-equal-height .card-page-item-directory {
@@ -5969,7 +6193,6 @@ input[type=button].btn-block {
5969
6193
  position: relative;
5970
6194
  text-align: inherit;
5971
6195
  transition: none;
5972
- white-space: normal;
5973
6196
  width: 100%;
5974
6197
  overflow-wrap: break-word;
5975
6198
  word-wrap: break-word;
@@ -6033,7 +6256,24 @@ input[type=button].btn-block {
6033
6256
  margin-top: -0.25rem;
6034
6257
  width: auto;
6035
6258
  }
6036
- .dropdown-item .c-kbd-inline {
6259
+ .dropdown-item.autofit-row {
6260
+ padding-left: 1rem;
6261
+ padding-right: 1rem;
6262
+ }
6263
+ .dropdown-item.autofit-row > .autofit-col {
6264
+ padding-left: 0.25rem;
6265
+ padding-right: 0.25rem;
6266
+ }
6267
+ .dropdown-item .autofit-row {
6268
+ margin-left: 0.25rem;
6269
+ margin-right: 0.25rem;
6270
+ width: auto;
6271
+ }
6272
+ .dropdown-item .autofit-row > .autofit-col {
6273
+ padding-left: 0.25rem;
6274
+ padding-right: 0.25rem;
6275
+ }
6276
+ .dropdown-item .c-kbd-inline {
6037
6277
  line-height: 1.5rem;
6038
6278
  }
6039
6279
  .dropdown-item .form-check-label {
@@ -6496,6 +6736,10 @@ input[type=button].btn-block {
6496
6736
  }
6497
6737
  }
6498
6738
 
6739
+ .dropdown-menu-width-shrink {
6740
+ min-width: 0;
6741
+ white-space: nowrap;
6742
+ }
6499
6743
  .dropdown-menu-width-full {
6500
6744
  left: 12px !important;
6501
6745
  right: 12px !important;
@@ -7515,7 +7759,7 @@ button.link-outline {
7515
7759
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
7516
7760
  outline: 0;
7517
7761
  }
7518
- .link-outline-primary[aria-expanded=true], .link-outline-primary.show, .show > .link-outline-primary {
7762
+ .link-outline-primary[aria-expanded=true], .link-outline-primary.show {
7519
7763
  background-color: #007bff;
7520
7764
  color: #fff;
7521
7765
  }
@@ -7545,7 +7789,7 @@ button.link-outline {
7545
7789
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
7546
7790
  outline: 0;
7547
7791
  }
7548
- .link-outline-secondary[aria-expanded=true], .link-outline-secondary.show, .show > .link-outline-secondary {
7792
+ .link-outline-secondary[aria-expanded=true], .link-outline-secondary.show {
7549
7793
  background-color: #6c757d;
7550
7794
  color: #fff;
7551
7795
  }
@@ -7646,7 +7890,7 @@ button.link-outline {
7646
7890
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
7647
7891
  outline: 0;
7648
7892
  }
7649
- .component-action[aria-expanded=true], .component-action.show, .show > .component-action {
7893
+ .component-action[aria-expanded=true], .component-action.show {
7650
7894
  background-color: #6c757d;
7651
7895
  color: #fff;
7652
7896
  }
@@ -8017,7 +8261,10 @@ button.link-outline {
8017
8261
  .clay-color-btn:active {
8018
8262
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
8019
8263
  }
8020
- .clay-color-btn[aria-expanded=true], .clay-color-btn.active, .clay-color-btn.show, .show > .clay-color-btn.dropdown-toggle {
8264
+ .clay-color-btn.active {
8265
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
8266
+ }
8267
+ .clay-color-btn[aria-expanded=true], .clay-color-btn.show {
8021
8268
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
8022
8269
  }
8023
8270
  .clay-color-btn .c-inner {
@@ -8751,7 +8998,6 @@ label.custom-control-label {
8751
8998
  padding-right: 0.25rem;
8752
8999
  background-color: transparent;
8753
9000
  }
8754
-
8755
9001
  .date-picker-dropdown-menu {
8756
9002
  max-height: none;
8757
9003
  max-width: 370px;
@@ -8942,7 +9188,7 @@ label.custom-control-label {
8942
9188
  .date-picker-date:active:focus {
8943
9189
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
8944
9190
  }
8945
- .date-picker-date[aria-expanded=true], .date-picker-date.active, .date-picker-date.show, .show > .date-picker-date.dropdown-toggle {
9191
+ .date-picker-date.active {
8946
9192
  background-color: #007bff;
8947
9193
  color: #fff;
8948
9194
  }
@@ -8951,6 +9197,10 @@ label.custom-control-label {
8951
9197
  box-shadow: none;
8952
9198
  opacity: 0.65;
8953
9199
  }
9200
+ .date-picker-date[aria-expanded=true], .date-picker-date.show {
9201
+ background-color: #007bff;
9202
+ color: #fff;
9203
+ }
8954
9204
  .previous-month-date {
8955
9205
  opacity: 0.65;
8956
9206
  }
@@ -8961,7 +9211,11 @@ label.custom-control-label {
8961
9211
  background-color: #75b8ff;
8962
9212
  color: #e5f2ff;
8963
9213
  }
8964
- .previous-month-date[aria-expanded=true], .previous-month-date.active, .previous-month-date.show, .show > .previous-month-date.dropdown-toggle {
9214
+ .previous-month-date.active {
9215
+ background-color: #75b8ff;
9216
+ color: #e5f2ff;
9217
+ }
9218
+ .previous-month-date[aria-expanded=true], .previous-month-date.show {
8965
9219
  background-color: #75b8ff;
8966
9220
  color: #e5f2ff;
8967
9221
  }
@@ -8975,7 +9229,11 @@ label.custom-control-label {
8975
9229
  background-color: #75b8ff;
8976
9230
  color: #e5f2ff;
8977
9231
  }
8978
- .next-month-date[aria-expanded=true], .next-month-date.active, .next-month-date.show, .show > .next-month-date.dropdown-toggle {
9232
+ .next-month-date.active {
9233
+ background-color: #75b8ff;
9234
+ color: #e5f2ff;
9235
+ }
9236
+ .next-month-date[aria-expanded=true], .next-month-date.show {
8979
9237
  background-color: #75b8ff;
8980
9238
  color: #e5f2ff;
8981
9239
  }
@@ -9504,15 +9762,36 @@ label.custom-control-label {
9504
9762
  .input-group .btn-unstyled {
9505
9763
  color: inherit;
9506
9764
  }
9507
-
9508
9765
  .input-group-item {
9509
9766
  display: flex;
9510
9767
  flex-grow: 1;
9511
9768
  flex-wrap: wrap;
9512
9769
  margin-left: 0.5rem;
9513
9770
  width: 1%;
9771
+ overflow-wrap: break-word;
9514
9772
  word-wrap: break-word;
9515
9773
  }
9774
+ .input-group-item.focus {
9775
+ border-radius: 0.25rem;
9776
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
9777
+ }
9778
+ .input-group-item.focus.input-group-prepend {
9779
+ border-bottom-right-radius: 0;
9780
+ border-top-right-radius: 0;
9781
+ z-index: 1;
9782
+ }
9783
+ .input-group-item.focus.input-group-append {
9784
+ border-bottom-left-radius: 0;
9785
+ border-top-left-radius: 0;
9786
+ }
9787
+ .input-group-item.focus > .form-control {
9788
+ background-color: #fff;
9789
+ border-color: #80bdff;
9790
+ }
9791
+ .input-group-item.focus > .input-group-inset-item {
9792
+ background-color: #fff;
9793
+ border-color: #80bdff;
9794
+ }
9516
9795
  .input-group-item:first-child {
9517
9796
  margin-left: 0;
9518
9797
  }
@@ -9522,25 +9801,24 @@ label.custom-control-label {
9522
9801
  .input-group-item > .dropdown {
9523
9802
  display: flex;
9524
9803
  flex-wrap: wrap;
9804
+ overflow-wrap: break-word;
9525
9805
  word-wrap: break-word;
9526
9806
  width: 100%;
9527
9807
  }
9528
-
9529
9808
  .input-group-item-shrink {
9530
9809
  flex-grow: 0;
9531
9810
  width: auto;
9532
9811
  }
9533
-
9534
9812
  .input-group-text {
9535
9813
  align-items: center;
9536
9814
  background-color: #e9ecef;
9537
- border-color: #ced4da;
9538
- border-style: solid;
9539
9815
  border-bottom-width: 0.0625rem;
9816
+ border-color: #ced4da;
9540
9817
  border-left-width: 0.0625rem;
9818
+ border-radius: 0.25rem;
9541
9819
  border-right-width: 0.0625rem;
9820
+ border-style: solid;
9542
9821
  border-top-width: 0.0625rem;
9543
- border-radius: 0.25rem;
9544
9822
  color: #495057;
9545
9823
  display: flex;
9546
9824
  font-size: 1rem;
@@ -9560,18 +9838,19 @@ label.custom-control-label {
9560
9838
  .input-group-text label {
9561
9839
  color: #495057;
9562
9840
  }
9563
- .input-group-text input[type=radio],
9564
- .input-group-text input[type=checkbox] {
9565
- margin-top: 0;
9841
+ .input-group-text .custom-control {
9842
+ margin-bottom: 0;
9566
9843
  }
9567
- .input-group-text .custom-control,
9568
9844
  .input-group-text .form-check {
9569
9845
  margin-bottom: 0;
9570
9846
  }
9847
+ .input-group-text .form-check input[type=radio],
9848
+ .input-group-text .form-check input[type=checkbox] {
9849
+ margin-top: 0;
9850
+ }
9571
9851
  .input-group-text .lexicon-icon {
9572
9852
  margin-top: 0;
9573
9853
  }
9574
-
9575
9854
  .input-group-text-secondary {
9576
9855
  background-color: #6c757d;
9577
9856
  border-color: #6c757d;
@@ -9582,7 +9861,6 @@ label.custom-control-label {
9582
9861
  .input-group-text-secondary label {
9583
9862
  color: #fff;
9584
9863
  }
9585
-
9586
9864
  @media (max-width: 575.98px) {
9587
9865
  .input-group-stacked-sm-down > .input-group-item {
9588
9866
  margin-bottom: 0.5rem;
@@ -9597,6 +9875,17 @@ label.custom-control-label {
9597
9875
 
9598
9876
  .input-group-lg > .input-group-item > .btn {
9599
9877
  font-size: 1.25rem;
9878
+ line-height: 1.5;
9879
+ padding-bottom: 0.5rem;
9880
+ padding-left: 1rem;
9881
+ padding-right: 1rem;
9882
+ padding-top: 0.5rem;
9883
+ }
9884
+ .input-group-lg > .input-group-item > .btn .c-inner {
9885
+ margin-bottom: -0.5rem;
9886
+ margin-left: -1rem;
9887
+ margin-right: -1rem;
9888
+ margin-top: -0.5rem;
9600
9889
  }
9601
9890
  .input-group-lg > .input-group-item > .btn .btn-section {
9602
9891
  font-size: 0.8125rem;
@@ -9606,7 +9895,17 @@ label.custom-control-label {
9606
9895
  line-height: 1;
9607
9896
  width: 3rem;
9608
9897
  }
9609
- .input-group-lg > .input-group-item > .form-control,
9898
+ .input-group-lg > .input-group-item > .form-control {
9899
+ border-radius: 0.3rem;
9900
+ font-size: 1.25rem;
9901
+ height: auto;
9902
+ line-height: 1.5;
9903
+ min-height: 3rem;
9904
+ padding-bottom: 0.5rem;
9905
+ padding-left: 1rem;
9906
+ padding-right: 1rem;
9907
+ padding-top: 0.5rem;
9908
+ }
9610
9909
  .input-group-lg > .input-group-item > .form-file .btn {
9611
9910
  border-radius: 0.3rem;
9612
9911
  font-size: 1.25rem;
@@ -9617,6 +9916,12 @@ label.custom-control-label {
9617
9916
  padding-right: 1rem;
9618
9917
  padding-top: 0.5rem;
9619
9918
  }
9919
+ .input-group-lg > .input-group-item > .form-file .btn .c-inner {
9920
+ margin-bottom: -0.5rem;
9921
+ margin-left: -1rem;
9922
+ margin-right: -1rem;
9923
+ margin-top: -0.5rem;
9924
+ }
9620
9925
  .input-group-lg > .input-group-item > textarea.form-control,
9621
9926
  .input-group-lg > .input-group-item > .form-control-textarea {
9622
9927
  height: 190px;
@@ -9636,25 +9941,39 @@ label.custom-control-label {
9636
9941
  padding-left: 1rem;
9637
9942
  padding-right: 1rem;
9638
9943
  }
9639
- .input-group-lg > .input-group-item > .input-group-inset-item > .form-file {
9640
- height: 75%;
9641
- }
9642
9944
  .input-group-lg > .input-group-item > .input-group-inset-item > .form-file .btn {
9643
- height: 100%;
9644
- line-height: 1;
9645
- padding-bottom: 0;
9646
- padding-left: 0.75rem;
9647
- padding-right: 0.75rem;
9648
- padding-top: 0;
9945
+ border-radius: 0.3rem;
9946
+ font-size: 1.25rem;
9947
+ height: 3rem;
9948
+ line-height: 1.5;
9949
+ padding-bottom: 0.5rem;
9950
+ padding-left: 1rem;
9951
+ padding-right: 1rem;
9952
+ padding-top: 0.5rem;
9649
9953
  }
9650
9954
  .input-group-lg > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner {
9955
+ margin-bottom: -0.5rem;
9956
+ margin-left: -1rem;
9957
+ margin-right: -1rem;
9958
+ margin-top: -0.5rem;
9959
+ }
9960
+ .input-group-lg > .input-group-item .form-control-inset {
9651
9961
  margin-bottom: 0;
9652
- margin-left: -0.75rem;
9653
- margin-right: -0.75rem;
9654
9962
  margin-top: 0;
9655
9963
  }
9656
9964
  .form-group-sm .input-group > .input-group-item > .btn, .input-group-sm > .input-group-item > .btn {
9657
9965
  font-size: 0.875rem;
9966
+ line-height: 1.5;
9967
+ padding-bottom: 0.25rem;
9968
+ padding-left: 0.5rem;
9969
+ padding-right: 0.5rem;
9970
+ padding-top: 0.25rem;
9971
+ }
9972
+ .form-group-sm .input-group > .input-group-item > .btn .c-inner, .input-group-sm > .input-group-item > .btn .c-inner {
9973
+ margin-bottom: -0.25rem;
9974
+ margin-left: -0.5rem;
9975
+ margin-right: -0.5rem;
9976
+ margin-top: -0.25rem;
9658
9977
  }
9659
9978
  .form-group-sm .input-group > .input-group-item > .btn .btn-section, .input-group-sm > .input-group-item > .btn .btn-section {
9660
9979
  font-size: 0.5625rem;
@@ -9664,30 +9983,49 @@ label.custom-control-label {
9664
9983
  line-height: 1;
9665
9984
  width: 1.9375rem;
9666
9985
  }
9667
- .form-group-sm .input-group > .input-group-item > .form-control, .input-group-sm > .input-group-item > .form-control,
9668
- .form-group-sm .input-group > .input-group-item > .form-file .btn,
9669
- .input-group-sm > .input-group-item > .form-file .btn {
9986
+ .form-group-sm .input-group > .input-group-item > .form-control, .input-group-sm > .input-group-item > .form-control {
9670
9987
  border-radius: 0.2rem;
9671
9988
  font-size: 0.875rem;
9672
- height: 1.9375rem;
9989
+ height: auto;
9673
9990
  line-height: 1.5;
9674
- padding-bottom: 0.25rem;
9991
+ min-height: 1.9375rem;
9992
+ padding-bottom: 0;
9675
9993
  padding-left: 0.5rem;
9676
9994
  padding-right: 0.5rem;
9677
- padding-top: 0.25rem;
9995
+ padding-top: 0;
9678
9996
  }
9679
- .form-group-sm .input-group > .input-group-item > .form-control-plaintext, .input-group-sm > .input-group-item > .form-control-plaintext {
9997
+ .form-group-sm .input-group > .input-group-item > .form-control .label, .input-group-sm > .input-group-item > .form-control .label {
9998
+ margin-bottom: 0.1875rem;
9999
+ margin-top: 0.1875rem;
10000
+ }
10001
+ .form-group-sm .input-group > .input-group-item > .form-file .btn, .input-group-sm > .input-group-item > .form-file .btn {
10002
+ border-radius: 0.2rem;
9680
10003
  font-size: 0.875rem;
9681
10004
  height: 1.9375rem;
9682
10005
  line-height: 1.5;
9683
10006
  padding-bottom: 0.25rem;
10007
+ padding-left: 0.5rem;
10008
+ padding-right: 0.5rem;
9684
10009
  padding-top: 0.25rem;
9685
10010
  }
10011
+ .form-group-sm .input-group > .input-group-item > .form-file .btn .c-inner, .input-group-sm > .input-group-item > .form-file .btn .c-inner {
10012
+ margin-bottom: -0.25rem;
10013
+ margin-left: -0.5rem;
10014
+ margin-right: -0.5rem;
10015
+ margin-top: -0.25rem;
10016
+ }
9686
10017
  .form-group-sm .input-group > .input-group-item > textarea.form-control, .input-group-sm > .input-group-item > textarea.form-control,
9687
10018
  .form-group-sm .input-group > .input-group-item > .form-control-textarea,
9688
10019
  .input-group-sm > .input-group-item > .form-control-textarea {
9689
10020
  height: 120px;
9690
10021
  }
10022
+ .form-group-sm .input-group > .input-group-item > .form-control-plaintext, .input-group-sm > .input-group-item > .form-control-plaintext {
10023
+ font-size: 0.875rem;
10024
+ height: 1.9375rem;
10025
+ line-height: 1.5;
10026
+ padding-bottom: 0.25rem;
10027
+ padding-top: 0.25rem;
10028
+ }
9691
10029
  .form-group-sm .input-group > .input-group-item > .input-group-text, .input-group-sm > .input-group-item > .input-group-text {
9692
10030
  border-radius: 0.2rem;
9693
10031
  font-size: 0.875rem;
@@ -9715,67 +10053,48 @@ label.custom-control-label {
9715
10053
  margin-right: 0.25rem;
9716
10054
  width: 1.5rem;
9717
10055
  }
9718
- .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 {
9719
- height: 75%;
9720
- }
9721
10056
  .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 {
9722
- height: 100%;
9723
- line-height: 1;
9724
- padding-bottom: 0;
10057
+ border-radius: 0.2rem;
10058
+ font-size: 0.875rem;
10059
+ height: 1.9375rem;
10060
+ line-height: 1.5;
10061
+ padding-bottom: 0.25rem;
9725
10062
  padding-left: 0.5rem;
9726
10063
  padding-right: 0.5rem;
9727
- padding-top: 0;
10064
+ padding-top: 0.25rem;
9728
10065
  }
9729
10066
  .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 {
9730
- margin-bottom: 0;
10067
+ margin-bottom: -0.25rem;
9731
10068
  margin-left: -0.5rem;
9732
10069
  margin-right: -0.5rem;
9733
- margin-top: 0;
9734
- }
9735
- .input-group-item.focus {
9736
- border-radius: 0.25rem;
9737
- box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
9738
- }
9739
- .input-group-item.focus .form-control,
9740
- .input-group-item.focus .form-control[readonly] ~ .input-group-inset-item,
9741
- .input-group-item.focus .input-group-inset-item {
9742
- background-color: #fff;
9743
- border-color: #80bdff;
9744
- }
9745
-
9746
- .input-group-item.input-group-prepend.focus {
9747
- border-bottom-right-radius: 0;
9748
- border-top-right-radius: 0;
9749
- z-index: 1;
10070
+ margin-top: -0.25rem;
9750
10071
  }
9751
-
9752
- .input-group-item.input-group-append.focus {
9753
- border-bottom-left-radius: 0;
9754
- border-top-left-radius: 0;
10072
+ .form-group-sm .input-group > .input-group-item .form-control-inset, .input-group-sm > .input-group-item .form-control-inset {
10073
+ margin-bottom: 0.125rem;
10074
+ margin-top: 0.1875rem;
9755
10075
  }
9756
-
9757
10076
  .input-group-inset {
9758
10077
  flex-grow: 1;
9759
10078
  order: 5;
9760
10079
  width: 1%;
9761
10080
  }
9762
- .input-group-inset[readonly] ~ .input-group-inset-item {
9763
- background-color: #e9ecef;
9764
- }
9765
- .input-group-inset:focus {
10081
+ .input-group-inset:focus, .input-group-inset.focus {
9766
10082
  box-shadow: none;
9767
10083
  }
9768
- .input-group-inset:focus ~ .input-group-inset-item {
10084
+ .input-group-inset:focus ~ .input-group-inset-item, .input-group-inset.focus ~ .input-group-inset-item {
9769
10085
  background-color: #fff;
9770
10086
  border-color: #80bdff;
9771
10087
  }
9772
- .input-group-inset:disabled ~ .input-group-inset-item {
10088
+ .input-group-inset:disabled ~ .input-group-inset-item, .input-group-inset.disabled ~ .input-group-inset-item {
9773
10089
  background-color: #e9ecef;
9774
10090
  }
9775
10091
  .input-group-inset ~ .form-feedback-group {
9776
10092
  order: 13;
9777
10093
  }
9778
10094
 
10095
+ .input-group-inset[readonly] ~ .input-group-inset-item {
10096
+ background-color: #e9ecef;
10097
+ }
9779
10098
  .input-group .input-group-inset-item {
9780
10099
  align-items: center;
9781
10100
  background-color: #fff;
@@ -11031,21 +11350,25 @@ label.custom-control-label {
11031
11350
  }
11032
11351
 
11033
11352
  .multi-step-indicator-label-bottom .multi-step-item {
11034
- padding-bottom: 1.5rem;
11353
+ padding-bottom: calc(
11354
+ 1rem * 1.5
11355
+ );
11035
11356
  }
11036
11357
  .multi-step-indicator-label-bottom .multi-step-indicator-label {
11037
11358
  top: 2rem;
11038
11359
  }
11039
11360
 
11040
11361
  .multi-step-indicator-label-top .multi-step-item {
11041
- padding-top: 1.5rem;
11362
+ padding-top: calc(
11363
+ 1rem * 1.5
11364
+ );
11042
11365
  }
11043
11366
  .multi-step-indicator-label-top .multi-step-indicator-label {
11044
- bottom: 2.25rem;
11367
+ bottom: calc(2rem + 0.25rem);
11045
11368
  }
11046
11369
 
11047
11370
  .multi-step-title-center .multi-step-title {
11048
- margin-left: 1rem;
11371
+ margin-left: calc(2rem * 0.5);
11049
11372
  max-width: 100px;
11050
11373
  overflow: hidden;
11051
11374
  position: relative;
@@ -11263,7 +11586,10 @@ label.custom-control-label {
11263
11586
  .multi-step-nav-collapse-sm .multi-step-item {
11264
11587
  margin-bottom: 0;
11265
11588
  min-width: 2rem;
11266
- padding-top: 1.75rem;
11589
+ padding-top: calc(
11590
+ 1rem + 0.625rem +
11591
+ (0.25rem * 0.5)
11592
+ );
11267
11593
  }
11268
11594
  .multi-step-nav-collapse-sm .multi-step-title {
11269
11595
  display: none;
@@ -11350,7 +11676,6 @@ label.custom-control-label {
11350
11676
  margin-left: 0;
11351
11677
  margin-right: 0;
11352
11678
  }
11353
-
11354
11679
  .nav-btn-monospaced {
11355
11680
  padding: 0;
11356
11681
  }
@@ -11372,6 +11697,7 @@ label.custom-control-label {
11372
11697
  }
11373
11698
 
11374
11699
  .nav-item {
11700
+ overflow-wrap: break-word;
11375
11701
  word-wrap: break-word;
11376
11702
  }
11377
11703
 
@@ -11381,6 +11707,41 @@ label.custom-control-label {
11381
11707
  text-align: center;
11382
11708
  }
11383
11709
 
11710
+ .nav-divider {
11711
+ margin-left: 0.5rem;
11712
+ padding-left: 0.5rem;
11713
+ position: relative;
11714
+ }
11715
+ .nav-divider::before {
11716
+ background-color: #6c757d;
11717
+ content: "";
11718
+ display: block;
11719
+ height: 1rem;
11720
+ left: 0;
11721
+ margin-top: -0.5rem;
11722
+ position: absolute;
11723
+ top: 50%;
11724
+ width: 1px;
11725
+ z-index: 2;
11726
+ }
11727
+ .nav-divider-end {
11728
+ margin-right: 0.5rem;
11729
+ padding-right: 0.5rem;
11730
+ position: relative;
11731
+ }
11732
+ .nav-divider-end::after {
11733
+ background-color: #6c757d;
11734
+ content: "";
11735
+ display: block;
11736
+ height: 1rem;
11737
+ margin-top: -0.5rem;
11738
+ position: absolute;
11739
+ right: 0;
11740
+ top: 50%;
11741
+ width: 1px;
11742
+ z-index: 2;
11743
+ }
11744
+
11384
11745
  .nav-text-truncate {
11385
11746
  display: inline-block;
11386
11747
  margin-bottom: -6px;
@@ -11394,13 +11755,6 @@ label.custom-control-label {
11394
11755
  max-width: calc(100% - 24px);
11395
11756
  }
11396
11757
 
11397
- .nav-form {
11398
- padding-bottom: 0.5rem;
11399
- padding-left: 0.5rem;
11400
- padding-right: 0.5rem;
11401
- padding-top: 0.5rem;
11402
- }
11403
-
11404
11758
  .nav .nav-form {
11405
11759
  padding-bottom: 0;
11406
11760
  padding-left: 1rem;
@@ -11412,17 +11766,15 @@ label.custom-control-label {
11412
11766
  flex: 1 1 auto;
11413
11767
  text-align: center;
11414
11768
  }
11415
-
11769
+ .nav-justified .nav-link {
11770
+ text-align: center;
11771
+ width: 100%;
11772
+ }
11416
11773
  .nav-justified .nav-item {
11417
11774
  flex-basis: 0;
11418
11775
  flex-grow: 1;
11419
11776
  text-align: center;
11420
11777
  }
11421
- .nav-justified button.nav-link {
11422
- text-align: center;
11423
- width: 100%;
11424
- }
11425
-
11426
11778
  .nav-stacked {
11427
11779
  display: block;
11428
11780
  }
@@ -11436,21 +11788,38 @@ label.custom-control-label {
11436
11788
  .nav-unstyled {
11437
11789
  flex-wrap: nowrap;
11438
11790
  }
11439
- .nav-unstyled .nav-btn {
11440
- margin: 0 4px;
11441
- padding: 0 4px;
11442
- }
11443
11791
  .nav-unstyled .nav-link {
11444
11792
  line-height: 2rem;
11445
- padding: 0 4px;
11793
+ padding-bottom: 0;
11794
+ padding-left: 4px;
11795
+ padding-right: 4px;
11796
+ padding-top: 0;
11797
+ }
11798
+ .nav-unstyled .nav-link > .c-inner {
11799
+ margin-bottom: 0;
11800
+ margin-left: -4px;
11801
+ margin-right: -4px;
11802
+ margin-top: 0;
11446
11803
  }
11447
11804
  .nav-unstyled .nav-link-monospaced {
11448
11805
  margin: 0 4px;
11449
11806
  }
11450
-
11451
- .nav-nested {
11452
- flex-direction: column;
11453
- flex-wrap: nowrap;
11807
+ .nav-unstyled .nav-btn {
11808
+ margin: 0 4px;
11809
+ padding-bottom: 0;
11810
+ padding-left: 4px;
11811
+ padding-right: 4px;
11812
+ padding-top: 0;
11813
+ }
11814
+ .nav-unstyled .nav-btn .c-inner {
11815
+ margin-bottom: 0;
11816
+ margin-left: -4px;
11817
+ margin-right: -4px;
11818
+ margin-top: 0;
11819
+ }
11820
+ .nav-nested {
11821
+ flex-direction: column;
11822
+ flex-wrap: nowrap;
11454
11823
  }
11455
11824
  .nav-nested .nav > li > a {
11456
11825
  padding-left: 2rem;
@@ -11554,9 +11923,6 @@ label.custom-control-label {
11554
11923
  .nav-tabs {
11555
11924
  border-bottom: 0.0625rem solid #dee2e6;
11556
11925
  }
11557
- .nav-tabs .nav-item {
11558
- margin-bottom: -0.0625rem;
11559
- }
11560
11926
  .nav-tabs .nav-link {
11561
11927
  border-color: transparent;
11562
11928
  border-style: solid;
@@ -11577,23 +11943,21 @@ label.custom-control-label {
11577
11943
  }
11578
11944
  .nav-tabs .nav-link.active {
11579
11945
  background-color: #fff;
11580
- border-color: #dee2e6 #dee2e6 #fff;
11581
11946
  color: #495057;
11947
+ border-color: #dee2e6 #dee2e6 #fff;
11582
11948
  }
11583
11949
  .nav-tabs .nav-link:disabled, .nav-tabs .nav-link.disabled {
11584
11950
  background-color: transparent;
11585
11951
  border-color: transparent;
11586
11952
  color: #6c757d;
11587
11953
  }
11588
- .nav-tabs .nav-link[aria-expanded=true], .nav-tabs .nav-link.show, .show > .nav-tabs .nav-link {
11954
+ .nav-tabs .nav-link[aria-expanded=true], .nav-tabs .nav-link.show {
11589
11955
  background-color: #fff;
11590
- border-color: #dee2e6 #dee2e6 #fff;
11591
11956
  color: #495057;
11592
- }
11593
- .nav-tabs .nav-item.show .nav-link {
11594
- background-color: #fff;
11595
11957
  border-color: #dee2e6 #dee2e6 #fff;
11596
- color: #495057;
11958
+ }
11959
+ .nav-tabs .nav-item {
11960
+ margin-bottom: -0.0625rem;
11597
11961
  }
11598
11962
  .nav-tabs .dropdown-menu {
11599
11963
  border-top-left-radius: 0;
@@ -11639,11 +12003,12 @@ label.custom-control-label {
11639
12003
  right: 0.5rem;
11640
12004
  width: auto;
11641
12005
  }
11642
- .nav-underline .nav-item .nav-link.active:after {
12006
+ .nav-underline .nav-link.active::after {
11643
12007
  background-color: #007bff;
12008
+ content: "";
12009
+ height: 0.1875rem;
11644
12010
  }
11645
- .nav-underline .nav-link.active:after,
11646
- .nav-underline .nav-item.show .nav-link:after {
12011
+ .nav-underline .nav-link[aria-expanded=true]::after, .nav-underline .nav-link.show::after {
11647
12012
  content: "";
11648
12013
  height: 0.1875rem;
11649
12014
  }
@@ -12858,8 +13223,6 @@ label.custom-control-label {
12858
13223
  border-width: 0 0 0 0;
12859
13224
  font-size: 1rem;
12860
13225
  padding: 0 0;
12861
- border-color: transparent;
12862
- border-style: solid;
12863
13226
  }
12864
13227
  .application-bar .navbar-toggler {
12865
13228
  font-size: 1.25rem;
@@ -13570,26 +13933,6 @@ label.custom-control-label {
13570
13933
  bottom: -0.75rem;
13571
13934
  height: 0.125rem;
13572
13935
  }
13573
- @media (max-width: 575.98px) {
13574
- .application-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
13575
- border-color: transparent;
13576
- }
13577
- }
13578
- @media (max-width: 767.98px) {
13579
- .application-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
13580
- border-color: transparent;
13581
- }
13582
- }
13583
- @media (max-width: 991.98px) {
13584
- .application-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
13585
- border-color: transparent;
13586
- }
13587
- }
13588
- @media (max-width: 1199.98px) {
13589
- .application-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
13590
- border-color: transparent;
13591
- }
13592
- }
13593
13936
  .application-bar .container,
13594
13937
  .application-bar .container-fluid {
13595
13938
  flex-wrap: nowrap;
@@ -13600,125 +13943,53 @@ label.custom-control-label {
13600
13943
 
13601
13944
  .application-bar-dark {
13602
13945
  background-color: #343a40;
13603
- border-color: transparent;
13604
- border-style: solid;
13605
13946
  color: rgba(255, 255, 255, 0.5);
13606
13947
  }
13607
- .application-bar-dark .nav-link,
13948
+ .application-bar-dark .navbar-nav .nav-link,
13608
13949
  .application-bar-dark .navbar-nav .btn-unstyled {
13609
13950
  color: rgba(255, 255, 255, 0.5);
13610
13951
  }
13611
- .application-bar-dark .nav-link:hover,
13952
+ .application-bar-dark .navbar-nav .nav-link:hover,
13612
13953
  .application-bar-dark .navbar-nav .btn-unstyled:hover {
13613
13954
  color: rgba(255, 255, 255, 0.75);
13614
13955
  }
13615
- .application-bar-dark .nav-link.active, .application-bar-dark .nav-link[aria-expanded=true],
13616
- .application-bar-dark .navbar-nav .btn-unstyled.active,
13617
- .application-bar-dark .navbar-nav .btn-unstyled[aria-expanded=true] {
13956
+ .application-bar-dark .navbar-nav .nav-link:active,
13957
+ .application-bar-dark .navbar-nav .btn-unstyled:active {
13958
+ color: #fff;
13959
+ }
13960
+ .application-bar-dark .navbar-nav .nav-link.active,
13961
+ .application-bar-dark .navbar-nav .btn-unstyled.active {
13618
13962
  color: #fff;
13619
13963
  }
13620
- .application-bar-dark .nav-link.disabled, .application-bar-dark .nav-link:disabled,
13621
- .application-bar-dark .navbar-nav .btn-unstyled.disabled,
13622
- .application-bar-dark .navbar-nav .btn-unstyled:disabled {
13964
+ .application-bar-dark .navbar-nav .nav-link:disabled, .application-bar-dark .navbar-nav .nav-link.disabled,
13965
+ .application-bar-dark .navbar-nav .btn-unstyled:disabled,
13966
+ .application-bar-dark .navbar-nav .btn-unstyled.disabled {
13623
13967
  color: rgba(255, 255, 255, 0.25);
13624
13968
  opacity: 1;
13625
13969
  }
13626
- .application-bar-dark .navbar-toggler {
13627
- color: rgba(255, 255, 255, 0.5);
13970
+ .application-bar-dark .navbar-nav .nav-link[aria-expanded=true], .application-bar-dark .navbar-nav .nav-link.show,
13971
+ .application-bar-dark .navbar-nav .btn-unstyled[aria-expanded=true],
13972
+ .application-bar-dark .navbar-nav .btn-unstyled.show {
13973
+ color: #fff;
13628
13974
  }
13629
- .application-bar-dark .navbar-toggler-link[aria-expanded=true] {
13975
+ .application-bar-dark .navbar-brand:active {
13630
13976
  color: #fff;
13631
13977
  }
13632
- .application-bar-dark .navbar-overlay {
13633
- background-color: #343a40;
13978
+ .application-bar-dark .navbar-brand.active {
13979
+ color: #fff;
13634
13980
  }
13635
- @media (max-width: 575.98px) {
13636
- .application-bar-dark.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
13637
- background-color: #343a40;
13638
- border-color: transparent;
13639
- }
13640
- .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,
13641
- .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
13642
- color: rgba(255, 255, 255, 0.5);
13643
- }
13644
- .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
13645
- border-color: rgba(255, 255, 255, 0.5);
13646
- }
13647
- .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover {
13648
- color: rgba(255, 255, 255, 0.75);
13649
- }
13650
- .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
13651
- color: #fff;
13652
- }
13653
- .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled {
13654
- color: rgba(255, 255, 255, 0.25);
13655
- }
13981
+ .application-bar-dark .navbar-brand:disabled, .application-bar-dark .navbar-brand.disabled {
13982
+ color: rgba(255, 255, 255, 0.25);
13983
+ opacity: 1;
13656
13984
  }
13657
- @media (max-width: 767.98px) {
13658
- .application-bar-dark.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
13659
- background-color: #343a40;
13660
- border-color: transparent;
13661
- }
13662
- .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,
13663
- .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
13664
- color: rgba(255, 255, 255, 0.5);
13665
- }
13666
- .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
13667
- border-color: rgba(255, 255, 255, 0.5);
13668
- }
13669
- .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
13670
- color: rgba(255, 255, 255, 0.75);
13671
- }
13672
- .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
13673
- color: #fff;
13674
- }
13675
- .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
13676
- color: rgba(255, 255, 255, 0.25);
13677
- }
13985
+ .application-bar-dark .navbar-brand[aria-expanded=true], .application-bar-dark .navbar-brand.show {
13986
+ color: #fff;
13678
13987
  }
13679
- @media (max-width: 991.98px) {
13680
- .application-bar-dark.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
13681
- background-color: #343a40;
13682
- border-color: transparent;
13683
- }
13684
- .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,
13685
- .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
13686
- color: rgba(255, 255, 255, 0.5);
13687
- }
13688
- .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
13689
- border-color: rgba(255, 255, 255, 0.5);
13690
- }
13691
- .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover {
13692
- color: rgba(255, 255, 255, 0.75);
13693
- }
13694
- .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
13695
- color: #fff;
13696
- }
13697
- .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled {
13698
- color: rgba(255, 255, 255, 0.25);
13699
- }
13988
+ .application-bar-dark .navbar-toggler {
13989
+ color: rgba(255, 255, 255, 0.5);
13700
13990
  }
13701
- @media (max-width: 1199.98px) {
13702
- .application-bar-dark.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
13703
- background-color: #343a40;
13704
- border-color: transparent;
13705
- }
13706
- .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,
13707
- .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item {
13708
- color: rgba(255, 255, 255, 0.5);
13709
- }
13710
- .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
13711
- border-color: rgba(255, 255, 255, 0.5);
13712
- }
13713
- .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover {
13714
- color: rgba(255, 255, 255, 0.75);
13715
- }
13716
- .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
13717
- color: #fff;
13718
- }
13719
- .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
13720
- color: rgba(255, 255, 255, 0.25);
13721
- }
13991
+ .application-bar-dark .navbar-overlay {
13992
+ background-color: #343a40;
13722
13993
  }
13723
13994
  .management-bar {
13724
13995
  border-width: 0 0 0.0625rem 0;
@@ -14456,26 +14727,6 @@ label.custom-control-label {
14456
14727
  bottom: -1.03125rem;
14457
14728
  height: 0.25rem;
14458
14729
  }
14459
- @media (max-width: 575.98px) {
14460
- .management-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
14461
- border-color: transparent;
14462
- }
14463
- }
14464
- @media (max-width: 767.98px) {
14465
- .management-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
14466
- border-color: transparent;
14467
- }
14468
- }
14469
- @media (max-width: 991.98px) {
14470
- .management-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
14471
- border-color: transparent;
14472
- }
14473
- }
14474
- @media (max-width: 1199.98px) {
14475
- .management-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
14476
- border-color: transparent;
14477
- }
14478
- }
14479
14730
  .management-bar.navbar-nowrap .navbar-text {
14480
14731
  white-space: normal;
14481
14732
  word-wrap: break-word;
@@ -14483,263 +14734,110 @@ label.custom-control-label {
14483
14734
 
14484
14735
  .management-bar-light {
14485
14736
  background-color: #f8f9fa;
14486
- border-color: transparent;
14487
- border-style: solid;
14488
14737
  }
14489
- .management-bar-light .nav-link,
14738
+ .management-bar-light .navbar-nav .nav-link,
14490
14739
  .management-bar-light .navbar-nav .btn-unstyled {
14491
14740
  color: rgba(0, 0, 0, 0.5);
14492
14741
  }
14493
- .management-bar-light .nav-link:hover,
14742
+ .management-bar-light .navbar-nav .nav-link:hover,
14494
14743
  .management-bar-light .navbar-nav .btn-unstyled:hover {
14495
14744
  color: rgba(0, 0, 0, 0.7);
14496
14745
  }
14497
- .management-bar-light .nav-link.active, .management-bar-light .nav-link[aria-expanded=true],
14498
- .management-bar-light .navbar-nav .btn-unstyled.active,
14499
- .management-bar-light .navbar-nav .btn-unstyled[aria-expanded=true] {
14746
+ .management-bar-light .navbar-nav .nav-link:active,
14747
+ .management-bar-light .navbar-nav .btn-unstyled:active {
14748
+ color: rgba(0, 0, 0, 0.9);
14749
+ }
14750
+ .management-bar-light .navbar-nav .nav-link.active,
14751
+ .management-bar-light .navbar-nav .btn-unstyled.active {
14500
14752
  color: rgba(0, 0, 0, 0.9);
14501
14753
  }
14502
- .management-bar-light .nav-link.disabled, .management-bar-light .nav-link:disabled,
14503
- .management-bar-light .navbar-nav .btn-unstyled.disabled,
14504
- .management-bar-light .navbar-nav .btn-unstyled:disabled {
14754
+ .management-bar-light .navbar-nav .nav-link:disabled, .management-bar-light .navbar-nav .nav-link.disabled,
14755
+ .management-bar-light .navbar-nav .btn-unstyled:disabled,
14756
+ .management-bar-light .navbar-nav .btn-unstyled.disabled {
14505
14757
  color: rgba(0, 0, 0, 0.3);
14506
14758
  opacity: 1;
14507
14759
  }
14508
- .management-bar-light .navbar-toggler {
14509
- color: rgba(0, 0, 0, 0.5);
14760
+ .management-bar-light .navbar-nav .nav-link[aria-expanded=true], .management-bar-light .navbar-nav .nav-link.show,
14761
+ .management-bar-light .navbar-nav .btn-unstyled[aria-expanded=true],
14762
+ .management-bar-light .navbar-nav .btn-unstyled.show {
14763
+ color: rgba(0, 0, 0, 0.9);
14510
14764
  }
14511
- .management-bar-light .navbar-toggler-link[aria-expanded=true] {
14765
+ .management-bar-light .navbar-brand:active {
14512
14766
  color: rgba(0, 0, 0, 0.9);
14513
14767
  }
14514
- .management-bar-light .navbar-overlay {
14515
- background-color: #f8f9fa;
14768
+ .management-bar-light .navbar-brand.active {
14769
+ color: rgba(0, 0, 0, 0.9);
14516
14770
  }
14517
- @media (max-width: 575.98px) {
14518
- .management-bar-light.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
14519
- background-color: #f8f9fa;
14520
- border-color: transparent;
14521
- }
14522
- .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,
14523
- .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
14524
- color: rgba(0, 0, 0, 0.5);
14525
- }
14526
- .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
14527
- border-color: rgba(0, 0, 0, 0.5);
14528
- }
14529
- .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover {
14530
- color: rgba(0, 0, 0, 0.7);
14531
- }
14532
- .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
14533
- color: rgba(0, 0, 0, 0.9);
14534
- }
14535
- .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled {
14536
- color: rgba(0, 0, 0, 0.3);
14537
- }
14771
+ .management-bar-light .navbar-brand:disabled, .management-bar-light .navbar-brand.disabled {
14772
+ color: rgba(0, 0, 0, 0.3);
14773
+ opacity: 1;
14538
14774
  }
14539
- @media (max-width: 767.98px) {
14540
- .management-bar-light.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
14541
- background-color: #f8f9fa;
14542
- border-color: transparent;
14543
- }
14544
- .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,
14545
- .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
14546
- color: rgba(0, 0, 0, 0.5);
14547
- }
14548
- .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
14549
- border-color: rgba(0, 0, 0, 0.5);
14550
- }
14551
- .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
14552
- color: rgba(0, 0, 0, 0.7);
14553
- }
14554
- .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
14555
- color: rgba(0, 0, 0, 0.9);
14556
- }
14557
- .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
14558
- color: rgba(0, 0, 0, 0.3);
14559
- }
14775
+ .management-bar-light .navbar-brand[aria-expanded=true], .management-bar-light .navbar-brand.show {
14776
+ color: rgba(0, 0, 0, 0.9);
14560
14777
  }
14561
- @media (max-width: 991.98px) {
14562
- .management-bar-light.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
14563
- background-color: #f8f9fa;
14564
- border-color: transparent;
14565
- }
14566
- .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,
14567
- .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
14568
- color: rgba(0, 0, 0, 0.5);
14569
- }
14570
- .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
14571
- border-color: rgba(0, 0, 0, 0.5);
14572
- }
14573
- .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover {
14574
- color: rgba(0, 0, 0, 0.7);
14575
- }
14576
- .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
14577
- color: rgba(0, 0, 0, 0.9);
14578
- }
14579
- .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled {
14580
- color: rgba(0, 0, 0, 0.3);
14581
- }
14778
+ .management-bar-light .navbar-toggler {
14779
+ color: rgba(0, 0, 0, 0.5);
14582
14780
  }
14583
- @media (max-width: 1199.98px) {
14584
- .management-bar-light.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
14585
- background-color: #f8f9fa;
14586
- border-color: transparent;
14587
- }
14588
- .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,
14589
- .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item {
14590
- color: rgba(0, 0, 0, 0.5);
14591
- }
14592
- .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
14593
- border-color: rgba(0, 0, 0, 0.5);
14594
- }
14595
- .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover {
14596
- color: rgba(0, 0, 0, 0.7);
14597
- }
14598
- .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
14599
- color: rgba(0, 0, 0, 0.9);
14600
- }
14601
- .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
14602
- color: rgba(0, 0, 0, 0.3);
14603
- }
14781
+ .management-bar-light .navbar-overlay {
14782
+ background-color: #f8f9fa;
14604
14783
  }
14605
14784
  .management-bar-primary {
14606
14785
  background-color: #e5f2ff;
14607
14786
  border-color: #007bff;
14608
- border-style: solid;
14609
14787
  color: rgba(0, 0, 0, 0.5);
14610
14788
  }
14611
- .management-bar-primary .nav-link,
14789
+ .management-bar-primary .navbar-nav .nav-link,
14612
14790
  .management-bar-primary .navbar-nav .btn-unstyled {
14613
14791
  color: rgba(0, 0, 0, 0.5);
14614
14792
  }
14615
- .management-bar-primary .nav-link:hover,
14793
+ .management-bar-primary .navbar-nav .nav-link:hover,
14616
14794
  .management-bar-primary .navbar-nav .btn-unstyled:hover {
14617
14795
  color: rgba(0, 0, 0, 0.7);
14618
14796
  }
14619
- .management-bar-primary .nav-link.active, .management-bar-primary .nav-link[aria-expanded=true],
14620
- .management-bar-primary .navbar-nav .btn-unstyled.active,
14621
- .management-bar-primary .navbar-nav .btn-unstyled[aria-expanded=true] {
14797
+ .management-bar-primary .navbar-nav .nav-link:active,
14798
+ .management-bar-primary .navbar-nav .btn-unstyled:active {
14622
14799
  color: rgba(0, 0, 0, 0.9);
14623
14800
  }
14624
- .management-bar-primary .nav-link.disabled, .management-bar-primary .nav-link:disabled,
14625
- .management-bar-primary .navbar-nav .btn-unstyled.disabled,
14626
- .management-bar-primary .navbar-nav .btn-unstyled:disabled {
14627
- color: rgba(0, 0, 0, 0.3);
14628
- opacity: 1;
14801
+ .management-bar-primary .navbar-nav .nav-link.active,
14802
+ .management-bar-primary .navbar-nav .btn-unstyled.active {
14803
+ color: rgba(0, 0, 0, 0.9);
14629
14804
  }
14630
- .management-bar-primary .navbar-toggler {
14631
- color: rgba(0, 0, 0, 0.5);
14805
+ .management-bar-primary .navbar-nav .nav-link[aria-expanded=true], .management-bar-primary .navbar-nav .nav-link.show,
14806
+ .management-bar-primary .navbar-nav .btn-unstyled[aria-expanded=true],
14807
+ .management-bar-primary .navbar-nav .btn-unstyled.show {
14808
+ color: rgba(0, 0, 0, 0.9);
14809
+ }
14810
+ .management-bar-primary .navbar-brand:active {
14811
+ color: rgba(0, 0, 0, 0.9);
14812
+ }
14813
+ .management-bar-primary .navbar-brand.active {
14814
+ color: rgba(0, 0, 0, 0.9);
14632
14815
  }
14633
- .management-bar-primary .navbar-toggler-link[aria-expanded=true] {
14816
+ .management-bar-primary .navbar-brand[aria-expanded=true], .management-bar-primary .navbar-brand.show {
14634
14817
  color: rgba(0, 0, 0, 0.9);
14635
14818
  }
14819
+ .management-bar-primary .navbar-toggler {
14820
+ color: rgba(0, 0, 0, 0.5);
14821
+ }
14636
14822
  .management-bar-primary .navbar-overlay {
14637
14823
  background-color: #e5f2ff;
14638
14824
  }
14639
- @media (max-width: 575.98px) {
14640
- .management-bar-primary.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
14641
- background-color: #e5f2ff;
14642
- border-color: #007bff;
14643
- }
14644
- .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,
14645
- .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
14646
- color: rgba(0, 0, 0, 0.5);
14647
- }
14648
- .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
14649
- border-color: rgba(0, 0, 0, 0.5);
14650
- }
14651
- .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover {
14652
- color: rgba(0, 0, 0, 0.7);
14653
- }
14654
- .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
14655
- color: rgba(0, 0, 0, 0.9);
14656
- }
14657
- .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled {
14658
- color: rgba(0, 0, 0, 0.3);
14659
- }
14825
+ .navigation-bar {
14826
+ border-width: 0 0 0.0625rem 0;
14827
+ font-size: 1rem;
14828
+ padding: 0 0;
14829
+ border-color: transparent;
14830
+ border-style: solid;
14660
14831
  }
14661
- @media (max-width: 767.98px) {
14662
- .management-bar-primary.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
14663
- background-color: #e5f2ff;
14664
- border-color: #007bff;
14665
- }
14666
- .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,
14667
- .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
14668
- color: rgba(0, 0, 0, 0.5);
14669
- }
14670
- .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
14671
- border-color: rgba(0, 0, 0, 0.5);
14672
- }
14673
- .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
14674
- color: rgba(0, 0, 0, 0.7);
14675
- }
14676
- .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
14677
- color: rgba(0, 0, 0, 0.9);
14678
- }
14679
- .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
14680
- color: rgba(0, 0, 0, 0.3);
14681
- }
14682
- }
14683
- @media (max-width: 991.98px) {
14684
- .management-bar-primary.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
14685
- background-color: #e5f2ff;
14686
- border-color: #007bff;
14687
- }
14688
- .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,
14689
- .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
14690
- color: rgba(0, 0, 0, 0.5);
14691
- }
14692
- .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
14693
- border-color: rgba(0, 0, 0, 0.5);
14694
- }
14695
- .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover {
14696
- color: rgba(0, 0, 0, 0.7);
14697
- }
14698
- .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
14699
- color: rgba(0, 0, 0, 0.9);
14700
- }
14701
- .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled {
14702
- color: rgba(0, 0, 0, 0.3);
14703
- }
14704
- }
14705
- @media (max-width: 1199.98px) {
14706
- .management-bar-primary.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
14707
- background-color: #e5f2ff;
14708
- border-color: #007bff;
14709
- }
14710
- .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,
14711
- .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item {
14712
- color: rgba(0, 0, 0, 0.5);
14713
- }
14714
- .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
14715
- border-color: rgba(0, 0, 0, 0.5);
14716
- }
14717
- .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover {
14718
- color: rgba(0, 0, 0, 0.7);
14719
- }
14720
- .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
14721
- color: rgba(0, 0, 0, 0.9);
14722
- }
14723
- .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
14724
- color: rgba(0, 0, 0, 0.3);
14725
- }
14726
- }
14727
- .navigation-bar {
14728
- border-width: 0 0 0.0625rem 0;
14729
- font-size: 1rem;
14730
- padding: 0 0;
14731
- border-color: transparent;
14732
- border-style: solid;
14733
- }
14734
- .navigation-bar .navbar-toggler {
14735
- font-size: 1.25rem;
14736
- height: 2.00001rem;
14737
- margin-left: 1rem;
14738
- margin-right: 1rem;
14739
- padding-bottom: 0.25rem;
14740
- padding-left: 0.75rem;
14741
- padding-right: 0.75rem;
14742
- padding-top: 0.25rem;
14832
+ .navigation-bar .navbar-toggler {
14833
+ font-size: 1.25rem;
14834
+ height: 2.00001rem;
14835
+ margin-left: 1rem;
14836
+ margin-right: 1rem;
14837
+ padding-bottom: 0.25rem;
14838
+ padding-left: 0.75rem;
14839
+ padding-right: 0.75rem;
14840
+ padding-top: 0.25rem;
14743
14841
  }
14744
14842
  .navigation-bar .navbar-toggler .c-inner {
14745
14843
  margin-bottom: -0.25rem;
@@ -15045,275 +15143,155 @@ label.custom-control-label {
15045
15143
  bottom: -0.0625rem;
15046
15144
  height: 0.25rem;
15047
15145
  }
15048
- @media (max-width: 575.98px) {
15049
- .navigation-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
15050
- border-color: transparent;
15051
- }
15052
- }
15053
- @media (max-width: 767.98px) {
15054
- .navigation-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
15055
- border-color: transparent;
15056
- }
15057
- }
15058
- @media (max-width: 991.98px) {
15059
- .navigation-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
15060
- border-color: transparent;
15061
- }
15062
- }
15063
- @media (max-width: 1199.98px) {
15064
- .navigation-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
15065
- border-color: transparent;
15066
- }
15067
- }
15068
15146
  .navigation-bar-light {
15069
15147
  background-color: #f8f9fa;
15070
- border-color: transparent;
15071
- border-style: solid;
15072
15148
  }
15073
- .navigation-bar-light .nav-link,
15149
+ .navigation-bar-light .navbar-nav .nav-link,
15074
15150
  .navigation-bar-light .navbar-nav .btn-unstyled {
15075
15151
  color: rgba(0, 0, 0, 0.5);
15076
15152
  }
15077
- .navigation-bar-light .nav-link:hover,
15153
+ .navigation-bar-light .navbar-nav .nav-link:hover,
15078
15154
  .navigation-bar-light .navbar-nav .btn-unstyled:hover {
15079
15155
  color: rgba(0, 0, 0, 0.7);
15080
15156
  }
15081
- .navigation-bar-light .nav-link.active, .navigation-bar-light .nav-link[aria-expanded=true],
15082
- .navigation-bar-light .navbar-nav .btn-unstyled.active,
15083
- .navigation-bar-light .navbar-nav .btn-unstyled[aria-expanded=true] {
15157
+ .navigation-bar-light .navbar-nav .nav-link:active,
15158
+ .navigation-bar-light .navbar-nav .btn-unstyled:active {
15084
15159
  color: rgba(0, 0, 0, 0.9);
15085
15160
  }
15086
- .navigation-bar-light .nav-link.disabled, .navigation-bar-light .nav-link:disabled,
15087
- .navigation-bar-light .navbar-nav .btn-unstyled.disabled,
15088
- .navigation-bar-light .navbar-nav .btn-unstyled:disabled {
15161
+ .navigation-bar-light .navbar-nav .nav-link.active,
15162
+ .navigation-bar-light .navbar-nav .btn-unstyled.active {
15163
+ color: rgba(0, 0, 0, 0.9);
15164
+ }
15165
+ .navigation-bar-light .navbar-nav .nav-link:disabled, .navigation-bar-light .navbar-nav .nav-link.disabled,
15166
+ .navigation-bar-light .navbar-nav .btn-unstyled:disabled,
15167
+ .navigation-bar-light .navbar-nav .btn-unstyled.disabled {
15089
15168
  color: rgba(0, 0, 0, 0.3);
15090
15169
  opacity: 1;
15091
15170
  }
15092
- .navigation-bar-light .navbar-toggler {
15093
- color: rgba(0, 0, 0, 0.5);
15171
+ .navigation-bar-light .navbar-nav .nav-link[aria-expanded=true], .navigation-bar-light .navbar-nav .nav-link.show,
15172
+ .navigation-bar-light .navbar-nav .btn-unstyled[aria-expanded=true],
15173
+ .navigation-bar-light .navbar-nav .btn-unstyled.show {
15174
+ color: rgba(0, 0, 0, 0.9);
15175
+ }
15176
+ .navigation-bar-light .navbar-brand:active {
15177
+ color: rgba(0, 0, 0, 0.9);
15094
15178
  }
15095
- .navigation-bar-light .navbar-toggler-link[aria-expanded=true] {
15179
+ .navigation-bar-light .navbar-brand.active {
15096
15180
  color: rgba(0, 0, 0, 0.9);
15097
15181
  }
15182
+ .navigation-bar-light .navbar-brand:disabled, .navigation-bar-light .navbar-brand.disabled {
15183
+ color: rgba(0, 0, 0, 0.3);
15184
+ opacity: 1;
15185
+ }
15186
+ .navigation-bar-light .navbar-brand[aria-expanded=true], .navigation-bar-light .navbar-brand.show {
15187
+ color: rgba(0, 0, 0, 0.9);
15188
+ }
15189
+ .navigation-bar-light .navbar-toggler {
15190
+ color: rgba(0, 0, 0, 0.5);
15191
+ }
15098
15192
  .navigation-bar-light .navbar-overlay {
15099
15193
  background-color: #f8f9fa;
15100
15194
  }
15101
- @media (max-width: 575.98px) {
15102
- .navigation-bar-light.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
15103
- background-color: #f8f9fa;
15104
- border-color: transparent;
15105
- }
15106
- .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,
15107
- .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
15108
- color: rgba(0, 0, 0, 0.5);
15109
- }
15110
- .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
15111
- border-color: rgba(0, 0, 0, 0.5);
15112
- }
15113
- .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover {
15114
- color: rgba(0, 0, 0, 0.7);
15115
- }
15116
- .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
15117
- color: rgba(0, 0, 0, 0.9);
15118
- }
15119
- .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled {
15120
- color: rgba(0, 0, 0, 0.3);
15121
- }
15122
- }
15123
15195
  @media (max-width: 767.98px) {
15124
- .navigation-bar-light.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
15125
- background-color: #f8f9fa;
15126
- border-color: transparent;
15127
- }
15128
- .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,
15129
- .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
15196
+ .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
15130
15197
  color: rgba(0, 0, 0, 0.5);
15131
15198
  }
15132
- .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
15133
- border-color: rgba(0, 0, 0, 0.5);
15134
- }
15135
15199
  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
15136
15200
  color: rgba(0, 0, 0, 0.7);
15137
15201
  }
15138
- .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
15202
+ .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:active {
15139
15203
  color: rgba(0, 0, 0, 0.9);
15140
15204
  }
15141
- .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
15142
- color: rgba(0, 0, 0, 0.3);
15143
- }
15144
- }
15145
- @media (max-width: 991.98px) {
15146
- .navigation-bar-light.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
15147
- background-color: #f8f9fa;
15148
- border-color: transparent;
15149
- }
15150
- .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,
15151
- .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
15152
- color: rgba(0, 0, 0, 0.5);
15153
- }
15154
- .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
15155
- border-color: rgba(0, 0, 0, 0.5);
15156
- }
15157
- .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover {
15158
- color: rgba(0, 0, 0, 0.7);
15159
- }
15160
- .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
15205
+ .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
15161
15206
  color: rgba(0, 0, 0, 0.9);
15162
15207
  }
15163
- .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled {
15208
+ .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 {
15164
15209
  color: rgba(0, 0, 0, 0.3);
15210
+ opacity: 1;
15165
15211
  }
15166
- }
15167
- @media (max-width: 1199.98px) {
15168
- .navigation-bar-light.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
15169
- background-color: #f8f9fa;
15170
- border-color: transparent;
15171
- }
15172
- .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,
15173
- .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item {
15174
- color: rgba(0, 0, 0, 0.5);
15175
- }
15176
- .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
15177
- border-color: rgba(0, 0, 0, 0.5);
15178
- }
15179
- .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover {
15180
- color: rgba(0, 0, 0, 0.7);
15181
- }
15182
- .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
15212
+ .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 {
15183
15213
  color: rgba(0, 0, 0, 0.9);
15184
15214
  }
15185
- .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
15186
- color: rgba(0, 0, 0, 0.3);
15187
- }
15188
15215
  }
15216
+
15189
15217
  .navigation-bar-secondary {
15190
15218
  background-color: #6c757d;
15191
- border-color: transparent;
15192
- border-style: solid;
15193
15219
  color: #fff;
15194
15220
  }
15195
- .navigation-bar-secondary .nav-link,
15221
+ .navigation-bar-secondary .navbar-nav .nav-link,
15196
15222
  .navigation-bar-secondary .navbar-nav .btn-unstyled {
15197
15223
  color: rgba(255, 255, 255, 0.65);
15198
15224
  }
15199
- .navigation-bar-secondary .nav-link:hover,
15225
+ .navigation-bar-secondary .navbar-nav .nav-link:hover,
15200
15226
  .navigation-bar-secondary .navbar-nav .btn-unstyled:hover {
15201
15227
  color: rgba(255, 255, 255, 0.9);
15202
15228
  }
15203
- .navigation-bar-secondary .nav-link.active, .navigation-bar-secondary .nav-link[aria-expanded=true],
15204
- .navigation-bar-secondary .navbar-nav .btn-unstyled.active,
15205
- .navigation-bar-secondary .navbar-nav .btn-unstyled[aria-expanded=true] {
15229
+ .navigation-bar-secondary .navbar-nav .nav-link:active,
15230
+ .navigation-bar-secondary .navbar-nav .btn-unstyled:active {
15231
+ color: rgba(255, 255, 255, 0.9);
15232
+ }
15233
+ .navigation-bar-secondary .navbar-nav .nav-link.active,
15234
+ .navigation-bar-secondary .navbar-nav .btn-unstyled.active {
15206
15235
  color: rgba(255, 255, 255, 0.9);
15207
15236
  }
15208
- .navigation-bar-secondary .nav-link.disabled, .navigation-bar-secondary .nav-link:disabled,
15209
- .navigation-bar-secondary .navbar-nav .btn-unstyled.disabled,
15210
- .navigation-bar-secondary .navbar-nav .btn-unstyled:disabled {
15237
+ .navigation-bar-secondary .navbar-nav .nav-link:disabled, .navigation-bar-secondary .navbar-nav .nav-link.disabled,
15238
+ .navigation-bar-secondary .navbar-nav .btn-unstyled:disabled,
15239
+ .navigation-bar-secondary .navbar-nav .btn-unstyled.disabled {
15211
15240
  color: rgba(255, 255, 255, 0.25);
15212
15241
  opacity: 1;
15213
15242
  }
15243
+ .navigation-bar-secondary .navbar-nav .nav-link[aria-expanded=true], .navigation-bar-secondary .navbar-nav .nav-link.show,
15244
+ .navigation-bar-secondary .navbar-nav .btn-unstyled[aria-expanded=true],
15245
+ .navigation-bar-secondary .navbar-nav .btn-unstyled.show {
15246
+ color: rgba(255, 255, 255, 0.9);
15247
+ }
15214
15248
  .navigation-bar-secondary .navbar-brand {
15215
15249
  color: rgba(255, 255, 255, 0.9);
15216
15250
  }
15217
15251
  .navigation-bar-secondary .navbar-brand:hover {
15218
15252
  color: rgba(255, 255, 255, 0.9);
15219
15253
  }
15220
- .navigation-bar-secondary .navbar-toggler {
15221
- color: rgba(255, 255, 255, 0.65);
15254
+ .navigation-bar-secondary .navbar-brand:active {
15255
+ color: rgba(255, 255, 255, 0.9);
15222
15256
  }
15223
- .navigation-bar-secondary .navbar-toggler-link[aria-expanded=true] {
15257
+ .navigation-bar-secondary .navbar-brand.active {
15224
15258
  color: rgba(255, 255, 255, 0.9);
15225
15259
  }
15260
+ .navigation-bar-secondary .navbar-brand:disabled, .navigation-bar-secondary .navbar-brand.disabled {
15261
+ color: rgba(255, 255, 255, 0.25);
15262
+ opacity: 1;
15263
+ }
15264
+ .navigation-bar-secondary .navbar-brand[aria-expanded=true], .navigation-bar-secondary .navbar-brand.show {
15265
+ color: rgba(255, 255, 255, 0.9);
15266
+ }
15267
+ .navigation-bar-secondary .navbar-toggler {
15268
+ color: rgba(255, 255, 255, 0.65);
15269
+ }
15226
15270
  .navigation-bar-secondary .navbar-overlay {
15227
15271
  background-color: #6c757d;
15228
15272
  }
15229
- @media (max-width: 575.98px) {
15230
- .navigation-bar-secondary.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
15231
- background-color: #6c757d;
15232
- border-color: transparent;
15233
- }
15234
- .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,
15235
- .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
15236
- color: rgba(255, 255, 255, 0.65);
15237
- }
15238
- .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
15239
- border-color: rgba(255, 255, 255, 0.65);
15240
- }
15241
- .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover {
15242
- color: rgba(255, 255, 255, 0.9);
15243
- }
15244
- .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
15245
- color: rgba(255, 255, 255, 0.9);
15246
- }
15247
- .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled {
15248
- color: rgba(255, 255, 255, 0.25);
15249
- }
15250
- }
15251
15273
  @media (max-width: 767.98px) {
15252
- .navigation-bar-secondary.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
15253
- background-color: #6c757d;
15254
- border-color: transparent;
15255
- }
15256
- .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,
15257
- .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
15274
+ .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
15258
15275
  color: rgba(255, 255, 255, 0.65);
15259
15276
  }
15260
- .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
15261
- border-color: rgba(255, 255, 255, 0.65);
15262
- }
15263
15277
  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
15264
15278
  color: rgba(255, 255, 255, 0.9);
15265
15279
  }
15266
- .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
15280
+ .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:active {
15267
15281
  color: rgba(255, 255, 255, 0.9);
15268
15282
  }
15269
- .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
15270
- color: rgba(255, 255, 255, 0.25);
15271
- }
15272
- }
15273
- @media (max-width: 991.98px) {
15274
- .navigation-bar-secondary.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
15275
- background-color: #6c757d;
15276
- border-color: transparent;
15277
- }
15278
- .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,
15279
- .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
15280
- color: rgba(255, 255, 255, 0.65);
15281
- }
15282
- .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
15283
- border-color: rgba(255, 255, 255, 0.65);
15284
- }
15285
- .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover {
15286
- color: rgba(255, 255, 255, 0.9);
15287
- }
15288
- .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
15283
+ .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
15289
15284
  color: rgba(255, 255, 255, 0.9);
15290
15285
  }
15291
- .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled {
15286
+ .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 {
15292
15287
  color: rgba(255, 255, 255, 0.25);
15288
+ opacity: 1;
15293
15289
  }
15294
- }
15295
- @media (max-width: 1199.98px) {
15296
- .navigation-bar-secondary.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
15297
- background-color: #6c757d;
15298
- border-color: transparent;
15299
- }
15300
- .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,
15301
- .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item {
15302
- color: rgba(255, 255, 255, 0.65);
15303
- }
15304
- .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
15305
- border-color: rgba(255, 255, 255, 0.65);
15306
- }
15307
- .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover {
15308
- color: rgba(255, 255, 255, 0.9);
15309
- }
15310
- .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
15290
+ .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 {
15311
15291
  color: rgba(255, 255, 255, 0.9);
15312
15292
  }
15313
- .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
15314
- color: rgba(255, 255, 255, 0.25);
15315
- }
15316
15293
  }
15294
+
15317
15295
  .pagination {
15318
15296
  border-radius: 0.25rem;
15319
15297
  display: flex;
@@ -15322,12 +15300,21 @@ label.custom-control-label {
15322
15300
  margin-bottom: 0.5rem;
15323
15301
  padding-left: 0;
15324
15302
  }
15325
-
15326
15303
  .pagination-bar {
15327
15304
  align-items: center;
15328
15305
  display: flex;
15329
15306
  flex-wrap: wrap;
15330
15307
  }
15308
+ @media (max-width: 767.98px) {
15309
+ .pagination-bar {
15310
+ flex-direction: column;
15311
+ justify-content: center;
15312
+ }
15313
+ .pagination-bar .pagination {
15314
+ margin-top: 0.5rem;
15315
+ }
15316
+ }
15317
+
15331
15318
  .page-link {
15332
15319
  align-items: center;
15333
15320
  background-color: #fff;
@@ -15347,15 +15334,6 @@ label.custom-control-label {
15347
15334
  padding-top: 0.5rem;
15348
15335
  position: relative;
15349
15336
  }
15350
- .page-link > .c-inner {
15351
- margin-bottom: -0.5rem;
15352
- margin-left: -0.75rem;
15353
- margin-right: -0.75rem;
15354
- margin-top: -0.5rem;
15355
- }
15356
- .page-link .lexicon-icon {
15357
- margin-top: 0;
15358
- }
15359
15337
  .page-link:hover {
15360
15338
  background-color: #e9ecef;
15361
15339
  border-color: #dee2e6;
@@ -15368,13 +15346,19 @@ label.custom-control-label {
15368
15346
  outline: 0;
15369
15347
  z-index: 4;
15370
15348
  }
15371
- .page-link:active, .page-link.active {
15349
+ .page-link:active {
15372
15350
  background-color: #007bff;
15373
15351
  border-color: #007bff;
15374
15352
  color: #fff;
15375
15353
  cursor: default;
15376
15354
  z-index: 3;
15377
15355
  }
15356
+ .page-link.active {
15357
+ background-color: #007bff;
15358
+ border-color: #007bff;
15359
+ color: #fff;
15360
+ z-index: 3;
15361
+ }
15378
15362
  .page-link:disabled, .page-link.disabled {
15379
15363
  background-color: #fff;
15380
15364
  border-color: #dee2e6;
@@ -15385,8 +15369,30 @@ label.custom-control-label {
15385
15369
  pointer-events: auto;
15386
15370
  z-index: 0;
15387
15371
  }
15388
- .page-item.active .page-link,
15389
- .page-item.show .page-link {
15372
+ .page-link:disabled:active, .page-link.disabled:active {
15373
+ pointer-events: none;
15374
+ }
15375
+ .page-link[aria-expanded=true], .page-link.show {
15376
+ background-color: #007bff;
15377
+ border-color: #007bff;
15378
+ color: #fff;
15379
+ z-index: 3;
15380
+ }
15381
+ .page-link > .c-inner {
15382
+ margin-bottom: -0.5rem;
15383
+ margin-left: -0.75rem;
15384
+ margin-right: -0.75rem;
15385
+ margin-top: -0.5rem;
15386
+ }
15387
+ .page-link .lexicon-icon {
15388
+ margin-top: 0;
15389
+ }
15390
+
15391
+ .page-item {
15392
+ margin-left: -0.5px;
15393
+ margin-right: -0.5px;
15394
+ }
15395
+ .page-item.active .page-link {
15390
15396
  background-color: #007bff;
15391
15397
  border-color: #007bff;
15392
15398
  color: #fff;
@@ -15403,11 +15409,9 @@ label.custom-control-label {
15403
15409
  pointer-events: auto;
15404
15410
  z-index: 0;
15405
15411
  }
15406
- .page-item {
15407
- margin-left: -0.5px;
15408
- margin-right: -0.5px;
15412
+ .page-item.disabled .page-link:active {
15413
+ pointer-events: none;
15409
15414
  }
15410
-
15411
15415
  .page-item:first-child .page-link,
15412
15416
  .page-link-first {
15413
15417
  border-radius: 0.25rem 0 0 0.25rem;
@@ -15439,18 +15443,6 @@ label.custom-control-label {
15439
15443
  padding-top: 0.5rem;
15440
15444
  text-decoration: none;
15441
15445
  }
15442
- .pagination-items-per-page > a > .c-inner,
15443
- .pagination-items-per-page > button > .c-inner {
15444
- margin-bottom: -0.5rem;
15445
- margin-left: -0.75rem;
15446
- margin-right: -0.75rem;
15447
- margin-top: -0.5rem;
15448
- }
15449
- .pagination-items-per-page > a .lexicon-icon,
15450
- .pagination-items-per-page > button .lexicon-icon {
15451
- margin-left: 0.125rem;
15452
- margin-top: 0.125rem;
15453
- }
15454
15446
  .pagination-items-per-page > a:hover,
15455
15447
  .pagination-items-per-page > button:hover {
15456
15448
  background-color: #e9ecef;
@@ -15462,8 +15454,13 @@ label.custom-control-label {
15462
15454
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
15463
15455
  outline: 0;
15464
15456
  }
15465
- .pagination-items-per-page > a:active, .pagination-items-per-page > a.active,
15466
- .pagination-items-per-page > button:active,
15457
+ .pagination-items-per-page > a:active,
15458
+ .pagination-items-per-page > button:active {
15459
+ background-color: #007bff;
15460
+ border-color: #007bff;
15461
+ color: #fff;
15462
+ }
15463
+ .pagination-items-per-page > a.active,
15467
15464
  .pagination-items-per-page > button.active {
15468
15465
  background-color: #007bff;
15469
15466
  border-color: #007bff;
@@ -15480,13 +15477,25 @@ label.custom-control-label {
15480
15477
  opacity: 1;
15481
15478
  pointer-events: auto;
15482
15479
  }
15483
- .pagination-items-per-page.active > a,
15484
- .pagination-items-per-page.active > button, .pagination-items-per-page.show > a,
15485
- .pagination-items-per-page.show > button {
15480
+ .pagination-items-per-page > a[aria-expanded=true], .pagination-items-per-page > a.show,
15481
+ .pagination-items-per-page > button[aria-expanded=true],
15482
+ .pagination-items-per-page > button.show {
15486
15483
  background-color: #007bff;
15487
15484
  border-color: #007bff;
15488
15485
  color: #fff;
15489
15486
  }
15487
+ .pagination-items-per-page > a > .c-inner,
15488
+ .pagination-items-per-page > button > .c-inner {
15489
+ margin-bottom: -0.5rem;
15490
+ margin-left: -0.75rem;
15491
+ margin-right: -0.75rem;
15492
+ margin-top: -0.5rem;
15493
+ }
15494
+ .pagination-items-per-page > a .lexicon-icon,
15495
+ .pagination-items-per-page > button .lexicon-icon {
15496
+ margin-left: 0.125rem;
15497
+ margin-top: 0.125rem;
15498
+ }
15490
15499
  .pagination-items-per-page.disabled > a,
15491
15500
  .pagination-items-per-page.disabled > button {
15492
15501
  background-color: #fff;
@@ -15497,6 +15506,12 @@ label.custom-control-label {
15497
15506
  opacity: 1;
15498
15507
  pointer-events: auto;
15499
15508
  }
15509
+ @media (max-width: 767.98px) {
15510
+ .pagination-items-per-page + .pagination-results {
15511
+ margin-left: auto;
15512
+ }
15513
+ }
15514
+
15500
15515
  .pagination-results {
15501
15516
  border-color: transparent;
15502
15517
  border-style: solid;
@@ -15506,28 +15521,10 @@ label.custom-control-label {
15506
15521
  margin-right: auto;
15507
15522
  max-width: 100%;
15508
15523
  padding: 0.5rem 0.75rem;
15524
+ overflow-wrap: break-word;
15509
15525
  word-wrap: break-word;
15510
15526
  }
15511
15527
 
15512
- .pagination-sm .pagination-items-per-page {
15513
- border-radius: 0.2rem;
15514
- }
15515
- .pagination-sm .pagination-items-per-page > a,
15516
- .pagination-sm .pagination-items-per-page > .btn-unstyled {
15517
- font-size: 0.875rem;
15518
- height: 1.9375rem;
15519
- line-height: 1;
15520
- padding: 0.25rem 0.75rem;
15521
- }
15522
- .pagination-sm .pagination-items-per-page > a .c-inner,
15523
- .pagination-sm .pagination-items-per-page > .btn-unstyled .c-inner {
15524
- margin: -0.25rem -0.75rem;
15525
- }
15526
- .pagination-sm .pagination-results {
15527
- font-size: 0.875rem;
15528
- line-height: 1;
15529
- padding: 0.25rem 0.75rem;
15530
- }
15531
15528
  .pagination-sm .page-link {
15532
15529
  font-size: 0.875rem;
15533
15530
  height: 1.9375rem;
@@ -15537,11 +15534,11 @@ label.custom-control-label {
15537
15534
  padding-left: 0.5rem;
15538
15535
  padding-top: 0.25rem;
15539
15536
  }
15540
- .pagination-sm .page-link .c-inner {
15541
- margin: -0.25rem -0.5rem;
15542
- }
15543
- .pagination-sm .page-link.btn-unstyled {
15544
- padding: 0.25rem 0.5rem;
15537
+ .pagination-sm .page-link > .c-inner {
15538
+ margin-bottom: -0.25rem;
15539
+ margin-left: -0.5rem;
15540
+ margin-right: -0.5rem;
15541
+ margin-top: -0.25rem;
15545
15542
  }
15546
15543
  .pagination-sm .page-item:first-child .page-link,
15547
15544
  .pagination-sm .page-link-first {
@@ -15553,26 +15550,32 @@ label.custom-control-label {
15553
15550
  border-bottom-right-radius: 0.2rem;
15554
15551
  border-top-right-radius: 0.2rem;
15555
15552
  }
15556
-
15557
- .pagination-lg .pagination-items-per-page {
15558
- border-radius: 0.3rem;
15553
+ .pagination-sm .pagination-items-per-page {
15554
+ border-radius: 0.2rem;
15559
15555
  }
15560
- .pagination-lg .pagination-items-per-page > a,
15561
- .pagination-lg .pagination-items-per-page > .btn-unstyled {
15562
- font-size: 1.25rem;
15563
- height: 3.5rem;
15556
+ .pagination-sm .pagination-items-per-page > a,
15557
+ .pagination-sm .pagination-items-per-page > button {
15558
+ font-size: 0.875rem;
15559
+ height: 1.9375rem;
15564
15560
  line-height: 1;
15565
- padding: 0.75rem 0.75rem;
15561
+ padding-bottom: 0.25rem;
15562
+ padding-left: 0.75rem;
15563
+ padding-right: 0.75rem;
15564
+ padding-top: 0.25rem;
15566
15565
  }
15567
- .pagination-lg .pagination-items-per-page > a .c-inner,
15568
- .pagination-lg .pagination-items-per-page > .btn-unstyled .c-inner {
15569
- margin: -0.75rem -0.75rem;
15566
+ .pagination-sm .pagination-items-per-page > a > .c-inner,
15567
+ .pagination-sm .pagination-items-per-page > button > .c-inner {
15568
+ margin-bottom: -0.25rem;
15569
+ margin-left: -0.75rem;
15570
+ margin-right: -0.75rem;
15571
+ margin-top: -0.25rem;
15570
15572
  }
15571
- .pagination-lg .pagination-results {
15572
- font-size: 1.25rem;
15573
+ .pagination-sm .pagination-items-per-page + .pagination-results {
15574
+ font-size: 0.875rem;
15573
15575
  line-height: 1;
15574
- padding: 0.75rem 0.75rem;
15576
+ padding: 0.25rem 0.75rem;
15575
15577
  }
15578
+
15576
15579
  .pagination-lg .page-link {
15577
15580
  font-size: 1.25rem;
15578
15581
  height: 3.5rem;
@@ -15582,11 +15585,11 @@ label.custom-control-label {
15582
15585
  padding-right: 1.5rem;
15583
15586
  padding-top: 0.75rem;
15584
15587
  }
15585
- .pagination-lg .page-link .c-inner {
15586
- margin: -0.75rem -1.5rem;
15587
- }
15588
- .pagination-lg .page-link.btn-unstyled {
15589
- padding: 0.75rem 1.5rem;
15588
+ .pagination-lg .page-link > .c-inner {
15589
+ margin-bottom: -0.75rem;
15590
+ margin-left: -1.5rem;
15591
+ margin-right: -1.5rem;
15592
+ margin-top: -0.75rem;
15590
15593
  }
15591
15594
  .pagination-lg .page-item:first-child .page-link,
15592
15595
  .pagination-lg .page-link-first {
@@ -15598,6 +15601,21 @@ label.custom-control-label {
15598
15601
  border-bottom-right-radius: 0.3rem;
15599
15602
  border-top-right-radius: 0.3rem;
15600
15603
  }
15604
+ .pagination-lg .pagination-items-per-page {
15605
+ border-radius: 0.3rem;
15606
+ }
15607
+ .pagination-lg .pagination-items-per-page > a,
15608
+ .pagination-lg .pagination-items-per-page > button {
15609
+ font-size: 1.25rem;
15610
+ height: 3.5rem;
15611
+ line-height: 1;
15612
+ padding: 0.75rem 0.75rem;
15613
+ }
15614
+ .pagination-lg .pagination-items-per-page + .pagination-results {
15615
+ font-size: 1.25rem;
15616
+ line-height: 1;
15617
+ padding: 0.75rem 0.75rem;
15618
+ }
15601
15619
 
15602
15620
  .panel {
15603
15621
  background-color: #fff;
@@ -15891,13 +15909,12 @@ label.custom-control-label {
15891
15909
  border: 0.0625rem solid rgba(0, 0, 0, 0.2);
15892
15910
  border-radius: 0.3rem;
15893
15911
  display: block;
15894
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
15912
+ font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
15895
15913
  font-size: 0.875rem;
15896
15914
  font-style: normal;
15897
15915
  font-weight: 400;
15898
15916
  left: 0;
15899
15917
  letter-spacing: normal;
15900
- line-break: auto;
15901
15918
  line-height: 1.5;
15902
15919
  max-width: 276px;
15903
15920
  position: absolute;
@@ -15909,6 +15926,7 @@ label.custom-control-label {
15909
15926
  white-space: normal;
15910
15927
  word-break: normal;
15911
15928
  word-spacing: normal;
15929
+ overflow-wrap: break-word;
15912
15930
  word-wrap: break-word;
15913
15931
  z-index: 1060;
15914
15932
  }
@@ -15919,13 +15937,23 @@ label.custom-control-label {
15919
15937
  position: absolute;
15920
15938
  width: 1rem;
15921
15939
  }
15922
- .popover .arrow::before, .popover .arrow::after {
15940
+ .popover .arrow::before {
15923
15941
  border-color: transparent;
15924
15942
  border-style: solid;
15925
15943
  content: "";
15926
15944
  display: block;
15927
15945
  position: absolute;
15928
15946
  }
15947
+ .popover .arrow::after {
15948
+ border-color: transparent;
15949
+ border-style: solid;
15950
+ content: "";
15951
+ display: block;
15952
+ position: absolute;
15953
+ }
15954
+ .popover .inline-scroller {
15955
+ max-height: 14.75rem;
15956
+ }
15929
15957
 
15930
15958
  .bs-popover-bottom,
15931
15959
  .bs-popover-auto[x-placement^=bottom] {
@@ -16036,20 +16064,11 @@ label.custom-control-label {
16036
16064
  bottom: 0.0625rem;
16037
16065
  }
16038
16066
 
16039
- .popover .inline-scroller {
16040
- max-height: 14.75rem;
16041
- }
16042
-
16043
16067
  .popover-header {
16044
16068
  background-color: #f7f7f7;
16045
16069
  border-bottom: 0.0625rem solid #ebebeb;
16046
16070
  border-top-left-radius: 0.2375rem;
16047
16071
  border-top-right-radius: 0.2375rem;
16048
- }
16049
-
16050
- .popover-header {
16051
- border-top-left-radius: 0.2375rem;
16052
- border-top-right-radius: 0.2375rem;
16053
16072
  font-size: 1rem;
16054
16073
  font-weight: 500;
16055
16074
  margin-bottom: 0;
@@ -16075,16 +16094,11 @@ label.custom-control-label {
16075
16094
  .clay-popover-top .arrow,
16076
16095
  .clay-popover-top-left .arrow,
16077
16096
  .clay-popover-top-right .arrow {
16097
+ left: 50%;
16098
+ margin-left: -0.5rem;
16078
16099
  bottom: calc((0.5rem + 0.0625rem) * -1);
16079
16100
  margin: 0;
16080
16101
  }
16081
- .clay-popover-top .arrow::after,
16082
- .clay-popover-top-left .arrow::after,
16083
- .clay-popover-top-right .arrow::after {
16084
- border-top-color: #fff;
16085
- border-width: 0.5rem 0.5rem 0;
16086
- bottom: 0.0625rem;
16087
- }
16088
16102
  .clay-popover-top .arrow::before,
16089
16103
  .clay-popover-top-left .arrow::before,
16090
16104
  .clay-popover-top-right .arrow::before {
@@ -16092,11 +16106,22 @@ label.custom-control-label {
16092
16106
  border-width: 0.5rem 0.5rem 0;
16093
16107
  bottom: 0;
16094
16108
  }
16095
-
16096
- .clay-popover-top .arrow::after {
16109
+ .clay-popover-top .arrow::after,
16110
+ .clay-popover-top-left .arrow::after,
16111
+ .clay-popover-top-right .arrow::after {
16097
16112
  border-top-color: #fff;
16113
+ border-width: 0.5rem 0.5rem 0;
16114
+ bottom: 0.0625rem;
16115
+ }
16116
+ .clay-popover-top-left .arrow {
16117
+ left: 0.375rem;
16118
+ margin: 0;
16119
+ }
16120
+ .clay-popover-top-right .arrow {
16121
+ left: auto;
16122
+ right: 0.375rem;
16123
+ margin: 0;
16098
16124
  }
16099
-
16100
16125
  .clay-popover-right,
16101
16126
  .clay-popover-right-bottom,
16102
16127
  .clay-popover-right-top {
@@ -16107,16 +16132,10 @@ label.custom-control-label {
16107
16132
  .clay-popover-right-top .arrow {
16108
16133
  height: 1rem;
16109
16134
  left: calc((0.5rem + 0.0625rem) * -1);
16110
- margin: 0;
16135
+ margin: -0.25rem 0 0;
16136
+ top: 50%;
16111
16137
  width: 0.5rem;
16112
16138
  }
16113
- .clay-popover-right .arrow::after,
16114
- .clay-popover-right-bottom .arrow::after,
16115
- .clay-popover-right-top .arrow::after {
16116
- border-right-color: #fff;
16117
- border-width: 0.5rem 0.5rem 0.5rem 0;
16118
- left: 0.0625rem;
16119
- }
16120
16139
  .clay-popover-right .arrow::before,
16121
16140
  .clay-popover-right-bottom .arrow::before,
16122
16141
  .clay-popover-right-top .arrow::before {
@@ -16124,15 +16143,25 @@ label.custom-control-label {
16124
16143
  border-width: 0.5rem 0.5rem 0.5rem 0;
16125
16144
  left: 0;
16126
16145
  }
16127
-
16128
- .clay-popover-right .arrow::after {
16146
+ .clay-popover-right .arrow::after,
16147
+ .clay-popover-right-bottom .arrow::after,
16148
+ .clay-popover-right-top .arrow::after {
16129
16149
  border-right-color: #fff;
16150
+ border-width: 0.5rem 0.5rem 0.5rem 0;
16151
+ left: 0.0625rem;
16152
+ }
16153
+ .clay-popover-right-bottom .arrow {
16154
+ bottom: 0.375rem;
16155
+ margin: 0;
16156
+ top: auto;
16157
+ }
16158
+ .clay-popover-right-top .arrow {
16159
+ margin: 0;
16160
+ top: 0.375rem;
16130
16161
  }
16131
-
16132
16162
  .clay-popover-right-top .arrow::after {
16133
16163
  border-right-color: #f7f7f7;
16134
16164
  }
16135
-
16136
16165
  .clay-popover-bottom,
16137
16166
  .clay-popover-bottom-left,
16138
16167
  .clay-popover-bottom-right {
@@ -16141,36 +16170,38 @@ label.custom-control-label {
16141
16170
  .clay-popover-bottom .arrow,
16142
16171
  .clay-popover-bottom-left .arrow,
16143
16172
  .clay-popover-bottom-right .arrow {
16144
- margin: 0;
16173
+ left: 50%;
16174
+ margin: 0 0 0 -0.5rem;
16145
16175
  top: calc((0.5rem + 0.0625rem) * -1);
16146
16176
  }
16147
- .clay-popover-bottom .arrow:after,
16148
- .clay-popover-bottom-left .arrow:after,
16149
- .clay-popover-bottom-right .arrow:after {
16150
- border-bottom-color: #fff;
16151
- border-width: 0 0.5rem 0.5rem 0.5rem;
16152
- top: 0.0625rem;
16153
- }
16154
- .clay-popover-bottom .arrow:before,
16155
- .clay-popover-bottom-left .arrow:before,
16156
- .clay-popover-bottom-right .arrow:before {
16177
+ .clay-popover-bottom .arrow::before,
16178
+ .clay-popover-bottom-left .arrow::before,
16179
+ .clay-popover-bottom-right .arrow::before {
16157
16180
  border-bottom-color: rgba(0, 0, 0, 0.25);
16158
16181
  border-width: 0 0.5rem 0.5rem 0.5rem;
16159
16182
  top: 0;
16160
16183
  }
16161
-
16162
- .clay-popover-bottom .arrow::after {
16184
+ .clay-popover-bottom .arrow::after,
16185
+ .clay-popover-bottom-left .arrow::after,
16186
+ .clay-popover-bottom-right .arrow::after {
16163
16187
  border-bottom-color: #f7f7f7;
16188
+ border-width: 0 0.5rem 0.5rem 0.5rem;
16189
+ top: 0.0625rem;
16190
+ }
16191
+ .clay-popover-bottom-left .arrow {
16192
+ left: 0.375rem;
16193
+ margin: 0;
16164
16194
  }
16165
-
16166
16195
  .clay-popover-bottom-left .arrow::after {
16167
16196
  border-bottom-color: #f7f7f7;
16168
16197
  }
16169
-
16198
+ .clay-popover-bottom-right .arrow {
16199
+ left: auto;
16200
+ right: 0.375rem;
16201
+ }
16170
16202
  .clay-popover-bottom-right .arrow::after {
16171
16203
  border-bottom-color: #f7f7f7;
16172
16204
  }
16173
-
16174
16205
  .clay-popover-left,
16175
16206
  .clay-popover-left-bottom,
16176
16207
  .clay-popover-left-top {
@@ -16180,17 +16211,11 @@ label.custom-control-label {
16180
16211
  .clay-popover-left-bottom .arrow,
16181
16212
  .clay-popover-left-top .arrow {
16182
16213
  height: 1rem;
16183
- margin: 0;
16214
+ margin: -0.25rem 0 0;
16184
16215
  right: calc((0.5rem + 0.0625rem) * -1);
16216
+ top: 50%;
16185
16217
  width: 0.5rem;
16186
16218
  }
16187
- .clay-popover-left .arrow::after,
16188
- .clay-popover-left-bottom .arrow::after,
16189
- .clay-popover-left-top .arrow::after {
16190
- border-left-color: #fff;
16191
- border-width: 0.5rem 0 0.5rem 0.5rem;
16192
- right: 0.0625rem;
16193
- }
16194
16219
  .clay-popover-left .arrow::before,
16195
16220
  .clay-popover-left-bottom .arrow::before,
16196
16221
  .clay-popover-left-top .arrow::before {
@@ -16198,47 +16223,25 @@ label.custom-control-label {
16198
16223
  border-width: 0.5rem 0 0.5rem 0.5rem;
16199
16224
  right: 0;
16200
16225
  }
16201
-
16202
- .clay-popover-left .arrow::after {
16203
- border-left-color: #fff;
16204
- }
16205
-
16226
+ .clay-popover-left .arrow::after,
16227
+ .clay-popover-left-bottom .arrow::after,
16206
16228
  .clay-popover-left-top .arrow::after {
16207
- border-left-color: #f7f7f7;
16208
- }
16209
-
16210
- .clay-popover-bottom .arrow,
16211
- .clay-popover-top .arrow {
16212
- left: 50%;
16213
- margin-left: -0.5rem;
16214
- }
16215
-
16216
- .clay-popover-bottom-left .arrow,
16217
- .clay-popover-top-left .arrow {
16218
- left: 0.375rem;
16219
- }
16220
-
16221
- .clay-popover-bottom-right .arrow,
16222
- .clay-popover-top-right .arrow {
16223
- right: 0.375rem;
16224
- }
16225
-
16226
- .clay-popover-left .arrow,
16227
- .clay-popover-right .arrow {
16228
- margin-top: -0.25rem;
16229
- top: 50%;
16229
+ border-left-color: #fff;
16230
+ border-width: 0.5rem 0 0.5rem 0.5rem;
16231
+ right: 0.0625rem;
16230
16232
  }
16231
-
16232
- .clay-popover-left-bottom .arrow,
16233
- .clay-popover-right-bottom .arrow {
16233
+ .clay-popover-left-bottom .arrow {
16234
16234
  bottom: 0.375rem;
16235
+ margin: 0;
16236
+ top: auto;
16235
16237
  }
16236
-
16237
- .clay-popover-left-top .arrow,
16238
- .clay-popover-right-top .arrow {
16238
+ .clay-popover-left-top .arrow {
16239
+ margin: 0;
16239
16240
  top: 0.375rem;
16240
16241
  }
16241
-
16242
+ .clay-popover-left-top .arrow::after {
16243
+ border-left-color: #f7f7f7;
16244
+ }
16242
16245
  .progress {
16243
16246
  background-color: #e9ecef;
16244
16247
  border-radius: 0.25rem;
@@ -16827,122 +16830,50 @@ a.sheet-subtitle:hover {
16827
16830
  .sidebar-light .component-navigation-bar {
16828
16831
  background-color: #f8f9fa;
16829
16832
  border-color: #dee2e6;
16830
- border-style: solid;
16831
16833
  }
16832
- .sidebar-light .component-navigation-bar .nav-link,
16834
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link,
16833
16835
  .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled {
16834
16836
  color: rgba(0, 0, 0, 0.5);
16835
16837
  }
16836
- .sidebar-light .component-navigation-bar .nav-link:hover,
16838
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link:hover,
16837
16839
  .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled:hover {
16838
16840
  color: rgba(0, 0, 0, 0.7);
16839
16841
  }
16840
- .sidebar-light .component-navigation-bar .nav-link.active, .sidebar-light .component-navigation-bar .nav-link[aria-expanded=true],
16841
- .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled.active,
16842
- .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled[aria-expanded=true] {
16842
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link:active,
16843
+ .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled:active {
16844
+ color: rgba(0, 0, 0, 0.9);
16845
+ }
16846
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link.active,
16847
+ .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled.active {
16843
16848
  color: rgba(0, 0, 0, 0.9);
16844
16849
  }
16845
- .sidebar-light .component-navigation-bar .nav-link.disabled, .sidebar-light .component-navigation-bar .nav-link:disabled,
16846
- .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled.disabled,
16847
- .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled:disabled {
16850
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link:disabled, .sidebar-light .component-navigation-bar .navbar-nav .nav-link.disabled,
16851
+ .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled:disabled,
16852
+ .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled.disabled {
16848
16853
  color: rgba(0, 0, 0, 0.3);
16849
16854
  }
16850
- .sidebar-light .component-navigation-bar .navbar-toggler {
16851
- color: rgba(0, 0, 0, 0.5);
16855
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link[aria-expanded=true], .sidebar-light .component-navigation-bar .navbar-nav .nav-link.show,
16856
+ .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled[aria-expanded=true],
16857
+ .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled.show {
16858
+ color: rgba(0, 0, 0, 0.9);
16852
16859
  }
16853
- .sidebar-light .component-navigation-bar .navbar-toggler-link[aria-expanded=true] {
16860
+ .sidebar-light .component-navigation-bar .navbar-brand:active {
16854
16861
  color: rgba(0, 0, 0, 0.9);
16855
16862
  }
16856
- .sidebar-light .component-navigation-bar .navbar-overlay {
16857
- background-color: #f8f9fa;
16863
+ .sidebar-light .component-navigation-bar .navbar-brand.active {
16864
+ color: rgba(0, 0, 0, 0.9);
16858
16865
  }
16859
- @media (max-width: 575.98px) {
16860
- .sidebar-light .component-navigation-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
16861
- background-color: #f8f9fa;
16862
- border-color: #dee2e6;
16863
- }
16864
- .sidebar-light .component-navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,
16865
- .sidebar-light .component-navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
16866
- color: rgba(0, 0, 0, 0.5);
16867
- }
16868
- .sidebar-light .component-navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
16869
- border-color: rgba(0, 0, 0, 0.5);
16870
- }
16871
- .sidebar-light .component-navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover {
16872
- color: rgba(0, 0, 0, 0.7);
16873
- }
16874
- .sidebar-light .component-navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
16875
- color: rgba(0, 0, 0, 0.9);
16876
- }
16877
- .sidebar-light .component-navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled {
16878
- color: rgba(0, 0, 0, 0.3);
16879
- }
16866
+ .sidebar-light .component-navigation-bar .navbar-brand:disabled, .sidebar-light .component-navigation-bar .navbar-brand.disabled {
16867
+ color: rgba(0, 0, 0, 0.3);
16880
16868
  }
16881
- @media (max-width: 767.98px) {
16882
- .sidebar-light .component-navigation-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
16883
- background-color: #f8f9fa;
16884
- border-color: #dee2e6;
16885
- }
16886
- .sidebar-light .component-navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,
16887
- .sidebar-light .component-navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
16888
- color: rgba(0, 0, 0, 0.5);
16889
- }
16890
- .sidebar-light .component-navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
16891
- border-color: rgba(0, 0, 0, 0.5);
16892
- }
16893
- .sidebar-light .component-navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
16894
- color: rgba(0, 0, 0, 0.7);
16895
- }
16896
- .sidebar-light .component-navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
16897
- color: rgba(0, 0, 0, 0.9);
16898
- }
16899
- .sidebar-light .component-navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
16900
- color: rgba(0, 0, 0, 0.3);
16901
- }
16869
+ .sidebar-light .component-navigation-bar .navbar-brand[aria-expanded=true], .sidebar-light .component-navigation-bar .navbar-brand.show {
16870
+ color: rgba(0, 0, 0, 0.9);
16902
16871
  }
16903
- @media (max-width: 991.98px) {
16904
- .sidebar-light .component-navigation-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
16905
- background-color: #f8f9fa;
16906
- border-color: #dee2e6;
16907
- }
16908
- .sidebar-light .component-navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,
16909
- .sidebar-light .component-navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
16910
- color: rgba(0, 0, 0, 0.5);
16911
- }
16912
- .sidebar-light .component-navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
16913
- border-color: rgba(0, 0, 0, 0.5);
16914
- }
16915
- .sidebar-light .component-navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover {
16916
- color: rgba(0, 0, 0, 0.7);
16917
- }
16918
- .sidebar-light .component-navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
16919
- color: rgba(0, 0, 0, 0.9);
16920
- }
16921
- .sidebar-light .component-navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled {
16922
- color: rgba(0, 0, 0, 0.3);
16923
- }
16872
+ .sidebar-light .component-navigation-bar .navbar-toggler {
16873
+ color: rgba(0, 0, 0, 0.5);
16924
16874
  }
16925
- @media (max-width: 1199.98px) {
16926
- .sidebar-light .component-navigation-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
16927
- background-color: #f8f9fa;
16928
- border-color: #dee2e6;
16929
- }
16930
- .sidebar-light .component-navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,
16931
- .sidebar-light .component-navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item {
16932
- color: rgba(0, 0, 0, 0.5);
16933
- }
16934
- .sidebar-light .component-navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
16935
- border-color: rgba(0, 0, 0, 0.5);
16936
- }
16937
- .sidebar-light .component-navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover {
16938
- color: rgba(0, 0, 0, 0.7);
16939
- }
16940
- .sidebar-light .component-navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
16941
- color: rgba(0, 0, 0, 0.9);
16942
- }
16943
- .sidebar-light .component-navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
16944
- color: rgba(0, 0, 0, 0.3);
16945
- }
16875
+ .sidebar-light .component-navigation-bar .navbar-overlay {
16876
+ background-color: #f8f9fa;
16946
16877
  }
16947
16878
  .sidebar-dark {
16948
16879
  background-color: #343a40;
@@ -17001,7 +16932,7 @@ a.sheet-subtitle:hover {
17001
16932
  .sidebar-dark .nav-nested .nav-link:disabled:active, .sidebar-dark .nav-nested .nav-link.disabled:active {
17002
16933
  pointer-events: none;
17003
16934
  }
17004
- .sidebar-dark .nav-nested .nav-link[aria-expanded=true], .sidebar-dark .nav-nested .nav-link.show, .show > .sidebar-dark .nav-nested .nav-link {
16935
+ .sidebar-dark .nav-nested .nav-link[aria-expanded=true], .sidebar-dark .nav-nested .nav-link.show {
17005
16936
  color: #fff;
17006
16937
  }
17007
16938
  .c-slideout-transition-in {
@@ -18550,13 +18481,17 @@ caption {
18550
18481
  background-color: #e9ecef;
18551
18482
  color: #343a40;
18552
18483
  }
18553
- .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 {
18484
+ .tbar-light .tbar-btn-monospaced.active {
18554
18485
  background-color: #e9ecef;
18555
18486
  color: #343a40;
18556
18487
  }
18557
18488
  .tbar-light .tbar-btn-monospaced:disabled, .tbar-light .tbar-btn-monospaced.disabled {
18558
18489
  color: inherit;
18559
18490
  }
18491
+ .tbar-light .tbar-btn-monospaced[aria-expanded=true], .tbar-light .tbar-btn-monospaced.show {
18492
+ background-color: #e9ecef;
18493
+ color: #343a40;
18494
+ }
18560
18495
  .tbar-light .tbar-label {
18561
18496
  border-width: 0.0625rem;
18562
18497
  }
@@ -18582,13 +18517,17 @@ caption {
18582
18517
  background-color: rgba(255, 255, 255, 0.06);
18583
18518
  color: #fff;
18584
18519
  }
18585
- .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 {
18520
+ .tbar-dark-l2 .tbar-btn-monospaced.active {
18586
18521
  background-color: rgba(255, 255, 255, 0.06);
18587
18522
  color: #fff;
18588
18523
  }
18589
18524
  .tbar-dark-l2 .tbar-btn-monospaced:disabled, .tbar-dark-l2 .tbar-btn-monospaced.disabled {
18590
18525
  color: inherit;
18591
18526
  }
18527
+ .tbar-dark-l2 .tbar-btn-monospaced[aria-expanded=true], .tbar-dark-l2 .tbar-btn-monospaced.show {
18528
+ background-color: rgba(255, 255, 255, 0.06);
18529
+ color: #fff;
18530
+ }
18592
18531
  .tbar-dark-l2 .tbar-label {
18593
18532
  border-width: 0.0625rem;
18594
18533
  }
@@ -18613,11 +18552,11 @@ caption {
18613
18552
  background-color: rgba(255, 255, 255, 0.06);
18614
18553
  color: #fff;
18615
18554
  }
18616
- .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 {
18555
+ .tbar-dark-d1 .tbar-btn-monospaced.active {
18617
18556
  background-color: rgba(255, 255, 255, 0.06);
18618
18557
  color: #fff;
18619
18558
  }
18620
- .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 {
18559
+ .tbar-dark-d1 .tbar-btn-monospaced.active::after {
18621
18560
  background-color: #75b8ff;
18622
18561
  bottom: 0;
18623
18562
  content: "";
@@ -18630,6 +18569,10 @@ caption {
18630
18569
  .tbar-dark-d1 .tbar-btn-monospaced:disabled, .tbar-dark-d1 .tbar-btn-monospaced.disabled {
18631
18570
  color: inherit;
18632
18571
  }
18572
+ .tbar-dark-d1 .tbar-btn-monospaced[aria-expanded=true], .tbar-dark-d1 .tbar-btn-monospaced.show {
18573
+ background-color: rgba(255, 255, 255, 0.06);
18574
+ color: #fff;
18575
+ }
18633
18576
  .tbar-dark-d1 .tbar-label {
18634
18577
  border-width: 0.0625rem;
18635
18578
  }
@@ -19082,6 +19025,9 @@ caption {
19082
19025
  .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-on {
19083
19026
  opacity: 1;
19084
19027
  }
19028
+ .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-off {
19029
+ opacity: 0;
19030
+ }
19085
19031
  @media (max-width: 767.98px) {
19086
19032
  .toggle-switch-check {
19087
19033
  height: 25px;
@@ -19167,56 +19113,55 @@ caption {
19167
19113
  }
19168
19114
  }
19169
19115
 
19170
- .simple-toggle-switch {
19116
+ .simple-toggle-switch.toggle-switch {
19171
19117
  align-items: center;
19172
19118
  display: inline-flex;
19173
19119
  }
19174
- .simple-toggle-switch .toggle-switch-label {
19120
+ .simple-toggle-switch.toggle-switch .toggle-switch-label {
19175
19121
  line-height: 1;
19176
19122
  margin-bottom: 0;
19177
19123
  max-width: calc( 100% - 58px );
19178
19124
  }
19179
19125
  @media (max-width: 767.98px) {
19180
- .simple-toggle-switch .toggle-switch-label {
19126
+ .simple-toggle-switch.toggle-switch .toggle-switch-label {
19181
19127
  max-width: calc( 100% - 58px );
19182
19128
  }
19183
19129
  }
19184
- .simple-toggle-switch .toggle-switch-check + .toggle-switch-label {
19130
+ .simple-toggle-switch.toggle-switch .toggle-switch-check + .toggle-switch-label {
19185
19131
  margin-right: 0.5rem;
19186
19132
  }
19187
- .simple-toggle-switch .toggle-switch-label + .toggle-switch-check-bar {
19133
+ .simple-toggle-switch.toggle-switch .toggle-switch-label + .toggle-switch-check-bar {
19188
19134
  margin-left: 0.5rem;
19189
19135
  }
19190
19136
 
19191
- .simple-toggle-switch-reverse .toggle-switch-check-bar {
19137
+ .simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-check-bar {
19192
19138
  order: 5;
19193
19139
  }
19194
- .simple-toggle-switch-reverse .toggle-switch-check ~ .toggle-switch-bar {
19140
+ .simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-check ~ .toggle-switch-bar {
19195
19141
  order: 5;
19196
19142
  }
19197
- .simple-toggle-switch-reverse .toggle-switch-label {
19143
+ .simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-label {
19198
19144
  margin-right: 0.5rem;
19199
19145
  }
19200
19146
  .tooltip {
19201
19147
  display: block;
19202
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
19148
+ font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
19203
19149
  font-size: 0.875rem;
19204
19150
  font-style: normal;
19205
19151
  font-weight: 400;
19206
19152
  letter-spacing: normal;
19207
- line-break: auto;
19208
19153
  line-height: 1.5;
19209
19154
  margin: 0;
19210
19155
  opacity: 0;
19211
19156
  position: absolute;
19212
19157
  text-align: left;
19213
- text-align: start;
19214
19158
  text-decoration: none;
19215
19159
  text-shadow: none;
19216
19160
  text-transform: none;
19217
19161
  white-space: normal;
19218
19162
  word-break: normal;
19219
19163
  word-spacing: normal;
19164
+ overflow-wrap: break-word;
19220
19165
  word-wrap: break-word;
19221
19166
  z-index: 1070;
19222
19167
  }
@@ -19235,7 +19180,6 @@ caption {
19235
19180
  content: "";
19236
19181
  position: absolute;
19237
19182
  }
19238
-
19239
19183
  .tooltip-inner {
19240
19184
  background-color: #000;
19241
19185
  border-radius: 0.25rem;
@@ -19316,38 +19260,6 @@ caption {
19316
19260
  left: 0;
19317
19261
  }
19318
19262
 
19319
- .clay-tooltip-bottom .arrow,
19320
- .clay-tooltip-top .arrow {
19321
- left: 50%;
19322
- margin-left: -0.4rem;
19323
- }
19324
-
19325
- .clay-tooltip-bottom-left .arrow,
19326
- .clay-tooltip-top-left .arrow {
19327
- left: 0.25rem;
19328
- }
19329
-
19330
- .clay-tooltip-bottom-right .arrow,
19331
- .clay-tooltip-top-right .arrow {
19332
- right: 0.25rem;
19333
- }
19334
-
19335
- .clay-tooltip-left .arrow,
19336
- .clay-tooltip-right .arrow {
19337
- margin-top: -0.4rem;
19338
- top: 50%;
19339
- }
19340
-
19341
- .clay-tooltip-left-bottom .arrow,
19342
- .clay-tooltip-right-bottom .arrow {
19343
- bottom: 0.25rem;
19344
- }
19345
-
19346
- .clay-tooltip-left-top .arrow,
19347
- .clay-tooltip-right-top .arrow {
19348
- top: 0.25rem;
19349
- }
19350
-
19351
19263
  .clay-tooltip-bottom,
19352
19264
  .clay-tooltip-bottom-left,
19353
19265
  .clay-tooltip-bottom-right {
@@ -19356,6 +19268,8 @@ caption {
19356
19268
  .clay-tooltip-bottom .arrow,
19357
19269
  .clay-tooltip-bottom-left .arrow,
19358
19270
  .clay-tooltip-bottom-right .arrow {
19271
+ left: 50%;
19272
+ margin-left: -0.4rem;
19359
19273
  top: 0;
19360
19274
  }
19361
19275
  .clay-tooltip-bottom .arrow::before,
@@ -19373,7 +19287,15 @@ caption {
19373
19287
  left: 50%;
19374
19288
  top: 0;
19375
19289
  }
19376
-
19290
+ .clay-tooltip-bottom-left .arrow {
19291
+ left: 0.25rem;
19292
+ margin-left: 0;
19293
+ }
19294
+ .clay-tooltip-bottom-right .arrow {
19295
+ left: auto;
19296
+ margin-left: 0;
19297
+ right: 0.25rem;
19298
+ }
19377
19299
  .clay-tooltip-left,
19378
19300
  .clay-tooltip-left-bottom,
19379
19301
  .clay-tooltip-left-top {
@@ -19383,7 +19305,9 @@ caption {
19383
19305
  .clay-tooltip-left-bottom .arrow,
19384
19306
  .clay-tooltip-left-top .arrow {
19385
19307
  height: 0.8rem;
19308
+ margin-top: -0.4rem;
19386
19309
  right: 0;
19310
+ top: 50%;
19387
19311
  width: 0.4rem;
19388
19312
  }
19389
19313
  .clay-tooltip-left .arrow::before,
@@ -19401,7 +19325,15 @@ caption {
19401
19325
  right: 0;
19402
19326
  top: 50%;
19403
19327
  }
19404
-
19328
+ .clay-tooltip-left-bottom .arrow {
19329
+ bottom: 0.25rem;
19330
+ margin-top: 0;
19331
+ top: auto;
19332
+ }
19333
+ .clay-tooltip-left-top .arrow {
19334
+ margin-top: 0;
19335
+ top: 0.25rem;
19336
+ }
19405
19337
  .clay-tooltip-right,
19406
19338
  .clay-tooltip-right-bottom,
19407
19339
  .clay-tooltip-right-top {
@@ -19412,7 +19344,9 @@ caption {
19412
19344
  .clay-tooltip-right-top .arrow {
19413
19345
  height: 0.8rem;
19414
19346
  left: 0;
19347
+ margin-top: -0.4rem;
19415
19348
  width: 0.4rem;
19349
+ top: 50%;
19416
19350
  }
19417
19351
  .clay-tooltip-right .arrow::before,
19418
19352
  .clay-tooltip-right-bottom .arrow::before,
@@ -19429,7 +19363,15 @@ caption {
19429
19363
  left: 0;
19430
19364
  top: 50%;
19431
19365
  }
19432
-
19366
+ .clay-tooltip-right-bottom .arrow {
19367
+ bottom: 0.25rem;
19368
+ margin-top: 0;
19369
+ top: auto;
19370
+ }
19371
+ .clay-tooltip-right-top .arrow {
19372
+ margin-top: 0;
19373
+ top: 0.25rem;
19374
+ }
19433
19375
  .clay-tooltip-top,
19434
19376
  .clay-tooltip-top-left,
19435
19377
  .clay-tooltip-top-right {
@@ -19439,6 +19381,8 @@ caption {
19439
19381
  .clay-tooltip-top-left .arrow,
19440
19382
  .clay-tooltip-top-right .arrow {
19441
19383
  bottom: 0;
19384
+ left: 50%;
19385
+ margin-left: -0.4rem;
19442
19386
  }
19443
19387
  .clay-tooltip-top .arrow::before,
19444
19388
  .clay-tooltip-top-left .arrow::before,
@@ -19455,7 +19399,15 @@ caption {
19455
19399
  bottom: 0;
19456
19400
  left: 50%;
19457
19401
  }
19458
-
19402
+ .clay-tooltip-top-left .arrow {
19403
+ left: 0.25rem;
19404
+ margin-left: 0;
19405
+ }
19406
+ .clay-tooltip-top-right .arrow {
19407
+ left: auto;
19408
+ margin-left: 0;
19409
+ right: 0.25rem;
19410
+ }
19459
19411
  .bg-checkered {
19460
19412
  background-image: linear-gradient(45deg, #e9ecef 25%, transparent 25%), linear-gradient(-45deg, #e9ecef 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e9ecef 75%), linear-gradient(-45deg, transparent 75%, #e9ecef 75%);
19461
19413
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;