@clayui/css 3.40.0 → 3.43.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (88) hide show
  1. package/lib/css/atlas.css +1199 -1285
  2. package/lib/css/atlas.css.map +1 -1
  3. package/lib/css/base.css +1037 -1095
  4. package/lib/css/base.css.map +1 -1
  5. package/lib/css/bootstrap.css.map +1 -1
  6. package/lib/css/cadmin.css +1036 -1163
  7. package/lib/css/cadmin.css.map +1 -1
  8. package/lib/images/icons/filter.svg +1 -1
  9. package/lib/images/icons/icons.svg +1 -1
  10. package/package.json +2 -2
  11. package/src/images/icons/filter.svg +1 -1
  12. package/src/scss/_mixins.scss +2 -0
  13. package/src/scss/atlas/variables/_application-bar.scss +32 -12
  14. package/src/scss/atlas/variables/_buttons.scss +2 -31
  15. package/src/scss/atlas/variables/_forms.scss +33 -1
  16. package/src/scss/atlas/variables/_globals.scss +13 -0
  17. package/src/scss/atlas/variables/_management-bar.scss +53 -21
  18. package/src/scss/atlas/variables/_navigation-bar.scss +104 -18
  19. package/src/scss/atlas/variables/_navs.scss +20 -15
  20. package/src/scss/atlas/variables/_pagination.scss +2 -0
  21. package/src/scss/atlas/variables/_sidebar.scss +1 -1
  22. package/src/scss/{_atlas-variables.scss → atlas-variables.scss} +0 -0
  23. package/src/scss/{_base-variables.scss → base-variables.scss} +0 -0
  24. package/src/scss/cadmin/components/_dropdowns.scss +4 -0
  25. package/src/scss/cadmin/components/_form-validation.scss +10 -237
  26. package/src/scss/cadmin/components/_input-groups.scss +11 -313
  27. package/src/scss/cadmin/components/_navs.scss +23 -113
  28. package/src/scss/cadmin/components/_pagination.scss +20 -236
  29. package/src/scss/cadmin/components/_popovers.scss +31 -252
  30. package/src/scss/cadmin/components/_reboot.scss +1 -8
  31. package/src/scss/cadmin/components/_toggle-switch.scss +20 -358
  32. package/src/scss/cadmin/components/_tooltip.scss +29 -167
  33. package/src/scss/cadmin/components/_utilities-functional-important.scss +4 -3
  34. package/src/scss/cadmin/variables/_alerts.scss +3 -2
  35. package/src/scss/cadmin/variables/_dropdowns.scss +31 -2
  36. package/src/scss/cadmin/variables/_forms.scss +719 -7
  37. package/src/scss/cadmin/variables/_globals.scss +14 -0
  38. package/src/scss/cadmin/variables/_management-bar.scss +70 -30
  39. package/src/scss/cadmin/variables/_navigation-bar.scss +118 -22
  40. package/src/scss/cadmin/variables/_navs.scss +227 -52
  41. package/src/scss/cadmin/variables/_pagination.scss +274 -68
  42. package/src/scss/cadmin/variables/_popovers.scss +410 -0
  43. package/src/scss/cadmin/variables/_sidebar.scss +17 -5
  44. package/src/scss/cadmin/variables/_toggle-switch.scss +404 -1
  45. package/src/scss/cadmin/variables/_tooltip.scss +299 -0
  46. package/src/scss/components/_button-groups.scss +6 -6
  47. package/src/scss/components/_buttons.scss +87 -49
  48. package/src/scss/components/_dropdowns.scss +4 -0
  49. package/src/scss/components/_form-validation.scss +8 -237
  50. package/src/scss/components/_input-groups.scss +12 -308
  51. package/src/scss/components/_multi-step-nav.scss +12 -8
  52. package/src/scss/components/_navs.scss +33 -128
  53. package/src/scss/components/_pagination.scss +18 -234
  54. package/src/scss/components/_popovers.scss +30 -237
  55. package/src/scss/components/_reboot.scss +1 -8
  56. package/src/scss/components/_toggle-switch.scss +36 -351
  57. package/src/scss/components/_tooltip.scss +29 -164
  58. package/src/scss/functions/_global-functions.scss +18 -0
  59. package/src/scss/functions/_lx-icons-generated.scss +1 -1
  60. package/src/scss/mixins/_buttons.scss +674 -472
  61. package/src/scss/mixins/_close.scss +0 -1
  62. package/src/scss/mixins/_custom-forms.scss +46 -34
  63. package/src/scss/mixins/_dropdown-menu.scss +483 -406
  64. package/src/scss/mixins/_forms.scss +751 -260
  65. package/src/scss/mixins/_globals.scss +7 -0
  66. package/src/scss/mixins/_input-groups.scss +405 -11
  67. package/src/scss/mixins/_labels.scss +320 -296
  68. package/src/scss/mixins/_links.scss +645 -414
  69. package/src/scss/mixins/_nav.scss +202 -131
  70. package/src/scss/mixins/_navbar.scss +759 -140
  71. package/src/scss/mixins/_pagination.scss +422 -0
  72. package/src/scss/mixins/_popovers.scss +90 -0
  73. package/src/scss/mixins/_toggle-switch.scss +1140 -14
  74. package/src/scss/mixins/_tooltip.scss +70 -0
  75. package/src/scss/variables/_alerts.scss +1 -0
  76. package/src/scss/variables/_application-bar.scss +18 -6
  77. package/src/scss/variables/_buttons.scss +26 -3
  78. package/src/scss/variables/_dropdowns.scss +31 -2
  79. package/src/scss/variables/_forms.scss +700 -23
  80. package/src/scss/variables/_globals.scss +13 -0
  81. package/src/scss/variables/_management-bar.scss +45 -12
  82. package/src/scss/variables/_navigation-bar.scss +95 -14
  83. package/src/scss/variables/_navs.scss +223 -32
  84. package/src/scss/variables/_pagination.scss +261 -61
  85. package/src/scss/variables/_popovers.scss +392 -0
  86. package/src/scss/variables/_sidebar.scss +17 -5
  87. package/src/scss/variables/_toggle-switch.scss +404 -5
  88. package/src/scss/variables/_tooltip.scss +299 -0
package/lib/css/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 {
@@ -5971,7 +6120,6 @@ input[type=button].btn-block {
5971
6120
  position: relative;
5972
6121
  text-align: inherit;
5973
6122
  transition: none;
5974
- white-space: normal;
5975
6123
  width: 100%;
5976
6124
  overflow-wrap: break-word;
5977
6125
  word-wrap: break-word;
@@ -6035,6 +6183,23 @@ input[type=button].btn-block {
6035
6183
  margin-top: -0.25rem;
6036
6184
  width: auto;
6037
6185
  }
6186
+ .dropdown-item.autofit-row {
6187
+ padding-left: 1rem;
6188
+ padding-right: 1rem;
6189
+ }
6190
+ .dropdown-item.autofit-row > .autofit-col {
6191
+ padding-left: 0.25rem;
6192
+ padding-right: 0.25rem;
6193
+ }
6194
+ .dropdown-item .autofit-row {
6195
+ margin-left: 0.25rem;
6196
+ margin-right: 0.25rem;
6197
+ width: auto;
6198
+ }
6199
+ .dropdown-item .autofit-row > .autofit-col {
6200
+ padding-left: 0.25rem;
6201
+ padding-right: 0.25rem;
6202
+ }
6038
6203
  .dropdown-item .c-kbd-inline {
6039
6204
  line-height: 1.5rem;
6040
6205
  }
@@ -6498,6 +6663,10 @@ input[type=button].btn-block {
6498
6663
  }
6499
6664
  }
6500
6665
 
6666
+ .dropdown-menu-width-shrink {
6667
+ min-width: 0;
6668
+ white-space: nowrap;
6669
+ }
6501
6670
  .dropdown-menu-width-full {
6502
6671
  left: 12px !important;
6503
6672
  right: 12px !important;
@@ -7050,7 +7219,6 @@ select.form-control[size]:focus, select.form-control[size].focus {
7050
7219
  select.form-control[size] option {
7051
7220
  padding: 0.25rem;
7052
7221
  }
7053
-
7054
7222
  select.form-control[multiple] {
7055
7223
  background-image: none;
7056
7224
  height: auto;
@@ -7065,7 +7233,6 @@ select.form-control[multiple]:focus, select.form-control[multiple].focus {
7065
7233
  select.form-control[multiple] option {
7066
7234
  padding: 0.25rem;
7067
7235
  }
7068
-
7069
7236
  textarea.form-control,
7070
7237
  textarea.form-control-plaintext,
7071
7238
  .form-control.form-control-textarea {
@@ -7480,6 +7647,9 @@ button.link-outline {
7480
7647
  .link-outline:hover {
7481
7648
  text-decoration: none;
7482
7649
  }
7650
+ .link-outline:disabled:active, .link-outline.disabled:active {
7651
+ pointer-events: none;
7652
+ }
7483
7653
  .link-outline > .c-inner {
7484
7654
  margin-bottom: -0.25rem;
7485
7655
  margin-left: -0.5rem;
@@ -7516,7 +7686,7 @@ button.link-outline {
7516
7686
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
7517
7687
  outline: 0;
7518
7688
  }
7519
- .link-outline-primary[aria-expanded=true], .link-outline-primary.show, .show > .link-outline-primary {
7689
+ .link-outline-primary[aria-expanded=true], .link-outline-primary.show {
7520
7690
  background-color: #007bff;
7521
7691
  color: #fff;
7522
7692
  }
@@ -7546,7 +7716,7 @@ button.link-outline {
7546
7716
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
7547
7717
  outline: 0;
7548
7718
  }
7549
- .link-outline-secondary[aria-expanded=true], .link-outline-secondary.show, .show > .link-outline-secondary {
7719
+ .link-outline-secondary[aria-expanded=true], .link-outline-secondary.show {
7550
7720
  background-color: #6c757d;
7551
7721
  color: #fff;
7552
7722
  }
@@ -7640,11 +7810,14 @@ button.link-outline {
7640
7810
  cursor: not-allowed;
7641
7811
  opacity: 0.65;
7642
7812
  }
7813
+ .component-action:disabled:active, .component-action.disabled:active {
7814
+ pointer-events: none;
7815
+ }
7643
7816
  .component-action[type]:focus {
7644
7817
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
7645
7818
  outline: 0;
7646
7819
  }
7647
- .component-action[aria-expanded=true], .component-action.show, .show > .component-action {
7820
+ .component-action[aria-expanded=true], .component-action.show {
7648
7821
  background-color: #6c757d;
7649
7822
  color: #fff;
7650
7823
  }
@@ -8015,7 +8188,10 @@ button.link-outline {
8015
8188
  .clay-color-btn:active {
8016
8189
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
8017
8190
  }
8018
- .clay-color-btn[aria-expanded=true], .clay-color-btn.active, .clay-color-btn.show, .show > .clay-color-btn.dropdown-toggle {
8191
+ .clay-color-btn.active {
8192
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
8193
+ }
8194
+ .clay-color-btn[aria-expanded=true], .clay-color-btn.show {
8019
8195
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
8020
8196
  }
8021
8197
  .clay-color-btn .c-inner {
@@ -8749,7 +8925,6 @@ label.custom-control-label {
8749
8925
  padding-right: 0.25rem;
8750
8926
  background-color: transparent;
8751
8927
  }
8752
-
8753
8928
  .date-picker-dropdown-menu {
8754
8929
  max-height: none;
8755
8930
  max-width: 370px;
@@ -8940,7 +9115,7 @@ label.custom-control-label {
8940
9115
  .date-picker-date:active:focus {
8941
9116
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
8942
9117
  }
8943
- .date-picker-date[aria-expanded=true], .date-picker-date.active, .date-picker-date.show, .show > .date-picker-date.dropdown-toggle {
9118
+ .date-picker-date.active {
8944
9119
  background-color: #007bff;
8945
9120
  color: #fff;
8946
9121
  }
@@ -8949,6 +9124,10 @@ label.custom-control-label {
8949
9124
  box-shadow: none;
8950
9125
  opacity: 0.65;
8951
9126
  }
9127
+ .date-picker-date[aria-expanded=true], .date-picker-date.show {
9128
+ background-color: #007bff;
9129
+ color: #fff;
9130
+ }
8952
9131
  .previous-month-date {
8953
9132
  opacity: 0.65;
8954
9133
  }
@@ -8959,7 +9138,11 @@ label.custom-control-label {
8959
9138
  background-color: #75b8ff;
8960
9139
  color: #e5f2ff;
8961
9140
  }
8962
- .previous-month-date[aria-expanded=true], .previous-month-date.active, .previous-month-date.show, .show > .previous-month-date.dropdown-toggle {
9141
+ .previous-month-date.active {
9142
+ background-color: #75b8ff;
9143
+ color: #e5f2ff;
9144
+ }
9145
+ .previous-month-date[aria-expanded=true], .previous-month-date.show {
8963
9146
  background-color: #75b8ff;
8964
9147
  color: #e5f2ff;
8965
9148
  }
@@ -8973,7 +9156,11 @@ label.custom-control-label {
8973
9156
  background-color: #75b8ff;
8974
9157
  color: #e5f2ff;
8975
9158
  }
8976
- .next-month-date[aria-expanded=true], .next-month-date.active, .next-month-date.show, .show > .next-month-date.dropdown-toggle {
9159
+ .next-month-date.active {
9160
+ background-color: #75b8ff;
9161
+ color: #e5f2ff;
9162
+ }
9163
+ .next-month-date[aria-expanded=true], .next-month-date.show {
8977
9164
  background-color: #75b8ff;
8978
9165
  color: #e5f2ff;
8979
9166
  }
@@ -9208,12 +9395,14 @@ label.custom-control-label {
9208
9395
 
9209
9396
  .form-feedback-group {
9210
9397
  width: 100%;
9398
+ overflow-wrap: break-word;
9211
9399
  word-wrap: break-word;
9212
9400
  }
9213
9401
 
9214
9402
  .form-feedback-item {
9215
9403
  font-size: 80%;
9216
9404
  margin-top: 0.25rem;
9405
+ overflow-wrap: break-word;
9217
9406
  word-wrap: break-word;
9218
9407
  }
9219
9408
 
@@ -9230,6 +9419,7 @@ label.custom-control-label {
9230
9419
  display: block;
9231
9420
  font-size: 0.875rem;
9232
9421
  margin-top: 0.25rem;
9422
+ overflow-wrap: break-word;
9233
9423
  word-wrap: break-word;
9234
9424
  }
9235
9425
 
@@ -9279,8 +9469,13 @@ label.custom-control-label {
9279
9469
  .has-error .input-group-item.focus {
9280
9470
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
9281
9471
  }
9282
- .has-error .input-group-item.focus .form-control,
9283
- .has-error .input-group-item.focus .input-group-inset-item {
9472
+ .has-error .input-group-item.focus .input-group-inset {
9473
+ border-color: #dc3545;
9474
+ }
9475
+ .has-error .input-group-item.focus .input-group-inset ~ .input-group-inset-item {
9476
+ border-color: #dc3545;
9477
+ }
9478
+ .has-error .input-group-item .input-group-inset ~ .input-group-inset-item {
9284
9479
  border-color: #dc3545;
9285
9480
  }
9286
9481
  .has-error .input-group-item .input-group-inset:focus {
@@ -9289,9 +9484,6 @@ label.custom-control-label {
9289
9484
  .has-error .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
9290
9485
  border-color: #dc3545;
9291
9486
  }
9292
- .has-error .input-group .input-group-inset-item {
9293
- border-color: #dc3545;
9294
- }
9295
9487
 
9296
9488
  .has-warning .custom-control-label,
9297
9489
  .has-warning .form-check-label {
@@ -9321,8 +9513,13 @@ label.custom-control-label {
9321
9513
  .has-warning .input-group-item.focus {
9322
9514
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
9323
9515
  }
9324
- .has-warning .input-group-item.focus .form-control,
9325
- .has-warning .input-group-item.focus .input-group-inset-item {
9516
+ .has-warning .input-group-item.focus .input-group-inset {
9517
+ border-color: #ffc107;
9518
+ }
9519
+ .has-warning .input-group-item.focus .input-group-inset ~ .input-group-inset-item {
9520
+ border-color: #ffc107;
9521
+ }
9522
+ .has-warning .input-group-item .input-group-inset ~ .input-group-inset-item {
9326
9523
  border-color: #ffc107;
9327
9524
  }
9328
9525
  .has-warning .input-group-item .input-group-inset:focus {
@@ -9331,9 +9528,6 @@ label.custom-control-label {
9331
9528
  .has-warning .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
9332
9529
  border-color: #ffc107;
9333
9530
  }
9334
- .has-warning .input-group .input-group-inset-item {
9335
- border-color: #ffc107;
9336
- }
9337
9531
 
9338
9532
  .has-success .custom-control-label,
9339
9533
  .has-success .form-check-label {
@@ -9363,8 +9557,13 @@ label.custom-control-label {
9363
9557
  .has-success .input-group-item.focus {
9364
9558
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
9365
9559
  }
9366
- .has-success .input-group-item.focus .form-control,
9367
- .has-success .input-group-item.focus .input-group-inset-item {
9560
+ .has-success .input-group-item.focus .input-group-inset {
9561
+ border-color: #28a745;
9562
+ }
9563
+ .has-success .input-group-item.focus .input-group-inset ~ .input-group-inset-item {
9564
+ border-color: #28a745;
9565
+ }
9566
+ .has-success .input-group-item .input-group-inset ~ .input-group-inset-item {
9368
9567
  border-color: #28a745;
9369
9568
  }
9370
9569
  .has-success .input-group-item .input-group-inset:focus {
@@ -9373,9 +9572,6 @@ label.custom-control-label {
9373
9572
  .has-success .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
9374
9573
  border-color: #28a745;
9375
9574
  }
9376
- .has-success .input-group .input-group-inset-item {
9377
- border-color: #28a745;
9378
- }
9379
9575
 
9380
9576
  .input-group > .form-control,
9381
9577
  .input-group > .form-control-plaintext,
@@ -9493,15 +9689,36 @@ label.custom-control-label {
9493
9689
  .input-group .btn-unstyled {
9494
9690
  color: inherit;
9495
9691
  }
9496
-
9497
9692
  .input-group-item {
9498
9693
  display: flex;
9499
9694
  flex-grow: 1;
9500
9695
  flex-wrap: wrap;
9501
9696
  margin-left: 0.5rem;
9502
9697
  width: 1%;
9698
+ overflow-wrap: break-word;
9503
9699
  word-wrap: break-word;
9504
9700
  }
9701
+ .input-group-item.focus {
9702
+ border-radius: 0.25rem;
9703
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
9704
+ }
9705
+ .input-group-item.focus.input-group-prepend {
9706
+ border-bottom-right-radius: 0;
9707
+ border-top-right-radius: 0;
9708
+ z-index: 1;
9709
+ }
9710
+ .input-group-item.focus.input-group-append {
9711
+ border-bottom-left-radius: 0;
9712
+ border-top-left-radius: 0;
9713
+ }
9714
+ .input-group-item.focus > .form-control {
9715
+ background-color: #fff;
9716
+ border-color: #80bdff;
9717
+ }
9718
+ .input-group-item.focus > .input-group-inset-item {
9719
+ background-color: #fff;
9720
+ border-color: #80bdff;
9721
+ }
9505
9722
  .input-group-item:first-child {
9506
9723
  margin-left: 0;
9507
9724
  }
@@ -9511,25 +9728,24 @@ label.custom-control-label {
9511
9728
  .input-group-item > .dropdown {
9512
9729
  display: flex;
9513
9730
  flex-wrap: wrap;
9731
+ overflow-wrap: break-word;
9514
9732
  word-wrap: break-word;
9515
9733
  width: 100%;
9516
9734
  }
9517
-
9518
9735
  .input-group-item-shrink {
9519
9736
  flex-grow: 0;
9520
9737
  width: auto;
9521
9738
  }
9522
-
9523
9739
  .input-group-text {
9524
9740
  align-items: center;
9525
9741
  background-color: #e9ecef;
9526
- border-color: #ced4da;
9527
- border-style: solid;
9528
9742
  border-bottom-width: 0.0625rem;
9743
+ border-color: #ced4da;
9529
9744
  border-left-width: 0.0625rem;
9745
+ border-radius: 0.25rem;
9530
9746
  border-right-width: 0.0625rem;
9747
+ border-style: solid;
9531
9748
  border-top-width: 0.0625rem;
9532
- border-radius: 0.25rem;
9533
9749
  color: #495057;
9534
9750
  display: flex;
9535
9751
  font-size: 1rem;
@@ -9549,18 +9765,19 @@ label.custom-control-label {
9549
9765
  .input-group-text label {
9550
9766
  color: #495057;
9551
9767
  }
9552
- .input-group-text input[type=radio],
9553
- .input-group-text input[type=checkbox] {
9554
- margin-top: 0;
9768
+ .input-group-text .custom-control {
9769
+ margin-bottom: 0;
9555
9770
  }
9556
- .input-group-text .custom-control,
9557
9771
  .input-group-text .form-check {
9558
9772
  margin-bottom: 0;
9559
9773
  }
9774
+ .input-group-text .form-check input[type=radio],
9775
+ .input-group-text .form-check input[type=checkbox] {
9776
+ margin-top: 0;
9777
+ }
9560
9778
  .input-group-text .lexicon-icon {
9561
9779
  margin-top: 0;
9562
9780
  }
9563
-
9564
9781
  .input-group-text-secondary {
9565
9782
  background-color: #6c757d;
9566
9783
  border-color: #6c757d;
@@ -9571,7 +9788,6 @@ label.custom-control-label {
9571
9788
  .input-group-text-secondary label {
9572
9789
  color: #fff;
9573
9790
  }
9574
-
9575
9791
  @media (max-width: 575.98px) {
9576
9792
  .input-group-stacked-sm-down > .input-group-item {
9577
9793
  margin-bottom: 0.5rem;
@@ -9586,6 +9802,17 @@ label.custom-control-label {
9586
9802
 
9587
9803
  .input-group-lg > .input-group-item > .btn {
9588
9804
  font-size: 1.25rem;
9805
+ line-height: 1.5;
9806
+ padding-bottom: 0.5rem;
9807
+ padding-left: 1rem;
9808
+ padding-right: 1rem;
9809
+ padding-top: 0.5rem;
9810
+ }
9811
+ .input-group-lg > .input-group-item > .btn .c-inner {
9812
+ margin-bottom: -0.5rem;
9813
+ margin-left: -1rem;
9814
+ margin-right: -1rem;
9815
+ margin-top: -0.5rem;
9589
9816
  }
9590
9817
  .input-group-lg > .input-group-item > .btn .btn-section {
9591
9818
  font-size: 0.8125rem;
@@ -9595,7 +9822,17 @@ label.custom-control-label {
9595
9822
  line-height: 1;
9596
9823
  width: 3rem;
9597
9824
  }
9598
- .input-group-lg > .input-group-item > .form-control,
9825
+ .input-group-lg > .input-group-item > .form-control {
9826
+ border-radius: 0.3rem;
9827
+ font-size: 1.25rem;
9828
+ height: auto;
9829
+ line-height: 1.5;
9830
+ min-height: 3rem;
9831
+ padding-bottom: 0.5rem;
9832
+ padding-left: 1rem;
9833
+ padding-right: 1rem;
9834
+ padding-top: 0.5rem;
9835
+ }
9599
9836
  .input-group-lg > .input-group-item > .form-file .btn {
9600
9837
  border-radius: 0.3rem;
9601
9838
  font-size: 1.25rem;
@@ -9606,6 +9843,12 @@ label.custom-control-label {
9606
9843
  padding-right: 1rem;
9607
9844
  padding-top: 0.5rem;
9608
9845
  }
9846
+ .input-group-lg > .input-group-item > .form-file .btn .c-inner {
9847
+ margin-bottom: -0.5rem;
9848
+ margin-left: -1rem;
9849
+ margin-right: -1rem;
9850
+ margin-top: -0.5rem;
9851
+ }
9609
9852
  .input-group-lg > .input-group-item > textarea.form-control,
9610
9853
  .input-group-lg > .input-group-item > .form-control-textarea {
9611
9854
  height: 190px;
@@ -9625,25 +9868,39 @@ label.custom-control-label {
9625
9868
  padding-left: 1rem;
9626
9869
  padding-right: 1rem;
9627
9870
  }
9628
- .input-group-lg > .input-group-item > .input-group-inset-item > .form-file {
9629
- height: 75%;
9630
- }
9631
9871
  .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;
9638
- }
9639
- .input-group-lg > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner {
9872
+ border-radius: 0.3rem;
9873
+ font-size: 1.25rem;
9874
+ height: 3rem;
9875
+ line-height: 1.5;
9876
+ padding-bottom: 0.5rem;
9877
+ padding-left: 1rem;
9878
+ padding-right: 1rem;
9879
+ padding-top: 0.5rem;
9880
+ }
9881
+ .input-group-lg > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner {
9882
+ margin-bottom: -0.5rem;
9883
+ margin-left: -1rem;
9884
+ margin-right: -1rem;
9885
+ margin-top: -0.5rem;
9886
+ }
9887
+ .input-group-lg > .input-group-item .form-control-inset {
9640
9888
  margin-bottom: 0;
9641
- margin-left: -0.75rem;
9642
- margin-right: -0.75rem;
9643
9889
  margin-top: 0;
9644
9890
  }
9645
9891
  .form-group-sm .input-group > .input-group-item > .btn, .input-group-sm > .input-group-item > .btn {
9646
9892
  font-size: 0.875rem;
9893
+ line-height: 1.5;
9894
+ padding-bottom: 0.25rem;
9895
+ padding-left: 0.5rem;
9896
+ padding-right: 0.5rem;
9897
+ padding-top: 0.25rem;
9898
+ }
9899
+ .form-group-sm .input-group > .input-group-item > .btn .c-inner, .input-group-sm > .input-group-item > .btn .c-inner {
9900
+ margin-bottom: -0.25rem;
9901
+ margin-left: -0.5rem;
9902
+ margin-right: -0.5rem;
9903
+ margin-top: -0.25rem;
9647
9904
  }
9648
9905
  .form-group-sm .input-group > .input-group-item > .btn .btn-section, .input-group-sm > .input-group-item > .btn .btn-section {
9649
9906
  font-size: 0.5625rem;
@@ -9653,30 +9910,49 @@ label.custom-control-label {
9653
9910
  line-height: 1;
9654
9911
  width: 1.9375rem;
9655
9912
  }
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 {
9913
+ .form-group-sm .input-group > .input-group-item > .form-control, .input-group-sm > .input-group-item > .form-control {
9659
9914
  border-radius: 0.2rem;
9660
9915
  font-size: 0.875rem;
9661
- height: 1.9375rem;
9916
+ height: auto;
9662
9917
  line-height: 1.5;
9663
- padding-bottom: 0.25rem;
9918
+ min-height: 1.9375rem;
9919
+ padding-bottom: 0;
9664
9920
  padding-left: 0.5rem;
9665
9921
  padding-right: 0.5rem;
9666
- padding-top: 0.25rem;
9922
+ padding-top: 0;
9667
9923
  }
9668
- .form-group-sm .input-group > .input-group-item > .form-control-plaintext, .input-group-sm > .input-group-item > .form-control-plaintext {
9924
+ .form-group-sm .input-group > .input-group-item > .form-control .label, .input-group-sm > .input-group-item > .form-control .label {
9925
+ margin-bottom: 0.1875rem;
9926
+ margin-top: 0.1875rem;
9927
+ }
9928
+ .form-group-sm .input-group > .input-group-item > .form-file .btn, .input-group-sm > .input-group-item > .form-file .btn {
9929
+ border-radius: 0.2rem;
9669
9930
  font-size: 0.875rem;
9670
9931
  height: 1.9375rem;
9671
9932
  line-height: 1.5;
9672
9933
  padding-bottom: 0.25rem;
9934
+ padding-left: 0.5rem;
9935
+ padding-right: 0.5rem;
9673
9936
  padding-top: 0.25rem;
9674
9937
  }
9938
+ .form-group-sm .input-group > .input-group-item > .form-file .btn .c-inner, .input-group-sm > .input-group-item > .form-file .btn .c-inner {
9939
+ margin-bottom: -0.25rem;
9940
+ margin-left: -0.5rem;
9941
+ margin-right: -0.5rem;
9942
+ margin-top: -0.25rem;
9943
+ }
9675
9944
  .form-group-sm .input-group > .input-group-item > textarea.form-control, .input-group-sm > .input-group-item > textarea.form-control,
9676
9945
  .form-group-sm .input-group > .input-group-item > .form-control-textarea,
9677
9946
  .input-group-sm > .input-group-item > .form-control-textarea {
9678
9947
  height: 120px;
9679
9948
  }
9949
+ .form-group-sm .input-group > .input-group-item > .form-control-plaintext, .input-group-sm > .input-group-item > .form-control-plaintext {
9950
+ font-size: 0.875rem;
9951
+ height: 1.9375rem;
9952
+ line-height: 1.5;
9953
+ padding-bottom: 0.25rem;
9954
+ padding-top: 0.25rem;
9955
+ }
9680
9956
  .form-group-sm .input-group > .input-group-item > .input-group-text, .input-group-sm > .input-group-item > .input-group-text {
9681
9957
  border-radius: 0.2rem;
9682
9958
  font-size: 0.875rem;
@@ -9704,67 +9980,48 @@ label.custom-control-label {
9704
9980
  margin-right: 0.25rem;
9705
9981
  width: 1.5rem;
9706
9982
  }
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
9983
  .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;
9984
+ border-radius: 0.2rem;
9985
+ font-size: 0.875rem;
9986
+ height: 1.9375rem;
9987
+ line-height: 1.5;
9988
+ padding-bottom: 0.25rem;
9714
9989
  padding-left: 0.5rem;
9715
9990
  padding-right: 0.5rem;
9716
- padding-top: 0;
9991
+ padding-top: 0.25rem;
9717
9992
  }
9718
9993
  .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;
9994
+ margin-bottom: -0.25rem;
9720
9995
  margin-left: -0.5rem;
9721
9996
  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;
9997
+ margin-top: -0.25rem;
9739
9998
  }
9740
-
9741
- .input-group-item.input-group-append.focus {
9742
- border-bottom-left-radius: 0;
9743
- border-top-left-radius: 0;
9999
+ .form-group-sm .input-group > .input-group-item .form-control-inset, .input-group-sm > .input-group-item .form-control-inset {
10000
+ margin-bottom: 0.125rem;
10001
+ margin-top: 0.1875rem;
9744
10002
  }
9745
-
9746
10003
  .input-group-inset {
9747
10004
  flex-grow: 1;
9748
10005
  order: 5;
9749
10006
  width: 1%;
9750
10007
  }
9751
- .input-group-inset[readonly] ~ .input-group-inset-item {
9752
- background-color: #e9ecef;
9753
- }
9754
- .input-group-inset:focus {
10008
+ .input-group-inset:focus, .input-group-inset.focus {
9755
10009
  box-shadow: none;
9756
10010
  }
9757
- .input-group-inset:focus ~ .input-group-inset-item {
10011
+ .input-group-inset:focus ~ .input-group-inset-item, .input-group-inset.focus ~ .input-group-inset-item {
9758
10012
  background-color: #fff;
9759
10013
  border-color: #80bdff;
9760
10014
  }
9761
- .input-group-inset:disabled ~ .input-group-inset-item {
10015
+ .input-group-inset:disabled ~ .input-group-inset-item, .input-group-inset.disabled ~ .input-group-inset-item {
9762
10016
  background-color: #e9ecef;
9763
10017
  }
9764
10018
  .input-group-inset ~ .form-feedback-group {
9765
10019
  order: 13;
9766
10020
  }
9767
10021
 
10022
+ .input-group-inset[readonly] ~ .input-group-inset-item {
10023
+ background-color: #e9ecef;
10024
+ }
9768
10025
  .input-group .input-group-inset-item {
9769
10026
  align-items: center;
9770
10027
  background-color: #fff;
@@ -11020,21 +11277,25 @@ label.custom-control-label {
11020
11277
  }
11021
11278
 
11022
11279
  .multi-step-indicator-label-bottom .multi-step-item {
11023
- padding-bottom: 1.5rem;
11280
+ padding-bottom: calc(
11281
+ 1rem * 1.5
11282
+ );
11024
11283
  }
11025
11284
  .multi-step-indicator-label-bottom .multi-step-indicator-label {
11026
11285
  top: 2rem;
11027
11286
  }
11028
11287
 
11029
11288
  .multi-step-indicator-label-top .multi-step-item {
11030
- padding-top: 1.5rem;
11289
+ padding-top: calc(
11290
+ 1rem * 1.5
11291
+ );
11031
11292
  }
11032
11293
  .multi-step-indicator-label-top .multi-step-indicator-label {
11033
- bottom: 2.25rem;
11294
+ bottom: calc(2rem + 0.25rem);
11034
11295
  }
11035
11296
 
11036
11297
  .multi-step-title-center .multi-step-title {
11037
- margin-left: 1rem;
11298
+ margin-left: calc(2rem * 0.5);
11038
11299
  max-width: 100px;
11039
11300
  overflow: hidden;
11040
11301
  position: relative;
@@ -11252,7 +11513,10 @@ label.custom-control-label {
11252
11513
  .multi-step-nav-collapse-sm .multi-step-item {
11253
11514
  margin-bottom: 0;
11254
11515
  min-width: 2rem;
11255
- padding-top: 1.75rem;
11516
+ padding-top: calc(
11517
+ 1rem + 0.625rem +
11518
+ (0.25rem * 0.5)
11519
+ );
11256
11520
  }
11257
11521
  .multi-step-nav-collapse-sm .multi-step-title {
11258
11522
  display: none;
@@ -11289,6 +11553,9 @@ label.custom-control-label {
11289
11553
  color: #6c757d;
11290
11554
  cursor: not-allowed;
11291
11555
  }
11556
+ .nav-link:disabled:active, .nav-link.disabled:active {
11557
+ pointer-events: none;
11558
+ }
11292
11559
  .nav-link > .c-inner {
11293
11560
  margin-bottom: -0.5rem;
11294
11561
  margin-left: -1rem;
@@ -11336,7 +11603,6 @@ label.custom-control-label {
11336
11603
  margin-left: 0;
11337
11604
  margin-right: 0;
11338
11605
  }
11339
-
11340
11606
  .nav-btn-monospaced {
11341
11607
  padding: 0;
11342
11608
  }
@@ -11358,6 +11624,7 @@ label.custom-control-label {
11358
11624
  }
11359
11625
 
11360
11626
  .nav-item {
11627
+ overflow-wrap: break-word;
11361
11628
  word-wrap: break-word;
11362
11629
  }
11363
11630
 
@@ -11380,13 +11647,6 @@ label.custom-control-label {
11380
11647
  max-width: calc(100% - 24px);
11381
11648
  }
11382
11649
 
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
11650
  .nav .nav-form {
11391
11651
  padding-bottom: 0;
11392
11652
  padding-left: 1rem;
@@ -11398,17 +11658,15 @@ label.custom-control-label {
11398
11658
  flex: 1 1 auto;
11399
11659
  text-align: center;
11400
11660
  }
11401
-
11661
+ .nav-justified .nav-link {
11662
+ text-align: center;
11663
+ width: 100%;
11664
+ }
11402
11665
  .nav-justified .nav-item {
11403
11666
  flex-basis: 0;
11404
11667
  flex-grow: 1;
11405
11668
  text-align: center;
11406
11669
  }
11407
- .nav-justified button.nav-link {
11408
- text-align: center;
11409
- width: 100%;
11410
- }
11411
-
11412
11670
  .nav-stacked {
11413
11671
  display: block;
11414
11672
  }
@@ -11422,18 +11680,35 @@ label.custom-control-label {
11422
11680
  .nav-unstyled {
11423
11681
  flex-wrap: nowrap;
11424
11682
  }
11425
- .nav-unstyled .nav-btn {
11426
- margin: 0 4px;
11427
- padding: 0 4px;
11428
- }
11429
11683
  .nav-unstyled .nav-link {
11430
11684
  line-height: 2rem;
11431
- padding: 0 4px;
11685
+ padding-bottom: 0;
11686
+ padding-left: 4px;
11687
+ padding-right: 4px;
11688
+ padding-top: 0;
11689
+ }
11690
+ .nav-unstyled .nav-link > .c-inner {
11691
+ margin-bottom: 0;
11692
+ margin-left: -4px;
11693
+ margin-right: -4px;
11694
+ margin-top: 0;
11432
11695
  }
11433
11696
  .nav-unstyled .nav-link-monospaced {
11434
11697
  margin: 0 4px;
11435
11698
  }
11436
-
11699
+ .nav-unstyled .nav-btn {
11700
+ margin: 0 4px;
11701
+ padding-bottom: 0;
11702
+ padding-left: 4px;
11703
+ padding-right: 4px;
11704
+ padding-top: 0;
11705
+ }
11706
+ .nav-unstyled .nav-btn .c-inner {
11707
+ margin-bottom: 0;
11708
+ margin-left: -4px;
11709
+ margin-right: -4px;
11710
+ margin-top: 0;
11711
+ }
11437
11712
  .nav-nested {
11438
11713
  flex-direction: column;
11439
11714
  flex-wrap: nowrap;
@@ -11540,9 +11815,6 @@ label.custom-control-label {
11540
11815
  .nav-tabs {
11541
11816
  border-bottom: 0.0625rem solid #dee2e6;
11542
11817
  }
11543
- .nav-tabs .nav-item {
11544
- margin-bottom: -0.0625rem;
11545
- }
11546
11818
  .nav-tabs .nav-link {
11547
11819
  border-color: transparent;
11548
11820
  border-style: solid;
@@ -11563,23 +11835,21 @@ label.custom-control-label {
11563
11835
  }
11564
11836
  .nav-tabs .nav-link.active {
11565
11837
  background-color: #fff;
11566
- border-color: #dee2e6 #dee2e6 #fff;
11567
11838
  color: #495057;
11839
+ border-color: #dee2e6 #dee2e6 #fff;
11568
11840
  }
11569
11841
  .nav-tabs .nav-link:disabled, .nav-tabs .nav-link.disabled {
11570
11842
  background-color: transparent;
11571
11843
  border-color: transparent;
11572
11844
  color: #6c757d;
11573
11845
  }
11574
- .nav-tabs .nav-link[aria-expanded=true], .nav-tabs .nav-link.show, .show > .nav-tabs .nav-link {
11846
+ .nav-tabs .nav-link[aria-expanded=true], .nav-tabs .nav-link.show {
11575
11847
  background-color: #fff;
11576
- border-color: #dee2e6 #dee2e6 #fff;
11577
11848
  color: #495057;
11578
- }
11579
- .nav-tabs .nav-item.show .nav-link {
11580
- background-color: #fff;
11581
11849
  border-color: #dee2e6 #dee2e6 #fff;
11582
- color: #495057;
11850
+ }
11851
+ .nav-tabs .nav-item {
11852
+ margin-bottom: -0.0625rem;
11583
11853
  }
11584
11854
  .nav-tabs .dropdown-menu {
11585
11855
  border-top-left-radius: 0;
@@ -11625,11 +11895,12 @@ label.custom-control-label {
11625
11895
  right: 0.5rem;
11626
11896
  width: auto;
11627
11897
  }
11628
- .nav-underline .nav-item .nav-link.active:after {
11898
+ .nav-underline .nav-link.active::after {
11629
11899
  background-color: #007bff;
11900
+ content: "";
11901
+ height: 0.1875rem;
11630
11902
  }
11631
- .nav-underline .nav-link.active:after,
11632
- .nav-underline .nav-item.show .nav-link:after {
11903
+ .nav-underline .nav-link[aria-expanded=true]::after, .nav-underline .nav-link.show::after {
11633
11904
  content: "";
11634
11905
  height: 0.1875rem;
11635
11906
  }
@@ -12844,8 +13115,6 @@ label.custom-control-label {
12844
13115
  border-width: 0 0 0 0;
12845
13116
  font-size: 1rem;
12846
13117
  padding: 0 0;
12847
- border-color: transparent;
12848
- border-style: solid;
12849
13118
  }
12850
13119
  .application-bar .navbar-toggler {
12851
13120
  font-size: 1.25rem;
@@ -13556,26 +13825,6 @@ label.custom-control-label {
13556
13825
  bottom: -0.75rem;
13557
13826
  height: 0.125rem;
13558
13827
  }
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
13828
  .application-bar .container,
13580
13829
  .application-bar .container-fluid {
13581
13830
  flex-wrap: nowrap;
@@ -13586,125 +13835,53 @@ label.custom-control-label {
13586
13835
 
13587
13836
  .application-bar-dark {
13588
13837
  background-color: #343a40;
13589
- border-color: transparent;
13590
- border-style: solid;
13591
13838
  color: rgba(255, 255, 255, 0.5);
13592
13839
  }
13593
- .application-bar-dark .nav-link,
13840
+ .application-bar-dark .navbar-nav .nav-link,
13594
13841
  .application-bar-dark .navbar-nav .btn-unstyled {
13595
13842
  color: rgba(255, 255, 255, 0.5);
13596
13843
  }
13597
- .application-bar-dark .nav-link:hover,
13844
+ .application-bar-dark .navbar-nav .nav-link:hover,
13598
13845
  .application-bar-dark .navbar-nav .btn-unstyled:hover {
13599
13846
  color: rgba(255, 255, 255, 0.75);
13600
13847
  }
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] {
13848
+ .application-bar-dark .navbar-nav .nav-link:active,
13849
+ .application-bar-dark .navbar-nav .btn-unstyled:active {
13604
13850
  color: #fff;
13605
13851
  }
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 {
13852
+ .application-bar-dark .navbar-nav .nav-link.active,
13853
+ .application-bar-dark .navbar-nav .btn-unstyled.active {
13854
+ color: #fff;
13855
+ }
13856
+ .application-bar-dark .navbar-nav .nav-link:disabled, .application-bar-dark .navbar-nav .nav-link.disabled,
13857
+ .application-bar-dark .navbar-nav .btn-unstyled:disabled,
13858
+ .application-bar-dark .navbar-nav .btn-unstyled.disabled {
13609
13859
  color: rgba(255, 255, 255, 0.25);
13610
13860
  opacity: 1;
13611
13861
  }
13612
- .application-bar-dark .navbar-toggler {
13613
- color: rgba(255, 255, 255, 0.5);
13862
+ .application-bar-dark .navbar-nav .nav-link[aria-expanded=true], .application-bar-dark .navbar-nav .nav-link.show,
13863
+ .application-bar-dark .navbar-nav .btn-unstyled[aria-expanded=true],
13864
+ .application-bar-dark .navbar-nav .btn-unstyled.show {
13865
+ color: #fff;
13614
13866
  }
13615
- .application-bar-dark .navbar-toggler-link[aria-expanded=true] {
13867
+ .application-bar-dark .navbar-brand:active {
13616
13868
  color: #fff;
13617
13869
  }
13618
- .application-bar-dark .navbar-overlay {
13619
- background-color: #343a40;
13870
+ .application-bar-dark .navbar-brand.active {
13871
+ color: #fff;
13620
13872
  }
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
- }
13873
+ .application-bar-dark .navbar-brand:disabled, .application-bar-dark .navbar-brand.disabled {
13874
+ color: rgba(255, 255, 255, 0.25);
13875
+ opacity: 1;
13642
13876
  }
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
- }
13877
+ .application-bar-dark .navbar-brand[aria-expanded=true], .application-bar-dark .navbar-brand.show {
13878
+ color: #fff;
13664
13879
  }
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
- }
13880
+ .application-bar-dark .navbar-toggler {
13881
+ color: rgba(255, 255, 255, 0.5);
13686
13882
  }
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
- }
13883
+ .application-bar-dark .navbar-overlay {
13884
+ background-color: #343a40;
13708
13885
  }
13709
13886
  .management-bar {
13710
13887
  border-width: 0 0 0.0625rem 0;
@@ -14442,26 +14619,6 @@ label.custom-control-label {
14442
14619
  bottom: -1.03125rem;
14443
14620
  height: 0.25rem;
14444
14621
  }
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
14622
  .management-bar.navbar-nowrap .navbar-text {
14466
14623
  white-space: normal;
14467
14624
  word-wrap: break-word;
@@ -14469,246 +14626,93 @@ label.custom-control-label {
14469
14626
 
14470
14627
  .management-bar-light {
14471
14628
  background-color: #f8f9fa;
14472
- border-color: transparent;
14473
- border-style: solid;
14474
14629
  }
14475
- .management-bar-light .nav-link,
14630
+ .management-bar-light .navbar-nav .nav-link,
14476
14631
  .management-bar-light .navbar-nav .btn-unstyled {
14477
14632
  color: rgba(0, 0, 0, 0.5);
14478
14633
  }
14479
- .management-bar-light .nav-link:hover,
14634
+ .management-bar-light .navbar-nav .nav-link:hover,
14480
14635
  .management-bar-light .navbar-nav .btn-unstyled:hover {
14481
14636
  color: rgba(0, 0, 0, 0.7);
14482
14637
  }
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] {
14638
+ .management-bar-light .navbar-nav .nav-link:active,
14639
+ .management-bar-light .navbar-nav .btn-unstyled:active {
14640
+ color: rgba(0, 0, 0, 0.9);
14641
+ }
14642
+ .management-bar-light .navbar-nav .nav-link.active,
14643
+ .management-bar-light .navbar-nav .btn-unstyled.active {
14486
14644
  color: rgba(0, 0, 0, 0.9);
14487
14645
  }
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 {
14646
+ .management-bar-light .navbar-nav .nav-link:disabled, .management-bar-light .navbar-nav .nav-link.disabled,
14647
+ .management-bar-light .navbar-nav .btn-unstyled:disabled,
14648
+ .management-bar-light .navbar-nav .btn-unstyled.disabled {
14491
14649
  color: rgba(0, 0, 0, 0.3);
14492
14650
  opacity: 1;
14493
14651
  }
14494
- .management-bar-light .navbar-toggler {
14495
- color: rgba(0, 0, 0, 0.5);
14652
+ .management-bar-light .navbar-nav .nav-link[aria-expanded=true], .management-bar-light .navbar-nav .nav-link.show,
14653
+ .management-bar-light .navbar-nav .btn-unstyled[aria-expanded=true],
14654
+ .management-bar-light .navbar-nav .btn-unstyled.show {
14655
+ color: rgba(0, 0, 0, 0.9);
14496
14656
  }
14497
- .management-bar-light .navbar-toggler-link[aria-expanded=true] {
14657
+ .management-bar-light .navbar-brand:active {
14498
14658
  color: rgba(0, 0, 0, 0.9);
14499
14659
  }
14500
- .management-bar-light .navbar-overlay {
14501
- background-color: #f8f9fa;
14660
+ .management-bar-light .navbar-brand.active {
14661
+ color: rgba(0, 0, 0, 0.9);
14502
14662
  }
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
- }
14663
+ .management-bar-light .navbar-brand:disabled, .management-bar-light .navbar-brand.disabled {
14664
+ color: rgba(0, 0, 0, 0.3);
14665
+ opacity: 1;
14524
14666
  }
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
- }
14667
+ .management-bar-light .navbar-brand[aria-expanded=true], .management-bar-light .navbar-brand.show {
14668
+ color: rgba(0, 0, 0, 0.9);
14546
14669
  }
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
- }
14670
+ .management-bar-light .navbar-toggler {
14671
+ color: rgba(0, 0, 0, 0.5);
14568
14672
  }
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
- }
14673
+ .management-bar-light .navbar-overlay {
14674
+ background-color: #f8f9fa;
14590
14675
  }
14591
14676
  .management-bar-primary {
14592
14677
  background-color: #e5f2ff;
14593
14678
  border-color: #007bff;
14594
- border-style: solid;
14595
14679
  color: rgba(0, 0, 0, 0.5);
14596
14680
  }
14597
- .management-bar-primary .nav-link,
14681
+ .management-bar-primary .navbar-nav .nav-link,
14598
14682
  .management-bar-primary .navbar-nav .btn-unstyled {
14599
14683
  color: rgba(0, 0, 0, 0.5);
14600
14684
  }
14601
- .management-bar-primary .nav-link:hover,
14685
+ .management-bar-primary .navbar-nav .nav-link:hover,
14602
14686
  .management-bar-primary .navbar-nav .btn-unstyled:hover {
14603
14687
  color: rgba(0, 0, 0, 0.7);
14604
14688
  }
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] {
14689
+ .management-bar-primary .navbar-nav .nav-link:active,
14690
+ .management-bar-primary .navbar-nav .btn-unstyled:active {
14608
14691
  color: rgba(0, 0, 0, 0.9);
14609
14692
  }
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;
14615
- }
14616
- .management-bar-primary .navbar-toggler {
14617
- color: rgba(0, 0, 0, 0.5);
14693
+ .management-bar-primary .navbar-nav .nav-link.active,
14694
+ .management-bar-primary .navbar-nav .btn-unstyled.active {
14695
+ color: rgba(0, 0, 0, 0.9);
14618
14696
  }
14619
- .management-bar-primary .navbar-toggler-link[aria-expanded=true] {
14697
+ .management-bar-primary .navbar-nav .nav-link[aria-expanded=true], .management-bar-primary .navbar-nav .nav-link.show,
14698
+ .management-bar-primary .navbar-nav .btn-unstyled[aria-expanded=true],
14699
+ .management-bar-primary .navbar-nav .btn-unstyled.show {
14620
14700
  color: rgba(0, 0, 0, 0.9);
14621
14701
  }
14622
- .management-bar-primary .navbar-overlay {
14623
- background-color: #e5f2ff;
14702
+ .management-bar-primary .navbar-brand:active {
14703
+ color: rgba(0, 0, 0, 0.9);
14624
14704
  }
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
- }
14705
+ .management-bar-primary .navbar-brand.active {
14706
+ color: rgba(0, 0, 0, 0.9);
14646
14707
  }
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
- }
14708
+ .management-bar-primary .navbar-brand[aria-expanded=true], .management-bar-primary .navbar-brand.show {
14709
+ color: rgba(0, 0, 0, 0.9);
14668
14710
  }
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
- }
14711
+ .management-bar-primary .navbar-toggler {
14712
+ color: rgba(0, 0, 0, 0.5);
14690
14713
  }
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
- }
14714
+ .management-bar-primary .navbar-overlay {
14715
+ background-color: #e5f2ff;
14712
14716
  }
14713
14717
  .navigation-bar {
14714
14718
  border-width: 0 0 0.0625rem 0;
@@ -15031,275 +15035,155 @@ label.custom-control-label {
15031
15035
  bottom: -0.0625rem;
15032
15036
  height: 0.25rem;
15033
15037
  }
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
15038
  .navigation-bar-light {
15055
15039
  background-color: #f8f9fa;
15056
- border-color: transparent;
15057
- border-style: solid;
15058
15040
  }
15059
- .navigation-bar-light .nav-link,
15041
+ .navigation-bar-light .navbar-nav .nav-link,
15060
15042
  .navigation-bar-light .navbar-nav .btn-unstyled {
15061
15043
  color: rgba(0, 0, 0, 0.5);
15062
15044
  }
15063
- .navigation-bar-light .nav-link:hover,
15045
+ .navigation-bar-light .navbar-nav .nav-link:hover,
15064
15046
  .navigation-bar-light .navbar-nav .btn-unstyled:hover {
15065
15047
  color: rgba(0, 0, 0, 0.7);
15066
15048
  }
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] {
15049
+ .navigation-bar-light .navbar-nav .nav-link:active,
15050
+ .navigation-bar-light .navbar-nav .btn-unstyled:active {
15051
+ color: rgba(0, 0, 0, 0.9);
15052
+ }
15053
+ .navigation-bar-light .navbar-nav .nav-link.active,
15054
+ .navigation-bar-light .navbar-nav .btn-unstyled.active {
15070
15055
  color: rgba(0, 0, 0, 0.9);
15071
15056
  }
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 {
15057
+ .navigation-bar-light .navbar-nav .nav-link:disabled, .navigation-bar-light .navbar-nav .nav-link.disabled,
15058
+ .navigation-bar-light .navbar-nav .btn-unstyled:disabled,
15059
+ .navigation-bar-light .navbar-nav .btn-unstyled.disabled {
15075
15060
  color: rgba(0, 0, 0, 0.3);
15076
15061
  opacity: 1;
15077
15062
  }
15078
- .navigation-bar-light .navbar-toggler {
15079
- color: rgba(0, 0, 0, 0.5);
15063
+ .navigation-bar-light .navbar-nav .nav-link[aria-expanded=true], .navigation-bar-light .navbar-nav .nav-link.show,
15064
+ .navigation-bar-light .navbar-nav .btn-unstyled[aria-expanded=true],
15065
+ .navigation-bar-light .navbar-nav .btn-unstyled.show {
15066
+ color: rgba(0, 0, 0, 0.9);
15067
+ }
15068
+ .navigation-bar-light .navbar-brand:active {
15069
+ color: rgba(0, 0, 0, 0.9);
15080
15070
  }
15081
- .navigation-bar-light .navbar-toggler-link[aria-expanded=true] {
15071
+ .navigation-bar-light .navbar-brand.active {
15082
15072
  color: rgba(0, 0, 0, 0.9);
15083
15073
  }
15074
+ .navigation-bar-light .navbar-brand:disabled, .navigation-bar-light .navbar-brand.disabled {
15075
+ color: rgba(0, 0, 0, 0.3);
15076
+ opacity: 1;
15077
+ }
15078
+ .navigation-bar-light .navbar-brand[aria-expanded=true], .navigation-bar-light .navbar-brand.show {
15079
+ color: rgba(0, 0, 0, 0.9);
15080
+ }
15081
+ .navigation-bar-light .navbar-toggler {
15082
+ color: rgba(0, 0, 0, 0.5);
15083
+ }
15084
15084
  .navigation-bar-light .navbar-overlay {
15085
15085
  background-color: #f8f9fa;
15086
15086
  }
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
15087
  @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 {
15088
+ .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
15116
15089
  color: rgba(0, 0, 0, 0.5);
15117
15090
  }
15118
- .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
15119
- border-color: rgba(0, 0, 0, 0.5);
15120
- }
15121
15091
  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
15122
15092
  color: rgba(0, 0, 0, 0.7);
15123
15093
  }
15124
- .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
15094
+ .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:active {
15125
15095
  color: rgba(0, 0, 0, 0.9);
15126
15096
  }
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 {
15097
+ .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
15147
15098
  color: rgba(0, 0, 0, 0.9);
15148
15099
  }
15149
- .navigation-bar-light.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled {
15100
+ .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
15101
  color: rgba(0, 0, 0, 0.3);
15102
+ opacity: 1;
15151
15103
  }
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 {
15104
+ .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
15105
  color: rgba(0, 0, 0, 0.9);
15170
15106
  }
15171
- .navigation-bar-light.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
15172
- color: rgba(0, 0, 0, 0.3);
15173
- }
15174
15107
  }
15108
+
15175
15109
  .navigation-bar-secondary {
15176
15110
  background-color: #6c757d;
15177
- border-color: transparent;
15178
- border-style: solid;
15179
15111
  color: #fff;
15180
15112
  }
15181
- .navigation-bar-secondary .nav-link,
15113
+ .navigation-bar-secondary .navbar-nav .nav-link,
15182
15114
  .navigation-bar-secondary .navbar-nav .btn-unstyled {
15183
15115
  color: rgba(255, 255, 255, 0.65);
15184
15116
  }
15185
- .navigation-bar-secondary .nav-link:hover,
15117
+ .navigation-bar-secondary .navbar-nav .nav-link:hover,
15186
15118
  .navigation-bar-secondary .navbar-nav .btn-unstyled:hover {
15187
15119
  color: rgba(255, 255, 255, 0.9);
15188
15120
  }
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] {
15121
+ .navigation-bar-secondary .navbar-nav .nav-link:active,
15122
+ .navigation-bar-secondary .navbar-nav .btn-unstyled:active {
15123
+ color: rgba(255, 255, 255, 0.9);
15124
+ }
15125
+ .navigation-bar-secondary .navbar-nav .nav-link.active,
15126
+ .navigation-bar-secondary .navbar-nav .btn-unstyled.active {
15192
15127
  color: rgba(255, 255, 255, 0.9);
15193
15128
  }
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 {
15129
+ .navigation-bar-secondary .navbar-nav .nav-link:disabled, .navigation-bar-secondary .navbar-nav .nav-link.disabled,
15130
+ .navigation-bar-secondary .navbar-nav .btn-unstyled:disabled,
15131
+ .navigation-bar-secondary .navbar-nav .btn-unstyled.disabled {
15197
15132
  color: rgba(255, 255, 255, 0.25);
15198
15133
  opacity: 1;
15199
15134
  }
15135
+ .navigation-bar-secondary .navbar-nav .nav-link[aria-expanded=true], .navigation-bar-secondary .navbar-nav .nav-link.show,
15136
+ .navigation-bar-secondary .navbar-nav .btn-unstyled[aria-expanded=true],
15137
+ .navigation-bar-secondary .navbar-nav .btn-unstyled.show {
15138
+ color: rgba(255, 255, 255, 0.9);
15139
+ }
15200
15140
  .navigation-bar-secondary .navbar-brand {
15201
15141
  color: rgba(255, 255, 255, 0.9);
15202
15142
  }
15203
15143
  .navigation-bar-secondary .navbar-brand:hover {
15204
15144
  color: rgba(255, 255, 255, 0.9);
15205
15145
  }
15206
- .navigation-bar-secondary .navbar-toggler {
15207
- color: rgba(255, 255, 255, 0.65);
15146
+ .navigation-bar-secondary .navbar-brand:active {
15147
+ color: rgba(255, 255, 255, 0.9);
15208
15148
  }
15209
- .navigation-bar-secondary .navbar-toggler-link[aria-expanded=true] {
15149
+ .navigation-bar-secondary .navbar-brand.active {
15210
15150
  color: rgba(255, 255, 255, 0.9);
15211
15151
  }
15152
+ .navigation-bar-secondary .navbar-brand:disabled, .navigation-bar-secondary .navbar-brand.disabled {
15153
+ color: rgba(255, 255, 255, 0.25);
15154
+ opacity: 1;
15155
+ }
15156
+ .navigation-bar-secondary .navbar-brand[aria-expanded=true], .navigation-bar-secondary .navbar-brand.show {
15157
+ color: rgba(255, 255, 255, 0.9);
15158
+ }
15159
+ .navigation-bar-secondary .navbar-toggler {
15160
+ color: rgba(255, 255, 255, 0.65);
15161
+ }
15212
15162
  .navigation-bar-secondary .navbar-overlay {
15213
15163
  background-color: #6c757d;
15214
15164
  }
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
15165
  @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 {
15166
+ .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
15244
15167
  color: rgba(255, 255, 255, 0.65);
15245
15168
  }
15246
- .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
15247
- border-color: rgba(255, 255, 255, 0.65);
15248
- }
15249
15169
  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover {
15250
15170
  color: rgba(255, 255, 255, 0.9);
15251
15171
  }
15252
- .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
15253
- color: rgba(255, 255, 255, 0.9);
15254
- }
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 {
15172
+ .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:active {
15272
15173
  color: rgba(255, 255, 255, 0.9);
15273
15174
  }
15274
- .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
15175
+ .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
15275
15176
  color: rgba(255, 255, 255, 0.9);
15276
15177
  }
15277
- .navigation-bar-secondary.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.disabled {
15178
+ .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
15179
  color: rgba(255, 255, 255, 0.25);
15180
+ opacity: 1;
15279
15181
  }
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 {
15182
+ .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
15183
  color: rgba(255, 255, 255, 0.9);
15298
15184
  }
15299
- .navigation-bar-secondary.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.disabled {
15300
- color: rgba(255, 255, 255, 0.25);
15301
- }
15302
15185
  }
15186
+
15303
15187
  .pagination {
15304
15188
  border-radius: 0.25rem;
15305
15189
  display: flex;
@@ -15308,12 +15192,21 @@ label.custom-control-label {
15308
15192
  margin-bottom: 0.5rem;
15309
15193
  padding-left: 0;
15310
15194
  }
15311
-
15312
15195
  .pagination-bar {
15313
15196
  align-items: center;
15314
15197
  display: flex;
15315
15198
  flex-wrap: wrap;
15316
15199
  }
15200
+ @media (max-width: 767.98px) {
15201
+ .pagination-bar {
15202
+ flex-direction: column;
15203
+ justify-content: center;
15204
+ }
15205
+ .pagination-bar .pagination {
15206
+ margin-top: 0.5rem;
15207
+ }
15208
+ }
15209
+
15317
15210
  .page-link {
15318
15211
  align-items: center;
15319
15212
  background-color: #fff;
@@ -15333,15 +15226,6 @@ label.custom-control-label {
15333
15226
  padding-top: 0.5rem;
15334
15227
  position: relative;
15335
15228
  }
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
15229
  .page-link:hover {
15346
15230
  background-color: #e9ecef;
15347
15231
  border-color: #dee2e6;
@@ -15354,13 +15238,19 @@ label.custom-control-label {
15354
15238
  outline: 0;
15355
15239
  z-index: 4;
15356
15240
  }
15357
- .page-link:active, .page-link.active {
15241
+ .page-link:active {
15358
15242
  background-color: #007bff;
15359
15243
  border-color: #007bff;
15360
15244
  color: #fff;
15361
15245
  cursor: default;
15362
15246
  z-index: 3;
15363
15247
  }
15248
+ .page-link.active {
15249
+ background-color: #007bff;
15250
+ border-color: #007bff;
15251
+ color: #fff;
15252
+ z-index: 3;
15253
+ }
15364
15254
  .page-link:disabled, .page-link.disabled {
15365
15255
  background-color: #fff;
15366
15256
  border-color: #dee2e6;
@@ -15371,8 +15261,30 @@ label.custom-control-label {
15371
15261
  pointer-events: auto;
15372
15262
  z-index: 0;
15373
15263
  }
15374
- .page-item.active .page-link,
15375
- .page-item.show .page-link {
15264
+ .page-link:disabled:active, .page-link.disabled:active {
15265
+ pointer-events: none;
15266
+ }
15267
+ .page-link[aria-expanded=true], .page-link.show {
15268
+ background-color: #007bff;
15269
+ border-color: #007bff;
15270
+ color: #fff;
15271
+ z-index: 3;
15272
+ }
15273
+ .page-link > .c-inner {
15274
+ margin-bottom: -0.5rem;
15275
+ margin-left: -0.75rem;
15276
+ margin-right: -0.75rem;
15277
+ margin-top: -0.5rem;
15278
+ }
15279
+ .page-link .lexicon-icon {
15280
+ margin-top: 0;
15281
+ }
15282
+
15283
+ .page-item {
15284
+ margin-left: -0.5px;
15285
+ margin-right: -0.5px;
15286
+ }
15287
+ .page-item.active .page-link {
15376
15288
  background-color: #007bff;
15377
15289
  border-color: #007bff;
15378
15290
  color: #fff;
@@ -15389,11 +15301,9 @@ label.custom-control-label {
15389
15301
  pointer-events: auto;
15390
15302
  z-index: 0;
15391
15303
  }
15392
- .page-item {
15393
- margin-left: -0.5px;
15394
- margin-right: -0.5px;
15304
+ .page-item.disabled .page-link:active {
15305
+ pointer-events: none;
15395
15306
  }
15396
-
15397
15307
  .page-item:first-child .page-link,
15398
15308
  .page-link-first {
15399
15309
  border-radius: 0.25rem 0 0 0.25rem;
@@ -15425,18 +15335,6 @@ label.custom-control-label {
15425
15335
  padding-top: 0.5rem;
15426
15336
  text-decoration: none;
15427
15337
  }
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
15338
  .pagination-items-per-page > a:hover,
15441
15339
  .pagination-items-per-page > button:hover {
15442
15340
  background-color: #e9ecef;
@@ -15448,8 +15346,13 @@ label.custom-control-label {
15448
15346
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
15449
15347
  outline: 0;
15450
15348
  }
15451
- .pagination-items-per-page > a:active, .pagination-items-per-page > a.active,
15452
- .pagination-items-per-page > button:active,
15349
+ .pagination-items-per-page > a:active,
15350
+ .pagination-items-per-page > button:active {
15351
+ background-color: #007bff;
15352
+ border-color: #007bff;
15353
+ color: #fff;
15354
+ }
15355
+ .pagination-items-per-page > a.active,
15453
15356
  .pagination-items-per-page > button.active {
15454
15357
  background-color: #007bff;
15455
15358
  border-color: #007bff;
@@ -15466,13 +15369,25 @@ label.custom-control-label {
15466
15369
  opacity: 1;
15467
15370
  pointer-events: auto;
15468
15371
  }
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 {
15372
+ .pagination-items-per-page > a[aria-expanded=true], .pagination-items-per-page > a.show,
15373
+ .pagination-items-per-page > button[aria-expanded=true],
15374
+ .pagination-items-per-page > button.show {
15472
15375
  background-color: #007bff;
15473
15376
  border-color: #007bff;
15474
15377
  color: #fff;
15475
15378
  }
15379
+ .pagination-items-per-page > a > .c-inner,
15380
+ .pagination-items-per-page > button > .c-inner {
15381
+ margin-bottom: -0.5rem;
15382
+ margin-left: -0.75rem;
15383
+ margin-right: -0.75rem;
15384
+ margin-top: -0.5rem;
15385
+ }
15386
+ .pagination-items-per-page > a .lexicon-icon,
15387
+ .pagination-items-per-page > button .lexicon-icon {
15388
+ margin-left: 0.125rem;
15389
+ margin-top: 0.125rem;
15390
+ }
15476
15391
  .pagination-items-per-page.disabled > a,
15477
15392
  .pagination-items-per-page.disabled > button {
15478
15393
  background-color: #fff;
@@ -15483,6 +15398,12 @@ label.custom-control-label {
15483
15398
  opacity: 1;
15484
15399
  pointer-events: auto;
15485
15400
  }
15401
+ @media (max-width: 767.98px) {
15402
+ .pagination-items-per-page + .pagination-results {
15403
+ margin-left: auto;
15404
+ }
15405
+ }
15406
+
15486
15407
  .pagination-results {
15487
15408
  border-color: transparent;
15488
15409
  border-style: solid;
@@ -15492,28 +15413,10 @@ label.custom-control-label {
15492
15413
  margin-right: auto;
15493
15414
  max-width: 100%;
15494
15415
  padding: 0.5rem 0.75rem;
15416
+ overflow-wrap: break-word;
15495
15417
  word-wrap: break-word;
15496
15418
  }
15497
15419
 
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
15420
  .pagination-sm .page-link {
15518
15421
  font-size: 0.875rem;
15519
15422
  height: 1.9375rem;
@@ -15523,11 +15426,11 @@ label.custom-control-label {
15523
15426
  padding-left: 0.5rem;
15524
15427
  padding-top: 0.25rem;
15525
15428
  }
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;
15429
+ .pagination-sm .page-link > .c-inner {
15430
+ margin-bottom: -0.25rem;
15431
+ margin-left: -0.5rem;
15432
+ margin-right: -0.5rem;
15433
+ margin-top: -0.25rem;
15531
15434
  }
15532
15435
  .pagination-sm .page-item:first-child .page-link,
15533
15436
  .pagination-sm .page-link-first {
@@ -15539,26 +15442,32 @@ label.custom-control-label {
15539
15442
  border-bottom-right-radius: 0.2rem;
15540
15443
  border-top-right-radius: 0.2rem;
15541
15444
  }
15542
-
15543
- .pagination-lg .pagination-items-per-page {
15544
- border-radius: 0.3rem;
15445
+ .pagination-sm .pagination-items-per-page {
15446
+ border-radius: 0.2rem;
15545
15447
  }
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;
15448
+ .pagination-sm .pagination-items-per-page > a,
15449
+ .pagination-sm .pagination-items-per-page > button {
15450
+ font-size: 0.875rem;
15451
+ height: 1.9375rem;
15550
15452
  line-height: 1;
15551
- padding: 0.75rem 0.75rem;
15453
+ padding-bottom: 0.25rem;
15454
+ padding-left: 0.75rem;
15455
+ padding-right: 0.75rem;
15456
+ padding-top: 0.25rem;
15552
15457
  }
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;
15458
+ .pagination-sm .pagination-items-per-page > a > .c-inner,
15459
+ .pagination-sm .pagination-items-per-page > button > .c-inner {
15460
+ margin-bottom: -0.25rem;
15461
+ margin-left: -0.75rem;
15462
+ margin-right: -0.75rem;
15463
+ margin-top: -0.25rem;
15556
15464
  }
15557
- .pagination-lg .pagination-results {
15558
- font-size: 1.25rem;
15465
+ .pagination-sm .pagination-items-per-page + .pagination-results {
15466
+ font-size: 0.875rem;
15559
15467
  line-height: 1;
15560
- padding: 0.75rem 0.75rem;
15468
+ padding: 0.25rem 0.75rem;
15561
15469
  }
15470
+
15562
15471
  .pagination-lg .page-link {
15563
15472
  font-size: 1.25rem;
15564
15473
  height: 3.5rem;
@@ -15568,11 +15477,11 @@ label.custom-control-label {
15568
15477
  padding-right: 1.5rem;
15569
15478
  padding-top: 0.75rem;
15570
15479
  }
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;
15480
+ .pagination-lg .page-link > .c-inner {
15481
+ margin-bottom: -0.75rem;
15482
+ margin-left: -1.5rem;
15483
+ margin-right: -1.5rem;
15484
+ margin-top: -0.75rem;
15576
15485
  }
15577
15486
  .pagination-lg .page-item:first-child .page-link,
15578
15487
  .pagination-lg .page-link-first {
@@ -15584,6 +15493,21 @@ label.custom-control-label {
15584
15493
  border-bottom-right-radius: 0.3rem;
15585
15494
  border-top-right-radius: 0.3rem;
15586
15495
  }
15496
+ .pagination-lg .pagination-items-per-page {
15497
+ border-radius: 0.3rem;
15498
+ }
15499
+ .pagination-lg .pagination-items-per-page > a,
15500
+ .pagination-lg .pagination-items-per-page > button {
15501
+ font-size: 1.25rem;
15502
+ height: 3.5rem;
15503
+ line-height: 1;
15504
+ padding: 0.75rem 0.75rem;
15505
+ }
15506
+ .pagination-lg .pagination-items-per-page + .pagination-results {
15507
+ font-size: 1.25rem;
15508
+ line-height: 1;
15509
+ padding: 0.75rem 0.75rem;
15510
+ }
15587
15511
 
15588
15512
  .panel {
15589
15513
  background-color: #fff;
@@ -15877,13 +15801,12 @@ label.custom-control-label {
15877
15801
  border: 0.0625rem solid rgba(0, 0, 0, 0.2);
15878
15802
  border-radius: 0.3rem;
15879
15803
  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";
15804
+ 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
15805
  font-size: 0.875rem;
15882
15806
  font-style: normal;
15883
15807
  font-weight: 400;
15884
15808
  left: 0;
15885
15809
  letter-spacing: normal;
15886
- line-break: auto;
15887
15810
  line-height: 1.5;
15888
15811
  max-width: 276px;
15889
15812
  position: absolute;
@@ -15895,6 +15818,7 @@ label.custom-control-label {
15895
15818
  white-space: normal;
15896
15819
  word-break: normal;
15897
15820
  word-spacing: normal;
15821
+ overflow-wrap: break-word;
15898
15822
  word-wrap: break-word;
15899
15823
  z-index: 1060;
15900
15824
  }
@@ -15905,13 +15829,23 @@ label.custom-control-label {
15905
15829
  position: absolute;
15906
15830
  width: 1rem;
15907
15831
  }
15908
- .popover .arrow::before, .popover .arrow::after {
15832
+ .popover .arrow::before {
15833
+ border-color: transparent;
15834
+ border-style: solid;
15835
+ content: "";
15836
+ display: block;
15837
+ position: absolute;
15838
+ }
15839
+ .popover .arrow::after {
15909
15840
  border-color: transparent;
15910
15841
  border-style: solid;
15911
15842
  content: "";
15912
15843
  display: block;
15913
15844
  position: absolute;
15914
15845
  }
15846
+ .popover .inline-scroller {
15847
+ max-height: 14.75rem;
15848
+ }
15915
15849
 
15916
15850
  .bs-popover-bottom,
15917
15851
  .bs-popover-auto[x-placement^=bottom] {
@@ -16022,20 +15956,11 @@ label.custom-control-label {
16022
15956
  bottom: 0.0625rem;
16023
15957
  }
16024
15958
 
16025
- .popover .inline-scroller {
16026
- max-height: 14.75rem;
16027
- }
16028
-
16029
15959
  .popover-header {
16030
15960
  background-color: #f7f7f7;
16031
15961
  border-bottom: 0.0625rem solid #ebebeb;
16032
15962
  border-top-left-radius: 0.2375rem;
16033
15963
  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
15964
  font-size: 1rem;
16040
15965
  font-weight: 500;
16041
15966
  margin-bottom: 0;
@@ -16061,16 +15986,11 @@ label.custom-control-label {
16061
15986
  .clay-popover-top .arrow,
16062
15987
  .clay-popover-top-left .arrow,
16063
15988
  .clay-popover-top-right .arrow {
15989
+ left: 50%;
15990
+ margin-left: -0.5rem;
16064
15991
  bottom: calc((0.5rem + 0.0625rem) * -1);
16065
15992
  margin: 0;
16066
15993
  }
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
15994
  .clay-popover-top .arrow::before,
16075
15995
  .clay-popover-top-left .arrow::before,
16076
15996
  .clay-popover-top-right .arrow::before {
@@ -16078,11 +15998,22 @@ label.custom-control-label {
16078
15998
  border-width: 0.5rem 0.5rem 0;
16079
15999
  bottom: 0;
16080
16000
  }
16081
-
16082
- .clay-popover-top .arrow::after {
16001
+ .clay-popover-top .arrow::after,
16002
+ .clay-popover-top-left .arrow::after,
16003
+ .clay-popover-top-right .arrow::after {
16083
16004
  border-top-color: #fff;
16005
+ border-width: 0.5rem 0.5rem 0;
16006
+ bottom: 0.0625rem;
16007
+ }
16008
+ .clay-popover-top-left .arrow {
16009
+ left: 0.375rem;
16010
+ margin: 0;
16011
+ }
16012
+ .clay-popover-top-right .arrow {
16013
+ left: auto;
16014
+ right: 0.375rem;
16015
+ margin: 0;
16084
16016
  }
16085
-
16086
16017
  .clay-popover-right,
16087
16018
  .clay-popover-right-bottom,
16088
16019
  .clay-popover-right-top {
@@ -16093,16 +16024,10 @@ label.custom-control-label {
16093
16024
  .clay-popover-right-top .arrow {
16094
16025
  height: 1rem;
16095
16026
  left: calc((0.5rem + 0.0625rem) * -1);
16096
- margin: 0;
16027
+ margin: -0.25rem 0 0;
16028
+ top: 50%;
16097
16029
  width: 0.5rem;
16098
16030
  }
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
16031
  .clay-popover-right .arrow::before,
16107
16032
  .clay-popover-right-bottom .arrow::before,
16108
16033
  .clay-popover-right-top .arrow::before {
@@ -16110,15 +16035,25 @@ label.custom-control-label {
16110
16035
  border-width: 0.5rem 0.5rem 0.5rem 0;
16111
16036
  left: 0;
16112
16037
  }
16113
-
16114
- .clay-popover-right .arrow::after {
16038
+ .clay-popover-right .arrow::after,
16039
+ .clay-popover-right-bottom .arrow::after,
16040
+ .clay-popover-right-top .arrow::after {
16115
16041
  border-right-color: #fff;
16042
+ border-width: 0.5rem 0.5rem 0.5rem 0;
16043
+ left: 0.0625rem;
16044
+ }
16045
+ .clay-popover-right-bottom .arrow {
16046
+ bottom: 0.375rem;
16047
+ margin: 0;
16048
+ top: auto;
16049
+ }
16050
+ .clay-popover-right-top .arrow {
16051
+ margin: 0;
16052
+ top: 0.375rem;
16116
16053
  }
16117
-
16118
16054
  .clay-popover-right-top .arrow::after {
16119
16055
  border-right-color: #f7f7f7;
16120
16056
  }
16121
-
16122
16057
  .clay-popover-bottom,
16123
16058
  .clay-popover-bottom-left,
16124
16059
  .clay-popover-bottom-right {
@@ -16127,36 +16062,38 @@ label.custom-control-label {
16127
16062
  .clay-popover-bottom .arrow,
16128
16063
  .clay-popover-bottom-left .arrow,
16129
16064
  .clay-popover-bottom-right .arrow {
16130
- margin: 0;
16065
+ left: 50%;
16066
+ margin: 0 0 0 -0.5rem;
16131
16067
  top: calc((0.5rem + 0.0625rem) * -1);
16132
16068
  }
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 {
16069
+ .clay-popover-bottom .arrow::before,
16070
+ .clay-popover-bottom-left .arrow::before,
16071
+ .clay-popover-bottom-right .arrow::before {
16143
16072
  border-bottom-color: rgba(0, 0, 0, 0.25);
16144
16073
  border-width: 0 0.5rem 0.5rem 0.5rem;
16145
16074
  top: 0;
16146
16075
  }
16147
-
16148
- .clay-popover-bottom .arrow::after {
16076
+ .clay-popover-bottom .arrow::after,
16077
+ .clay-popover-bottom-left .arrow::after,
16078
+ .clay-popover-bottom-right .arrow::after {
16149
16079
  border-bottom-color: #f7f7f7;
16080
+ border-width: 0 0.5rem 0.5rem 0.5rem;
16081
+ top: 0.0625rem;
16082
+ }
16083
+ .clay-popover-bottom-left .arrow {
16084
+ left: 0.375rem;
16085
+ margin: 0;
16150
16086
  }
16151
-
16152
16087
  .clay-popover-bottom-left .arrow::after {
16153
16088
  border-bottom-color: #f7f7f7;
16154
16089
  }
16155
-
16090
+ .clay-popover-bottom-right .arrow {
16091
+ left: auto;
16092
+ right: 0.375rem;
16093
+ }
16156
16094
  .clay-popover-bottom-right .arrow::after {
16157
16095
  border-bottom-color: #f7f7f7;
16158
16096
  }
16159
-
16160
16097
  .clay-popover-left,
16161
16098
  .clay-popover-left-bottom,
16162
16099
  .clay-popover-left-top {
@@ -16166,17 +16103,11 @@ label.custom-control-label {
16166
16103
  .clay-popover-left-bottom .arrow,
16167
16104
  .clay-popover-left-top .arrow {
16168
16105
  height: 1rem;
16169
- margin: 0;
16106
+ margin: -0.25rem 0 0;
16170
16107
  right: calc((0.5rem + 0.0625rem) * -1);
16108
+ top: 50%;
16171
16109
  width: 0.5rem;
16172
16110
  }
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
16111
  .clay-popover-left .arrow::before,
16181
16112
  .clay-popover-left-bottom .arrow::before,
16182
16113
  .clay-popover-left-top .arrow::before {
@@ -16184,47 +16115,25 @@ label.custom-control-label {
16184
16115
  border-width: 0.5rem 0 0.5rem 0.5rem;
16185
16116
  right: 0;
16186
16117
  }
16187
-
16188
- .clay-popover-left .arrow::after {
16189
- border-left-color: #fff;
16190
- }
16191
-
16118
+ .clay-popover-left .arrow::after,
16119
+ .clay-popover-left-bottom .arrow::after,
16192
16120
  .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%;
16121
+ border-left-color: #fff;
16122
+ border-width: 0.5rem 0 0.5rem 0.5rem;
16123
+ right: 0.0625rem;
16216
16124
  }
16217
-
16218
- .clay-popover-left-bottom .arrow,
16219
- .clay-popover-right-bottom .arrow {
16125
+ .clay-popover-left-bottom .arrow {
16220
16126
  bottom: 0.375rem;
16127
+ margin: 0;
16128
+ top: auto;
16221
16129
  }
16222
-
16223
- .clay-popover-left-top .arrow,
16224
- .clay-popover-right-top .arrow {
16130
+ .clay-popover-left-top .arrow {
16131
+ margin: 0;
16225
16132
  top: 0.375rem;
16226
16133
  }
16227
-
16134
+ .clay-popover-left-top .arrow::after {
16135
+ border-left-color: #f7f7f7;
16136
+ }
16228
16137
  .progress {
16229
16138
  background-color: #e9ecef;
16230
16139
  border-radius: 0.25rem;
@@ -16813,122 +16722,50 @@ a.sheet-subtitle:hover {
16813
16722
  .sidebar-light .component-navigation-bar {
16814
16723
  background-color: #f8f9fa;
16815
16724
  border-color: #dee2e6;
16816
- border-style: solid;
16817
16725
  }
16818
- .sidebar-light .component-navigation-bar .nav-link,
16726
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link,
16819
16727
  .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled {
16820
16728
  color: rgba(0, 0, 0, 0.5);
16821
16729
  }
16822
- .sidebar-light .component-navigation-bar .nav-link:hover,
16730
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link:hover,
16823
16731
  .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled:hover {
16824
16732
  color: rgba(0, 0, 0, 0.7);
16825
16733
  }
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] {
16734
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link:active,
16735
+ .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled:active {
16829
16736
  color: rgba(0, 0, 0, 0.9);
16830
16737
  }
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);
16738
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link.active,
16739
+ .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled.active {
16740
+ color: rgba(0, 0, 0, 0.9);
16835
16741
  }
16836
- .sidebar-light .component-navigation-bar .navbar-toggler {
16837
- color: rgba(0, 0, 0, 0.5);
16742
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link:disabled, .sidebar-light .component-navigation-bar .navbar-nav .nav-link.disabled,
16743
+ .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled:disabled,
16744
+ .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled.disabled {
16745
+ color: rgba(0, 0, 0, 0.3);
16838
16746
  }
16839
- .sidebar-light .component-navigation-bar .navbar-toggler-link[aria-expanded=true] {
16747
+ .sidebar-light .component-navigation-bar .navbar-nav .nav-link[aria-expanded=true], .sidebar-light .component-navigation-bar .navbar-nav .nav-link.show,
16748
+ .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled[aria-expanded=true],
16749
+ .sidebar-light .component-navigation-bar .navbar-nav .btn-unstyled.show {
16840
16750
  color: rgba(0, 0, 0, 0.9);
16841
16751
  }
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
- }
16752
+ .sidebar-light .component-navigation-bar .navbar-brand:active {
16753
+ color: rgba(0, 0, 0, 0.9);
16866
16754
  }
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
- }
16755
+ .sidebar-light .component-navigation-bar .navbar-brand.active {
16756
+ color: rgba(0, 0, 0, 0.9);
16888
16757
  }
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
- }
16758
+ .sidebar-light .component-navigation-bar .navbar-brand:disabled, .sidebar-light .component-navigation-bar .navbar-brand.disabled {
16759
+ color: rgba(0, 0, 0, 0.3);
16910
16760
  }
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
- }
16761
+ .sidebar-light .component-navigation-bar .navbar-brand[aria-expanded=true], .sidebar-light .component-navigation-bar .navbar-brand.show {
16762
+ color: rgba(0, 0, 0, 0.9);
16763
+ }
16764
+ .sidebar-light .component-navigation-bar .navbar-toggler {
16765
+ color: rgba(0, 0, 0, 0.5);
16766
+ }
16767
+ .sidebar-light .component-navigation-bar .navbar-overlay {
16768
+ background-color: #f8f9fa;
16932
16769
  }
16933
16770
  .sidebar-dark {
16934
16771
  background-color: #343a40;
@@ -16987,7 +16824,7 @@ a.sheet-subtitle:hover {
16987
16824
  .sidebar-dark .nav-nested .nav-link:disabled:active, .sidebar-dark .nav-nested .nav-link.disabled:active {
16988
16825
  pointer-events: none;
16989
16826
  }
16990
- .sidebar-dark .nav-nested .nav-link[aria-expanded=true], .sidebar-dark .nav-nested .nav-link.show, .show > .sidebar-dark .nav-nested .nav-link {
16827
+ .sidebar-dark .nav-nested .nav-link[aria-expanded=true], .sidebar-dark .nav-nested .nav-link.show {
16991
16828
  color: #fff;
16992
16829
  }
16993
16830
  .c-slideout-transition-in {
@@ -18536,13 +18373,17 @@ caption {
18536
18373
  background-color: #e9ecef;
18537
18374
  color: #343a40;
18538
18375
  }
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 {
18376
+ .tbar-light .tbar-btn-monospaced.active {
18540
18377
  background-color: #e9ecef;
18541
18378
  color: #343a40;
18542
18379
  }
18543
18380
  .tbar-light .tbar-btn-monospaced:disabled, .tbar-light .tbar-btn-monospaced.disabled {
18544
18381
  color: inherit;
18545
18382
  }
18383
+ .tbar-light .tbar-btn-monospaced[aria-expanded=true], .tbar-light .tbar-btn-monospaced.show {
18384
+ background-color: #e9ecef;
18385
+ color: #343a40;
18386
+ }
18546
18387
  .tbar-light .tbar-label {
18547
18388
  border-width: 0.0625rem;
18548
18389
  }
@@ -18568,13 +18409,17 @@ caption {
18568
18409
  background-color: rgba(255, 255, 255, 0.06);
18569
18410
  color: #fff;
18570
18411
  }
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 {
18412
+ .tbar-dark-l2 .tbar-btn-monospaced.active {
18572
18413
  background-color: rgba(255, 255, 255, 0.06);
18573
18414
  color: #fff;
18574
18415
  }
18575
18416
  .tbar-dark-l2 .tbar-btn-monospaced:disabled, .tbar-dark-l2 .tbar-btn-monospaced.disabled {
18576
18417
  color: inherit;
18577
18418
  }
18419
+ .tbar-dark-l2 .tbar-btn-monospaced[aria-expanded=true], .tbar-dark-l2 .tbar-btn-monospaced.show {
18420
+ background-color: rgba(255, 255, 255, 0.06);
18421
+ color: #fff;
18422
+ }
18578
18423
  .tbar-dark-l2 .tbar-label {
18579
18424
  border-width: 0.0625rem;
18580
18425
  }
@@ -18599,11 +18444,11 @@ caption {
18599
18444
  background-color: rgba(255, 255, 255, 0.06);
18600
18445
  color: #fff;
18601
18446
  }
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 {
18447
+ .tbar-dark-d1 .tbar-btn-monospaced.active {
18603
18448
  background-color: rgba(255, 255, 255, 0.06);
18604
18449
  color: #fff;
18605
18450
  }
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 {
18451
+ .tbar-dark-d1 .tbar-btn-monospaced.active::after {
18607
18452
  background-color: #75b8ff;
18608
18453
  bottom: 0;
18609
18454
  content: "";
@@ -18616,6 +18461,10 @@ caption {
18616
18461
  .tbar-dark-d1 .tbar-btn-monospaced:disabled, .tbar-dark-d1 .tbar-btn-monospaced.disabled {
18617
18462
  color: inherit;
18618
18463
  }
18464
+ .tbar-dark-d1 .tbar-btn-monospaced[aria-expanded=true], .tbar-dark-d1 .tbar-btn-monospaced.show {
18465
+ background-color: rgba(255, 255, 255, 0.06);
18466
+ color: #fff;
18467
+ }
18619
18468
  .tbar-dark-d1 .tbar-label {
18620
18469
  border-width: 0.0625rem;
18621
18470
  }
@@ -18881,49 +18730,15 @@ caption {
18881
18730
  max-width: 75px;
18882
18731
  }
18883
18732
 
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
18733
  .toggle-switch {
18734
+ cursor: pointer;
18923
18735
  display: inline-block;
18924
18736
  max-width: 100%;
18925
18737
  position: relative;
18926
18738
  }
18739
+ .toggle-switch.disabled {
18740
+ cursor: not-allowed;
18741
+ }
18927
18742
  .toggle-switch.disabled .toggle-switch-label {
18928
18743
  color: #6c757d;
18929
18744
  cursor: not-allowed;
@@ -18931,7 +18746,6 @@ label.toggle-switch.disabled {
18931
18746
  .toggle-switch.disabled .toggle-switch-text {
18932
18747
  color: #6c757d;
18933
18748
  }
18934
-
18935
18749
  .toggle-switch-check-bar {
18936
18750
  display: inline-flex;
18937
18751
  position: relative;
@@ -18951,7 +18765,6 @@ label.toggle-switch.disabled {
18951
18765
  .toggle-switch-bar .button-icon {
18952
18766
  font-size: 0.75rem;
18953
18767
  }
18954
-
18955
18768
  .toggle-switch-check {
18956
18769
  bottom: 0;
18957
18770
  font-size: 62.5%;
@@ -18961,7 +18774,7 @@ label.toggle-switch.disabled {
18961
18774
  width: 50px;
18962
18775
  z-index: 2;
18963
18776
  }
18964
- .toggle-switch-check:empty ~ .toggle-switch-bar {
18777
+ .toggle-switch-check ~ .toggle-switch-bar {
18965
18778
  display: inline-flex;
18966
18779
  font-size: 0.75rem;
18967
18780
  height: 25px;
@@ -18969,49 +18782,71 @@ label.toggle-switch.disabled {
18969
18782
  position: relative;
18970
18783
  text-indent: 0;
18971
18784
  -ms-user-select: none;
18785
+ -moz-user-select: none;
18786
+ -webkit-user-select: none;
18972
18787
  user-select: none;
18973
18788
  }
18974
- .toggle-switch-check:empty ~ .toggle-switch-bar:after {
18975
- background-color: #fff;
18789
+ .toggle-switch-check ~ .toggle-switch-bar::before {
18790
+ background-color: #e9ecef;
18976
18791
  border-color: #ced4da;
18977
- border-radius: 3px 0 0 3px;
18792
+ border-radius: 3px;
18978
18793
  border-style: solid;
18979
18794
  border-width: 1px;
18980
18795
  bottom: 0;
18981
- content: "";
18796
+ content: " ";
18982
18797
  display: block;
18983
- height: 25px;
18984
18798
  left: 0;
18985
18799
  position: absolute;
18986
18800
  top: 0;
18987
18801
  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;
18802
+ width: 50px;
18989
18803
  }
18990
- .toggle-switch-check:empty ~ .toggle-switch-bar:before {
18991
- background-color: #e9ecef;
18804
+ @media (prefers-reduced-motion: reduce) {
18805
+ .toggle-switch-check ~ .toggle-switch-bar::before {
18806
+ transition: none;
18807
+ }
18808
+ }
18809
+ .toggle-switch-check ~ .toggle-switch-bar::after {
18810
+ background-color: #fff;
18992
18811
  border-color: #ced4da;
18993
- border-radius: 3px;
18812
+ border-radius: 3px 0 0 3px;
18994
18813
  border-style: solid;
18995
18814
  border-width: 1px;
18996
18815
  bottom: 0;
18997
- content: " ";
18816
+ content: "";
18998
18817
  display: block;
18818
+ height: 25px;
18999
18819
  left: 0;
19000
18820
  position: absolute;
19001
18821
  top: 0;
19002
18822
  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;
18823
+ width: 25px;
18824
+ }
18825
+ @media (prefers-reduced-motion: reduce) {
18826
+ .toggle-switch-check ~ .toggle-switch-bar::after {
18827
+ transition: none;
18828
+ }
18829
+ }
18830
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before {
18831
+ 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;
18832
+ }
18833
+ @media (prefers-reduced-motion: reduce) {
18834
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before {
18835
+ transition: none;
18836
+ }
19004
18837
  }
19005
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-handle:after {
18838
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
19006
18839
  content: attr(data-label-off);
19007
18840
  margin-left: 58px;
19008
18841
  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
18842
  white-space: nowrap;
19010
18843
  }
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;
18844
+ @media (prefers-reduced-motion: reduce) {
18845
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
18846
+ transition: none;
18847
+ }
19013
18848
  }
19014
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-icon {
18849
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
19015
18850
  color: #495057;
19016
18851
  left: 0;
19017
18852
  line-height: 25px;
@@ -19023,58 +18858,119 @@ label.toggle-switch.disabled {
19023
18858
  width: 25px;
19024
18859
  z-index: 1;
19025
18860
  }
19026
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-icon-on {
18861
+ @media (prefers-reduced-motion: reduce) {
18862
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
18863
+ transition: none;
18864
+ }
18865
+ }
18866
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-on {
19027
18867
  left: 0;
19028
18868
  opacity: 0;
19029
18869
  }
19030
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-icon-off {
18870
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-off {
19031
18871
  left: 25px;
19032
18872
  }
19033
- .toggle-switch-check:empty ~ .toggle-switch-bar .button-icon {
18873
+ .toggle-switch-check ~ .toggle-switch-bar .button-icon {
19034
18874
  color: #495057;
19035
18875
  }
19036
- .toggle-switch-check:empty ~ .toggle-switch-bar .button-icon-on {
18876
+ .toggle-switch-check ~ .toggle-switch-bar .button-icon-on {
19037
18877
  opacity: 0;
19038
18878
  }
19039
- .toggle-switch-check:checked ~ .toggle-switch-bar:after {
19040
- background-color: #fff;
18879
+ .toggle-switch-check:focus ~ .toggle-switch-bar::before {
18880
+ box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
18881
+ }
18882
+ .toggle-switch-check[disabled] ~ .toggle-switch-bar, .toggle-switch-check:disabled ~ .toggle-switch-bar {
18883
+ cursor: not-allowed;
18884
+ opacity: 0.4;
18885
+ }
18886
+ .toggle-switch-check:checked ~ .toggle-switch-bar::before {
18887
+ background-color: #007bff;
19041
18888
  border-color: #007bff;
19042
- border-radius: 0 3px 3px 0;
18889
+ border-radius: 3px;
19043
18890
  border-style: solid;
19044
18891
  border-width: 1px;
19045
- left: 25px;
19046
18892
  }
19047
- .toggle-switch-check:checked ~ .toggle-switch-bar:before {
19048
- background-color: #007bff;
18893
+ .toggle-switch-check:checked ~ .toggle-switch-bar::after {
18894
+ background-color: #fff;
19049
18895
  border-color: #007bff;
19050
- border-radius: 3px;
18896
+ border-radius: 0 3px 3px 0;
19051
18897
  border-style: solid;
19052
18898
  border-width: 1px;
18899
+ left: 25px;
19053
18900
  }
19054
- .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-handle:after {
18901
+ .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-handle::after {
19055
18902
  content: attr(data-label-on);
19056
18903
  }
19057
18904
  .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon {
19058
18905
  color: #fff;
19059
18906
  }
18907
+ .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon-on {
18908
+ opacity: 1;
18909
+ }
18910
+ .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon-off {
18911
+ opacity: 0;
18912
+ }
19060
18913
  .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon {
19061
18914
  color: #007bff;
19062
18915
  left: 25px;
19063
18916
  }
19064
- .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-on,
19065
- .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon-on {
18917
+ .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-on {
19066
18918
  opacity: 1;
19067
18919
  }
19068
- .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-off,
19069
- .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon-off {
18920
+ .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-off {
19070
18921
  opacity: 0;
19071
18922
  }
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);
18923
+ @media (max-width: 767.98px) {
18924
+ .toggle-switch-check {
18925
+ height: 25px;
18926
+ width: 50px;
18927
+ }
18928
+ .toggle-switch-check ~ .toggle-switch-bar {
18929
+ height: 25px;
18930
+ line-height: 25px;
18931
+ text-indent: 0;
18932
+ }
18933
+ .toggle-switch-check ~ .toggle-switch-bar::before {
18934
+ width: 50px;
18935
+ }
18936
+ .toggle-switch-check ~ .toggle-switch-bar::after {
18937
+ bottom: 0;
18938
+ height: 25px;
18939
+ left: 0;
18940
+ top: 0;
18941
+ width: 25px;
18942
+ }
18943
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle {
18944
+ min-width: 50px;
18945
+ }
18946
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
18947
+ margin-left: 58px;
18948
+ }
18949
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
18950
+ font-size: 0.75rem;
18951
+ left: 0;
18952
+ line-height: 25px;
18953
+ top: 0;
18954
+ width: 25px;
18955
+ }
18956
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-on {
18957
+ left: 0;
18958
+ }
18959
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-off {
18960
+ left: 25px;
18961
+ }
18962
+ .toggle-switch-check ~ .toggle-switch-bar .button-icon {
18963
+ font-size: 0.75rem;
18964
+ }
18965
+ .toggle-switch-check:checked ~ .toggle-switch-bar::after {
18966
+ left: 25px;
18967
+ }
18968
+ .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-handle::after {
18969
+ margin-left: 58px;
18970
+ }
18971
+ .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon {
18972
+ left: 25px;
18973
+ }
19078
18974
  }
19079
18975
 
19080
18976
  .toggle-switch-label {
@@ -19092,33 +18988,72 @@ label.toggle-switch.disabled {
19092
18988
  line-height: 25px;
19093
18989
  margin-right: 8px;
19094
18990
  }
18991
+ @media (max-width: 767.98px) {
18992
+ .toggle-switch-text-left {
18993
+ line-height: 25px;
18994
+ }
18995
+ }
19095
18996
 
19096
18997
  .toggle-switch-text-right {
19097
18998
  display: inline-flex;
19098
18999
  line-height: 25px;
19099
19000
  margin-left: 8px;
19100
19001
  }
19002
+ @media (max-width: 767.98px) {
19003
+ .toggle-switch-text-right {
19004
+ line-height: 25px;
19005
+ }
19006
+ }
19007
+
19008
+ .simple-toggle-switch.toggle-switch {
19009
+ align-items: center;
19010
+ display: inline-flex;
19011
+ }
19012
+ .simple-toggle-switch.toggle-switch .toggle-switch-label {
19013
+ line-height: 1;
19014
+ margin-bottom: 0;
19015
+ max-width: calc( 100% - 58px );
19016
+ }
19017
+ @media (max-width: 767.98px) {
19018
+ .simple-toggle-switch.toggle-switch .toggle-switch-label {
19019
+ max-width: calc( 100% - 58px );
19020
+ }
19021
+ }
19022
+ .simple-toggle-switch.toggle-switch .toggle-switch-check + .toggle-switch-label {
19023
+ margin-right: 0.5rem;
19024
+ }
19025
+ .simple-toggle-switch.toggle-switch .toggle-switch-label + .toggle-switch-check-bar {
19026
+ margin-left: 0.5rem;
19027
+ }
19101
19028
 
19029
+ .simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-check-bar {
19030
+ order: 5;
19031
+ }
19032
+ .simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-check ~ .toggle-switch-bar {
19033
+ order: 5;
19034
+ }
19035
+ .simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-label {
19036
+ margin-right: 0.5rem;
19037
+ }
19102
19038
  .tooltip {
19103
19039
  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";
19040
+ 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
19041
  font-size: 0.875rem;
19106
19042
  font-style: normal;
19107
19043
  font-weight: 400;
19108
19044
  letter-spacing: normal;
19109
- line-break: auto;
19110
19045
  line-height: 1.5;
19111
19046
  margin: 0;
19112
19047
  opacity: 0;
19113
19048
  position: absolute;
19114
19049
  text-align: left;
19115
- text-align: start;
19116
19050
  text-decoration: none;
19117
19051
  text-shadow: none;
19118
19052
  text-transform: none;
19119
19053
  white-space: normal;
19120
19054
  word-break: normal;
19121
19055
  word-spacing: normal;
19056
+ overflow-wrap: break-word;
19122
19057
  word-wrap: break-word;
19123
19058
  z-index: 1070;
19124
19059
  }
@@ -19137,7 +19072,6 @@ label.toggle-switch.disabled {
19137
19072
  content: "";
19138
19073
  position: absolute;
19139
19074
  }
19140
-
19141
19075
  .tooltip-inner {
19142
19076
  background-color: #000;
19143
19077
  border-radius: 0.25rem;
@@ -19218,38 +19152,6 @@ label.toggle-switch.disabled {
19218
19152
  left: 0;
19219
19153
  }
19220
19154
 
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
19155
  .clay-tooltip-bottom,
19254
19156
  .clay-tooltip-bottom-left,
19255
19157
  .clay-tooltip-bottom-right {
@@ -19258,6 +19160,8 @@ label.toggle-switch.disabled {
19258
19160
  .clay-tooltip-bottom .arrow,
19259
19161
  .clay-tooltip-bottom-left .arrow,
19260
19162
  .clay-tooltip-bottom-right .arrow {
19163
+ left: 50%;
19164
+ margin-left: -0.4rem;
19261
19165
  top: 0;
19262
19166
  }
19263
19167
  .clay-tooltip-bottom .arrow::before,
@@ -19275,7 +19179,15 @@ label.toggle-switch.disabled {
19275
19179
  left: 50%;
19276
19180
  top: 0;
19277
19181
  }
19278
-
19182
+ .clay-tooltip-bottom-left .arrow {
19183
+ left: 0.25rem;
19184
+ margin-left: 0;
19185
+ }
19186
+ .clay-tooltip-bottom-right .arrow {
19187
+ left: auto;
19188
+ margin-left: 0;
19189
+ right: 0.25rem;
19190
+ }
19279
19191
  .clay-tooltip-left,
19280
19192
  .clay-tooltip-left-bottom,
19281
19193
  .clay-tooltip-left-top {
@@ -19285,7 +19197,9 @@ label.toggle-switch.disabled {
19285
19197
  .clay-tooltip-left-bottom .arrow,
19286
19198
  .clay-tooltip-left-top .arrow {
19287
19199
  height: 0.8rem;
19200
+ margin-top: -0.4rem;
19288
19201
  right: 0;
19202
+ top: 50%;
19289
19203
  width: 0.4rem;
19290
19204
  }
19291
19205
  .clay-tooltip-left .arrow::before,
@@ -19303,7 +19217,15 @@ label.toggle-switch.disabled {
19303
19217
  right: 0;
19304
19218
  top: 50%;
19305
19219
  }
19306
-
19220
+ .clay-tooltip-left-bottom .arrow {
19221
+ bottom: 0.25rem;
19222
+ margin-top: 0;
19223
+ top: auto;
19224
+ }
19225
+ .clay-tooltip-left-top .arrow {
19226
+ margin-top: 0;
19227
+ top: 0.25rem;
19228
+ }
19307
19229
  .clay-tooltip-right,
19308
19230
  .clay-tooltip-right-bottom,
19309
19231
  .clay-tooltip-right-top {
@@ -19314,7 +19236,9 @@ label.toggle-switch.disabled {
19314
19236
  .clay-tooltip-right-top .arrow {
19315
19237
  height: 0.8rem;
19316
19238
  left: 0;
19239
+ margin-top: -0.4rem;
19317
19240
  width: 0.4rem;
19241
+ top: 50%;
19318
19242
  }
19319
19243
  .clay-tooltip-right .arrow::before,
19320
19244
  .clay-tooltip-right-bottom .arrow::before,
@@ -19331,7 +19255,15 @@ label.toggle-switch.disabled {
19331
19255
  left: 0;
19332
19256
  top: 50%;
19333
19257
  }
19334
-
19258
+ .clay-tooltip-right-bottom .arrow {
19259
+ bottom: 0.25rem;
19260
+ margin-top: 0;
19261
+ top: auto;
19262
+ }
19263
+ .clay-tooltip-right-top .arrow {
19264
+ margin-top: 0;
19265
+ top: 0.25rem;
19266
+ }
19335
19267
  .clay-tooltip-top,
19336
19268
  .clay-tooltip-top-left,
19337
19269
  .clay-tooltip-top-right {
@@ -19341,6 +19273,8 @@ label.toggle-switch.disabled {
19341
19273
  .clay-tooltip-top-left .arrow,
19342
19274
  .clay-tooltip-top-right .arrow {
19343
19275
  bottom: 0;
19276
+ left: 50%;
19277
+ margin-left: -0.4rem;
19344
19278
  }
19345
19279
  .clay-tooltip-top .arrow::before,
19346
19280
  .clay-tooltip-top-left .arrow::before,
@@ -19357,7 +19291,15 @@ label.toggle-switch.disabled {
19357
19291
  bottom: 0;
19358
19292
  left: 50%;
19359
19293
  }
19360
-
19294
+ .clay-tooltip-top-left .arrow {
19295
+ left: 0.25rem;
19296
+ margin-left: 0;
19297
+ }
19298
+ .clay-tooltip-top-right .arrow {
19299
+ left: auto;
19300
+ margin-left: 0;
19301
+ right: 0.25rem;
19302
+ }
19361
19303
  .bg-checkered {
19362
19304
  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
19305
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;