@clayui/css 3.40.1 → 3.44.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (91) hide show
  1. package/lib/css/atlas.css +1369 -1347
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +1196 -1146
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/bootstrap.css.map +1 -1
  6. package/lib/css/cadmin.css +1104 -1097
  7. package/lib/css/cadmin.css.map +1 -1
  8. package/lib/images/icons/date-time.svg +12 -0
  9. package/lib/images/icons/filter.svg +1 -1
  10. package/lib/images/icons/icons.svg +1 -1
  11. package/package.json +2 -2
  12. package/src/images/icons/date-time.svg +12 -0
  13. package/src/images/icons/filter.svg +1 -1
  14. package/src/scss/_mixins.scss +2 -0
  15. package/src/scss/atlas/variables/_application-bar.scss +32 -12
  16. package/src/scss/atlas/variables/_buttons.scss +2 -31
  17. package/src/scss/atlas/variables/_forms.scss +33 -1
  18. package/src/scss/atlas/variables/_globals.scss +13 -0
  19. package/src/scss/atlas/variables/_management-bar.scss +53 -21
  20. package/src/scss/atlas/variables/_navigation-bar.scss +104 -18
  21. package/src/scss/atlas/variables/_navs.scss +20 -15
  22. package/src/scss/atlas/variables/_pagination.scss +2 -0
  23. package/src/scss/atlas/variables/_sidebar.scss +1 -1
  24. package/src/scss/cadmin/components/_dropdowns.scss +4 -0
  25. package/src/scss/cadmin/components/_form-validation.scss +10 -237
  26. package/src/scss/cadmin/components/_input-groups.scss +12 -312
  27. package/src/scss/cadmin/components/_navs.scss +35 -113
  28. package/src/scss/cadmin/components/_pagination.scss +20 -236
  29. package/src/scss/cadmin/components/_popovers.scss +31 -252
  30. package/src/scss/cadmin/components/_reboot.scss +1 -8
  31. package/src/scss/cadmin/components/_toggle-switch.scss +20 -358
  32. package/src/scss/cadmin/components/_tooltip.scss +29 -167
  33. package/src/scss/cadmin/components/_utilities-functional-important.scss +4 -3
  34. package/src/scss/cadmin/variables/_alerts.scss +3 -2
  35. package/src/scss/cadmin/variables/_dropdowns.scss +31 -2
  36. package/src/scss/cadmin/variables/_forms.scss +719 -7
  37. package/src/scss/cadmin/variables/_globals.scss +14 -0
  38. package/src/scss/cadmin/variables/_management-bar.scss +70 -30
  39. package/src/scss/cadmin/variables/_navigation-bar.scss +118 -22
  40. package/src/scss/cadmin/variables/_navs.scss +270 -53
  41. package/src/scss/cadmin/variables/_pagination.scss +274 -68
  42. package/src/scss/cadmin/variables/_popovers.scss +410 -0
  43. package/src/scss/cadmin/variables/_sidebar.scss +17 -5
  44. package/src/scss/cadmin/variables/_toggle-switch.scss +404 -1
  45. package/src/scss/cadmin/variables/_tooltip.scss +299 -0
  46. package/src/scss/components/_button-groups.scss +6 -6
  47. package/src/scss/components/_buttons.scss +87 -49
  48. package/src/scss/components/_cards.scss +16 -116
  49. package/src/scss/components/_dropdowns.scss +4 -0
  50. package/src/scss/components/_form-validation.scss +8 -237
  51. package/src/scss/components/_input-groups.scss +12 -308
  52. package/src/scss/components/_multi-step-nav.scss +12 -8
  53. package/src/scss/components/_navs.scss +45 -128
  54. package/src/scss/components/_pagination.scss +18 -234
  55. package/src/scss/components/_popovers.scss +30 -237
  56. package/src/scss/components/_reboot.scss +1 -8
  57. package/src/scss/components/_toggle-switch.scss +36 -351
  58. package/src/scss/components/_tooltip.scss +29 -164
  59. package/src/scss/functions/_global-functions.scss +18 -0
  60. package/src/scss/functions/_lx-icons-generated.scss +3 -1
  61. package/src/scss/mixins/_buttons.scss +674 -472
  62. package/src/scss/mixins/_cards.scss +746 -560
  63. package/src/scss/mixins/_close.scss +0 -1
  64. package/src/scss/mixins/_custom-forms.scss +442 -409
  65. package/src/scss/mixins/_dropdown-menu.scss +483 -406
  66. package/src/scss/mixins/_forms.scss +751 -260
  67. package/src/scss/mixins/_globals.scss +7 -0
  68. package/src/scss/mixins/_input-groups.scss +405 -11
  69. package/src/scss/mixins/_labels.scss +320 -296
  70. package/src/scss/mixins/_links.scss +645 -414
  71. package/src/scss/mixins/_nav.scss +202 -131
  72. package/src/scss/mixins/_navbar.scss +791 -140
  73. package/src/scss/mixins/_pagination.scss +422 -0
  74. package/src/scss/mixins/_popovers.scss +90 -0
  75. package/src/scss/mixins/_toggle-switch.scss +1140 -14
  76. package/src/scss/mixins/_tooltip.scss +70 -0
  77. package/src/scss/variables/_alerts.scss +1 -0
  78. package/src/scss/variables/_application-bar.scss +18 -6
  79. package/src/scss/variables/_buttons.scss +26 -3
  80. package/src/scss/variables/_cards.scss +273 -1
  81. package/src/scss/variables/_dropdowns.scss +31 -2
  82. package/src/scss/variables/_forms.scss +700 -23
  83. package/src/scss/variables/_globals.scss +13 -0
  84. package/src/scss/variables/_management-bar.scss +45 -12
  85. package/src/scss/variables/_navigation-bar.scss +95 -14
  86. package/src/scss/variables/_navs.scss +266 -33
  87. package/src/scss/variables/_pagination.scss +261 -61
  88. package/src/scss/variables/_popovers.scss +392 -0
  89. package/src/scss/variables/_sidebar.scss +17 -5
  90. package/src/scss/variables/_toggle-switch.scss +404 -5
  91. package/src/scss/variables/_tooltip.scss +299 -0
package/lib/css/base.css CHANGED
@@ -154,14 +154,12 @@ sup {
154
154
 
155
155
  a {
156
156
  color: #007bff;
157
- cursor: pointer;
158
157
  text-decoration: none;
159
158
  }
160
159
  a:hover {
161
160
  color: #0056b3;
162
161
  text-decoration: underline;
163
162
  }
164
-
165
163
  pre,
166
164
  code,
167
165
  kbd,
@@ -1333,10 +1331,6 @@ input[type=button].btn-block {
1333
1331
  padding: 0;
1334
1332
  width: 100%;
1335
1333
  }
1336
- .btn-monospaced.btn .lexicon-icon {
1337
- margin-top: 0;
1338
- }
1339
-
1340
1334
  .btn-group-vertical > .btn-monospaced.btn-lg, .btn-group-lg .btn-monospaced, .btn-monospaced.btn-lg {
1341
1335
  height: 3rem;
1342
1336
  width: 3rem;
@@ -1369,7 +1363,7 @@ input[type=button].btn-block {
1369
1363
  .btn-primary:active:focus {
1370
1364
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
1371
1365
  }
1372
- [aria-expanded=true].btn-primary, .active.btn-primary, .show.btn-primary, .show > .dropdown-toggle.btn-primary {
1366
+ .active.btn-primary {
1373
1367
  background-color: #0062cc;
1374
1368
  border-color: #005cbf;
1375
1369
  color: #fff;
@@ -1379,6 +1373,17 @@ input[type=button].btn-block {
1379
1373
  border-color: #007bff;
1380
1374
  color: #fff;
1381
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
+ }
1382
1387
  .btn-secondary {
1383
1388
  background-color: #6c757d;
1384
1389
  border-color: #6c757d;
@@ -1403,7 +1408,7 @@ input[type=button].btn-block {
1403
1408
  .btn-secondary:active:focus {
1404
1409
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
1405
1410
  }
1406
- [aria-expanded=true].btn-secondary, .active.btn-secondary, .show.btn-secondary, .show > .dropdown-toggle.btn-secondary {
1411
+ .active.btn-secondary {
1407
1412
  background-color: #545b62;
1408
1413
  border-color: #4e555b;
1409
1414
  color: #fff;
@@ -1413,6 +1418,17 @@ input[type=button].btn-block {
1413
1418
  border-color: #6c757d;
1414
1419
  color: #fff;
1415
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
+ }
1416
1432
  .btn-success {
1417
1433
  background-color: #28a745;
1418
1434
  border-color: #28a745;
@@ -1437,7 +1453,7 @@ input[type=button].btn-block {
1437
1453
  .btn-success:active:focus {
1438
1454
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
1439
1455
  }
1440
- [aria-expanded=true].btn-success, .active.btn-success, .show.btn-success, .show > .dropdown-toggle.btn-success {
1456
+ .active.btn-success {
1441
1457
  background-color: #1e7e34;
1442
1458
  border-color: #1c7430;
1443
1459
  color: #fff;
@@ -1447,6 +1463,17 @@ input[type=button].btn-block {
1447
1463
  border-color: #28a745;
1448
1464
  color: #fff;
1449
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
+ }
1450
1477
  .btn-info {
1451
1478
  background-color: #17a2b8;
1452
1479
  border-color: #17a2b8;
@@ -1471,7 +1498,7 @@ input[type=button].btn-block {
1471
1498
  .btn-info:active:focus {
1472
1499
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
1473
1500
  }
1474
- [aria-expanded=true].btn-info, .active.btn-info, .show.btn-info, .show > .dropdown-toggle.btn-info {
1501
+ .active.btn-info {
1475
1502
  background-color: #117a8b;
1476
1503
  border-color: #10707f;
1477
1504
  color: #fff;
@@ -1481,6 +1508,11 @@ input[type=button].btn-block {
1481
1508
  border-color: #17a2b8;
1482
1509
  color: #fff;
1483
1510
  }
1511
+ [aria-expanded=true].btn-info, .show.btn-info {
1512
+ background-color: #117a8b;
1513
+ border-color: #10707f;
1514
+ color: #fff;
1515
+ }
1484
1516
  .btn-warning {
1485
1517
  background-color: #ffc107;
1486
1518
  border-color: #ffc107;
@@ -1505,7 +1537,7 @@ input[type=button].btn-block {
1505
1537
  .btn-warning:active:focus {
1506
1538
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
1507
1539
  }
1508
- [aria-expanded=true].btn-warning, .active.btn-warning, .show.btn-warning, .show > .dropdown-toggle.btn-warning {
1540
+ .active.btn-warning {
1509
1541
  background-color: #d39e00;
1510
1542
  border-color: #c69500;
1511
1543
  color: #212529;
@@ -1515,6 +1547,17 @@ input[type=button].btn-block {
1515
1547
  border-color: #ffc107;
1516
1548
  color: #212529;
1517
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
+ }
1518
1561
  .btn-danger {
1519
1562
  background-color: #dc3545;
1520
1563
  border-color: #dc3545;
@@ -1539,7 +1582,7 @@ input[type=button].btn-block {
1539
1582
  .btn-danger:active:focus {
1540
1583
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
1541
1584
  }
1542
- [aria-expanded=true].btn-danger, .active.btn-danger, .show.btn-danger, .show > .dropdown-toggle.btn-danger {
1585
+ .active.btn-danger {
1543
1586
  background-color: #bd2130;
1544
1587
  border-color: #b21f2d;
1545
1588
  color: #fff;
@@ -1549,6 +1592,17 @@ input[type=button].btn-block {
1549
1592
  border-color: #dc3545;
1550
1593
  color: #fff;
1551
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
+ }
1552
1606
  .btn-light {
1553
1607
  background-color: #f8f9fa;
1554
1608
  border-color: #f8f9fa;
@@ -1573,7 +1627,7 @@ input[type=button].btn-block {
1573
1627
  .btn-light:active:focus {
1574
1628
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
1575
1629
  }
1576
- [aria-expanded=true].btn-light, .active.btn-light, .show.btn-light, .show > .dropdown-toggle.btn-light {
1630
+ .active.btn-light {
1577
1631
  background-color: #dae0e5;
1578
1632
  border-color: #d3d9df;
1579
1633
  color: #212529;
@@ -1583,6 +1637,17 @@ input[type=button].btn-block {
1583
1637
  border-color: #f8f9fa;
1584
1638
  color: #212529;
1585
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
+ }
1586
1651
  .btn-dark {
1587
1652
  background-color: #343a40;
1588
1653
  border-color: #343a40;
@@ -1607,7 +1672,7 @@ input[type=button].btn-block {
1607
1672
  .btn-dark:active:focus {
1608
1673
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
1609
1674
  }
1610
- [aria-expanded=true].btn-dark, .active.btn-dark, .show.btn-dark, .show > .dropdown-toggle.btn-dark {
1675
+ .active.btn-dark {
1611
1676
  background-color: #1d2124;
1612
1677
  border-color: #171a1d;
1613
1678
  color: #fff;
@@ -1617,6 +1682,17 @@ input[type=button].btn-block {
1617
1682
  border-color: #343a40;
1618
1683
  color: #fff;
1619
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
+ }
1620
1696
  .btn-link {
1621
1697
  border-radius: 1px;
1622
1698
  color: #007bff;
@@ -1656,7 +1732,7 @@ input[type=button].btn-block {
1656
1732
  border-color: #007bff;
1657
1733
  color: #fff;
1658
1734
  }
1659
- [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 {
1660
1736
  background-color: #007bff;
1661
1737
  border-color: #007bff;
1662
1738
  color: #fff;
@@ -1665,6 +1741,11 @@ input[type=button].btn-block {
1665
1741
  background-color: transparent;
1666
1742
  color: #007bff;
1667
1743
  }
1744
+ [aria-expanded=true].btn-outline-primary, .show.btn-outline-primary {
1745
+ background-color: #007bff;
1746
+ border-color: #007bff;
1747
+ color: #fff;
1748
+ }
1668
1749
  .btn-outline-secondary {
1669
1750
  border-color: #6c757d;
1670
1751
  color: #6c757d;
@@ -1685,7 +1766,7 @@ input[type=button].btn-block {
1685
1766
  .btn-outline-secondary:active:focus {
1686
1767
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
1687
1768
  }
1688
- [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 {
1689
1770
  background-color: #6c757d;
1690
1771
  border-color: #6c757d;
1691
1772
  color: #fff;
@@ -1694,6 +1775,11 @@ input[type=button].btn-block {
1694
1775
  background-color: transparent;
1695
1776
  color: #6c757d;
1696
1777
  }
1778
+ [aria-expanded=true].btn-outline-secondary, .show.btn-outline-secondary {
1779
+ background-color: #6c757d;
1780
+ border-color: #6c757d;
1781
+ color: #fff;
1782
+ }
1697
1783
  .btn-outline-success {
1698
1784
  border-color: #28a745;
1699
1785
  color: #28a745;
@@ -1714,7 +1800,7 @@ input[type=button].btn-block {
1714
1800
  .btn-outline-success:active:focus {
1715
1801
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
1716
1802
  }
1717
- [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 {
1718
1804
  background-color: #28a745;
1719
1805
  border-color: #28a745;
1720
1806
  color: #fff;
@@ -1723,6 +1809,11 @@ input[type=button].btn-block {
1723
1809
  background-color: transparent;
1724
1810
  color: #28a745;
1725
1811
  }
1812
+ [aria-expanded=true].btn-outline-success, .show.btn-outline-success {
1813
+ background-color: #28a745;
1814
+ border-color: #28a745;
1815
+ color: #fff;
1816
+ }
1726
1817
  .btn-outline-info {
1727
1818
  border-color: #17a2b8;
1728
1819
  color: #17a2b8;
@@ -1743,7 +1834,7 @@ input[type=button].btn-block {
1743
1834
  .btn-outline-info:active:focus {
1744
1835
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
1745
1836
  }
1746
- [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 {
1747
1838
  background-color: #17a2b8;
1748
1839
  border-color: #17a2b8;
1749
1840
  color: #fff;
@@ -1752,6 +1843,11 @@ input[type=button].btn-block {
1752
1843
  background-color: transparent;
1753
1844
  color: #17a2b8;
1754
1845
  }
1846
+ [aria-expanded=true].btn-outline-info, .show.btn-outline-info {
1847
+ background-color: #17a2b8;
1848
+ border-color: #17a2b8;
1849
+ color: #fff;
1850
+ }
1755
1851
  .btn-outline-warning {
1756
1852
  border-color: #ffc107;
1757
1853
  color: #ffc107;
@@ -1772,7 +1868,7 @@ input[type=button].btn-block {
1772
1868
  .btn-outline-warning:active:focus {
1773
1869
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
1774
1870
  }
1775
- [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 {
1776
1872
  background-color: #ffc107;
1777
1873
  border-color: #ffc107;
1778
1874
  color: #212529;
@@ -1781,6 +1877,11 @@ input[type=button].btn-block {
1781
1877
  background-color: transparent;
1782
1878
  color: #ffc107;
1783
1879
  }
1880
+ [aria-expanded=true].btn-outline-warning, .show.btn-outline-warning {
1881
+ background-color: #ffc107;
1882
+ border-color: #ffc107;
1883
+ color: #212529;
1884
+ }
1784
1885
  .btn-outline-danger {
1785
1886
  border-color: #dc3545;
1786
1887
  color: #dc3545;
@@ -1801,7 +1902,7 @@ input[type=button].btn-block {
1801
1902
  .btn-outline-danger:active:focus {
1802
1903
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
1803
1904
  }
1804
- [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 {
1805
1906
  background-color: #dc3545;
1806
1907
  border-color: #dc3545;
1807
1908
  color: #fff;
@@ -1810,6 +1911,11 @@ input[type=button].btn-block {
1810
1911
  background-color: transparent;
1811
1912
  color: #dc3545;
1812
1913
  }
1914
+ [aria-expanded=true].btn-outline-danger, .show.btn-outline-danger {
1915
+ background-color: #dc3545;
1916
+ border-color: #dc3545;
1917
+ color: #fff;
1918
+ }
1813
1919
  .btn-outline-light {
1814
1920
  border-color: #f8f9fa;
1815
1921
  color: #f8f9fa;
@@ -1830,7 +1936,7 @@ input[type=button].btn-block {
1830
1936
  .btn-outline-light:active:focus {
1831
1937
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
1832
1938
  }
1833
- [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 {
1834
1940
  background-color: #f8f9fa;
1835
1941
  border-color: #f8f9fa;
1836
1942
  color: #212529;
@@ -1839,6 +1945,11 @@ input[type=button].btn-block {
1839
1945
  background-color: transparent;
1840
1946
  color: #f8f9fa;
1841
1947
  }
1948
+ [aria-expanded=true].btn-outline-light, .show.btn-outline-light {
1949
+ background-color: #f8f9fa;
1950
+ border-color: #f8f9fa;
1951
+ color: #212529;
1952
+ }
1842
1953
  .btn-outline-dark {
1843
1954
  border-color: #343a40;
1844
1955
  color: #343a40;
@@ -1859,7 +1970,7 @@ input[type=button].btn-block {
1859
1970
  .btn-outline-dark:active:focus {
1860
1971
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
1861
1972
  }
1862
- [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 {
1863
1974
  background-color: #343a40;
1864
1975
  border-color: #343a40;
1865
1976
  color: #fff;
@@ -1868,6 +1979,11 @@ input[type=button].btn-block {
1868
1979
  background-color: transparent;
1869
1980
  color: #343a40;
1870
1981
  }
1982
+ [aria-expanded=true].btn-outline-dark, .show.btn-outline-dark {
1983
+ background-color: #343a40;
1984
+ border-color: #343a40;
1985
+ color: #fff;
1986
+ }
1871
1987
  .btn-outline-borderless {
1872
1988
  border-color: transparent;
1873
1989
  }
@@ -3185,6 +3301,7 @@ input[type=button].btn-block {
3185
3301
  margin-bottom: 1rem;
3186
3302
  padding: 0.75rem 1.25rem;
3187
3303
  position: relative;
3304
+ white-space: normal;
3188
3305
  overflow-wrap: break-word;
3189
3306
  word-wrap: break-word;
3190
3307
  }
@@ -3555,7 +3672,11 @@ input[type=button].btn-block {
3555
3672
  background-color: #006fe6;
3556
3673
  border-color: #006fe6;
3557
3674
  }
3558
- .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 {
3559
3680
  background-color: #006fe6;
3560
3681
  border-color: #006fe6;
3561
3682
  }
@@ -3580,7 +3701,11 @@ input[type=button].btn-block {
3580
3701
  background-color: #60686f;
3581
3702
  border-color: #60686f;
3582
3703
  }
3583
- .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 {
3584
3709
  background-color: #60686f;
3585
3710
  border-color: #60686f;
3586
3711
  }
@@ -3605,7 +3730,11 @@ input[type=button].btn-block {
3605
3730
  background-color: #23923d;
3606
3731
  border-color: #23923d;
3607
3732
  }
3608
- .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 {
3609
3738
  background-color: #23923d;
3610
3739
  border-color: #23923d;
3611
3740
  }
@@ -3630,7 +3759,11 @@ input[type=button].btn-block {
3630
3759
  background-color: #148ea1;
3631
3760
  border-color: #148ea1;
3632
3761
  }
3633
- .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 {
3634
3767
  background-color: #148ea1;
3635
3768
  border-color: #148ea1;
3636
3769
  }
@@ -3652,7 +3785,11 @@ input[type=button].btn-block {
3652
3785
  background-color: #edb100;
3653
3786
  border-color: #edb100;
3654
3787
  }
3655
- .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 {
3656
3793
  background-color: #edb100;
3657
3794
  border-color: #edb100;
3658
3795
  }
@@ -3674,7 +3811,11 @@ input[type=button].btn-block {
3674
3811
  background-color: #d32535;
3675
3812
  border-color: #d32535;
3676
3813
  }
3677
- .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 {
3678
3819
  background-color: #d32535;
3679
3820
  border-color: #d32535;
3680
3821
  }
@@ -3696,7 +3837,11 @@ input[type=button].btn-block {
3696
3837
  background-color: #60686f;
3697
3838
  border-color: #60686f;
3698
3839
  }
3699
- .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 {
3700
3845
  background-color: #60686f;
3701
3846
  border-color: #60686f;
3702
3847
  }
@@ -3718,7 +3863,11 @@ input[type=button].btn-block {
3718
3863
  background-color: #292d32;
3719
3864
  border-color: #292d32;
3720
3865
  }
3721
- .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 {
3722
3871
  background-color: #292d32;
3723
3872
  border-color: #292d32;
3724
3873
  }
@@ -4136,18 +4285,18 @@ input[type=button].btn-block {
4136
4285
  }
4137
4286
 
4138
4287
  .dropdown-toggle-split {
4139
- padding-left: 0.5625rem;
4140
- padding-right: 0.5625rem;
4288
+ padding-left: calc(0.75rem * 0.75);
4289
+ padding-right: calc(0.75rem * 0.75);
4141
4290
  }
4142
4291
 
4143
4292
  .btn-sm + .dropdown-toggle-split {
4144
- padding-right: 0.375rem;
4145
- padding-left: 0.375rem;
4293
+ padding-right: calc(0.5rem * 0.75);
4294
+ padding-left: calc(0.5rem * 0.75);
4146
4295
  }
4147
4296
 
4148
4297
  .btn-lg + .dropdown-toggle-split {
4149
- padding-right: 0.75rem;
4150
- padding-left: 0.75rem;
4298
+ padding-right: calc(1rem * 0.75);
4299
+ padding-left: calc(1rem * 0.75);
4151
4300
  }
4152
4301
 
4153
4302
  .btn-group-vertical {
@@ -5457,31 +5606,22 @@ input[type=button].btn-block {
5457
5606
  margin-top: 0;
5458
5607
  padding-left: 0;
5459
5608
  }
5460
- .form-check-card .card {
5461
- margin-bottom: 0;
5462
- }
5463
- .form-check-card .custom-control {
5464
- display: inline;
5465
- margin-right: 0;
5466
- position: static;
5467
- }
5468
- .form-check-card .custom-control > label {
5469
- font-weight: 400;
5470
- padding-left: 0;
5609
+ .form-check-card:hover .card {
5610
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
5471
5611
  }
5472
- .form-check-card .custom-control-input {
5473
- z-index: 2;
5612
+ .form-check-card.active .card {
5613
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
5474
5614
  }
5475
- .form-check-card .custom-control-label {
5476
- position: absolute;
5477
- z-index: 1;
5615
+ .form-check-card.checked .card {
5616
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
5478
5617
  }
5479
- .form-check-card .custom-control-label::before, .form-check-card .custom-control-label::after {
5480
- top: 0;
5618
+ .form-check-card .card {
5619
+ margin-bottom: 0;
5481
5620
  }
5482
5621
  .form-check-card .form-check-input {
5483
5622
  margin-left: 0;
5484
5623
  margin-top: 0;
5624
+ opacity: 0;
5485
5625
  position: absolute;
5486
5626
  z-index: 1;
5487
5627
  }
@@ -5492,21 +5632,35 @@ input[type=button].btn-block {
5492
5632
  padding-left: 0;
5493
5633
  position: static;
5494
5634
  }
5495
- .form-check-card.active .card,
5496
- .form-check-card .custom-control-input:checked ~ .card,
5497
- .form-check-card .form-check-input:checked ~ .card {
5498
- 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;
5499
5639
  }
5500
-
5501
- .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 {
5502
5659
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
5503
5660
  }
5504
-
5505
- .custom-control-input:hover ~ .card,
5506
- .form-check-input:hover ~ .card {
5661
+ .form-check-card .form-check-input:checked ~ .card {
5507
5662
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
5508
5663
  }
5509
-
5510
5664
  .form-check-bottom-left .card-horizontal > .card-body,
5511
5665
  .form-check-middle-left .card-horizontal > .card-body,
5512
5666
  .form-check-top-left .card-horizontal > .card-body {
@@ -5519,61 +5673,129 @@ input[type=button].btn-block {
5519
5673
  padding-right: 40px;
5520
5674
  }
5521
5675
 
5522
- .form-check-bottom-left .custom-control-input,
5523
- .form-check-bottom-left .custom-control-label,
5524
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 {
5525
5691
  bottom: 1rem;
5526
5692
  left: 1rem;
5527
5693
  top: auto;
5528
5694
  transform: none;
5529
5695
  }
5530
-
5531
- .form-check-bottom-right .custom-control-input,
5532
- .form-check-bottom-right .custom-control-label,
5533
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 {
5534
5713
  bottom: 1rem;
5535
5714
  left: auto;
5536
5715
  right: 1rem;
5537
5716
  top: auto;
5538
5717
  transform: none;
5539
5718
  }
5540
-
5541
- .form-check-middle-left .custom-control-input,
5542
- .form-check-middle-left .custom-control-label,
5543
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 {
5544
5734
  left: 1rem;
5545
5735
  margin-top: 0;
5546
5736
  top: 50%;
5547
5737
  transform: translateY(-50%);
5548
5738
  }
5549
-
5550
- .form-check-middle-right .custom-control-input,
5551
- .form-check-middle-right .custom-control-label,
5552
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 {
5553
5756
  left: auto;
5554
5757
  margin-top: 0;
5555
5758
  right: 1rem;
5556
5759
  top: 50%;
5557
5760
  transform: translateY(-50%);
5558
5761
  }
5559
-
5560
- .form-check-top-left .custom-control-input,
5561
- .form-check-top-left .custom-control-label,
5562
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 {
5563
5775
  left: 1rem;
5564
5776
  top: 1rem;
5565
5777
  transform: none;
5566
5778
  }
5567
-
5568
- .form-check-top-right .custom-control-input,
5569
- .form-check-top-right .custom-control-label,
5570
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 {
5571
5794
  left: auto;
5572
5795
  right: 1rem;
5573
5796
  top: 1rem;
5574
5797
  transform: none;
5575
5798
  }
5576
-
5577
5799
  .card-page.card-page-equal-height .card-page-item,
5578
5800
  .card-page.card-page-equal-height .card-page-item-asset,
5579
5801
  .card-page.card-page-equal-height .card-page-item-directory {
@@ -5971,7 +6193,6 @@ input[type=button].btn-block {
5971
6193
  position: relative;
5972
6194
  text-align: inherit;
5973
6195
  transition: none;
5974
- white-space: normal;
5975
6196
  width: 100%;
5976
6197
  overflow-wrap: break-word;
5977
6198
  word-wrap: break-word;
@@ -6035,6 +6256,23 @@ input[type=button].btn-block {
6035
6256
  margin-top: -0.25rem;
6036
6257
  width: auto;
6037
6258
  }
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
+ }
6038
6276
  .dropdown-item .c-kbd-inline {
6039
6277
  line-height: 1.5rem;
6040
6278
  }
@@ -6498,6 +6736,10 @@ input[type=button].btn-block {
6498
6736
  }
6499
6737
  }
6500
6738
 
6739
+ .dropdown-menu-width-shrink {
6740
+ min-width: 0;
6741
+ white-space: nowrap;
6742
+ }
6501
6743
  .dropdown-menu-width-full {
6502
6744
  left: 12px !important;
6503
6745
  right: 12px !important;
@@ -7050,7 +7292,6 @@ select.form-control[size]:focus, select.form-control[size].focus {
7050
7292
  select.form-control[size] option {
7051
7293
  padding: 0.25rem;
7052
7294
  }
7053
-
7054
7295
  select.form-control[multiple] {
7055
7296
  background-image: none;
7056
7297
  height: auto;
@@ -7065,7 +7306,6 @@ select.form-control[multiple]:focus, select.form-control[multiple].focus {
7065
7306
  select.form-control[multiple] option {
7066
7307
  padding: 0.25rem;
7067
7308
  }
7068
-
7069
7309
  textarea.form-control,
7070
7310
  textarea.form-control-plaintext,
7071
7311
  .form-control.form-control-textarea {
@@ -7480,6 +7720,9 @@ button.link-outline {
7480
7720
  .link-outline:hover {
7481
7721
  text-decoration: none;
7482
7722
  }
7723
+ .link-outline:disabled:active, .link-outline.disabled:active {
7724
+ pointer-events: none;
7725
+ }
7483
7726
  .link-outline > .c-inner {
7484
7727
  margin-bottom: -0.25rem;
7485
7728
  margin-left: -0.5rem;
@@ -7516,7 +7759,7 @@ button.link-outline {
7516
7759
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
7517
7760
  outline: 0;
7518
7761
  }
7519
- .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 {
7520
7763
  background-color: #007bff;
7521
7764
  color: #fff;
7522
7765
  }
@@ -7546,7 +7789,7 @@ button.link-outline {
7546
7789
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
7547
7790
  outline: 0;
7548
7791
  }
7549
- .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 {
7550
7793
  background-color: #6c757d;
7551
7794
  color: #fff;
7552
7795
  }
@@ -7640,11 +7883,14 @@ button.link-outline {
7640
7883
  cursor: not-allowed;
7641
7884
  opacity: 0.65;
7642
7885
  }
7886
+ .component-action:disabled:active, .component-action.disabled:active {
7887
+ pointer-events: none;
7888
+ }
7643
7889
  .component-action[type]:focus {
7644
7890
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
7645
7891
  outline: 0;
7646
7892
  }
7647
- .component-action[aria-expanded=true], .component-action.show, .show > .component-action {
7893
+ .component-action[aria-expanded=true], .component-action.show {
7648
7894
  background-color: #6c757d;
7649
7895
  color: #fff;
7650
7896
  }
@@ -8015,7 +8261,10 @@ button.link-outline {
8015
8261
  .clay-color-btn:active {
8016
8262
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
8017
8263
  }
8018
- .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 {
8019
8268
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
8020
8269
  }
8021
8270
  .clay-color-btn .c-inner {
@@ -8749,7 +8998,6 @@ label.custom-control-label {
8749
8998
  padding-right: 0.25rem;
8750
8999
  background-color: transparent;
8751
9000
  }
8752
-
8753
9001
  .date-picker-dropdown-menu {
8754
9002
  max-height: none;
8755
9003
  max-width: 370px;
@@ -8940,7 +9188,7 @@ label.custom-control-label {
8940
9188
  .date-picker-date:active:focus {
8941
9189
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
8942
9190
  }
8943
- .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 {
8944
9192
  background-color: #007bff;
8945
9193
  color: #fff;
8946
9194
  }
@@ -8949,6 +9197,10 @@ label.custom-control-label {
8949
9197
  box-shadow: none;
8950
9198
  opacity: 0.65;
8951
9199
  }
9200
+ .date-picker-date[aria-expanded=true], .date-picker-date.show {
9201
+ background-color: #007bff;
9202
+ color: #fff;
9203
+ }
8952
9204
  .previous-month-date {
8953
9205
  opacity: 0.65;
8954
9206
  }
@@ -8959,7 +9211,11 @@ label.custom-control-label {
8959
9211
  background-color: #75b8ff;
8960
9212
  color: #e5f2ff;
8961
9213
  }
8962
- .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 {
8963
9219
  background-color: #75b8ff;
8964
9220
  color: #e5f2ff;
8965
9221
  }
@@ -8973,7 +9229,11 @@ label.custom-control-label {
8973
9229
  background-color: #75b8ff;
8974
9230
  color: #e5f2ff;
8975
9231
  }
8976
- .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 {
8977
9237
  background-color: #75b8ff;
8978
9238
  color: #e5f2ff;
8979
9239
  }
@@ -9208,12 +9468,14 @@ label.custom-control-label {
9208
9468
 
9209
9469
  .form-feedback-group {
9210
9470
  width: 100%;
9471
+ overflow-wrap: break-word;
9211
9472
  word-wrap: break-word;
9212
9473
  }
9213
9474
 
9214
9475
  .form-feedback-item {
9215
9476
  font-size: 80%;
9216
9477
  margin-top: 0.25rem;
9478
+ overflow-wrap: break-word;
9217
9479
  word-wrap: break-word;
9218
9480
  }
9219
9481
 
@@ -9230,6 +9492,7 @@ label.custom-control-label {
9230
9492
  display: block;
9231
9493
  font-size: 0.875rem;
9232
9494
  margin-top: 0.25rem;
9495
+ overflow-wrap: break-word;
9233
9496
  word-wrap: break-word;
9234
9497
  }
9235
9498
 
@@ -9279,8 +9542,13 @@ label.custom-control-label {
9279
9542
  .has-error .input-group-item.focus {
9280
9543
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
9281
9544
  }
9282
- .has-error .input-group-item.focus .form-control,
9283
- .has-error .input-group-item.focus .input-group-inset-item {
9545
+ .has-error .input-group-item.focus .input-group-inset {
9546
+ border-color: #dc3545;
9547
+ }
9548
+ .has-error .input-group-item.focus .input-group-inset ~ .input-group-inset-item {
9549
+ border-color: #dc3545;
9550
+ }
9551
+ .has-error .input-group-item .input-group-inset ~ .input-group-inset-item {
9284
9552
  border-color: #dc3545;
9285
9553
  }
9286
9554
  .has-error .input-group-item .input-group-inset:focus {
@@ -9289,9 +9557,6 @@ label.custom-control-label {
9289
9557
  .has-error .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
9290
9558
  border-color: #dc3545;
9291
9559
  }
9292
- .has-error .input-group .input-group-inset-item {
9293
- border-color: #dc3545;
9294
- }
9295
9560
 
9296
9561
  .has-warning .custom-control-label,
9297
9562
  .has-warning .form-check-label {
@@ -9321,8 +9586,13 @@ label.custom-control-label {
9321
9586
  .has-warning .input-group-item.focus {
9322
9587
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
9323
9588
  }
9324
- .has-warning .input-group-item.focus .form-control,
9325
- .has-warning .input-group-item.focus .input-group-inset-item {
9589
+ .has-warning .input-group-item.focus .input-group-inset {
9590
+ border-color: #ffc107;
9591
+ }
9592
+ .has-warning .input-group-item.focus .input-group-inset ~ .input-group-inset-item {
9593
+ border-color: #ffc107;
9594
+ }
9595
+ .has-warning .input-group-item .input-group-inset ~ .input-group-inset-item {
9326
9596
  border-color: #ffc107;
9327
9597
  }
9328
9598
  .has-warning .input-group-item .input-group-inset:focus {
@@ -9331,9 +9601,6 @@ label.custom-control-label {
9331
9601
  .has-warning .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
9332
9602
  border-color: #ffc107;
9333
9603
  }
9334
- .has-warning .input-group .input-group-inset-item {
9335
- border-color: #ffc107;
9336
- }
9337
9604
 
9338
9605
  .has-success .custom-control-label,
9339
9606
  .has-success .form-check-label {
@@ -9363,8 +9630,13 @@ label.custom-control-label {
9363
9630
  .has-success .input-group-item.focus {
9364
9631
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
9365
9632
  }
9366
- .has-success .input-group-item.focus .form-control,
9367
- .has-success .input-group-item.focus .input-group-inset-item {
9633
+ .has-success .input-group-item.focus .input-group-inset {
9634
+ border-color: #28a745;
9635
+ }
9636
+ .has-success .input-group-item.focus .input-group-inset ~ .input-group-inset-item {
9637
+ border-color: #28a745;
9638
+ }
9639
+ .has-success .input-group-item .input-group-inset ~ .input-group-inset-item {
9368
9640
  border-color: #28a745;
9369
9641
  }
9370
9642
  .has-success .input-group-item .input-group-inset:focus {
@@ -9373,9 +9645,6 @@ label.custom-control-label {
9373
9645
  .has-success .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
9374
9646
  border-color: #28a745;
9375
9647
  }
9376
- .has-success .input-group .input-group-inset-item {
9377
- border-color: #28a745;
9378
- }
9379
9648
 
9380
9649
  .input-group > .form-control,
9381
9650
  .input-group > .form-control-plaintext,
@@ -9493,15 +9762,36 @@ label.custom-control-label {
9493
9762
  .input-group .btn-unstyled {
9494
9763
  color: inherit;
9495
9764
  }
9496
-
9497
9765
  .input-group-item {
9498
9766
  display: flex;
9499
9767
  flex-grow: 1;
9500
9768
  flex-wrap: wrap;
9501
9769
  margin-left: 0.5rem;
9502
9770
  width: 1%;
9771
+ overflow-wrap: break-word;
9503
9772
  word-wrap: break-word;
9504
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
+ }
9505
9795
  .input-group-item:first-child {
9506
9796
  margin-left: 0;
9507
9797
  }
@@ -9511,25 +9801,24 @@ label.custom-control-label {
9511
9801
  .input-group-item > .dropdown {
9512
9802
  display: flex;
9513
9803
  flex-wrap: wrap;
9804
+ overflow-wrap: break-word;
9514
9805
  word-wrap: break-word;
9515
9806
  width: 100%;
9516
9807
  }
9517
-
9518
9808
  .input-group-item-shrink {
9519
9809
  flex-grow: 0;
9520
9810
  width: auto;
9521
9811
  }
9522
-
9523
9812
  .input-group-text {
9524
9813
  align-items: center;
9525
9814
  background-color: #e9ecef;
9526
- border-color: #ced4da;
9527
- border-style: solid;
9528
9815
  border-bottom-width: 0.0625rem;
9816
+ border-color: #ced4da;
9529
9817
  border-left-width: 0.0625rem;
9818
+ border-radius: 0.25rem;
9530
9819
  border-right-width: 0.0625rem;
9820
+ border-style: solid;
9531
9821
  border-top-width: 0.0625rem;
9532
- border-radius: 0.25rem;
9533
9822
  color: #495057;
9534
9823
  display: flex;
9535
9824
  font-size: 1rem;
@@ -9549,18 +9838,19 @@ label.custom-control-label {
9549
9838
  .input-group-text label {
9550
9839
  color: #495057;
9551
9840
  }
9552
- .input-group-text input[type=radio],
9553
- .input-group-text input[type=checkbox] {
9554
- margin-top: 0;
9841
+ .input-group-text .custom-control {
9842
+ margin-bottom: 0;
9555
9843
  }
9556
- .input-group-text .custom-control,
9557
9844
  .input-group-text .form-check {
9558
9845
  margin-bottom: 0;
9559
9846
  }
9847
+ .input-group-text .form-check input[type=radio],
9848
+ .input-group-text .form-check input[type=checkbox] {
9849
+ margin-top: 0;
9850
+ }
9560
9851
  .input-group-text .lexicon-icon {
9561
9852
  margin-top: 0;
9562
9853
  }
9563
-
9564
9854
  .input-group-text-secondary {
9565
9855
  background-color: #6c757d;
9566
9856
  border-color: #6c757d;
@@ -9571,7 +9861,6 @@ label.custom-control-label {
9571
9861
  .input-group-text-secondary label {
9572
9862
  color: #fff;
9573
9863
  }
9574
-
9575
9864
  @media (max-width: 575.98px) {
9576
9865
  .input-group-stacked-sm-down > .input-group-item {
9577
9866
  margin-bottom: 0.5rem;
@@ -9586,6 +9875,17 @@ label.custom-control-label {
9586
9875
 
9587
9876
  .input-group-lg > .input-group-item > .btn {
9588
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;
9589
9889
  }
9590
9890
  .input-group-lg > .input-group-item > .btn .btn-section {
9591
9891
  font-size: 0.8125rem;
@@ -9595,7 +9895,17 @@ label.custom-control-label {
9595
9895
  line-height: 1;
9596
9896
  width: 3rem;
9597
9897
  }
9598
- .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
+ }
9599
9909
  .input-group-lg > .input-group-item > .form-file .btn {
9600
9910
  border-radius: 0.3rem;
9601
9911
  font-size: 1.25rem;
@@ -9606,6 +9916,12 @@ label.custom-control-label {
9606
9916
  padding-right: 1rem;
9607
9917
  padding-top: 0.5rem;
9608
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
+ }
9609
9925
  .input-group-lg > .input-group-item > textarea.form-control,
9610
9926
  .input-group-lg > .input-group-item > .form-control-textarea {
9611
9927
  height: 190px;
@@ -9625,25 +9941,39 @@ label.custom-control-label {
9625
9941
  padding-left: 1rem;
9626
9942
  padding-right: 1rem;
9627
9943
  }
9628
- .input-group-lg > .input-group-item > .input-group-inset-item > .form-file {
9629
- height: 75%;
9630
- }
9631
9944
  .input-group-lg > .input-group-item > .input-group-inset-item > .form-file .btn {
9632
- height: 100%;
9633
- line-height: 1;
9634
- padding-bottom: 0;
9635
- padding-left: 0.75rem;
9636
- padding-right: 0.75rem;
9637
- 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;
9638
9953
  }
9639
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 {
9640
9961
  margin-bottom: 0;
9641
- margin-left: -0.75rem;
9642
- margin-right: -0.75rem;
9643
9962
  margin-top: 0;
9644
9963
  }
9645
9964
  .form-group-sm .input-group > .input-group-item > .btn, .input-group-sm > .input-group-item > .btn {
9646
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;
9647
9977
  }
9648
9978
  .form-group-sm .input-group > .input-group-item > .btn .btn-section, .input-group-sm > .input-group-item > .btn .btn-section {
9649
9979
  font-size: 0.5625rem;
@@ -9653,30 +9983,49 @@ label.custom-control-label {
9653
9983
  line-height: 1;
9654
9984
  width: 1.9375rem;
9655
9985
  }
9656
- .form-group-sm .input-group > .input-group-item > .form-control, .input-group-sm > .input-group-item > .form-control,
9657
- .form-group-sm .input-group > .input-group-item > .form-file .btn,
9658
- .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 {
9659
9987
  border-radius: 0.2rem;
9660
9988
  font-size: 0.875rem;
9661
- height: 1.9375rem;
9989
+ height: auto;
9662
9990
  line-height: 1.5;
9663
- padding-bottom: 0.25rem;
9991
+ min-height: 1.9375rem;
9992
+ padding-bottom: 0;
9664
9993
  padding-left: 0.5rem;
9665
9994
  padding-right: 0.5rem;
9666
- padding-top: 0.25rem;
9995
+ padding-top: 0;
9667
9996
  }
9668
- .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;
9669
10003
  font-size: 0.875rem;
9670
10004
  height: 1.9375rem;
9671
10005
  line-height: 1.5;
9672
10006
  padding-bottom: 0.25rem;
10007
+ padding-left: 0.5rem;
10008
+ padding-right: 0.5rem;
9673
10009
  padding-top: 0.25rem;
9674
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
+ }
9675
10017
  .form-group-sm .input-group > .input-group-item > textarea.form-control, .input-group-sm > .input-group-item > textarea.form-control,
9676
10018
  .form-group-sm .input-group > .input-group-item > .form-control-textarea,
9677
10019
  .input-group-sm > .input-group-item > .form-control-textarea {
9678
10020
  height: 120px;
9679
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
+ }
9680
10029
  .form-group-sm .input-group > .input-group-item > .input-group-text, .input-group-sm > .input-group-item > .input-group-text {
9681
10030
  border-radius: 0.2rem;
9682
10031
  font-size: 0.875rem;
@@ -9704,67 +10053,48 @@ label.custom-control-label {
9704
10053
  margin-right: 0.25rem;
9705
10054
  width: 1.5rem;
9706
10055
  }
9707
- .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 {
9708
- height: 75%;
9709
- }
9710
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 {
9711
- height: 100%;
9712
- line-height: 1;
9713
- 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;
9714
10062
  padding-left: 0.5rem;
9715
10063
  padding-right: 0.5rem;
9716
- padding-top: 0;
10064
+ padding-top: 0.25rem;
9717
10065
  }
9718
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 {
9719
- margin-bottom: 0;
10067
+ margin-bottom: -0.25rem;
9720
10068
  margin-left: -0.5rem;
9721
10069
  margin-right: -0.5rem;
9722
- margin-top: 0;
9723
- }
9724
- .input-group-item.focus {
9725
- border-radius: 0.25rem;
9726
- box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
9727
- }
9728
- .input-group-item.focus .form-control,
9729
- .input-group-item.focus .form-control[readonly] ~ .input-group-inset-item,
9730
- .input-group-item.focus .input-group-inset-item {
9731
- background-color: #fff;
9732
- border-color: #80bdff;
9733
- }
9734
-
9735
- .input-group-item.input-group-prepend.focus {
9736
- border-bottom-right-radius: 0;
9737
- border-top-right-radius: 0;
9738
- z-index: 1;
10070
+ margin-top: -0.25rem;
9739
10071
  }
9740
-
9741
- .input-group-item.input-group-append.focus {
9742
- border-bottom-left-radius: 0;
9743
- 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;
9744
10075
  }
9745
-
9746
10076
  .input-group-inset {
9747
10077
  flex-grow: 1;
9748
10078
  order: 5;
9749
10079
  width: 1%;
9750
10080
  }
9751
- .input-group-inset[readonly] ~ .input-group-inset-item {
9752
- background-color: #e9ecef;
9753
- }
9754
- .input-group-inset:focus {
10081
+ .input-group-inset:focus, .input-group-inset.focus {
9755
10082
  box-shadow: none;
9756
10083
  }
9757
- .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 {
9758
10085
  background-color: #fff;
9759
10086
  border-color: #80bdff;
9760
10087
  }
9761
- .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 {
9762
10089
  background-color: #e9ecef;
9763
10090
  }
9764
10091
  .input-group-inset ~ .form-feedback-group {
9765
10092
  order: 13;
9766
10093
  }
9767
10094
 
10095
+ .input-group-inset[readonly] ~ .input-group-inset-item {
10096
+ background-color: #e9ecef;
10097
+ }
9768
10098
  .input-group .input-group-inset-item {
9769
10099
  align-items: center;
9770
10100
  background-color: #fff;
@@ -11020,21 +11350,25 @@ label.custom-control-label {
11020
11350
  }
11021
11351
 
11022
11352
  .multi-step-indicator-label-bottom .multi-step-item {
11023
- padding-bottom: 1.5rem;
11353
+ padding-bottom: calc(
11354
+ 1rem * 1.5
11355
+ );
11024
11356
  }
11025
11357
  .multi-step-indicator-label-bottom .multi-step-indicator-label {
11026
11358
  top: 2rem;
11027
11359
  }
11028
11360
 
11029
11361
  .multi-step-indicator-label-top .multi-step-item {
11030
- padding-top: 1.5rem;
11362
+ padding-top: calc(
11363
+ 1rem * 1.5
11364
+ );
11031
11365
  }
11032
11366
  .multi-step-indicator-label-top .multi-step-indicator-label {
11033
- bottom: 2.25rem;
11367
+ bottom: calc(2rem + 0.25rem);
11034
11368
  }
11035
11369
 
11036
11370
  .multi-step-title-center .multi-step-title {
11037
- margin-left: 1rem;
11371
+ margin-left: calc(2rem * 0.5);
11038
11372
  max-width: 100px;
11039
11373
  overflow: hidden;
11040
11374
  position: relative;
@@ -11252,7 +11586,10 @@ label.custom-control-label {
11252
11586
  .multi-step-nav-collapse-sm .multi-step-item {
11253
11587
  margin-bottom: 0;
11254
11588
  min-width: 2rem;
11255
- padding-top: 1.75rem;
11589
+ padding-top: calc(
11590
+ 1rem + 0.625rem +
11591
+ (0.25rem * 0.5)
11592
+ );
11256
11593
  }
11257
11594
  .multi-step-nav-collapse-sm .multi-step-title {
11258
11595
  display: none;
@@ -11289,6 +11626,9 @@ label.custom-control-label {
11289
11626
  color: #6c757d;
11290
11627
  cursor: not-allowed;
11291
11628
  }
11629
+ .nav-link:disabled:active, .nav-link.disabled:active {
11630
+ pointer-events: none;
11631
+ }
11292
11632
  .nav-link > .c-inner {
11293
11633
  margin-bottom: -0.5rem;
11294
11634
  margin-left: -1rem;
@@ -11336,7 +11676,6 @@ label.custom-control-label {
11336
11676
  margin-left: 0;
11337
11677
  margin-right: 0;
11338
11678
  }
11339
-
11340
11679
  .nav-btn-monospaced {
11341
11680
  padding: 0;
11342
11681
  }
@@ -11358,6 +11697,7 @@ label.custom-control-label {
11358
11697
  }
11359
11698
 
11360
11699
  .nav-item {
11700
+ overflow-wrap: break-word;
11361
11701
  word-wrap: break-word;
11362
11702
  }
11363
11703
 
@@ -11367,6 +11707,41 @@ label.custom-control-label {
11367
11707
  text-align: center;
11368
11708
  }
11369
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
+
11370
11745
  .nav-text-truncate {
11371
11746
  display: inline-block;
11372
11747
  margin-bottom: -6px;
@@ -11380,13 +11755,6 @@ label.custom-control-label {
11380
11755
  max-width: calc(100% - 24px);
11381
11756
  }
11382
11757
 
11383
- .nav-form {
11384
- padding-bottom: 0.5rem;
11385
- padding-left: 0.5rem;
11386
- padding-right: 0.5rem;
11387
- padding-top: 0.5rem;
11388
- }
11389
-
11390
11758
  .nav .nav-form {
11391
11759
  padding-bottom: 0;
11392
11760
  padding-left: 1rem;
@@ -11398,17 +11766,15 @@ label.custom-control-label {
11398
11766
  flex: 1 1 auto;
11399
11767
  text-align: center;
11400
11768
  }
11401
-
11769
+ .nav-justified .nav-link {
11770
+ text-align: center;
11771
+ width: 100%;
11772
+ }
11402
11773
  .nav-justified .nav-item {
11403
11774
  flex-basis: 0;
11404
11775
  flex-grow: 1;
11405
11776
  text-align: center;
11406
11777
  }
11407
- .nav-justified button.nav-link {
11408
- text-align: center;
11409
- width: 100%;
11410
- }
11411
-
11412
11778
  .nav-stacked {
11413
11779
  display: block;
11414
11780
  }
@@ -11422,18 +11788,35 @@ label.custom-control-label {
11422
11788
  .nav-unstyled {
11423
11789
  flex-wrap: nowrap;
11424
11790
  }
11425
- .nav-unstyled .nav-btn {
11426
- margin: 0 4px;
11427
- padding: 0 4px;
11428
- }
11429
11791
  .nav-unstyled .nav-link {
11430
11792
  line-height: 2rem;
11431
- 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;
11432
11803
  }
11433
11804
  .nav-unstyled .nav-link-monospaced {
11434
11805
  margin: 0 4px;
11435
11806
  }
11436
-
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
+ }
11437
11820
  .nav-nested {
11438
11821
  flex-direction: column;
11439
11822
  flex-wrap: nowrap;
@@ -11540,9 +11923,6 @@ label.custom-control-label {
11540
11923
  .nav-tabs {
11541
11924
  border-bottom: 0.0625rem solid #dee2e6;
11542
11925
  }
11543
- .nav-tabs .nav-item {
11544
- margin-bottom: -0.0625rem;
11545
- }
11546
11926
  .nav-tabs .nav-link {
11547
11927
  border-color: transparent;
11548
11928
  border-style: solid;
@@ -11563,23 +11943,21 @@ label.custom-control-label {
11563
11943
  }
11564
11944
  .nav-tabs .nav-link.active {
11565
11945
  background-color: #fff;
11566
- border-color: #dee2e6 #dee2e6 #fff;
11567
11946
  color: #495057;
11947
+ border-color: #dee2e6 #dee2e6 #fff;
11568
11948
  }
11569
11949
  .nav-tabs .nav-link:disabled, .nav-tabs .nav-link.disabled {
11570
11950
  background-color: transparent;
11571
11951
  border-color: transparent;
11572
11952
  color: #6c757d;
11573
11953
  }
11574
- .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 {
11575
11955
  background-color: #fff;
11576
- border-color: #dee2e6 #dee2e6 #fff;
11577
11956
  color: #495057;
11578
- }
11579
- .nav-tabs .nav-item.show .nav-link {
11580
- background-color: #fff;
11581
11957
  border-color: #dee2e6 #dee2e6 #fff;
11582
- color: #495057;
11958
+ }
11959
+ .nav-tabs .nav-item {
11960
+ margin-bottom: -0.0625rem;
11583
11961
  }
11584
11962
  .nav-tabs .dropdown-menu {
11585
11963
  border-top-left-radius: 0;
@@ -11625,11 +12003,12 @@ label.custom-control-label {
11625
12003
  right: 0.5rem;
11626
12004
  width: auto;
11627
12005
  }
11628
- .nav-underline .nav-item .nav-link.active:after {
12006
+ .nav-underline .nav-link.active::after {
11629
12007
  background-color: #007bff;
12008
+ content: "";
12009
+ height: 0.1875rem;
11630
12010
  }
11631
- .nav-underline .nav-link.active:after,
11632
- .nav-underline .nav-item.show .nav-link:after {
12011
+ .nav-underline .nav-link[aria-expanded=true]::after, .nav-underline .nav-link.show::after {
11633
12012
  content: "";
11634
12013
  height: 0.1875rem;
11635
12014
  }
@@ -12844,8 +13223,6 @@ label.custom-control-label {
12844
13223
  border-width: 0 0 0 0;
12845
13224
  font-size: 1rem;
12846
13225
  padding: 0 0;
12847
- border-color: transparent;
12848
- border-style: solid;
12849
13226
  }
12850
13227
  .application-bar .navbar-toggler {
12851
13228
  font-size: 1.25rem;
@@ -13556,26 +13933,6 @@ label.custom-control-label {
13556
13933
  bottom: -0.75rem;
13557
13934
  height: 0.125rem;
13558
13935
  }
13559
- @media (max-width: 575.98px) {
13560
- .application-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
13561
- border-color: transparent;
13562
- }
13563
- }
13564
- @media (max-width: 767.98px) {
13565
- .application-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
13566
- border-color: transparent;
13567
- }
13568
- }
13569
- @media (max-width: 991.98px) {
13570
- .application-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
13571
- border-color: transparent;
13572
- }
13573
- }
13574
- @media (max-width: 1199.98px) {
13575
- .application-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
13576
- border-color: transparent;
13577
- }
13578
- }
13579
13936
  .application-bar .container,
13580
13937
  .application-bar .container-fluid {
13581
13938
  flex-wrap: nowrap;
@@ -13586,125 +13943,53 @@ label.custom-control-label {
13586
13943
 
13587
13944
  .application-bar-dark {
13588
13945
  background-color: #343a40;
13589
- border-color: transparent;
13590
- border-style: solid;
13591
13946
  color: rgba(255, 255, 255, 0.5);
13592
13947
  }
13593
- .application-bar-dark .nav-link,
13948
+ .application-bar-dark .navbar-nav .nav-link,
13594
13949
  .application-bar-dark .navbar-nav .btn-unstyled {
13595
13950
  color: rgba(255, 255, 255, 0.5);
13596
13951
  }
13597
- .application-bar-dark .nav-link:hover,
13952
+ .application-bar-dark .navbar-nav .nav-link:hover,
13598
13953
  .application-bar-dark .navbar-nav .btn-unstyled:hover {
13599
13954
  color: rgba(255, 255, 255, 0.75);
13600
13955
  }
13601
- .application-bar-dark .nav-link.active, .application-bar-dark .nav-link[aria-expanded=true],
13602
- .application-bar-dark .navbar-nav .btn-unstyled.active,
13603
- .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 {
13604
13958
  color: #fff;
13605
13959
  }
13606
- .application-bar-dark .nav-link.disabled, .application-bar-dark .nav-link:disabled,
13607
- .application-bar-dark .navbar-nav .btn-unstyled.disabled,
13608
- .application-bar-dark .navbar-nav .btn-unstyled:disabled {
13960
+ .application-bar-dark .navbar-nav .nav-link.active,
13961
+ .application-bar-dark .navbar-nav .btn-unstyled.active {
13962
+ color: #fff;
13963
+ }
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 {
13609
13967
  color: rgba(255, 255, 255, 0.25);
13610
13968
  opacity: 1;
13611
13969
  }
13612
- .application-bar-dark .navbar-toggler {
13613
- 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;
13614
13974
  }
13615
- .application-bar-dark .navbar-toggler-link[aria-expanded=true] {
13975
+ .application-bar-dark .navbar-brand:active {
13616
13976
  color: #fff;
13617
13977
  }
13618
- .application-bar-dark .navbar-overlay {
13619
- background-color: #343a40;
13978
+ .application-bar-dark .navbar-brand.active {
13979
+ color: #fff;
13620
13980
  }
13621
- @media (max-width: 575.98px) {
13622
- .application-bar-dark.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
13623
- background-color: #343a40;
13624
- border-color: transparent;
13625
- }
13626
- .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,
13627
- .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
13628
- color: rgba(255, 255, 255, 0.5);
13629
- }
13630
- .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
13631
- border-color: rgba(255, 255, 255, 0.5);
13632
- }
13633
- .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover {
13634
- color: rgba(255, 255, 255, 0.75);
13635
- }
13636
- .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
13637
- color: #fff;
13638
- }
13639
- .application-bar-dark.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled {
13640
- color: rgba(255, 255, 255, 0.25);
13641
- }
13981
+ .application-bar-dark .navbar-brand:disabled, .application-bar-dark .navbar-brand.disabled {
13982
+ color: rgba(255, 255, 255, 0.25);
13983
+ opacity: 1;
13642
13984
  }
13643
- @media (max-width: 767.98px) {
13644
- .application-bar-dark.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
13645
- background-color: #343a40;
13646
- border-color: transparent;
13647
- }
13648
- .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,
13649
- .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
13650
- color: rgba(255, 255, 255, 0.5);
13651
- }
13652
- .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
13653
- border-color: rgba(255, 255, 255, 0.5);
13654
- }
13655
- .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
13656
- color: rgba(255, 255, 255, 0.75);
13657
- }
13658
- .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
13659
- color: #fff;
13660
- }
13661
- .application-bar-dark.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
13662
- color: rgba(255, 255, 255, 0.25);
13663
- }
13985
+ .application-bar-dark .navbar-brand[aria-expanded=true], .application-bar-dark .navbar-brand.show {
13986
+ color: #fff;
13664
13987
  }
13665
- @media (max-width: 991.98px) {
13666
- .application-bar-dark.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
13667
- background-color: #343a40;
13668
- border-color: transparent;
13669
- }
13670
- .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,
13671
- .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
13672
- color: rgba(255, 255, 255, 0.5);
13673
- }
13674
- .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
13675
- border-color: rgba(255, 255, 255, 0.5);
13676
- }
13677
- .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover {
13678
- color: rgba(255, 255, 255, 0.75);
13679
- }
13680
- .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
13681
- color: #fff;
13682
- }
13683
- .application-bar-dark.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled {
13684
- color: rgba(255, 255, 255, 0.25);
13685
- }
13988
+ .application-bar-dark .navbar-toggler {
13989
+ color: rgba(255, 255, 255, 0.5);
13686
13990
  }
13687
- @media (max-width: 1199.98px) {
13688
- .application-bar-dark.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
13689
- background-color: #343a40;
13690
- border-color: transparent;
13691
- }
13692
- .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,
13693
- .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item {
13694
- color: rgba(255, 255, 255, 0.5);
13695
- }
13696
- .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
13697
- border-color: rgba(255, 255, 255, 0.5);
13698
- }
13699
- .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover {
13700
- color: rgba(255, 255, 255, 0.75);
13701
- }
13702
- .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
13703
- color: #fff;
13704
- }
13705
- .application-bar-dark.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
13706
- color: rgba(255, 255, 255, 0.25);
13707
- }
13991
+ .application-bar-dark .navbar-overlay {
13992
+ background-color: #343a40;
13708
13993
  }
13709
13994
  .management-bar {
13710
13995
  border-width: 0 0 0.0625rem 0;
@@ -14442,26 +14727,6 @@ label.custom-control-label {
14442
14727
  bottom: -1.03125rem;
14443
14728
  height: 0.25rem;
14444
14729
  }
14445
- @media (max-width: 575.98px) {
14446
- .management-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
14447
- border-color: transparent;
14448
- }
14449
- }
14450
- @media (max-width: 767.98px) {
14451
- .management-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
14452
- border-color: transparent;
14453
- }
14454
- }
14455
- @media (max-width: 991.98px) {
14456
- .management-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
14457
- border-color: transparent;
14458
- }
14459
- }
14460
- @media (max-width: 1199.98px) {
14461
- .management-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
14462
- border-color: transparent;
14463
- }
14464
- }
14465
14730
  .management-bar.navbar-nowrap .navbar-text {
14466
14731
  white-space: normal;
14467
14732
  word-wrap: break-word;
@@ -14469,253 +14734,100 @@ label.custom-control-label {
14469
14734
 
14470
14735
  .management-bar-light {
14471
14736
  background-color: #f8f9fa;
14472
- border-color: transparent;
14473
- border-style: solid;
14474
14737
  }
14475
- .management-bar-light .nav-link,
14738
+ .management-bar-light .navbar-nav .nav-link,
14476
14739
  .management-bar-light .navbar-nav .btn-unstyled {
14477
14740
  color: rgba(0, 0, 0, 0.5);
14478
14741
  }
14479
- .management-bar-light .nav-link:hover,
14742
+ .management-bar-light .navbar-nav .nav-link:hover,
14480
14743
  .management-bar-light .navbar-nav .btn-unstyled:hover {
14481
14744
  color: rgba(0, 0, 0, 0.7);
14482
14745
  }
14483
- .management-bar-light .nav-link.active, .management-bar-light .nav-link[aria-expanded=true],
14484
- .management-bar-light .navbar-nav .btn-unstyled.active,
14485
- .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 {
14486
14752
  color: rgba(0, 0, 0, 0.9);
14487
14753
  }
14488
- .management-bar-light .nav-link.disabled, .management-bar-light .nav-link:disabled,
14489
- .management-bar-light .navbar-nav .btn-unstyled.disabled,
14490
- .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 {
14491
14757
  color: rgba(0, 0, 0, 0.3);
14492
14758
  opacity: 1;
14493
14759
  }
14494
- .management-bar-light .navbar-toggler {
14495
- 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);
14496
14764
  }
14497
- .management-bar-light .navbar-toggler-link[aria-expanded=true] {
14765
+ .management-bar-light .navbar-brand:active {
14498
14766
  color: rgba(0, 0, 0, 0.9);
14499
14767
  }
14500
- .management-bar-light .navbar-overlay {
14501
- background-color: #f8f9fa;
14768
+ .management-bar-light .navbar-brand.active {
14769
+ color: rgba(0, 0, 0, 0.9);
14502
14770
  }
14503
- @media (max-width: 575.98px) {
14504
- .management-bar-light.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
14505
- background-color: #f8f9fa;
14506
- border-color: transparent;
14507
- }
14508
- .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,
14509
- .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
14510
- color: rgba(0, 0, 0, 0.5);
14511
- }
14512
- .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
14513
- border-color: rgba(0, 0, 0, 0.5);
14514
- }
14515
- .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover {
14516
- color: rgba(0, 0, 0, 0.7);
14517
- }
14518
- .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
14519
- color: rgba(0, 0, 0, 0.9);
14520
- }
14521
- .management-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled {
14522
- color: rgba(0, 0, 0, 0.3);
14523
- }
14771
+ .management-bar-light .navbar-brand:disabled, .management-bar-light .navbar-brand.disabled {
14772
+ color: rgba(0, 0, 0, 0.3);
14773
+ opacity: 1;
14524
14774
  }
14525
- @media (max-width: 767.98px) {
14526
- .management-bar-light.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
14527
- background-color: #f8f9fa;
14528
- border-color: transparent;
14529
- }
14530
- .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,
14531
- .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
14532
- color: rgba(0, 0, 0, 0.5);
14533
- }
14534
- .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
14535
- border-color: rgba(0, 0, 0, 0.5);
14536
- }
14537
- .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
14538
- color: rgba(0, 0, 0, 0.7);
14539
- }
14540
- .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
14541
- color: rgba(0, 0, 0, 0.9);
14542
- }
14543
- .management-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
14544
- color: rgba(0, 0, 0, 0.3);
14545
- }
14775
+ .management-bar-light .navbar-brand[aria-expanded=true], .management-bar-light .navbar-brand.show {
14776
+ color: rgba(0, 0, 0, 0.9);
14546
14777
  }
14547
- @media (max-width: 991.98px) {
14548
- .management-bar-light.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
14549
- background-color: #f8f9fa;
14550
- border-color: transparent;
14551
- }
14552
- .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,
14553
- .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
14554
- color: rgba(0, 0, 0, 0.5);
14555
- }
14556
- .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
14557
- border-color: rgba(0, 0, 0, 0.5);
14558
- }
14559
- .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover {
14560
- color: rgba(0, 0, 0, 0.7);
14561
- }
14562
- .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
14563
- color: rgba(0, 0, 0, 0.9);
14564
- }
14565
- .management-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled {
14566
- color: rgba(0, 0, 0, 0.3);
14567
- }
14778
+ .management-bar-light .navbar-toggler {
14779
+ color: rgba(0, 0, 0, 0.5);
14568
14780
  }
14569
- @media (max-width: 1199.98px) {
14570
- .management-bar-light.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
14571
- background-color: #f8f9fa;
14572
- border-color: transparent;
14573
- }
14574
- .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,
14575
- .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item {
14576
- color: rgba(0, 0, 0, 0.5);
14577
- }
14578
- .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
14579
- border-color: rgba(0, 0, 0, 0.5);
14580
- }
14581
- .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover {
14582
- color: rgba(0, 0, 0, 0.7);
14583
- }
14584
- .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
14585
- color: rgba(0, 0, 0, 0.9);
14586
- }
14587
- .management-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
14588
- color: rgba(0, 0, 0, 0.3);
14589
- }
14781
+ .management-bar-light .navbar-overlay {
14782
+ background-color: #f8f9fa;
14590
14783
  }
14591
14784
  .management-bar-primary {
14592
14785
  background-color: #e5f2ff;
14593
14786
  border-color: #007bff;
14594
- border-style: solid;
14595
14787
  color: rgba(0, 0, 0, 0.5);
14596
14788
  }
14597
- .management-bar-primary .nav-link,
14789
+ .management-bar-primary .navbar-nav .nav-link,
14598
14790
  .management-bar-primary .navbar-nav .btn-unstyled {
14599
14791
  color: rgba(0, 0, 0, 0.5);
14600
14792
  }
14601
- .management-bar-primary .nav-link:hover,
14793
+ .management-bar-primary .navbar-nav .nav-link:hover,
14602
14794
  .management-bar-primary .navbar-nav .btn-unstyled:hover {
14603
14795
  color: rgba(0, 0, 0, 0.7);
14604
14796
  }
14605
- .management-bar-primary .nav-link.active, .management-bar-primary .nav-link[aria-expanded=true],
14606
- .management-bar-primary .navbar-nav .btn-unstyled.active,
14607
- .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 {
14608
14799
  color: rgba(0, 0, 0, 0.9);
14609
14800
  }
14610
- .management-bar-primary .nav-link.disabled, .management-bar-primary .nav-link:disabled,
14611
- .management-bar-primary .navbar-nav .btn-unstyled.disabled,
14612
- .management-bar-primary .navbar-nav .btn-unstyled:disabled {
14613
- color: rgba(0, 0, 0, 0.3);
14614
- 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);
14615
14804
  }
14616
- .management-bar-primary .navbar-toggler {
14617
- 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);
14618
14815
  }
14619
- .management-bar-primary .navbar-toggler-link[aria-expanded=true] {
14816
+ .management-bar-primary .navbar-brand[aria-expanded=true], .management-bar-primary .navbar-brand.show {
14620
14817
  color: rgba(0, 0, 0, 0.9);
14621
14818
  }
14819
+ .management-bar-primary .navbar-toggler {
14820
+ color: rgba(0, 0, 0, 0.5);
14821
+ }
14622
14822
  .management-bar-primary .navbar-overlay {
14623
14823
  background-color: #e5f2ff;
14624
14824
  }
14625
- @media (max-width: 575.98px) {
14626
- .management-bar-primary.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
14627
- background-color: #e5f2ff;
14628
- border-color: #007bff;
14629
- }
14630
- .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,
14631
- .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
14632
- color: rgba(0, 0, 0, 0.5);
14633
- }
14634
- .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
14635
- border-color: rgba(0, 0, 0, 0.5);
14636
- }
14637
- .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover {
14638
- color: rgba(0, 0, 0, 0.7);
14639
- }
14640
- .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
14641
- color: rgba(0, 0, 0, 0.9);
14642
- }
14643
- .management-bar-primary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled {
14644
- color: rgba(0, 0, 0, 0.3);
14645
- }
14646
- }
14647
- @media (max-width: 767.98px) {
14648
- .management-bar-primary.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
14649
- background-color: #e5f2ff;
14650
- border-color: #007bff;
14651
- }
14652
- .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,
14653
- .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
14654
- color: rgba(0, 0, 0, 0.5);
14655
- }
14656
- .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
14657
- border-color: rgba(0, 0, 0, 0.5);
14658
- }
14659
- .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
14660
- color: rgba(0, 0, 0, 0.7);
14661
- }
14662
- .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
14663
- color: rgba(0, 0, 0, 0.9);
14664
- }
14665
- .management-bar-primary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
14666
- color: rgba(0, 0, 0, 0.3);
14667
- }
14668
- }
14669
- @media (max-width: 991.98px) {
14670
- .management-bar-primary.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
14671
- background-color: #e5f2ff;
14672
- border-color: #007bff;
14673
- }
14674
- .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,
14675
- .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
14676
- color: rgba(0, 0, 0, 0.5);
14677
- }
14678
- .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
14679
- border-color: rgba(0, 0, 0, 0.5);
14680
- }
14681
- .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover {
14682
- color: rgba(0, 0, 0, 0.7);
14683
- }
14684
- .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
14685
- color: rgba(0, 0, 0, 0.9);
14686
- }
14687
- .management-bar-primary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled {
14688
- color: rgba(0, 0, 0, 0.3);
14689
- }
14690
- }
14691
- @media (max-width: 1199.98px) {
14692
- .management-bar-primary.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
14693
- background-color: #e5f2ff;
14694
- border-color: #007bff;
14695
- }
14696
- .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,
14697
- .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item {
14698
- color: rgba(0, 0, 0, 0.5);
14699
- }
14700
- .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
14701
- border-color: rgba(0, 0, 0, 0.5);
14702
- }
14703
- .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover {
14704
- color: rgba(0, 0, 0, 0.7);
14705
- }
14706
- .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
14707
- color: rgba(0, 0, 0, 0.9);
14708
- }
14709
- .management-bar-primary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
14710
- color: rgba(0, 0, 0, 0.3);
14711
- }
14712
- }
14713
- .navigation-bar {
14714
- border-width: 0 0 0.0625rem 0;
14715
- font-size: 1rem;
14716
- padding: 0 0;
14717
- border-color: transparent;
14718
- border-style: solid;
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;
14719
14831
  }
14720
14832
  .navigation-bar .navbar-toggler {
14721
14833
  font-size: 1.25rem;
@@ -15031,275 +15143,155 @@ label.custom-control-label {
15031
15143
  bottom: -0.0625rem;
15032
15144
  height: 0.25rem;
15033
15145
  }
15034
- @media (max-width: 575.98px) {
15035
- .navigation-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
15036
- border-color: transparent;
15037
- }
15038
- }
15039
- @media (max-width: 767.98px) {
15040
- .navigation-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
15041
- border-color: transparent;
15042
- }
15043
- }
15044
- @media (max-width: 991.98px) {
15045
- .navigation-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
15046
- border-color: transparent;
15047
- }
15048
- }
15049
- @media (max-width: 1199.98px) {
15050
- .navigation-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
15051
- border-color: transparent;
15052
- }
15053
- }
15054
15146
  .navigation-bar-light {
15055
15147
  background-color: #f8f9fa;
15056
- border-color: transparent;
15057
- border-style: solid;
15058
15148
  }
15059
- .navigation-bar-light .nav-link,
15149
+ .navigation-bar-light .navbar-nav .nav-link,
15060
15150
  .navigation-bar-light .navbar-nav .btn-unstyled {
15061
15151
  color: rgba(0, 0, 0, 0.5);
15062
15152
  }
15063
- .navigation-bar-light .nav-link:hover,
15153
+ .navigation-bar-light .navbar-nav .nav-link:hover,
15064
15154
  .navigation-bar-light .navbar-nav .btn-unstyled:hover {
15065
15155
  color: rgba(0, 0, 0, 0.7);
15066
15156
  }
15067
- .navigation-bar-light .nav-link.active, .navigation-bar-light .nav-link[aria-expanded=true],
15068
- .navigation-bar-light .navbar-nav .btn-unstyled.active,
15069
- .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 {
15159
+ color: rgba(0, 0, 0, 0.9);
15160
+ }
15161
+ .navigation-bar-light .navbar-nav .nav-link.active,
15162
+ .navigation-bar-light .navbar-nav .btn-unstyled.active {
15070
15163
  color: rgba(0, 0, 0, 0.9);
15071
15164
  }
15072
- .navigation-bar-light .nav-link.disabled, .navigation-bar-light .nav-link:disabled,
15073
- .navigation-bar-light .navbar-nav .btn-unstyled.disabled,
15074
- .navigation-bar-light .navbar-nav .btn-unstyled:disabled {
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 {
15075
15168
  color: rgba(0, 0, 0, 0.3);
15076
15169
  opacity: 1;
15077
15170
  }
15078
- .navigation-bar-light .navbar-toggler {
15079
- 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);
15080
15175
  }
15081
- .navigation-bar-light .navbar-toggler-link[aria-expanded=true] {
15176
+ .navigation-bar-light .navbar-brand:active {
15082
15177
  color: rgba(0, 0, 0, 0.9);
15083
15178
  }
15179
+ .navigation-bar-light .navbar-brand.active {
15180
+ color: rgba(0, 0, 0, 0.9);
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
+ }
15084
15192
  .navigation-bar-light .navbar-overlay {
15085
15193
  background-color: #f8f9fa;
15086
15194
  }
15087
- @media (max-width: 575.98px) {
15088
- .navigation-bar-light.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
15089
- background-color: #f8f9fa;
15090
- border-color: transparent;
15091
- }
15092
- .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,
15093
- .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
15094
- color: rgba(0, 0, 0, 0.5);
15095
- }
15096
- .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
15097
- border-color: rgba(0, 0, 0, 0.5);
15098
- }
15099
- .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover {
15100
- color: rgba(0, 0, 0, 0.7);
15101
- }
15102
- .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
15103
- color: rgba(0, 0, 0, 0.9);
15104
- }
15105
- .navigation-bar-light.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled {
15106
- color: rgba(0, 0, 0, 0.3);
15107
- }
15108
- }
15109
15195
  @media (max-width: 767.98px) {
15110
- .navigation-bar-light.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
15111
- background-color: #f8f9fa;
15112
- border-color: transparent;
15113
- }
15114
- .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,
15115
- .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 {
15116
15197
  color: rgba(0, 0, 0, 0.5);
15117
15198
  }
15118
- .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
15119
- border-color: rgba(0, 0, 0, 0.5);
15120
- }
15121
15199
  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
15122
15200
  color: rgba(0, 0, 0, 0.7);
15123
15201
  }
15124
- .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 {
15125
15203
  color: rgba(0, 0, 0, 0.9);
15126
15204
  }
15127
- .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
15128
- color: rgba(0, 0, 0, 0.3);
15129
- }
15130
- }
15131
- @media (max-width: 991.98px) {
15132
- .navigation-bar-light.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
15133
- background-color: #f8f9fa;
15134
- border-color: transparent;
15135
- }
15136
- .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,
15137
- .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
15138
- color: rgba(0, 0, 0, 0.5);
15139
- }
15140
- .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
15141
- border-color: rgba(0, 0, 0, 0.5);
15142
- }
15143
- .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover {
15144
- color: rgba(0, 0, 0, 0.7);
15145
- }
15146
- .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 {
15147
15206
  color: rgba(0, 0, 0, 0.9);
15148
15207
  }
15149
- .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 {
15150
15209
  color: rgba(0, 0, 0, 0.3);
15210
+ opacity: 1;
15151
15211
  }
15152
- }
15153
- @media (max-width: 1199.98px) {
15154
- .navigation-bar-light.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
15155
- background-color: #f8f9fa;
15156
- border-color: transparent;
15157
- }
15158
- .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,
15159
- .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item {
15160
- color: rgba(0, 0, 0, 0.5);
15161
- }
15162
- .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
15163
- border-color: rgba(0, 0, 0, 0.5);
15164
- }
15165
- .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover {
15166
- color: rgba(0, 0, 0, 0.7);
15167
- }
15168
- .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 {
15169
15213
  color: rgba(0, 0, 0, 0.9);
15170
15214
  }
15171
- .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
15172
- color: rgba(0, 0, 0, 0.3);
15173
- }
15174
15215
  }
15216
+
15175
15217
  .navigation-bar-secondary {
15176
15218
  background-color: #6c757d;
15177
- border-color: transparent;
15178
- border-style: solid;
15179
15219
  color: #fff;
15180
15220
  }
15181
- .navigation-bar-secondary .nav-link,
15221
+ .navigation-bar-secondary .navbar-nav .nav-link,
15182
15222
  .navigation-bar-secondary .navbar-nav .btn-unstyled {
15183
15223
  color: rgba(255, 255, 255, 0.65);
15184
15224
  }
15185
- .navigation-bar-secondary .nav-link:hover,
15225
+ .navigation-bar-secondary .navbar-nav .nav-link:hover,
15186
15226
  .navigation-bar-secondary .navbar-nav .btn-unstyled:hover {
15187
15227
  color: rgba(255, 255, 255, 0.9);
15188
15228
  }
15189
- .navigation-bar-secondary .nav-link.active, .navigation-bar-secondary .nav-link[aria-expanded=true],
15190
- .navigation-bar-secondary .navbar-nav .btn-unstyled.active,
15191
- .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 {
15192
15231
  color: rgba(255, 255, 255, 0.9);
15193
15232
  }
15194
- .navigation-bar-secondary .nav-link.disabled, .navigation-bar-secondary .nav-link:disabled,
15195
- .navigation-bar-secondary .navbar-nav .btn-unstyled.disabled,
15196
- .navigation-bar-secondary .navbar-nav .btn-unstyled:disabled {
15233
+ .navigation-bar-secondary .navbar-nav .nav-link.active,
15234
+ .navigation-bar-secondary .navbar-nav .btn-unstyled.active {
15235
+ color: rgba(255, 255, 255, 0.9);
15236
+ }
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 {
15197
15240
  color: rgba(255, 255, 255, 0.25);
15198
15241
  opacity: 1;
15199
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
+ }
15200
15248
  .navigation-bar-secondary .navbar-brand {
15201
15249
  color: rgba(255, 255, 255, 0.9);
15202
15250
  }
15203
15251
  .navigation-bar-secondary .navbar-brand:hover {
15204
15252
  color: rgba(255, 255, 255, 0.9);
15205
15253
  }
15206
- .navigation-bar-secondary .navbar-toggler {
15207
- color: rgba(255, 255, 255, 0.65);
15254
+ .navigation-bar-secondary .navbar-brand:active {
15255
+ color: rgba(255, 255, 255, 0.9);
15208
15256
  }
15209
- .navigation-bar-secondary .navbar-toggler-link[aria-expanded=true] {
15257
+ .navigation-bar-secondary .navbar-brand.active {
15210
15258
  color: rgba(255, 255, 255, 0.9);
15211
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
+ }
15212
15270
  .navigation-bar-secondary .navbar-overlay {
15213
15271
  background-color: #6c757d;
15214
15272
  }
15215
- @media (max-width: 575.98px) {
15216
- .navigation-bar-secondary.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
15217
- background-color: #6c757d;
15218
- border-color: transparent;
15219
- }
15220
- .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,
15221
- .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
15222
- color: rgba(255, 255, 255, 0.65);
15223
- }
15224
- .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
15225
- border-color: rgba(255, 255, 255, 0.65);
15226
- }
15227
- .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover {
15228
- color: rgba(255, 255, 255, 0.9);
15229
- }
15230
- .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
15231
- color: rgba(255, 255, 255, 0.9);
15232
- }
15233
- .navigation-bar-secondary.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled {
15234
- color: rgba(255, 255, 255, 0.25);
15235
- }
15236
- }
15237
15273
  @media (max-width: 767.98px) {
15238
- .navigation-bar-secondary.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
15239
- background-color: #6c757d;
15240
- border-color: transparent;
15241
- }
15242
- .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,
15243
- .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 {
15244
15275
  color: rgba(255, 255, 255, 0.65);
15245
15276
  }
15246
- .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
15247
- border-color: rgba(255, 255, 255, 0.65);
15248
- }
15249
15277
  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
15250
15278
  color: rgba(255, 255, 255, 0.9);
15251
15279
  }
15252
- .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 {
15253
15281
  color: rgba(255, 255, 255, 0.9);
15254
15282
  }
15255
- .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
15256
- color: rgba(255, 255, 255, 0.25);
15257
- }
15258
- }
15259
- @media (max-width: 991.98px) {
15260
- .navigation-bar-secondary.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
15261
- background-color: #6c757d;
15262
- border-color: transparent;
15263
- }
15264
- .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,
15265
- .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
15266
- color: rgba(255, 255, 255, 0.65);
15267
- }
15268
- .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
15269
- border-color: rgba(255, 255, 255, 0.65);
15270
- }
15271
- .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover {
15272
- color: rgba(255, 255, 255, 0.9);
15273
- }
15274
- .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 {
15275
15284
  color: rgba(255, 255, 255, 0.9);
15276
15285
  }
15277
- .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 {
15278
15287
  color: rgba(255, 255, 255, 0.25);
15288
+ opacity: 1;
15279
15289
  }
15280
- }
15281
- @media (max-width: 1199.98px) {
15282
- .navigation-bar-secondary.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
15283
- background-color: #6c757d;
15284
- border-color: transparent;
15285
- }
15286
- .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,
15287
- .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item {
15288
- color: rgba(255, 255, 255, 0.65);
15289
- }
15290
- .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
15291
- border-color: rgba(255, 255, 255, 0.65);
15292
- }
15293
- .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover {
15294
- color: rgba(255, 255, 255, 0.9);
15295
- }
15296
- .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 {
15297
15291
  color: rgba(255, 255, 255, 0.9);
15298
15292
  }
15299
- .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
15300
- color: rgba(255, 255, 255, 0.25);
15301
- }
15302
15293
  }
15294
+
15303
15295
  .pagination {
15304
15296
  border-radius: 0.25rem;
15305
15297
  display: flex;
@@ -15308,12 +15300,21 @@ label.custom-control-label {
15308
15300
  margin-bottom: 0.5rem;
15309
15301
  padding-left: 0;
15310
15302
  }
15311
-
15312
15303
  .pagination-bar {
15313
15304
  align-items: center;
15314
15305
  display: flex;
15315
15306
  flex-wrap: wrap;
15316
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
+
15317
15318
  .page-link {
15318
15319
  align-items: center;
15319
15320
  background-color: #fff;
@@ -15333,15 +15334,6 @@ label.custom-control-label {
15333
15334
  padding-top: 0.5rem;
15334
15335
  position: relative;
15335
15336
  }
15336
- .page-link > .c-inner {
15337
- margin-bottom: -0.5rem;
15338
- margin-left: -0.75rem;
15339
- margin-right: -0.75rem;
15340
- margin-top: -0.5rem;
15341
- }
15342
- .page-link .lexicon-icon {
15343
- margin-top: 0;
15344
- }
15345
15337
  .page-link:hover {
15346
15338
  background-color: #e9ecef;
15347
15339
  border-color: #dee2e6;
@@ -15354,13 +15346,19 @@ label.custom-control-label {
15354
15346
  outline: 0;
15355
15347
  z-index: 4;
15356
15348
  }
15357
- .page-link:active, .page-link.active {
15349
+ .page-link:active {
15358
15350
  background-color: #007bff;
15359
15351
  border-color: #007bff;
15360
15352
  color: #fff;
15361
15353
  cursor: default;
15362
15354
  z-index: 3;
15363
15355
  }
15356
+ .page-link.active {
15357
+ background-color: #007bff;
15358
+ border-color: #007bff;
15359
+ color: #fff;
15360
+ z-index: 3;
15361
+ }
15364
15362
  .page-link:disabled, .page-link.disabled {
15365
15363
  background-color: #fff;
15366
15364
  border-color: #dee2e6;
@@ -15371,8 +15369,30 @@ label.custom-control-label {
15371
15369
  pointer-events: auto;
15372
15370
  z-index: 0;
15373
15371
  }
15374
- .page-item.active .page-link,
15375
- .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 {
15376
15396
  background-color: #007bff;
15377
15397
  border-color: #007bff;
15378
15398
  color: #fff;
@@ -15389,11 +15409,9 @@ label.custom-control-label {
15389
15409
  pointer-events: auto;
15390
15410
  z-index: 0;
15391
15411
  }
15392
- .page-item {
15393
- margin-left: -0.5px;
15394
- margin-right: -0.5px;
15412
+ .page-item.disabled .page-link:active {
15413
+ pointer-events: none;
15395
15414
  }
15396
-
15397
15415
  .page-item:first-child .page-link,
15398
15416
  .page-link-first {
15399
15417
  border-radius: 0.25rem 0 0 0.25rem;
@@ -15425,18 +15443,6 @@ label.custom-control-label {
15425
15443
  padding-top: 0.5rem;
15426
15444
  text-decoration: none;
15427
15445
  }
15428
- .pagination-items-per-page > a > .c-inner,
15429
- .pagination-items-per-page > button > .c-inner {
15430
- margin-bottom: -0.5rem;
15431
- margin-left: -0.75rem;
15432
- margin-right: -0.75rem;
15433
- margin-top: -0.5rem;
15434
- }
15435
- .pagination-items-per-page > a .lexicon-icon,
15436
- .pagination-items-per-page > button .lexicon-icon {
15437
- margin-left: 0.125rem;
15438
- margin-top: 0.125rem;
15439
- }
15440
15446
  .pagination-items-per-page > a:hover,
15441
15447
  .pagination-items-per-page > button:hover {
15442
15448
  background-color: #e9ecef;
@@ -15448,8 +15454,13 @@ label.custom-control-label {
15448
15454
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
15449
15455
  outline: 0;
15450
15456
  }
15451
- .pagination-items-per-page > a:active, .pagination-items-per-page > a.active,
15452
- .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,
15453
15464
  .pagination-items-per-page > button.active {
15454
15465
  background-color: #007bff;
15455
15466
  border-color: #007bff;
@@ -15466,13 +15477,25 @@ label.custom-control-label {
15466
15477
  opacity: 1;
15467
15478
  pointer-events: auto;
15468
15479
  }
15469
- .pagination-items-per-page.active > a,
15470
- .pagination-items-per-page.active > button, .pagination-items-per-page.show > a,
15471
- .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 {
15472
15483
  background-color: #007bff;
15473
15484
  border-color: #007bff;
15474
15485
  color: #fff;
15475
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
+ }
15476
15499
  .pagination-items-per-page.disabled > a,
15477
15500
  .pagination-items-per-page.disabled > button {
15478
15501
  background-color: #fff;
@@ -15483,6 +15506,12 @@ label.custom-control-label {
15483
15506
  opacity: 1;
15484
15507
  pointer-events: auto;
15485
15508
  }
15509
+ @media (max-width: 767.98px) {
15510
+ .pagination-items-per-page + .pagination-results {
15511
+ margin-left: auto;
15512
+ }
15513
+ }
15514
+
15486
15515
  .pagination-results {
15487
15516
  border-color: transparent;
15488
15517
  border-style: solid;
@@ -15492,28 +15521,10 @@ label.custom-control-label {
15492
15521
  margin-right: auto;
15493
15522
  max-width: 100%;
15494
15523
  padding: 0.5rem 0.75rem;
15524
+ overflow-wrap: break-word;
15495
15525
  word-wrap: break-word;
15496
15526
  }
15497
15527
 
15498
- .pagination-sm .pagination-items-per-page {
15499
- border-radius: 0.2rem;
15500
- }
15501
- .pagination-sm .pagination-items-per-page > a,
15502
- .pagination-sm .pagination-items-per-page > .btn-unstyled {
15503
- font-size: 0.875rem;
15504
- height: 1.9375rem;
15505
- line-height: 1;
15506
- padding: 0.25rem 0.75rem;
15507
- }
15508
- .pagination-sm .pagination-items-per-page > a .c-inner,
15509
- .pagination-sm .pagination-items-per-page > .btn-unstyled .c-inner {
15510
- margin: -0.25rem -0.75rem;
15511
- }
15512
- .pagination-sm .pagination-results {
15513
- font-size: 0.875rem;
15514
- line-height: 1;
15515
- padding: 0.25rem 0.75rem;
15516
- }
15517
15528
  .pagination-sm .page-link {
15518
15529
  font-size: 0.875rem;
15519
15530
  height: 1.9375rem;
@@ -15523,11 +15534,11 @@ label.custom-control-label {
15523
15534
  padding-left: 0.5rem;
15524
15535
  padding-top: 0.25rem;
15525
15536
  }
15526
- .pagination-sm .page-link .c-inner {
15527
- margin: -0.25rem -0.5rem;
15528
- }
15529
- .pagination-sm .page-link.btn-unstyled {
15530
- 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;
15531
15542
  }
15532
15543
  .pagination-sm .page-item:first-child .page-link,
15533
15544
  .pagination-sm .page-link-first {
@@ -15539,26 +15550,32 @@ label.custom-control-label {
15539
15550
  border-bottom-right-radius: 0.2rem;
15540
15551
  border-top-right-radius: 0.2rem;
15541
15552
  }
15542
-
15543
- .pagination-lg .pagination-items-per-page {
15544
- border-radius: 0.3rem;
15553
+ .pagination-sm .pagination-items-per-page {
15554
+ border-radius: 0.2rem;
15545
15555
  }
15546
- .pagination-lg .pagination-items-per-page > a,
15547
- .pagination-lg .pagination-items-per-page > .btn-unstyled {
15548
- font-size: 1.25rem;
15549
- 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;
15550
15560
  line-height: 1;
15551
- 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;
15552
15565
  }
15553
- .pagination-lg .pagination-items-per-page > a .c-inner,
15554
- .pagination-lg .pagination-items-per-page > .btn-unstyled .c-inner {
15555
- 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;
15556
15572
  }
15557
- .pagination-lg .pagination-results {
15558
- font-size: 1.25rem;
15573
+ .pagination-sm .pagination-items-per-page + .pagination-results {
15574
+ font-size: 0.875rem;
15559
15575
  line-height: 1;
15560
- padding: 0.75rem 0.75rem;
15576
+ padding: 0.25rem 0.75rem;
15561
15577
  }
15578
+
15562
15579
  .pagination-lg .page-link {
15563
15580
  font-size: 1.25rem;
15564
15581
  height: 3.5rem;
@@ -15568,11 +15585,11 @@ label.custom-control-label {
15568
15585
  padding-right: 1.5rem;
15569
15586
  padding-top: 0.75rem;
15570
15587
  }
15571
- .pagination-lg .page-link .c-inner {
15572
- margin: -0.75rem -1.5rem;
15573
- }
15574
- .pagination-lg .page-link.btn-unstyled {
15575
- 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;
15576
15593
  }
15577
15594
  .pagination-lg .page-item:first-child .page-link,
15578
15595
  .pagination-lg .page-link-first {
@@ -15584,6 +15601,21 @@ label.custom-control-label {
15584
15601
  border-bottom-right-radius: 0.3rem;
15585
15602
  border-top-right-radius: 0.3rem;
15586
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
+ }
15587
15619
 
15588
15620
  .panel {
15589
15621
  background-color: #fff;
@@ -15877,13 +15909,12 @@ label.custom-control-label {
15877
15909
  border: 0.0625rem solid rgba(0, 0, 0, 0.2);
15878
15910
  border-radius: 0.3rem;
15879
15911
  display: block;
15880
- 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;
15881
15913
  font-size: 0.875rem;
15882
15914
  font-style: normal;
15883
15915
  font-weight: 400;
15884
15916
  left: 0;
15885
15917
  letter-spacing: normal;
15886
- line-break: auto;
15887
15918
  line-height: 1.5;
15888
15919
  max-width: 276px;
15889
15920
  position: absolute;
@@ -15895,6 +15926,7 @@ label.custom-control-label {
15895
15926
  white-space: normal;
15896
15927
  word-break: normal;
15897
15928
  word-spacing: normal;
15929
+ overflow-wrap: break-word;
15898
15930
  word-wrap: break-word;
15899
15931
  z-index: 1060;
15900
15932
  }
@@ -15905,13 +15937,23 @@ label.custom-control-label {
15905
15937
  position: absolute;
15906
15938
  width: 1rem;
15907
15939
  }
15908
- .popover .arrow::before, .popover .arrow::after {
15940
+ .popover .arrow::before {
15941
+ border-color: transparent;
15942
+ border-style: solid;
15943
+ content: "";
15944
+ display: block;
15945
+ position: absolute;
15946
+ }
15947
+ .popover .arrow::after {
15909
15948
  border-color: transparent;
15910
15949
  border-style: solid;
15911
15950
  content: "";
15912
15951
  display: block;
15913
15952
  position: absolute;
15914
15953
  }
15954
+ .popover .inline-scroller {
15955
+ max-height: 14.75rem;
15956
+ }
15915
15957
 
15916
15958
  .bs-popover-bottom,
15917
15959
  .bs-popover-auto[x-placement^=bottom] {
@@ -16022,20 +16064,11 @@ label.custom-control-label {
16022
16064
  bottom: 0.0625rem;
16023
16065
  }
16024
16066
 
16025
- .popover .inline-scroller {
16026
- max-height: 14.75rem;
16027
- }
16028
-
16029
16067
  .popover-header {
16030
16068
  background-color: #f7f7f7;
16031
16069
  border-bottom: 0.0625rem solid #ebebeb;
16032
16070
  border-top-left-radius: 0.2375rem;
16033
16071
  border-top-right-radius: 0.2375rem;
16034
- }
16035
-
16036
- .popover-header {
16037
- border-top-left-radius: 0.2375rem;
16038
- border-top-right-radius: 0.2375rem;
16039
16072
  font-size: 1rem;
16040
16073
  font-weight: 500;
16041
16074
  margin-bottom: 0;
@@ -16061,16 +16094,11 @@ label.custom-control-label {
16061
16094
  .clay-popover-top .arrow,
16062
16095
  .clay-popover-top-left .arrow,
16063
16096
  .clay-popover-top-right .arrow {
16097
+ left: 50%;
16098
+ margin-left: -0.5rem;
16064
16099
  bottom: calc((0.5rem + 0.0625rem) * -1);
16065
16100
  margin: 0;
16066
16101
  }
16067
- .clay-popover-top .arrow::after,
16068
- .clay-popover-top-left .arrow::after,
16069
- .clay-popover-top-right .arrow::after {
16070
- border-top-color: #fff;
16071
- border-width: 0.5rem 0.5rem 0;
16072
- bottom: 0.0625rem;
16073
- }
16074
16102
  .clay-popover-top .arrow::before,
16075
16103
  .clay-popover-top-left .arrow::before,
16076
16104
  .clay-popover-top-right .arrow::before {
@@ -16078,11 +16106,22 @@ label.custom-control-label {
16078
16106
  border-width: 0.5rem 0.5rem 0;
16079
16107
  bottom: 0;
16080
16108
  }
16081
-
16082
- .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 {
16083
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;
16084
16124
  }
16085
-
16086
16125
  .clay-popover-right,
16087
16126
  .clay-popover-right-bottom,
16088
16127
  .clay-popover-right-top {
@@ -16093,16 +16132,10 @@ label.custom-control-label {
16093
16132
  .clay-popover-right-top .arrow {
16094
16133
  height: 1rem;
16095
16134
  left: calc((0.5rem + 0.0625rem) * -1);
16096
- margin: 0;
16135
+ margin: -0.25rem 0 0;
16136
+ top: 50%;
16097
16137
  width: 0.5rem;
16098
16138
  }
16099
- .clay-popover-right .arrow::after,
16100
- .clay-popover-right-bottom .arrow::after,
16101
- .clay-popover-right-top .arrow::after {
16102
- border-right-color: #fff;
16103
- border-width: 0.5rem 0.5rem 0.5rem 0;
16104
- left: 0.0625rem;
16105
- }
16106
16139
  .clay-popover-right .arrow::before,
16107
16140
  .clay-popover-right-bottom .arrow::before,
16108
16141
  .clay-popover-right-top .arrow::before {
@@ -16110,15 +16143,25 @@ label.custom-control-label {
16110
16143
  border-width: 0.5rem 0.5rem 0.5rem 0;
16111
16144
  left: 0;
16112
16145
  }
16113
-
16114
- .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 {
16115
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;
16116
16161
  }
16117
-
16118
16162
  .clay-popover-right-top .arrow::after {
16119
16163
  border-right-color: #f7f7f7;
16120
16164
  }
16121
-
16122
16165
  .clay-popover-bottom,
16123
16166
  .clay-popover-bottom-left,
16124
16167
  .clay-popover-bottom-right {
@@ -16127,36 +16170,38 @@ label.custom-control-label {
16127
16170
  .clay-popover-bottom .arrow,
16128
16171
  .clay-popover-bottom-left .arrow,
16129
16172
  .clay-popover-bottom-right .arrow {
16130
- margin: 0;
16173
+ left: 50%;
16174
+ margin: 0 0 0 -0.5rem;
16131
16175
  top: calc((0.5rem + 0.0625rem) * -1);
16132
16176
  }
16133
- .clay-popover-bottom .arrow:after,
16134
- .clay-popover-bottom-left .arrow:after,
16135
- .clay-popover-bottom-right .arrow:after {
16136
- border-bottom-color: #fff;
16137
- border-width: 0 0.5rem 0.5rem 0.5rem;
16138
- top: 0.0625rem;
16139
- }
16140
- .clay-popover-bottom .arrow:before,
16141
- .clay-popover-bottom-left .arrow:before,
16142
- .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 {
16143
16180
  border-bottom-color: rgba(0, 0, 0, 0.25);
16144
16181
  border-width: 0 0.5rem 0.5rem 0.5rem;
16145
16182
  top: 0;
16146
16183
  }
16147
-
16148
- .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 {
16149
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;
16150
16194
  }
16151
-
16152
16195
  .clay-popover-bottom-left .arrow::after {
16153
16196
  border-bottom-color: #f7f7f7;
16154
16197
  }
16155
-
16198
+ .clay-popover-bottom-right .arrow {
16199
+ left: auto;
16200
+ right: 0.375rem;
16201
+ }
16156
16202
  .clay-popover-bottom-right .arrow::after {
16157
16203
  border-bottom-color: #f7f7f7;
16158
16204
  }
16159
-
16160
16205
  .clay-popover-left,
16161
16206
  .clay-popover-left-bottom,
16162
16207
  .clay-popover-left-top {
@@ -16166,17 +16211,11 @@ label.custom-control-label {
16166
16211
  .clay-popover-left-bottom .arrow,
16167
16212
  .clay-popover-left-top .arrow {
16168
16213
  height: 1rem;
16169
- margin: 0;
16214
+ margin: -0.25rem 0 0;
16170
16215
  right: calc((0.5rem + 0.0625rem) * -1);
16216
+ top: 50%;
16171
16217
  width: 0.5rem;
16172
16218
  }
16173
- .clay-popover-left .arrow::after,
16174
- .clay-popover-left-bottom .arrow::after,
16175
- .clay-popover-left-top .arrow::after {
16176
- border-left-color: #fff;
16177
- border-width: 0.5rem 0 0.5rem 0.5rem;
16178
- right: 0.0625rem;
16179
- }
16180
16219
  .clay-popover-left .arrow::before,
16181
16220
  .clay-popover-left-bottom .arrow::before,
16182
16221
  .clay-popover-left-top .arrow::before {
@@ -16184,47 +16223,25 @@ label.custom-control-label {
16184
16223
  border-width: 0.5rem 0 0.5rem 0.5rem;
16185
16224
  right: 0;
16186
16225
  }
16187
-
16188
- .clay-popover-left .arrow::after {
16189
- border-left-color: #fff;
16190
- }
16191
-
16226
+ .clay-popover-left .arrow::after,
16227
+ .clay-popover-left-bottom .arrow::after,
16192
16228
  .clay-popover-left-top .arrow::after {
16193
- border-left-color: #f7f7f7;
16194
- }
16195
-
16196
- .clay-popover-bottom .arrow,
16197
- .clay-popover-top .arrow {
16198
- left: 50%;
16199
- margin-left: -0.5rem;
16200
- }
16201
-
16202
- .clay-popover-bottom-left .arrow,
16203
- .clay-popover-top-left .arrow {
16204
- left: 0.375rem;
16205
- }
16206
-
16207
- .clay-popover-bottom-right .arrow,
16208
- .clay-popover-top-right .arrow {
16209
- right: 0.375rem;
16210
- }
16211
-
16212
- .clay-popover-left .arrow,
16213
- .clay-popover-right .arrow {
16214
- margin-top: -0.25rem;
16215
- top: 50%;
16229
+ border-left-color: #fff;
16230
+ border-width: 0.5rem 0 0.5rem 0.5rem;
16231
+ right: 0.0625rem;
16216
16232
  }
16217
-
16218
- .clay-popover-left-bottom .arrow,
16219
- .clay-popover-right-bottom .arrow {
16233
+ .clay-popover-left-bottom .arrow {
16220
16234
  bottom: 0.375rem;
16235
+ margin: 0;
16236
+ top: auto;
16221
16237
  }
16222
-
16223
- .clay-popover-left-top .arrow,
16224
- .clay-popover-right-top .arrow {
16238
+ .clay-popover-left-top .arrow {
16239
+ margin: 0;
16225
16240
  top: 0.375rem;
16226
16241
  }
16227
-
16242
+ .clay-popover-left-top .arrow::after {
16243
+ border-left-color: #f7f7f7;
16244
+ }
16228
16245
  .progress {
16229
16246
  background-color: #e9ecef;
16230
16247
  border-radius: 0.25rem;
@@ -16813,122 +16830,50 @@ a.sheet-subtitle:hover {
16813
16830
  .sidebar-light .component-navigation-bar {
16814
16831
  background-color: #f8f9fa;
16815
16832
  border-color: #dee2e6;
16816
- border-style: solid;
16817
16833
  }
16818
- .sidebar-light .component-navigation-bar .nav-link,
16834
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link,
16819
16835
  .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled {
16820
16836
  color: rgba(0, 0, 0, 0.5);
16821
16837
  }
16822
- .sidebar-light .component-navigation-bar .nav-link:hover,
16838
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link:hover,
16823
16839
  .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled:hover {
16824
16840
  color: rgba(0, 0, 0, 0.7);
16825
16841
  }
16826
- .sidebar-light .component-navigation-bar .nav-link.active, .sidebar-light .component-navigation-bar .nav-link[aria-expanded=true],
16827
- .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled.active,
16828
- .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 {
16829
16844
  color: rgba(0, 0, 0, 0.9);
16830
16845
  }
16831
- .sidebar-light .component-navigation-bar .nav-link.disabled, .sidebar-light .component-navigation-bar .nav-link:disabled,
16832
- .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled.disabled,
16833
- .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled:disabled {
16834
- color: rgba(0, 0, 0, 0.3);
16846
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link.active,
16847
+ .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled.active {
16848
+ color: rgba(0, 0, 0, 0.9);
16835
16849
  }
16836
- .sidebar-light .component-navigation-bar .navbar-toggler {
16837
- color: rgba(0, 0, 0, 0.5);
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 {
16853
+ color: rgba(0, 0, 0, 0.3);
16838
16854
  }
16839
- .sidebar-light .component-navigation-bar .navbar-toggler-link[aria-expanded=true] {
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 {
16840
16858
  color: rgba(0, 0, 0, 0.9);
16841
16859
  }
16842
- .sidebar-light .component-navigation-bar .navbar-overlay {
16843
- background-color: #f8f9fa;
16844
- }
16845
- @media (max-width: 575.98px) {
16846
- .sidebar-light .component-navigation-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
16847
- background-color: #f8f9fa;
16848
- border-color: #dee2e6;
16849
- }
16850
- .sidebar-light .component-navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-header,
16851
- .sidebar-light .component-navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
16852
- color: rgba(0, 0, 0, 0.5);
16853
- }
16854
- .sidebar-light .component-navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
16855
- border-color: rgba(0, 0, 0, 0.5);
16856
- }
16857
- .sidebar-light .component-navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover {
16858
- color: rgba(0, 0, 0, 0.7);
16859
- }
16860
- .sidebar-light .component-navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
16861
- color: rgba(0, 0, 0, 0.9);
16862
- }
16863
- .sidebar-light .component-navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.disabled {
16864
- color: rgba(0, 0, 0, 0.3);
16865
- }
16860
+ .sidebar-light .component-navigation-bar .navbar-brand:active {
16861
+ color: rgba(0, 0, 0, 0.9);
16866
16862
  }
16867
- @media (max-width: 767.98px) {
16868
- .sidebar-light .component-navigation-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
16869
- background-color: #f8f9fa;
16870
- border-color: #dee2e6;
16871
- }
16872
- .sidebar-light .component-navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-header,
16873
- .sidebar-light .component-navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
16874
- color: rgba(0, 0, 0, 0.5);
16875
- }
16876
- .sidebar-light .component-navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
16877
- border-color: rgba(0, 0, 0, 0.5);
16878
- }
16879
- .sidebar-light .component-navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
16880
- color: rgba(0, 0, 0, 0.7);
16881
- }
16882
- .sidebar-light .component-navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
16883
- color: rgba(0, 0, 0, 0.9);
16884
- }
16885
- .sidebar-light .component-navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
16886
- color: rgba(0, 0, 0, 0.3);
16887
- }
16863
+ .sidebar-light .component-navigation-bar .navbar-brand.active {
16864
+ color: rgba(0, 0, 0, 0.9);
16888
16865
  }
16889
- @media (max-width: 991.98px) {
16890
- .sidebar-light .component-navigation-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
16891
- background-color: #f8f9fa;
16892
- border-color: #dee2e6;
16893
- }
16894
- .sidebar-light .component-navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-header,
16895
- .sidebar-light .component-navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
16896
- color: rgba(0, 0, 0, 0.5);
16897
- }
16898
- .sidebar-light .component-navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
16899
- border-color: rgba(0, 0, 0, 0.5);
16900
- }
16901
- .sidebar-light .component-navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover {
16902
- color: rgba(0, 0, 0, 0.7);
16903
- }
16904
- .sidebar-light .component-navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
16905
- color: rgba(0, 0, 0, 0.9);
16906
- }
16907
- .sidebar-light .component-navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled {
16908
- color: rgba(0, 0, 0, 0.3);
16909
- }
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);
16910
16868
  }
16911
- @media (max-width: 1199.98px) {
16912
- .sidebar-light .component-navigation-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
16913
- background-color: #f8f9fa;
16914
- border-color: #dee2e6;
16915
- }
16916
- .sidebar-light .component-navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-header,
16917
- .sidebar-light .component-navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item {
16918
- color: rgba(0, 0, 0, 0.5);
16919
- }
16920
- .sidebar-light .component-navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
16921
- border-color: rgba(0, 0, 0, 0.5);
16922
- }
16923
- .sidebar-light .component-navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover {
16924
- color: rgba(0, 0, 0, 0.7);
16925
- }
16926
- .sidebar-light .component-navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
16927
- color: rgba(0, 0, 0, 0.9);
16928
- }
16929
- .sidebar-light .component-navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
16930
- color: rgba(0, 0, 0, 0.3);
16931
- }
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);
16871
+ }
16872
+ .sidebar-light .component-navigation-bar .navbar-toggler {
16873
+ color: rgba(0, 0, 0, 0.5);
16874
+ }
16875
+ .sidebar-light .component-navigation-bar .navbar-overlay {
16876
+ background-color: #f8f9fa;
16932
16877
  }
16933
16878
  .sidebar-dark {
16934
16879
  background-color: #343a40;
@@ -16987,7 +16932,7 @@ a.sheet-subtitle:hover {
16987
16932
  .sidebar-dark .nav-nested .nav-link:disabled:active, .sidebar-dark .nav-nested .nav-link.disabled:active {
16988
16933
  pointer-events: none;
16989
16934
  }
16990
- .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 {
16991
16936
  color: #fff;
16992
16937
  }
16993
16938
  .c-slideout-transition-in {
@@ -18536,13 +18481,17 @@ caption {
18536
18481
  background-color: #e9ecef;
18537
18482
  color: #343a40;
18538
18483
  }
18539
- .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 {
18540
18485
  background-color: #e9ecef;
18541
18486
  color: #343a40;
18542
18487
  }
18543
18488
  .tbar-light .tbar-btn-monospaced:disabled, .tbar-light .tbar-btn-monospaced.disabled {
18544
18489
  color: inherit;
18545
18490
  }
18491
+ .tbar-light .tbar-btn-monospaced[aria-expanded=true], .tbar-light .tbar-btn-monospaced.show {
18492
+ background-color: #e9ecef;
18493
+ color: #343a40;
18494
+ }
18546
18495
  .tbar-light .tbar-label {
18547
18496
  border-width: 0.0625rem;
18548
18497
  }
@@ -18568,13 +18517,17 @@ caption {
18568
18517
  background-color: rgba(255, 255, 255, 0.06);
18569
18518
  color: #fff;
18570
18519
  }
18571
- .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 {
18572
18521
  background-color: rgba(255, 255, 255, 0.06);
18573
18522
  color: #fff;
18574
18523
  }
18575
18524
  .tbar-dark-l2 .tbar-btn-monospaced:disabled, .tbar-dark-l2 .tbar-btn-monospaced.disabled {
18576
18525
  color: inherit;
18577
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
+ }
18578
18531
  .tbar-dark-l2 .tbar-label {
18579
18532
  border-width: 0.0625rem;
18580
18533
  }
@@ -18599,11 +18552,11 @@ caption {
18599
18552
  background-color: rgba(255, 255, 255, 0.06);
18600
18553
  color: #fff;
18601
18554
  }
18602
- .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 {
18603
18556
  background-color: rgba(255, 255, 255, 0.06);
18604
18557
  color: #fff;
18605
18558
  }
18606
- .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 {
18607
18560
  background-color: #75b8ff;
18608
18561
  bottom: 0;
18609
18562
  content: "";
@@ -18616,6 +18569,10 @@ caption {
18616
18569
  .tbar-dark-d1 .tbar-btn-monospaced:disabled, .tbar-dark-d1 .tbar-btn-monospaced.disabled {
18617
18570
  color: inherit;
18618
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
+ }
18619
18576
  .tbar-dark-d1 .tbar-label {
18620
18577
  border-width: 0.0625rem;
18621
18578
  }
@@ -18881,49 +18838,15 @@ caption {
18881
18838
  max-width: 75px;
18882
18839
  }
18883
18840
 
18884
- .simple-toggle-switch.toggle-switch {
18885
- align-items: center;
18886
- display: inline-flex;
18887
- }
18888
- .simple-toggle-switch .toggle-switch-check + .toggle-switch-label {
18889
- margin-right: 0.5rem;
18890
- }
18891
- .simple-toggle-switch .toggle-switch-label + .toggle-switch-check-bar {
18892
- margin-left: 0.5rem;
18893
- }
18894
- .simple-toggle-switch .toggle-switch-label {
18895
- line-height: 1;
18896
- margin-bottom: 0;
18897
- max-width: calc(
18898
- 100% - 58px
18899
- );
18900
- }
18901
-
18902
- .simple-toggle-switch-reverse .toggle-switch-label {
18903
- margin-right: 0.5rem;
18904
- }
18905
- .simple-toggle-switch-reverse .toggle-switch-check-bar {
18906
- order: 5;
18907
- }
18908
- .simple-toggle-switch-reverse .toggle-switch-check-bar .toggle-switch-bar {
18909
- order: 0;
18910
- }
18911
- .simple-toggle-switch-reverse .toggle-switch-bar {
18912
- order: 5;
18913
- }
18914
-
18915
- label.toggle-switch {
18916
- cursor: pointer;
18917
- }
18918
- label.toggle-switch.disabled {
18919
- cursor: not-allowed;
18920
- }
18921
-
18922
18841
  .toggle-switch {
18842
+ cursor: pointer;
18923
18843
  display: inline-block;
18924
18844
  max-width: 100%;
18925
18845
  position: relative;
18926
18846
  }
18847
+ .toggle-switch.disabled {
18848
+ cursor: not-allowed;
18849
+ }
18927
18850
  .toggle-switch.disabled .toggle-switch-label {
18928
18851
  color: #6c757d;
18929
18852
  cursor: not-allowed;
@@ -18931,7 +18854,6 @@ label.toggle-switch.disabled {
18931
18854
  .toggle-switch.disabled .toggle-switch-text {
18932
18855
  color: #6c757d;
18933
18856
  }
18934
-
18935
18857
  .toggle-switch-check-bar {
18936
18858
  display: inline-flex;
18937
18859
  position: relative;
@@ -18951,7 +18873,6 @@ label.toggle-switch.disabled {
18951
18873
  .toggle-switch-bar .button-icon {
18952
18874
  font-size: 0.75rem;
18953
18875
  }
18954
-
18955
18876
  .toggle-switch-check {
18956
18877
  bottom: 0;
18957
18878
  font-size: 62.5%;
@@ -18961,7 +18882,7 @@ label.toggle-switch.disabled {
18961
18882
  width: 50px;
18962
18883
  z-index: 2;
18963
18884
  }
18964
- .toggle-switch-check:empty ~ .toggle-switch-bar {
18885
+ .toggle-switch-check ~ .toggle-switch-bar {
18965
18886
  display: inline-flex;
18966
18887
  font-size: 0.75rem;
18967
18888
  height: 25px;
@@ -18969,49 +18890,71 @@ label.toggle-switch.disabled {
18969
18890
  position: relative;
18970
18891
  text-indent: 0;
18971
18892
  -ms-user-select: none;
18893
+ -moz-user-select: none;
18894
+ -webkit-user-select: none;
18972
18895
  user-select: none;
18973
18896
  }
18974
- .toggle-switch-check:empty ~ .toggle-switch-bar:after {
18975
- background-color: #fff;
18897
+ .toggle-switch-check ~ .toggle-switch-bar::before {
18898
+ background-color: #e9ecef;
18976
18899
  border-color: #ced4da;
18977
- border-radius: 3px 0 0 3px;
18900
+ border-radius: 3px;
18978
18901
  border-style: solid;
18979
18902
  border-width: 1px;
18980
18903
  bottom: 0;
18981
- content: "";
18904
+ content: " ";
18982
18905
  display: block;
18983
- height: 25px;
18984
18906
  left: 0;
18985
18907
  position: absolute;
18986
18908
  top: 0;
18987
18909
  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
18988
- width: 25px;
18910
+ width: 50px;
18989
18911
  }
18990
- .toggle-switch-check:empty ~ .toggle-switch-bar:before {
18991
- background-color: #e9ecef;
18912
+ @media (prefers-reduced-motion: reduce) {
18913
+ .toggle-switch-check ~ .toggle-switch-bar::before {
18914
+ transition: none;
18915
+ }
18916
+ }
18917
+ .toggle-switch-check ~ .toggle-switch-bar::after {
18918
+ background-color: #fff;
18992
18919
  border-color: #ced4da;
18993
- border-radius: 3px;
18920
+ border-radius: 3px 0 0 3px;
18994
18921
  border-style: solid;
18995
18922
  border-width: 1px;
18996
18923
  bottom: 0;
18997
- content: " ";
18924
+ content: "";
18998
18925
  display: block;
18926
+ height: 25px;
18999
18927
  left: 0;
19000
18928
  position: absolute;
19001
18929
  top: 0;
19002
18930
  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
19003
- width: 50px;
18931
+ width: 25px;
18932
+ }
18933
+ @media (prefers-reduced-motion: reduce) {
18934
+ .toggle-switch-check ~ .toggle-switch-bar::after {
18935
+ transition: none;
18936
+ }
18937
+ }
18938
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before {
18939
+ transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
18940
+ }
18941
+ @media (prefers-reduced-motion: reduce) {
18942
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before {
18943
+ transition: none;
18944
+ }
19004
18945
  }
19005
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-handle:after {
18946
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
19006
18947
  content: attr(data-label-off);
19007
18948
  margin-left: 58px;
19008
18949
  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
19009
18950
  white-space: nowrap;
19010
18951
  }
19011
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-handle:before {
19012
- transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, right 100ms ease-in;
18952
+ @media (prefers-reduced-motion: reduce) {
18953
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
18954
+ transition: none;
18955
+ }
19013
18956
  }
19014
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-icon {
18957
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
19015
18958
  color: #495057;
19016
18959
  left: 0;
19017
18960
  line-height: 25px;
@@ -19023,58 +18966,119 @@ label.toggle-switch.disabled {
19023
18966
  width: 25px;
19024
18967
  z-index: 1;
19025
18968
  }
19026
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-icon-on {
18969
+ @media (prefers-reduced-motion: reduce) {
18970
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
18971
+ transition: none;
18972
+ }
18973
+ }
18974
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-on {
19027
18975
  left: 0;
19028
18976
  opacity: 0;
19029
18977
  }
19030
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-icon-off {
18978
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-off {
19031
18979
  left: 25px;
19032
18980
  }
19033
- .toggle-switch-check:empty ~ .toggle-switch-bar .button-icon {
18981
+ .toggle-switch-check ~ .toggle-switch-bar .button-icon {
19034
18982
  color: #495057;
19035
18983
  }
19036
- .toggle-switch-check:empty ~ .toggle-switch-bar .button-icon-on {
18984
+ .toggle-switch-check ~ .toggle-switch-bar .button-icon-on {
19037
18985
  opacity: 0;
19038
18986
  }
19039
- .toggle-switch-check:checked ~ .toggle-switch-bar:after {
19040
- background-color: #fff;
18987
+ .toggle-switch-check:focus ~ .toggle-switch-bar::before {
18988
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
18989
+ }
18990
+ .toggle-switch-check[disabled] ~ .toggle-switch-bar, .toggle-switch-check:disabled ~ .toggle-switch-bar {
18991
+ cursor: not-allowed;
18992
+ opacity: 0.4;
18993
+ }
18994
+ .toggle-switch-check:checked ~ .toggle-switch-bar::before {
18995
+ background-color: #007bff;
19041
18996
  border-color: #007bff;
19042
- border-radius: 0 3px 3px 0;
18997
+ border-radius: 3px;
19043
18998
  border-style: solid;
19044
18999
  border-width: 1px;
19045
- left: 25px;
19046
19000
  }
19047
- .toggle-switch-check:checked ~ .toggle-switch-bar:before {
19048
- background-color: #007bff;
19001
+ .toggle-switch-check:checked ~ .toggle-switch-bar::after {
19002
+ background-color: #fff;
19049
19003
  border-color: #007bff;
19050
- border-radius: 3px;
19004
+ border-radius: 0 3px 3px 0;
19051
19005
  border-style: solid;
19052
19006
  border-width: 1px;
19007
+ left: 25px;
19053
19008
  }
19054
- .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-handle:after {
19009
+ .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-handle::after {
19055
19010
  content: attr(data-label-on);
19056
19011
  }
19057
19012
  .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon {
19058
19013
  color: #fff;
19059
19014
  }
19015
+ .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon-on {
19016
+ opacity: 1;
19017
+ }
19018
+ .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon-off {
19019
+ opacity: 0;
19020
+ }
19060
19021
  .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon {
19061
19022
  color: #007bff;
19062
19023
  left: 25px;
19063
19024
  }
19064
- .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-on,
19065
- .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon-on {
19025
+ .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-on {
19066
19026
  opacity: 1;
19067
19027
  }
19068
- .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-off,
19069
- .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon-off {
19028
+ .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-off {
19070
19029
  opacity: 0;
19071
19030
  }
19072
- .toggle-switch-check:disabled ~ .toggle-switch-bar, .toggle-switch-check.disabled ~ .toggle-switch-bar {
19073
- cursor: not-allowed;
19074
- opacity: 0.4;
19075
- }
19076
- .toggle-switch-check:focus ~ .toggle-switch-bar:before {
19077
- box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
19031
+ @media (max-width: 767.98px) {
19032
+ .toggle-switch-check {
19033
+ height: 25px;
19034
+ width: 50px;
19035
+ }
19036
+ .toggle-switch-check ~ .toggle-switch-bar {
19037
+ height: 25px;
19038
+ line-height: 25px;
19039
+ text-indent: 0;
19040
+ }
19041
+ .toggle-switch-check ~ .toggle-switch-bar::before {
19042
+ width: 50px;
19043
+ }
19044
+ .toggle-switch-check ~ .toggle-switch-bar::after {
19045
+ bottom: 0;
19046
+ height: 25px;
19047
+ left: 0;
19048
+ top: 0;
19049
+ width: 25px;
19050
+ }
19051
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle {
19052
+ min-width: 50px;
19053
+ }
19054
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
19055
+ margin-left: 58px;
19056
+ }
19057
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
19058
+ font-size: 0.75rem;
19059
+ left: 0;
19060
+ line-height: 25px;
19061
+ top: 0;
19062
+ width: 25px;
19063
+ }
19064
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-on {
19065
+ left: 0;
19066
+ }
19067
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-off {
19068
+ left: 25px;
19069
+ }
19070
+ .toggle-switch-check ~ .toggle-switch-bar .button-icon {
19071
+ font-size: 0.75rem;
19072
+ }
19073
+ .toggle-switch-check:checked ~ .toggle-switch-bar::after {
19074
+ left: 25px;
19075
+ }
19076
+ .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-handle::after {
19077
+ margin-left: 58px;
19078
+ }
19079
+ .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon {
19080
+ left: 25px;
19081
+ }
19078
19082
  }
19079
19083
 
19080
19084
  .toggle-switch-label {
@@ -19092,33 +19096,72 @@ label.toggle-switch.disabled {
19092
19096
  line-height: 25px;
19093
19097
  margin-right: 8px;
19094
19098
  }
19099
+ @media (max-width: 767.98px) {
19100
+ .toggle-switch-text-left {
19101
+ line-height: 25px;
19102
+ }
19103
+ }
19095
19104
 
19096
19105
  .toggle-switch-text-right {
19097
19106
  display: inline-flex;
19098
19107
  line-height: 25px;
19099
19108
  margin-left: 8px;
19100
19109
  }
19110
+ @media (max-width: 767.98px) {
19111
+ .toggle-switch-text-right {
19112
+ line-height: 25px;
19113
+ }
19114
+ }
19115
+
19116
+ .simple-toggle-switch.toggle-switch {
19117
+ align-items: center;
19118
+ display: inline-flex;
19119
+ }
19120
+ .simple-toggle-switch.toggle-switch .toggle-switch-label {
19121
+ line-height: 1;
19122
+ margin-bottom: 0;
19123
+ max-width: calc( 100% - 58px );
19124
+ }
19125
+ @media (max-width: 767.98px) {
19126
+ .simple-toggle-switch.toggle-switch .toggle-switch-label {
19127
+ max-width: calc( 100% - 58px );
19128
+ }
19129
+ }
19130
+ .simple-toggle-switch.toggle-switch .toggle-switch-check + .toggle-switch-label {
19131
+ margin-right: 0.5rem;
19132
+ }
19133
+ .simple-toggle-switch.toggle-switch .toggle-switch-label + .toggle-switch-check-bar {
19134
+ margin-left: 0.5rem;
19135
+ }
19101
19136
 
19137
+ .simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-check-bar {
19138
+ order: 5;
19139
+ }
19140
+ .simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-check ~ .toggle-switch-bar {
19141
+ order: 5;
19142
+ }
19143
+ .simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-label {
19144
+ margin-right: 0.5rem;
19145
+ }
19102
19146
  .tooltip {
19103
19147
  display: block;
19104
- 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;
19105
19149
  font-size: 0.875rem;
19106
19150
  font-style: normal;
19107
19151
  font-weight: 400;
19108
19152
  letter-spacing: normal;
19109
- line-break: auto;
19110
19153
  line-height: 1.5;
19111
19154
  margin: 0;
19112
19155
  opacity: 0;
19113
19156
  position: absolute;
19114
19157
  text-align: left;
19115
- text-align: start;
19116
19158
  text-decoration: none;
19117
19159
  text-shadow: none;
19118
19160
  text-transform: none;
19119
19161
  white-space: normal;
19120
19162
  word-break: normal;
19121
19163
  word-spacing: normal;
19164
+ overflow-wrap: break-word;
19122
19165
  word-wrap: break-word;
19123
19166
  z-index: 1070;
19124
19167
  }
@@ -19137,7 +19180,6 @@ label.toggle-switch.disabled {
19137
19180
  content: "";
19138
19181
  position: absolute;
19139
19182
  }
19140
-
19141
19183
  .tooltip-inner {
19142
19184
  background-color: #000;
19143
19185
  border-radius: 0.25rem;
@@ -19218,38 +19260,6 @@ label.toggle-switch.disabled {
19218
19260
  left: 0;
19219
19261
  }
19220
19262
 
19221
- .clay-tooltip-bottom .arrow,
19222
- .clay-tooltip-top .arrow {
19223
- left: 50%;
19224
- margin-left: -0.4rem;
19225
- }
19226
-
19227
- .clay-tooltip-bottom-left .arrow,
19228
- .clay-tooltip-top-left .arrow {
19229
- left: 0.25rem;
19230
- }
19231
-
19232
- .clay-tooltip-bottom-right .arrow,
19233
- .clay-tooltip-top-right .arrow {
19234
- right: 0.25rem;
19235
- }
19236
-
19237
- .clay-tooltip-left .arrow,
19238
- .clay-tooltip-right .arrow {
19239
- margin-top: -0.4rem;
19240
- top: 50%;
19241
- }
19242
-
19243
- .clay-tooltip-left-bottom .arrow,
19244
- .clay-tooltip-right-bottom .arrow {
19245
- bottom: 0.25rem;
19246
- }
19247
-
19248
- .clay-tooltip-left-top .arrow,
19249
- .clay-tooltip-right-top .arrow {
19250
- top: 0.25rem;
19251
- }
19252
-
19253
19263
  .clay-tooltip-bottom,
19254
19264
  .clay-tooltip-bottom-left,
19255
19265
  .clay-tooltip-bottom-right {
@@ -19258,6 +19268,8 @@ label.toggle-switch.disabled {
19258
19268
  .clay-tooltip-bottom .arrow,
19259
19269
  .clay-tooltip-bottom-left .arrow,
19260
19270
  .clay-tooltip-bottom-right .arrow {
19271
+ left: 50%;
19272
+ margin-left: -0.4rem;
19261
19273
  top: 0;
19262
19274
  }
19263
19275
  .clay-tooltip-bottom .arrow::before,
@@ -19275,7 +19287,15 @@ label.toggle-switch.disabled {
19275
19287
  left: 50%;
19276
19288
  top: 0;
19277
19289
  }
19278
-
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
+ }
19279
19299
  .clay-tooltip-left,
19280
19300
  .clay-tooltip-left-bottom,
19281
19301
  .clay-tooltip-left-top {
@@ -19285,7 +19305,9 @@ label.toggle-switch.disabled {
19285
19305
  .clay-tooltip-left-bottom .arrow,
19286
19306
  .clay-tooltip-left-top .arrow {
19287
19307
  height: 0.8rem;
19308
+ margin-top: -0.4rem;
19288
19309
  right: 0;
19310
+ top: 50%;
19289
19311
  width: 0.4rem;
19290
19312
  }
19291
19313
  .clay-tooltip-left .arrow::before,
@@ -19303,7 +19325,15 @@ label.toggle-switch.disabled {
19303
19325
  right: 0;
19304
19326
  top: 50%;
19305
19327
  }
19306
-
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
+ }
19307
19337
  .clay-tooltip-right,
19308
19338
  .clay-tooltip-right-bottom,
19309
19339
  .clay-tooltip-right-top {
@@ -19314,7 +19344,9 @@ label.toggle-switch.disabled {
19314
19344
  .clay-tooltip-right-top .arrow {
19315
19345
  height: 0.8rem;
19316
19346
  left: 0;
19347
+ margin-top: -0.4rem;
19317
19348
  width: 0.4rem;
19349
+ top: 50%;
19318
19350
  }
19319
19351
  .clay-tooltip-right .arrow::before,
19320
19352
  .clay-tooltip-right-bottom .arrow::before,
@@ -19331,7 +19363,15 @@ label.toggle-switch.disabled {
19331
19363
  left: 0;
19332
19364
  top: 50%;
19333
19365
  }
19334
-
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
+ }
19335
19375
  .clay-tooltip-top,
19336
19376
  .clay-tooltip-top-left,
19337
19377
  .clay-tooltip-top-right {
@@ -19341,6 +19381,8 @@ label.toggle-switch.disabled {
19341
19381
  .clay-tooltip-top-left .arrow,
19342
19382
  .clay-tooltip-top-right .arrow {
19343
19383
  bottom: 0;
19384
+ left: 50%;
19385
+ margin-left: -0.4rem;
19344
19386
  }
19345
19387
  .clay-tooltip-top .arrow::before,
19346
19388
  .clay-tooltip-top-left .arrow::before,
@@ -19357,7 +19399,15 @@ label.toggle-switch.disabled {
19357
19399
  bottom: 0;
19358
19400
  left: 50%;
19359
19401
  }
19360
-
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
+ }
19361
19411
  .bg-checkered {
19362
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%);
19363
19413
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;