@clayui/css 3.38.0 → 3.41.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 (140) hide show
  1. package/index.js +7 -2
  2. package/lib/css/atlas.css +819 -966
  3. package/lib/css/atlas.css.map +1 -1
  4. package/lib/css/base.css +668 -814
  5. package/lib/css/base.css.map +1 -1
  6. package/lib/css/cadmin.css +1013 -881
  7. package/lib/css/cadmin.css.map +1 -1
  8. package/lib/images/icons/geolocation.svg +1 -1
  9. package/lib/images/icons/heading.svg +9 -0
  10. package/lib/images/icons/icons.svg +1 -1
  11. package/lib/images/icons/maps.svg +10 -0
  12. package/lib/images/icons/order-ascending.svg +11 -0
  13. package/lib/images/icons/order-descending.svg +11 -0
  14. package/package.json +5 -3
  15. package/src/images/icons/geolocation.svg +1 -1
  16. package/src/images/icons/heading.svg +9 -0
  17. package/src/images/icons/maps.svg +10 -0
  18. package/src/images/icons/order-ascending.svg +11 -0
  19. package/src/images/icons/order-descending.svg +11 -0
  20. package/src/scss/_mixins.scss +1 -0
  21. package/src/scss/atlas/variables/_alerts.scss +10 -0
  22. package/src/scss/atlas/variables/_breadcrumbs.scss +4 -2
  23. package/src/scss/atlas/variables/_cards.scss +2 -2
  24. package/src/scss/atlas/variables/_custom-forms.scss +190 -14
  25. package/src/scss/atlas/variables/_dropdowns.scss +188 -17
  26. package/src/scss/atlas/variables/_forms.scss +33 -1
  27. package/src/scss/atlas/variables/_globals.scss +14 -1
  28. package/src/scss/atlas/variables/_labels.scss +171 -71
  29. package/src/scss/atlas/variables/_navs.scss +20 -8
  30. package/src/scss/atlas/variables/_pagination.scss +2 -2
  31. package/src/scss/atlas/variables/_sheets.scss +4 -2
  32. package/src/scss/atlas/variables/_stickers.scss +167 -3
  33. package/src/scss/atlas/variables/_tables.scss +58 -28
  34. package/src/scss/cadmin/components/_alerts.scss +1 -17
  35. package/src/scss/cadmin/components/_cards.scss +14 -16
  36. package/src/scss/cadmin/components/_custom-forms.scss +15 -165
  37. package/src/scss/cadmin/components/_dropdowns.scss +66 -205
  38. package/src/scss/cadmin/components/_form-validation.scss +10 -237
  39. package/src/scss/cadmin/components/_forms.scss +1 -1
  40. package/src/scss/cadmin/components/_grid.scss +20 -20
  41. package/src/scss/cadmin/components/_icons.scss +1 -6
  42. package/src/scss/cadmin/components/_images.scss +1 -1
  43. package/src/scss/cadmin/components/_input-groups.scss +17 -14
  44. package/src/scss/cadmin/components/_labels.scss +33 -101
  45. package/src/scss/cadmin/components/_list-group.scss +4 -4
  46. package/src/scss/cadmin/components/_modals.scss +1 -1
  47. package/src/scss/cadmin/components/_multi-step-nav.scss +2 -2
  48. package/src/scss/cadmin/components/_navbar.scss +2 -2
  49. package/src/scss/cadmin/components/_popovers.scss +34 -30
  50. package/src/scss/cadmin/components/_reboot.scss +1 -8
  51. package/src/scss/cadmin/components/_sidebar.scss +1 -1
  52. package/src/scss/cadmin/components/_stickers.scss +39 -94
  53. package/src/scss/cadmin/components/_toggle-switch.scss +20 -358
  54. package/src/scss/cadmin/components/_tooltip.scss +16 -14
  55. package/src/scss/cadmin/components/_type.scss +9 -1
  56. package/src/scss/cadmin/variables/_alerts.scss +38 -14
  57. package/src/scss/cadmin/variables/_breadcrumbs.scss +10 -6
  58. package/src/scss/cadmin/variables/_cards.scss +96 -28
  59. package/src/scss/cadmin/variables/_custom-forms.scss +262 -20
  60. package/src/scss/cadmin/variables/_dropdowns.scss +449 -137
  61. package/src/scss/cadmin/variables/_forms.scss +356 -5
  62. package/src/scss/cadmin/variables/_globals.scss +15 -1
  63. package/src/scss/cadmin/variables/_icons.scss +15 -2
  64. package/src/scss/cadmin/variables/_labels.scss +288 -101
  65. package/src/scss/cadmin/variables/_links.scss +9 -7
  66. package/src/scss/cadmin/variables/_menubar.scss +4 -4
  67. package/src/scss/cadmin/variables/_multi-step-nav.scss +2 -2
  68. package/src/scss/cadmin/variables/_navbar.scss +2 -2
  69. package/src/scss/cadmin/variables/_navs.scss +2 -2
  70. package/src/scss/cadmin/variables/_stickers.scss +258 -45
  71. package/src/scss/cadmin/variables/_tables.scss +1 -1
  72. package/src/scss/cadmin/variables/_timelines.scss +1 -1
  73. package/src/scss/cadmin/variables/_toggle-switch.scss +404 -1
  74. package/src/scss/cadmin/variables/_type.scss +3 -0
  75. package/src/scss/components/_alerts.scss +5 -17
  76. package/src/scss/components/_cards.scss +7 -7
  77. package/src/scss/components/_carousel.scss +2 -2
  78. package/src/scss/components/_custom-forms.scss +20 -164
  79. package/src/scss/components/_dropdowns.scss +52 -209
  80. package/src/scss/components/_form-validation.scss +8 -237
  81. package/src/scss/components/_forms.scss +66 -9
  82. package/src/scss/components/_grid.scss +15 -17
  83. package/src/scss/components/_icons.scss +4 -9
  84. package/src/scss/components/_images.scss +1 -1
  85. package/src/scss/components/_input-groups.scss +17 -14
  86. package/src/scss/components/_jumbotron.scss +1 -1
  87. package/src/scss/components/_labels.scss +29 -99
  88. package/src/scss/components/_list-group.scss +4 -4
  89. package/src/scss/components/_modals.scss +1 -1
  90. package/src/scss/components/_multi-step-nav.scss +2 -2
  91. package/src/scss/components/_navbar.scss +2 -2
  92. package/src/scss/components/_popovers.scss +30 -30
  93. package/src/scss/components/_reboot.scss +3 -39
  94. package/src/scss/components/_side-navigation.scss +2 -2
  95. package/src/scss/components/_sidebar.scss +1 -1
  96. package/src/scss/components/_stickers.scss +36 -94
  97. package/src/scss/components/_toggle-switch.scss +36 -351
  98. package/src/scss/components/_tooltip.scss +14 -14
  99. package/src/scss/components/_type.scss +9 -1
  100. package/src/scss/components/_utilities-functional-important.scss +4 -3
  101. package/src/scss/functions/_global-functions.scss +26 -6
  102. package/src/scss/functions/_lx-icons-generated.scss +125 -117
  103. package/src/scss/functions/_polyfills.scss +17 -0
  104. package/src/scss/functions/_type-conversion-functions.scss +5 -4
  105. package/src/scss/mixins/_alerts.scss +25 -0
  106. package/src/scss/mixins/_aspect-ratio.scss +1 -1
  107. package/src/scss/mixins/_buttons.scss +256 -15
  108. package/src/scss/mixins/_cards.scss +610 -114
  109. package/src/scss/mixins/_custom-forms.scss +668 -0
  110. package/src/scss/mixins/_dropdown-menu.scss +168 -48
  111. package/src/scss/mixins/_forms.scss +427 -12
  112. package/src/scss/mixins/_globals.scss +244 -234
  113. package/src/scss/mixins/_grid.scss +13 -15
  114. package/src/scss/mixins/_labels.scss +331 -97
  115. package/src/scss/mixins/_links.scss +453 -33
  116. package/src/scss/mixins/_navbar.scss +10 -10
  117. package/src/scss/mixins/_rfs.scss +14 -9
  118. package/src/scss/mixins/_stickers.scss +168 -17
  119. package/src/scss/mixins/_toggle-switch.scss +1076 -14
  120. package/src/scss/variables/_alerts.scss +38 -14
  121. package/src/scss/variables/_breadcrumbs.scss +8 -4
  122. package/src/scss/variables/_cards.scss +46 -8
  123. package/src/scss/variables/_custom-forms.scss +253 -18
  124. package/src/scss/variables/_dropdowns.scss +583 -132
  125. package/src/scss/variables/_forms.scss +304 -2
  126. package/src/scss/variables/_globals.scss +54 -1
  127. package/src/scss/variables/_icons.scss +60 -9
  128. package/src/scss/variables/_labels.scss +303 -107
  129. package/src/scss/variables/_links.scss +15 -13
  130. package/src/scss/variables/_menubar.scss +4 -4
  131. package/src/scss/variables/_multi-step-nav.scss +2 -2
  132. package/src/scss/variables/_navbar.scss +2 -2
  133. package/src/scss/variables/_navs.scss +37 -17
  134. package/src/scss/variables/_pagination.scss +15 -13
  135. package/src/scss/variables/_sheets.scss +4 -2
  136. package/src/scss/variables/_stickers.scss +327 -50
  137. package/src/scss/variables/_tables.scss +25 -9
  138. package/src/scss/variables/_timelines.scss +1 -1
  139. package/src/scss/variables/_toggle-switch.scss +404 -5
  140. package/src/scss/variables/_type.scss +3 -0
package/lib/css/atlas.css CHANGED
@@ -161,14 +161,12 @@ sup {
161
161
 
162
162
  a {
163
163
  color: #0b5fff;
164
- cursor: pointer;
165
164
  text-decoration: none;
166
165
  }
167
166
  a:hover {
168
167
  color: #004ad7;
169
168
  text-decoration: underline;
170
169
  }
171
-
172
170
  pre,
173
171
  code,
174
172
  kbd,
@@ -547,7 +545,6 @@ strong {
547
545
  .c-kbd-group-sm {
548
546
  font-size: 0.75rem;
549
547
  }
550
-
551
548
  .c-kbd-lg,
552
549
  .c-kbd.c-kbd-lg {
553
550
  font-size: 1rem;
@@ -556,7 +553,6 @@ strong {
556
553
  .c-kbd-group-lg {
557
554
  font-size: 1rem;
558
555
  }
559
-
560
556
  .c-kbd-group-light {
561
557
  color: #6b6c7e;
562
558
  }
@@ -994,7 +990,7 @@ button.collapse-icon .c-inner {
994
990
  height: 1em;
995
991
  position: absolute;
996
992
  right: 0.9375rem;
997
- top: calc(0.625rem + 0.0625rem + (((0.9375em * 1.5) - 1em) / 2));
993
+ top: calc(0.625rem + 0.0625rem + (((0.9375em * 1.5) - 1em) * 0.5));
998
994
  width: 1em;
999
995
  }
1000
996
  .collapse-icon .collapse-icon-closed .lexicon-icon,
@@ -1027,7 +1023,7 @@ button.collapse-icon .c-inner {
1027
1023
  display: block;
1028
1024
  overflow: hidden;
1029
1025
  position: relative;
1030
- padding-bottom: 100%;
1026
+ padding-bottom: calc(1 / 1 * 100%);
1031
1027
  }
1032
1028
 
1033
1029
  .aspect-ratio-item {
@@ -1137,19 +1133,19 @@ button.collapse-icon .c-inner {
1137
1133
  }
1138
1134
 
1139
1135
  .aspect-ratio-3-to-2 {
1140
- padding-bottom: 66.6666666667%;
1136
+ padding-bottom: calc(2 / 3 * 100%);
1141
1137
  }
1142
1138
 
1143
1139
  .aspect-ratio-4-to-3 {
1144
- padding-bottom: 75%;
1140
+ padding-bottom: calc(3 / 4 * 100%);
1145
1141
  }
1146
1142
 
1147
1143
  .aspect-ratio-8-to-5 {
1148
- padding-bottom: 62.5%;
1144
+ padding-bottom: calc(5 / 8 * 100%);
1149
1145
  }
1150
1146
 
1151
1147
  .aspect-ratio-16-to-9 {
1152
- padding-bottom: 56.25%;
1148
+ padding-bottom: calc(9 / 16 * 100%);
1153
1149
  }
1154
1150
 
1155
1151
  .aspect-ratio-bg-contain {
@@ -1996,33 +1992,33 @@ input[type=button].btn-block {
1996
1992
  }
1997
1993
 
1998
1994
  .row-cols-1 > * {
1999
- flex: 0 0 100%;
2000
- max-width: 100%;
1995
+ flex: 0 0 calc(100% / 1);
1996
+ max-width: calc(100% / 1);
2001
1997
  }
2002
1998
 
2003
1999
  .row-cols-2 > * {
2004
- flex: 0 0 50%;
2005
- max-width: 50%;
2000
+ flex: 0 0 calc(100% / 2);
2001
+ max-width: calc(100% / 2);
2006
2002
  }
2007
2003
 
2008
2004
  .row-cols-3 > * {
2009
- flex: 0 0 33.3333333333%;
2010
- max-width: 33.3333333333%;
2005
+ flex: 0 0 calc(100% / 3);
2006
+ max-width: calc(100% / 3);
2011
2007
  }
2012
2008
 
2013
2009
  .row-cols-4 > * {
2014
- flex: 0 0 25%;
2015
- max-width: 25%;
2010
+ flex: 0 0 calc(100% / 4);
2011
+ max-width: calc(100% / 4);
2016
2012
  }
2017
2013
 
2018
2014
  .row-cols-5 > * {
2019
- flex: 0 0 20%;
2020
- max-width: 20%;
2015
+ flex: 0 0 calc(100% / 5);
2016
+ max-width: calc(100% / 5);
2021
2017
  }
2022
2018
 
2023
2019
  .row-cols-6 > * {
2024
- flex: 0 0 16.6666666667%;
2025
- max-width: 16.6666666667%;
2020
+ flex: 0 0 calc(100% / 6);
2021
+ max-width: calc(100% / 6);
2026
2022
  }
2027
2023
 
2028
2024
  .col-auto {
@@ -2032,63 +2028,63 @@ input[type=button].btn-block {
2032
2028
  }
2033
2029
 
2034
2030
  .col-1 {
2035
- flex: 0 0 8.3333333333%;
2036
- max-width: 8.3333333333%;
2031
+ flex: 0 0 calc(1 / 12 * 100%);
2032
+ max-width: calc(1 / 12 * 100%);
2037
2033
  }
2038
2034
 
2039
2035
  .col-2 {
2040
- flex: 0 0 16.6666666667%;
2041
- max-width: 16.6666666667%;
2036
+ flex: 0 0 calc(2 / 12 * 100%);
2037
+ max-width: calc(2 / 12 * 100%);
2042
2038
  }
2043
2039
 
2044
2040
  .col-3 {
2045
- flex: 0 0 25%;
2046
- max-width: 25%;
2041
+ flex: 0 0 calc(3 / 12 * 100%);
2042
+ max-width: calc(3 / 12 * 100%);
2047
2043
  }
2048
2044
 
2049
2045
  .col-4 {
2050
- flex: 0 0 33.3333333333%;
2051
- max-width: 33.3333333333%;
2046
+ flex: 0 0 calc(4 / 12 * 100%);
2047
+ max-width: calc(4 / 12 * 100%);
2052
2048
  }
2053
2049
 
2054
2050
  .col-5 {
2055
- flex: 0 0 41.6666666667%;
2056
- max-width: 41.6666666667%;
2051
+ flex: 0 0 calc(5 / 12 * 100%);
2052
+ max-width: calc(5 / 12 * 100%);
2057
2053
  }
2058
2054
 
2059
2055
  .col-6 {
2060
- flex: 0 0 50%;
2061
- max-width: 50%;
2056
+ flex: 0 0 calc(6 / 12 * 100%);
2057
+ max-width: calc(6 / 12 * 100%);
2062
2058
  }
2063
2059
 
2064
2060
  .col-7 {
2065
- flex: 0 0 58.3333333333%;
2066
- max-width: 58.3333333333%;
2061
+ flex: 0 0 calc(7 / 12 * 100%);
2062
+ max-width: calc(7 / 12 * 100%);
2067
2063
  }
2068
2064
 
2069
2065
  .col-8 {
2070
- flex: 0 0 66.6666666667%;
2071
- max-width: 66.6666666667%;
2066
+ flex: 0 0 calc(8 / 12 * 100%);
2067
+ max-width: calc(8 / 12 * 100%);
2072
2068
  }
2073
2069
 
2074
2070
  .col-9 {
2075
- flex: 0 0 75%;
2076
- max-width: 75%;
2071
+ flex: 0 0 calc(9 / 12 * 100%);
2072
+ max-width: calc(9 / 12 * 100%);
2077
2073
  }
2078
2074
 
2079
2075
  .col-10 {
2080
- flex: 0 0 83.3333333333%;
2081
- max-width: 83.3333333333%;
2076
+ flex: 0 0 calc(10 / 12 * 100%);
2077
+ max-width: calc(10 / 12 * 100%);
2082
2078
  }
2083
2079
 
2084
2080
  .col-11 {
2085
- flex: 0 0 91.6666666667%;
2086
- max-width: 91.6666666667%;
2081
+ flex: 0 0 calc(11 / 12 * 100%);
2082
+ max-width: calc(11 / 12 * 100%);
2087
2083
  }
2088
2084
 
2089
2085
  .col-12 {
2090
- flex: 0 0 100%;
2091
- max-width: 100%;
2086
+ flex: 0 0 calc(12 / 12 * 100%);
2087
+ max-width: calc(12 / 12 * 100%);
2092
2088
  }
2093
2089
 
2094
2090
  .order-first {
@@ -2152,47 +2148,47 @@ input[type=button].btn-block {
2152
2148
  }
2153
2149
 
2154
2150
  .offset-1 {
2155
- margin-left: 8.3333333333%;
2151
+ margin-left: calc(1 / 12 * 100%);
2156
2152
  }
2157
2153
 
2158
2154
  .offset-2 {
2159
- margin-left: 16.6666666667%;
2155
+ margin-left: calc(2 / 12 * 100%);
2160
2156
  }
2161
2157
 
2162
2158
  .offset-3 {
2163
- margin-left: 25%;
2159
+ margin-left: calc(3 / 12 * 100%);
2164
2160
  }
2165
2161
 
2166
2162
  .offset-4 {
2167
- margin-left: 33.3333333333%;
2163
+ margin-left: calc(4 / 12 * 100%);
2168
2164
  }
2169
2165
 
2170
2166
  .offset-5 {
2171
- margin-left: 41.6666666667%;
2167
+ margin-left: calc(5 / 12 * 100%);
2172
2168
  }
2173
2169
 
2174
2170
  .offset-6 {
2175
- margin-left: 50%;
2171
+ margin-left: calc(6 / 12 * 100%);
2176
2172
  }
2177
2173
 
2178
2174
  .offset-7 {
2179
- margin-left: 58.3333333333%;
2175
+ margin-left: calc(7 / 12 * 100%);
2180
2176
  }
2181
2177
 
2182
2178
  .offset-8 {
2183
- margin-left: 66.6666666667%;
2179
+ margin-left: calc(8 / 12 * 100%);
2184
2180
  }
2185
2181
 
2186
2182
  .offset-9 {
2187
- margin-left: 75%;
2183
+ margin-left: calc(9 / 12 * 100%);
2188
2184
  }
2189
2185
 
2190
2186
  .offset-10 {
2191
- margin-left: 83.3333333333%;
2187
+ margin-left: calc(10 / 12 * 100%);
2192
2188
  }
2193
2189
 
2194
2190
  .offset-11 {
2195
- margin-left: 91.6666666667%;
2191
+ margin-left: calc(11 / 12 * 100%);
2196
2192
  }
2197
2193
 
2198
2194
  @media (min-width: 576px) {
@@ -2203,33 +2199,33 @@ input[type=button].btn-block {
2203
2199
  }
2204
2200
 
2205
2201
  .row-cols-sm-1 > * {
2206
- flex: 0 0 100%;
2207
- max-width: 100%;
2202
+ flex: 0 0 calc(100% / 1);
2203
+ max-width: calc(100% / 1);
2208
2204
  }
2209
2205
 
2210
2206
  .row-cols-sm-2 > * {
2211
- flex: 0 0 50%;
2212
- max-width: 50%;
2207
+ flex: 0 0 calc(100% / 2);
2208
+ max-width: calc(100% / 2);
2213
2209
  }
2214
2210
 
2215
2211
  .row-cols-sm-3 > * {
2216
- flex: 0 0 33.3333333333%;
2217
- max-width: 33.3333333333%;
2212
+ flex: 0 0 calc(100% / 3);
2213
+ max-width: calc(100% / 3);
2218
2214
  }
2219
2215
 
2220
2216
  .row-cols-sm-4 > * {
2221
- flex: 0 0 25%;
2222
- max-width: 25%;
2217
+ flex: 0 0 calc(100% / 4);
2218
+ max-width: calc(100% / 4);
2223
2219
  }
2224
2220
 
2225
2221
  .row-cols-sm-5 > * {
2226
- flex: 0 0 20%;
2227
- max-width: 20%;
2222
+ flex: 0 0 calc(100% / 5);
2223
+ max-width: calc(100% / 5);
2228
2224
  }
2229
2225
 
2230
2226
  .row-cols-sm-6 > * {
2231
- flex: 0 0 16.6666666667%;
2232
- max-width: 16.6666666667%;
2227
+ flex: 0 0 calc(100% / 6);
2228
+ max-width: calc(100% / 6);
2233
2229
  }
2234
2230
 
2235
2231
  .col-sm-auto {
@@ -2239,63 +2235,63 @@ input[type=button].btn-block {
2239
2235
  }
2240
2236
 
2241
2237
  .col-sm-1 {
2242
- flex: 0 0 8.3333333333%;
2243
- max-width: 8.3333333333%;
2238
+ flex: 0 0 calc(1 / 12 * 100%);
2239
+ max-width: calc(1 / 12 * 100%);
2244
2240
  }
2245
2241
 
2246
2242
  .col-sm-2 {
2247
- flex: 0 0 16.6666666667%;
2248
- max-width: 16.6666666667%;
2243
+ flex: 0 0 calc(2 / 12 * 100%);
2244
+ max-width: calc(2 / 12 * 100%);
2249
2245
  }
2250
2246
 
2251
2247
  .col-sm-3 {
2252
- flex: 0 0 25%;
2253
- max-width: 25%;
2248
+ flex: 0 0 calc(3 / 12 * 100%);
2249
+ max-width: calc(3 / 12 * 100%);
2254
2250
  }
2255
2251
 
2256
2252
  .col-sm-4 {
2257
- flex: 0 0 33.3333333333%;
2258
- max-width: 33.3333333333%;
2253
+ flex: 0 0 calc(4 / 12 * 100%);
2254
+ max-width: calc(4 / 12 * 100%);
2259
2255
  }
2260
2256
 
2261
2257
  .col-sm-5 {
2262
- flex: 0 0 41.6666666667%;
2263
- max-width: 41.6666666667%;
2258
+ flex: 0 0 calc(5 / 12 * 100%);
2259
+ max-width: calc(5 / 12 * 100%);
2264
2260
  }
2265
2261
 
2266
2262
  .col-sm-6 {
2267
- flex: 0 0 50%;
2268
- max-width: 50%;
2263
+ flex: 0 0 calc(6 / 12 * 100%);
2264
+ max-width: calc(6 / 12 * 100%);
2269
2265
  }
2270
2266
 
2271
2267
  .col-sm-7 {
2272
- flex: 0 0 58.3333333333%;
2273
- max-width: 58.3333333333%;
2268
+ flex: 0 0 calc(7 / 12 * 100%);
2269
+ max-width: calc(7 / 12 * 100%);
2274
2270
  }
2275
2271
 
2276
2272
  .col-sm-8 {
2277
- flex: 0 0 66.6666666667%;
2278
- max-width: 66.6666666667%;
2273
+ flex: 0 0 calc(8 / 12 * 100%);
2274
+ max-width: calc(8 / 12 * 100%);
2279
2275
  }
2280
2276
 
2281
2277
  .col-sm-9 {
2282
- flex: 0 0 75%;
2283
- max-width: 75%;
2278
+ flex: 0 0 calc(9 / 12 * 100%);
2279
+ max-width: calc(9 / 12 * 100%);
2284
2280
  }
2285
2281
 
2286
2282
  .col-sm-10 {
2287
- flex: 0 0 83.3333333333%;
2288
- max-width: 83.3333333333%;
2283
+ flex: 0 0 calc(10 / 12 * 100%);
2284
+ max-width: calc(10 / 12 * 100%);
2289
2285
  }
2290
2286
 
2291
2287
  .col-sm-11 {
2292
- flex: 0 0 91.6666666667%;
2293
- max-width: 91.6666666667%;
2288
+ flex: 0 0 calc(11 / 12 * 100%);
2289
+ max-width: calc(11 / 12 * 100%);
2294
2290
  }
2295
2291
 
2296
2292
  .col-sm-12 {
2297
- flex: 0 0 100%;
2298
- max-width: 100%;
2293
+ flex: 0 0 calc(12 / 12 * 100%);
2294
+ max-width: calc(12 / 12 * 100%);
2299
2295
  }
2300
2296
 
2301
2297
  .order-sm-first {
@@ -2359,51 +2355,51 @@ input[type=button].btn-block {
2359
2355
  }
2360
2356
 
2361
2357
  .offset-sm-0 {
2362
- margin-left: 0;
2358
+ margin-left: calc(0 / 12 * 100%);
2363
2359
  }
2364
2360
 
2365
2361
  .offset-sm-1 {
2366
- margin-left: 8.3333333333%;
2362
+ margin-left: calc(1 / 12 * 100%);
2367
2363
  }
2368
2364
 
2369
2365
  .offset-sm-2 {
2370
- margin-left: 16.6666666667%;
2366
+ margin-left: calc(2 / 12 * 100%);
2371
2367
  }
2372
2368
 
2373
2369
  .offset-sm-3 {
2374
- margin-left: 25%;
2370
+ margin-left: calc(3 / 12 * 100%);
2375
2371
  }
2376
2372
 
2377
2373
  .offset-sm-4 {
2378
- margin-left: 33.3333333333%;
2374
+ margin-left: calc(4 / 12 * 100%);
2379
2375
  }
2380
2376
 
2381
2377
  .offset-sm-5 {
2382
- margin-left: 41.6666666667%;
2378
+ margin-left: calc(5 / 12 * 100%);
2383
2379
  }
2384
2380
 
2385
2381
  .offset-sm-6 {
2386
- margin-left: 50%;
2382
+ margin-left: calc(6 / 12 * 100%);
2387
2383
  }
2388
2384
 
2389
2385
  .offset-sm-7 {
2390
- margin-left: 58.3333333333%;
2386
+ margin-left: calc(7 / 12 * 100%);
2391
2387
  }
2392
2388
 
2393
2389
  .offset-sm-8 {
2394
- margin-left: 66.6666666667%;
2390
+ margin-left: calc(8 / 12 * 100%);
2395
2391
  }
2396
2392
 
2397
2393
  .offset-sm-9 {
2398
- margin-left: 75%;
2394
+ margin-left: calc(9 / 12 * 100%);
2399
2395
  }
2400
2396
 
2401
2397
  .offset-sm-10 {
2402
- margin-left: 83.3333333333%;
2398
+ margin-left: calc(10 / 12 * 100%);
2403
2399
  }
2404
2400
 
2405
2401
  .offset-sm-11 {
2406
- margin-left: 91.6666666667%;
2402
+ margin-left: calc(11 / 12 * 100%);
2407
2403
  }
2408
2404
  }
2409
2405
  @media (min-width: 768px) {
@@ -2414,33 +2410,33 @@ input[type=button].btn-block {
2414
2410
  }
2415
2411
 
2416
2412
  .row-cols-md-1 > * {
2417
- flex: 0 0 100%;
2418
- max-width: 100%;
2413
+ flex: 0 0 calc(100% / 1);
2414
+ max-width: calc(100% / 1);
2419
2415
  }
2420
2416
 
2421
2417
  .row-cols-md-2 > * {
2422
- flex: 0 0 50%;
2423
- max-width: 50%;
2418
+ flex: 0 0 calc(100% / 2);
2419
+ max-width: calc(100% / 2);
2424
2420
  }
2425
2421
 
2426
2422
  .row-cols-md-3 > * {
2427
- flex: 0 0 33.3333333333%;
2428
- max-width: 33.3333333333%;
2423
+ flex: 0 0 calc(100% / 3);
2424
+ max-width: calc(100% / 3);
2429
2425
  }
2430
2426
 
2431
2427
  .row-cols-md-4 > * {
2432
- flex: 0 0 25%;
2433
- max-width: 25%;
2428
+ flex: 0 0 calc(100% / 4);
2429
+ max-width: calc(100% / 4);
2434
2430
  }
2435
2431
 
2436
2432
  .row-cols-md-5 > * {
2437
- flex: 0 0 20%;
2438
- max-width: 20%;
2433
+ flex: 0 0 calc(100% / 5);
2434
+ max-width: calc(100% / 5);
2439
2435
  }
2440
2436
 
2441
2437
  .row-cols-md-6 > * {
2442
- flex: 0 0 16.6666666667%;
2443
- max-width: 16.6666666667%;
2438
+ flex: 0 0 calc(100% / 6);
2439
+ max-width: calc(100% / 6);
2444
2440
  }
2445
2441
 
2446
2442
  .col-md-auto {
@@ -2450,63 +2446,63 @@ input[type=button].btn-block {
2450
2446
  }
2451
2447
 
2452
2448
  .col-md-1 {
2453
- flex: 0 0 8.3333333333%;
2454
- max-width: 8.3333333333%;
2449
+ flex: 0 0 calc(1 / 12 * 100%);
2450
+ max-width: calc(1 / 12 * 100%);
2455
2451
  }
2456
2452
 
2457
2453
  .col-md-2 {
2458
- flex: 0 0 16.6666666667%;
2459
- max-width: 16.6666666667%;
2454
+ flex: 0 0 calc(2 / 12 * 100%);
2455
+ max-width: calc(2 / 12 * 100%);
2460
2456
  }
2461
2457
 
2462
2458
  .col-md-3 {
2463
- flex: 0 0 25%;
2464
- max-width: 25%;
2459
+ flex: 0 0 calc(3 / 12 * 100%);
2460
+ max-width: calc(3 / 12 * 100%);
2465
2461
  }
2466
2462
 
2467
2463
  .col-md-4 {
2468
- flex: 0 0 33.3333333333%;
2469
- max-width: 33.3333333333%;
2464
+ flex: 0 0 calc(4 / 12 * 100%);
2465
+ max-width: calc(4 / 12 * 100%);
2470
2466
  }
2471
2467
 
2472
2468
  .col-md-5 {
2473
- flex: 0 0 41.6666666667%;
2474
- max-width: 41.6666666667%;
2469
+ flex: 0 0 calc(5 / 12 * 100%);
2470
+ max-width: calc(5 / 12 * 100%);
2475
2471
  }
2476
2472
 
2477
2473
  .col-md-6 {
2478
- flex: 0 0 50%;
2479
- max-width: 50%;
2474
+ flex: 0 0 calc(6 / 12 * 100%);
2475
+ max-width: calc(6 / 12 * 100%);
2480
2476
  }
2481
2477
 
2482
2478
  .col-md-7 {
2483
- flex: 0 0 58.3333333333%;
2484
- max-width: 58.3333333333%;
2479
+ flex: 0 0 calc(7 / 12 * 100%);
2480
+ max-width: calc(7 / 12 * 100%);
2485
2481
  }
2486
2482
 
2487
2483
  .col-md-8 {
2488
- flex: 0 0 66.6666666667%;
2489
- max-width: 66.6666666667%;
2484
+ flex: 0 0 calc(8 / 12 * 100%);
2485
+ max-width: calc(8 / 12 * 100%);
2490
2486
  }
2491
2487
 
2492
2488
  .col-md-9 {
2493
- flex: 0 0 75%;
2494
- max-width: 75%;
2489
+ flex: 0 0 calc(9 / 12 * 100%);
2490
+ max-width: calc(9 / 12 * 100%);
2495
2491
  }
2496
2492
 
2497
2493
  .col-md-10 {
2498
- flex: 0 0 83.3333333333%;
2499
- max-width: 83.3333333333%;
2494
+ flex: 0 0 calc(10 / 12 * 100%);
2495
+ max-width: calc(10 / 12 * 100%);
2500
2496
  }
2501
2497
 
2502
2498
  .col-md-11 {
2503
- flex: 0 0 91.6666666667%;
2504
- max-width: 91.6666666667%;
2499
+ flex: 0 0 calc(11 / 12 * 100%);
2500
+ max-width: calc(11 / 12 * 100%);
2505
2501
  }
2506
2502
 
2507
2503
  .col-md-12 {
2508
- flex: 0 0 100%;
2509
- max-width: 100%;
2504
+ flex: 0 0 calc(12 / 12 * 100%);
2505
+ max-width: calc(12 / 12 * 100%);
2510
2506
  }
2511
2507
 
2512
2508
  .order-md-first {
@@ -2570,51 +2566,51 @@ input[type=button].btn-block {
2570
2566
  }
2571
2567
 
2572
2568
  .offset-md-0 {
2573
- margin-left: 0;
2569
+ margin-left: calc(0 / 12 * 100%);
2574
2570
  }
2575
2571
 
2576
2572
  .offset-md-1 {
2577
- margin-left: 8.3333333333%;
2573
+ margin-left: calc(1 / 12 * 100%);
2578
2574
  }
2579
2575
 
2580
2576
  .offset-md-2 {
2581
- margin-left: 16.6666666667%;
2577
+ margin-left: calc(2 / 12 * 100%);
2582
2578
  }
2583
2579
 
2584
2580
  .offset-md-3 {
2585
- margin-left: 25%;
2581
+ margin-left: calc(3 / 12 * 100%);
2586
2582
  }
2587
2583
 
2588
2584
  .offset-md-4 {
2589
- margin-left: 33.3333333333%;
2585
+ margin-left: calc(4 / 12 * 100%);
2590
2586
  }
2591
2587
 
2592
2588
  .offset-md-5 {
2593
- margin-left: 41.6666666667%;
2589
+ margin-left: calc(5 / 12 * 100%);
2594
2590
  }
2595
2591
 
2596
2592
  .offset-md-6 {
2597
- margin-left: 50%;
2593
+ margin-left: calc(6 / 12 * 100%);
2598
2594
  }
2599
2595
 
2600
2596
  .offset-md-7 {
2601
- margin-left: 58.3333333333%;
2597
+ margin-left: calc(7 / 12 * 100%);
2602
2598
  }
2603
2599
 
2604
2600
  .offset-md-8 {
2605
- margin-left: 66.6666666667%;
2601
+ margin-left: calc(8 / 12 * 100%);
2606
2602
  }
2607
2603
 
2608
2604
  .offset-md-9 {
2609
- margin-left: 75%;
2605
+ margin-left: calc(9 / 12 * 100%);
2610
2606
  }
2611
2607
 
2612
2608
  .offset-md-10 {
2613
- margin-left: 83.3333333333%;
2609
+ margin-left: calc(10 / 12 * 100%);
2614
2610
  }
2615
2611
 
2616
2612
  .offset-md-11 {
2617
- margin-left: 91.6666666667%;
2613
+ margin-left: calc(11 / 12 * 100%);
2618
2614
  }
2619
2615
  }
2620
2616
  @media (min-width: 992px) {
@@ -2625,33 +2621,33 @@ input[type=button].btn-block {
2625
2621
  }
2626
2622
 
2627
2623
  .row-cols-lg-1 > * {
2628
- flex: 0 0 100%;
2629
- max-width: 100%;
2624
+ flex: 0 0 calc(100% / 1);
2625
+ max-width: calc(100% / 1);
2630
2626
  }
2631
2627
 
2632
2628
  .row-cols-lg-2 > * {
2633
- flex: 0 0 50%;
2634
- max-width: 50%;
2629
+ flex: 0 0 calc(100% / 2);
2630
+ max-width: calc(100% / 2);
2635
2631
  }
2636
2632
 
2637
2633
  .row-cols-lg-3 > * {
2638
- flex: 0 0 33.3333333333%;
2639
- max-width: 33.3333333333%;
2634
+ flex: 0 0 calc(100% / 3);
2635
+ max-width: calc(100% / 3);
2640
2636
  }
2641
2637
 
2642
2638
  .row-cols-lg-4 > * {
2643
- flex: 0 0 25%;
2644
- max-width: 25%;
2639
+ flex: 0 0 calc(100% / 4);
2640
+ max-width: calc(100% / 4);
2645
2641
  }
2646
2642
 
2647
2643
  .row-cols-lg-5 > * {
2648
- flex: 0 0 20%;
2649
- max-width: 20%;
2644
+ flex: 0 0 calc(100% / 5);
2645
+ max-width: calc(100% / 5);
2650
2646
  }
2651
2647
 
2652
2648
  .row-cols-lg-6 > * {
2653
- flex: 0 0 16.6666666667%;
2654
- max-width: 16.6666666667%;
2649
+ flex: 0 0 calc(100% / 6);
2650
+ max-width: calc(100% / 6);
2655
2651
  }
2656
2652
 
2657
2653
  .col-lg-auto {
@@ -2661,63 +2657,63 @@ input[type=button].btn-block {
2661
2657
  }
2662
2658
 
2663
2659
  .col-lg-1 {
2664
- flex: 0 0 8.3333333333%;
2665
- max-width: 8.3333333333%;
2660
+ flex: 0 0 calc(1 / 12 * 100%);
2661
+ max-width: calc(1 / 12 * 100%);
2666
2662
  }
2667
2663
 
2668
2664
  .col-lg-2 {
2669
- flex: 0 0 16.6666666667%;
2670
- max-width: 16.6666666667%;
2665
+ flex: 0 0 calc(2 / 12 * 100%);
2666
+ max-width: calc(2 / 12 * 100%);
2671
2667
  }
2672
2668
 
2673
2669
  .col-lg-3 {
2674
- flex: 0 0 25%;
2675
- max-width: 25%;
2670
+ flex: 0 0 calc(3 / 12 * 100%);
2671
+ max-width: calc(3 / 12 * 100%);
2676
2672
  }
2677
2673
 
2678
2674
  .col-lg-4 {
2679
- flex: 0 0 33.3333333333%;
2680
- max-width: 33.3333333333%;
2675
+ flex: 0 0 calc(4 / 12 * 100%);
2676
+ max-width: calc(4 / 12 * 100%);
2681
2677
  }
2682
2678
 
2683
2679
  .col-lg-5 {
2684
- flex: 0 0 41.6666666667%;
2685
- max-width: 41.6666666667%;
2680
+ flex: 0 0 calc(5 / 12 * 100%);
2681
+ max-width: calc(5 / 12 * 100%);
2686
2682
  }
2687
2683
 
2688
2684
  .col-lg-6 {
2689
- flex: 0 0 50%;
2690
- max-width: 50%;
2685
+ flex: 0 0 calc(6 / 12 * 100%);
2686
+ max-width: calc(6 / 12 * 100%);
2691
2687
  }
2692
2688
 
2693
2689
  .col-lg-7 {
2694
- flex: 0 0 58.3333333333%;
2695
- max-width: 58.3333333333%;
2690
+ flex: 0 0 calc(7 / 12 * 100%);
2691
+ max-width: calc(7 / 12 * 100%);
2696
2692
  }
2697
2693
 
2698
2694
  .col-lg-8 {
2699
- flex: 0 0 66.6666666667%;
2700
- max-width: 66.6666666667%;
2695
+ flex: 0 0 calc(8 / 12 * 100%);
2696
+ max-width: calc(8 / 12 * 100%);
2701
2697
  }
2702
2698
 
2703
2699
  .col-lg-9 {
2704
- flex: 0 0 75%;
2705
- max-width: 75%;
2700
+ flex: 0 0 calc(9 / 12 * 100%);
2701
+ max-width: calc(9 / 12 * 100%);
2706
2702
  }
2707
2703
 
2708
2704
  .col-lg-10 {
2709
- flex: 0 0 83.3333333333%;
2710
- max-width: 83.3333333333%;
2705
+ flex: 0 0 calc(10 / 12 * 100%);
2706
+ max-width: calc(10 / 12 * 100%);
2711
2707
  }
2712
2708
 
2713
2709
  .col-lg-11 {
2714
- flex: 0 0 91.6666666667%;
2715
- max-width: 91.6666666667%;
2710
+ flex: 0 0 calc(11 / 12 * 100%);
2711
+ max-width: calc(11 / 12 * 100%);
2716
2712
  }
2717
2713
 
2718
2714
  .col-lg-12 {
2719
- flex: 0 0 100%;
2720
- max-width: 100%;
2715
+ flex: 0 0 calc(12 / 12 * 100%);
2716
+ max-width: calc(12 / 12 * 100%);
2721
2717
  }
2722
2718
 
2723
2719
  .order-lg-first {
@@ -2781,51 +2777,51 @@ input[type=button].btn-block {
2781
2777
  }
2782
2778
 
2783
2779
  .offset-lg-0 {
2784
- margin-left: 0;
2780
+ margin-left: calc(0 / 12 * 100%);
2785
2781
  }
2786
2782
 
2787
2783
  .offset-lg-1 {
2788
- margin-left: 8.3333333333%;
2784
+ margin-left: calc(1 / 12 * 100%);
2789
2785
  }
2790
2786
 
2791
2787
  .offset-lg-2 {
2792
- margin-left: 16.6666666667%;
2788
+ margin-left: calc(2 / 12 * 100%);
2793
2789
  }
2794
2790
 
2795
2791
  .offset-lg-3 {
2796
- margin-left: 25%;
2792
+ margin-left: calc(3 / 12 * 100%);
2797
2793
  }
2798
2794
 
2799
2795
  .offset-lg-4 {
2800
- margin-left: 33.3333333333%;
2796
+ margin-left: calc(4 / 12 * 100%);
2801
2797
  }
2802
2798
 
2803
2799
  .offset-lg-5 {
2804
- margin-left: 41.6666666667%;
2800
+ margin-left: calc(5 / 12 * 100%);
2805
2801
  }
2806
2802
 
2807
2803
  .offset-lg-6 {
2808
- margin-left: 50%;
2804
+ margin-left: calc(6 / 12 * 100%);
2809
2805
  }
2810
2806
 
2811
2807
  .offset-lg-7 {
2812
- margin-left: 58.3333333333%;
2808
+ margin-left: calc(7 / 12 * 100%);
2813
2809
  }
2814
2810
 
2815
2811
  .offset-lg-8 {
2816
- margin-left: 66.6666666667%;
2812
+ margin-left: calc(8 / 12 * 100%);
2817
2813
  }
2818
2814
 
2819
2815
  .offset-lg-9 {
2820
- margin-left: 75%;
2816
+ margin-left: calc(9 / 12 * 100%);
2821
2817
  }
2822
2818
 
2823
2819
  .offset-lg-10 {
2824
- margin-left: 83.3333333333%;
2820
+ margin-left: calc(10 / 12 * 100%);
2825
2821
  }
2826
2822
 
2827
2823
  .offset-lg-11 {
2828
- margin-left: 91.6666666667%;
2824
+ margin-left: calc(11 / 12 * 100%);
2829
2825
  }
2830
2826
  }
2831
2827
  @media (min-width: 1280px) {
@@ -2836,33 +2832,33 @@ input[type=button].btn-block {
2836
2832
  }
2837
2833
 
2838
2834
  .row-cols-xl-1 > * {
2839
- flex: 0 0 100%;
2840
- max-width: 100%;
2835
+ flex: 0 0 calc(100% / 1);
2836
+ max-width: calc(100% / 1);
2841
2837
  }
2842
2838
 
2843
2839
  .row-cols-xl-2 > * {
2844
- flex: 0 0 50%;
2845
- max-width: 50%;
2840
+ flex: 0 0 calc(100% / 2);
2841
+ max-width: calc(100% / 2);
2846
2842
  }
2847
2843
 
2848
2844
  .row-cols-xl-3 > * {
2849
- flex: 0 0 33.3333333333%;
2850
- max-width: 33.3333333333%;
2845
+ flex: 0 0 calc(100% / 3);
2846
+ max-width: calc(100% / 3);
2851
2847
  }
2852
2848
 
2853
2849
  .row-cols-xl-4 > * {
2854
- flex: 0 0 25%;
2855
- max-width: 25%;
2850
+ flex: 0 0 calc(100% / 4);
2851
+ max-width: calc(100% / 4);
2856
2852
  }
2857
2853
 
2858
2854
  .row-cols-xl-5 > * {
2859
- flex: 0 0 20%;
2860
- max-width: 20%;
2855
+ flex: 0 0 calc(100% / 5);
2856
+ max-width: calc(100% / 5);
2861
2857
  }
2862
2858
 
2863
2859
  .row-cols-xl-6 > * {
2864
- flex: 0 0 16.6666666667%;
2865
- max-width: 16.6666666667%;
2860
+ flex: 0 0 calc(100% / 6);
2861
+ max-width: calc(100% / 6);
2866
2862
  }
2867
2863
 
2868
2864
  .col-xl-auto {
@@ -2872,63 +2868,63 @@ input[type=button].btn-block {
2872
2868
  }
2873
2869
 
2874
2870
  .col-xl-1 {
2875
- flex: 0 0 8.3333333333%;
2876
- max-width: 8.3333333333%;
2871
+ flex: 0 0 calc(1 / 12 * 100%);
2872
+ max-width: calc(1 / 12 * 100%);
2877
2873
  }
2878
2874
 
2879
2875
  .col-xl-2 {
2880
- flex: 0 0 16.6666666667%;
2881
- max-width: 16.6666666667%;
2876
+ flex: 0 0 calc(2 / 12 * 100%);
2877
+ max-width: calc(2 / 12 * 100%);
2882
2878
  }
2883
2879
 
2884
2880
  .col-xl-3 {
2885
- flex: 0 0 25%;
2886
- max-width: 25%;
2881
+ flex: 0 0 calc(3 / 12 * 100%);
2882
+ max-width: calc(3 / 12 * 100%);
2887
2883
  }
2888
2884
 
2889
2885
  .col-xl-4 {
2890
- flex: 0 0 33.3333333333%;
2891
- max-width: 33.3333333333%;
2886
+ flex: 0 0 calc(4 / 12 * 100%);
2887
+ max-width: calc(4 / 12 * 100%);
2892
2888
  }
2893
2889
 
2894
2890
  .col-xl-5 {
2895
- flex: 0 0 41.6666666667%;
2896
- max-width: 41.6666666667%;
2891
+ flex: 0 0 calc(5 / 12 * 100%);
2892
+ max-width: calc(5 / 12 * 100%);
2897
2893
  }
2898
2894
 
2899
2895
  .col-xl-6 {
2900
- flex: 0 0 50%;
2901
- max-width: 50%;
2896
+ flex: 0 0 calc(6 / 12 * 100%);
2897
+ max-width: calc(6 / 12 * 100%);
2902
2898
  }
2903
2899
 
2904
2900
  .col-xl-7 {
2905
- flex: 0 0 58.3333333333%;
2906
- max-width: 58.3333333333%;
2901
+ flex: 0 0 calc(7 / 12 * 100%);
2902
+ max-width: calc(7 / 12 * 100%);
2907
2903
  }
2908
2904
 
2909
2905
  .col-xl-8 {
2910
- flex: 0 0 66.6666666667%;
2911
- max-width: 66.6666666667%;
2906
+ flex: 0 0 calc(8 / 12 * 100%);
2907
+ max-width: calc(8 / 12 * 100%);
2912
2908
  }
2913
2909
 
2914
2910
  .col-xl-9 {
2915
- flex: 0 0 75%;
2916
- max-width: 75%;
2911
+ flex: 0 0 calc(9 / 12 * 100%);
2912
+ max-width: calc(9 / 12 * 100%);
2917
2913
  }
2918
2914
 
2919
2915
  .col-xl-10 {
2920
- flex: 0 0 83.3333333333%;
2921
- max-width: 83.3333333333%;
2916
+ flex: 0 0 calc(10 / 12 * 100%);
2917
+ max-width: calc(10 / 12 * 100%);
2922
2918
  }
2923
2919
 
2924
2920
  .col-xl-11 {
2925
- flex: 0 0 91.6666666667%;
2926
- max-width: 91.6666666667%;
2921
+ flex: 0 0 calc(11 / 12 * 100%);
2922
+ max-width: calc(11 / 12 * 100%);
2927
2923
  }
2928
2924
 
2929
2925
  .col-xl-12 {
2930
- flex: 0 0 100%;
2931
- max-width: 100%;
2926
+ flex: 0 0 calc(12 / 12 * 100%);
2927
+ max-width: calc(12 / 12 * 100%);
2932
2928
  }
2933
2929
 
2934
2930
  .order-xl-first {
@@ -2992,51 +2988,51 @@ input[type=button].btn-block {
2992
2988
  }
2993
2989
 
2994
2990
  .offset-xl-0 {
2995
- margin-left: 0;
2991
+ margin-left: calc(0 / 12 * 100%);
2996
2992
  }
2997
2993
 
2998
2994
  .offset-xl-1 {
2999
- margin-left: 8.3333333333%;
2995
+ margin-left: calc(1 / 12 * 100%);
3000
2996
  }
3001
2997
 
3002
2998
  .offset-xl-2 {
3003
- margin-left: 16.6666666667%;
2999
+ margin-left: calc(2 / 12 * 100%);
3004
3000
  }
3005
3001
 
3006
3002
  .offset-xl-3 {
3007
- margin-left: 25%;
3003
+ margin-left: calc(3 / 12 * 100%);
3008
3004
  }
3009
3005
 
3010
3006
  .offset-xl-4 {
3011
- margin-left: 33.3333333333%;
3007
+ margin-left: calc(4 / 12 * 100%);
3012
3008
  }
3013
3009
 
3014
3010
  .offset-xl-5 {
3015
- margin-left: 41.6666666667%;
3011
+ margin-left: calc(5 / 12 * 100%);
3016
3012
  }
3017
3013
 
3018
3014
  .offset-xl-6 {
3019
- margin-left: 50%;
3015
+ margin-left: calc(6 / 12 * 100%);
3020
3016
  }
3021
3017
 
3022
3018
  .offset-xl-7 {
3023
- margin-left: 58.3333333333%;
3019
+ margin-left: calc(7 / 12 * 100%);
3024
3020
  }
3025
3021
 
3026
3022
  .offset-xl-8 {
3027
- margin-left: 66.6666666667%;
3023
+ margin-left: calc(8 / 12 * 100%);
3028
3024
  }
3029
3025
 
3030
3026
  .offset-xl-9 {
3031
- margin-left: 75%;
3027
+ margin-left: calc(9 / 12 * 100%);
3032
3028
  }
3033
3029
 
3034
3030
  .offset-xl-10 {
3035
- margin-left: 83.3333333333%;
3031
+ margin-left: calc(10 / 12 * 100%);
3036
3032
  }
3037
3033
 
3038
3034
  .offset-xl-11 {
3039
- margin-left: 91.6666666667%;
3035
+ margin-left: calc(11 / 12 * 100%);
3040
3036
  }
3041
3037
  }
3042
3038
  .container-fluid-max-sm {
@@ -3278,6 +3274,9 @@ input[type=button].btn-block {
3278
3274
  padding-right: calc( 2.5rem + 12px );
3279
3275
  position: relative;
3280
3276
  }
3277
+ .alert-fluid .close {
3278
+ right: calc(12px + 0.25rem);
3279
+ }
3281
3280
  .alert-fluid .container,
3282
3281
  .alert-fluid .container-fluid {
3283
3282
  padding-bottom: 0.96875rem;
@@ -3285,9 +3284,6 @@ input[type=button].btn-block {
3285
3284
  padding-right: 1rem;
3286
3285
  padding-top: 0.96875rem;
3287
3286
  }
3288
- .alert-fluid .close {
3289
- right: calc(12px + 0.25rem);
3290
- }
3291
3287
  .alert-container {
3292
3288
  height: 0;
3293
3289
  position: relative;
@@ -4129,10 +4125,10 @@ input[type=button].btn-block {
4129
4125
  text-decoration: underline;
4130
4126
  }
4131
4127
  .breadcrumb-link:focus {
4132
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
4133
4128
  color: #6b6c7e;
4134
- outline: 0;
4135
4129
  text-decoration: underline;
4130
+ box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
4131
+ outline: 0;
4136
4132
  }
4137
4133
  .breadcrumb-link > .breadcrumb-text-truncate {
4138
4134
  text-decoration: none;
@@ -4158,7 +4154,7 @@ input[type=button].btn-block {
4158
4154
  color: #6b6c7e;
4159
4155
  display: block;
4160
4156
  float: left;
4161
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M375.2%20239.2L173.3%2037c-23.6-23-59.9%2011.9-36%2035.1l183%20183.9-182.9%20183.8c-24%2023.5%2012.5%2058.2%2036.1%2035.2l201.7-202.1c10.2-10.1%209.3-24.4%200-33.7z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
4157
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M375.2%20239.2%20173.3%2037c-23.6-23-59.9%2011.9-36%2035.1l183%20183.9-182.9%20183.8c-24%2023.5%2012.5%2058.2%2036.1%2035.2l201.7-202.1c10.2-10.1%209.3-24.4%200-33.7z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
4162
4158
  background-repeat: no-repeat;
4163
4159
  background-size: 100%;
4164
4160
  content: "";
@@ -4402,6 +4398,7 @@ input[type=button].btn-block {
4402
4398
  padding-top: 0.125rem;
4403
4399
  text-transform: uppercase;
4404
4400
  white-space: inherit;
4401
+ overflow-wrap: break-word;
4405
4402
  word-wrap: break-word;
4406
4403
  outline: 0;
4407
4404
  transition: box-shadow 0.15s ease-in-out;
@@ -4411,26 +4408,45 @@ input[type=button].btn-block {
4411
4408
  transition: none;
4412
4409
  }
4413
4410
  }
4414
- a.label:focus,
4415
- button.label:focus {
4416
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
4417
- }
4418
-
4419
- .label[tabindex]:focus {
4420
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
4421
- }
4422
4411
  .label:disabled, .label.disabled {
4423
4412
  box-shadow: none;
4424
4413
  }
4425
- .label a {
4414
+ .label[href], .label[type], .label[tabindex] {
4415
+ cursor: pointer;
4416
+ text-decoration: none;
4417
+ }
4418
+ .label[href]:hover, .label[type]:hover, .label[tabindex]:hover {
4419
+ text-decoration: underline;
4420
+ }
4421
+ .label[href]:focus, .label[type]:focus, .label[tabindex]:focus {
4422
+ text-decoration: underline;
4423
+ box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
4424
+ }
4425
+ .label a,
4426
+ .label .btn-unstyled {
4426
4427
  color: inherit;
4427
4428
  display: inline-block;
4428
4429
  text-decoration: none;
4429
4430
  }
4430
- .label a:hover, .label a:focus {
4431
+ .label a:hover,
4432
+ .label .btn-unstyled:hover {
4433
+ color: inherit;
4434
+ text-decoration: underline;
4435
+ }
4436
+ .label a:focus,
4437
+ .label .btn-unstyled:focus {
4431
4438
  color: inherit;
4432
4439
  text-decoration: underline;
4433
4440
  }
4441
+ .label .sticker {
4442
+ border-radius: 100px;
4443
+ height: 0.875em;
4444
+ line-height: 0.875em;
4445
+ width: 0.875em;
4446
+ }
4447
+ .label .sticker-overlay {
4448
+ border-radius: 100px;
4449
+ }
4434
4450
  .label > .c-inner {
4435
4451
  margin-bottom: -0.125rem;
4436
4452
  margin-left: -0.25rem;
@@ -4465,29 +4481,6 @@ button.label:focus {
4465
4481
  .label .inline-item .lexicon-icon {
4466
4482
  margin-top: 0;
4467
4483
  }
4468
- .label .sticker {
4469
- border-radius: 100px;
4470
- height: 0.875em;
4471
- line-height: 0.875em;
4472
- width: 0.875em;
4473
- }
4474
- .label .sticker-overlay {
4475
- border-radius: 100px;
4476
- }
4477
-
4478
- a.label,
4479
- button.label {
4480
- text-decoration: none;
4481
- }
4482
- a.label:hover, a.label:focus,
4483
- button.label:hover,
4484
- button.label:focus {
4485
- text-decoration: underline;
4486
- }
4487
-
4488
- button.label {
4489
- cursor: pointer;
4490
- }
4491
4484
 
4492
4485
  .label-item {
4493
4486
  display: flex;
@@ -4537,12 +4530,12 @@ button.label {
4537
4530
  flex-grow: 1;
4538
4531
  flex-shrink: 1;
4539
4532
  min-width: 1rem;
4533
+ overflow-wrap: break-word;
4540
4534
  word-wrap: break-word;
4541
4535
  }
4542
4536
  .label-item-expand a {
4543
4537
  flex-direction: column;
4544
4538
  }
4545
-
4546
4539
  .label-item-before {
4547
4540
  margin-right: 0.85714em;
4548
4541
  }
@@ -4560,9 +4553,8 @@ button.label {
4560
4553
  padding-top: 0.3125rem;
4561
4554
  text-transform: none;
4562
4555
  min-height: 1.5rem;
4563
- border-width: 0.0625rem;
4564
4556
  }
4565
- .label-lg .inline-item .lexicon-icon {
4557
+ .label-lg .lexicon-icon {
4566
4558
  height: 1em;
4567
4559
  width: 1em;
4568
4560
  }
@@ -4591,26 +4583,15 @@ button.label {
4591
4583
  border-color: #80acff;
4592
4584
  color: #0b5fff;
4593
4585
  }
4594
- a.label-primary:hover,
4595
- button.label-primary:hover {
4586
+ [href].label-primary:hover, [type].label-primary:hover, [tabindex].label-primary:hover {
4596
4587
  border-color: #80acff;
4597
4588
  color: #004ad7;
4598
4589
  }
4599
- a.label-primary:focus,
4600
- button.label-primary:focus {
4601
- color: #004ad7;
4602
- }
4603
-
4604
- .label-primary[tabindex]:hover {
4605
- border-color: #80acff;
4590
+ [href].label-primary:focus, [type].label-primary:focus, [tabindex].label-primary:focus {
4606
4591
  color: #004ad7;
4607
4592
  }
4608
- .label-primary[tabindex]:focus {
4609
- color: #004ad7;
4610
- }
4611
- .label-primary a:hover, .label-primary a:focus,
4612
- .label-primary .btn-unstyled:hover,
4613
- .label-primary .btn-unstyled:focus {
4593
+ .label-primary a:hover,
4594
+ .label-primary .btn-unstyled:hover {
4614
4595
  color: #004ad7;
4615
4596
  }
4616
4597
  .label-primary .close:hover {
@@ -4624,26 +4605,15 @@ button.label-primary:focus {
4624
4605
  border-color: #cdced9;
4625
4606
  color: #6b6c7e;
4626
4607
  }
4627
- a.label-secondary:hover,
4628
- button.label-secondary:hover {
4629
- border-color: #cdced9;
4630
- color: #272833;
4631
- }
4632
- a.label-secondary:focus,
4633
- button.label-secondary:focus {
4634
- color: #272833;
4635
- }
4636
-
4637
- .label-secondary[tabindex]:hover {
4608
+ [href].label-secondary:hover, [type].label-secondary:hover, [tabindex].label-secondary:hover {
4638
4609
  border-color: #cdced9;
4639
4610
  color: #272833;
4640
4611
  }
4641
- .label-secondary[tabindex]:focus {
4612
+ [href].label-secondary:focus, [type].label-secondary:focus, [tabindex].label-secondary:focus {
4642
4613
  color: #272833;
4643
4614
  }
4644
- .label-secondary a:hover, .label-secondary a:focus,
4645
- .label-secondary .btn-unstyled:hover,
4646
- .label-secondary .btn-unstyled:focus {
4615
+ .label-secondary a:hover,
4616
+ .label-secondary .btn-unstyled:hover {
4647
4617
  color: #272833;
4648
4618
  }
4649
4619
  .label-secondary .close:hover {
@@ -4657,26 +4627,15 @@ button.label-secondary:focus {
4657
4627
  border-color: #5aca75;
4658
4628
  color: #287d3c;
4659
4629
  }
4660
- a.label-success:hover,
4661
- button.label-success:hover {
4662
- border-color: #5aca75;
4663
- color: #1c5629;
4664
- }
4665
- a.label-success:focus,
4666
- button.label-success:focus {
4667
- color: #1c5629;
4668
- }
4669
-
4670
- .label-success[tabindex]:hover {
4630
+ [href].label-success:hover, [type].label-success:hover, [tabindex].label-success:hover {
4671
4631
  border-color: #5aca75;
4672
4632
  color: #1c5629;
4673
4633
  }
4674
- .label-success[tabindex]:focus {
4634
+ [href].label-success:focus, [type].label-success:focus, [tabindex].label-success:focus {
4675
4635
  color: #1c5629;
4676
4636
  }
4677
- .label-success a:hover, .label-success a:focus,
4678
- .label-success .btn-unstyled:hover,
4679
- .label-success .btn-unstyled:focus {
4637
+ .label-success a:hover,
4638
+ .label-success .btn-unstyled:hover {
4680
4639
  color: #1c5629;
4681
4640
  }
4682
4641
  .label-success .close:hover {
@@ -4690,26 +4649,15 @@ button.label-success:focus {
4690
4649
  border-color: #89a7e0;
4691
4650
  color: #2e5aac;
4692
4651
  }
4693
- a.label-info:hover,
4694
- button.label-info:hover {
4652
+ [href].label-info:hover, [type].label-info:hover, [tabindex].label-info:hover {
4695
4653
  border-color: #89a7e0;
4696
4654
  color: #234584;
4697
4655
  }
4698
- a.label-info:focus,
4699
- button.label-info:focus {
4656
+ [href].label-info:focus, [type].label-info:focus, [tabindex].label-info:focus {
4700
4657
  color: #234584;
4701
4658
  }
4702
-
4703
- .label-info[tabindex]:hover {
4704
- border-color: #89a7e0;
4705
- color: #234584;
4706
- }
4707
- .label-info[tabindex]:focus {
4708
- color: #234584;
4709
- }
4710
- .label-info a:hover, .label-info a:focus,
4711
- .label-info .btn-unstyled:hover,
4712
- .label-info .btn-unstyled:focus {
4659
+ .label-info a:hover,
4660
+ .label-info .btn-unstyled:hover {
4713
4661
  color: #234584;
4714
4662
  }
4715
4663
  .label-info .close:hover {
@@ -4723,26 +4671,15 @@ button.label-info:focus {
4723
4671
  border-color: #ff8f39;
4724
4672
  color: #b95000;
4725
4673
  }
4726
- a.label-warning:hover,
4727
- button.label-warning:hover {
4674
+ [href].label-warning:hover, [type].label-warning:hover, [tabindex].label-warning:hover {
4728
4675
  border-color: #ff8f39;
4729
4676
  color: #863a00;
4730
4677
  }
4731
- a.label-warning:focus,
4732
- button.label-warning:focus {
4678
+ [href].label-warning:focus, [type].label-warning:focus, [tabindex].label-warning:focus {
4733
4679
  color: #863a00;
4734
4680
  }
4735
-
4736
- .label-warning[tabindex]:hover {
4737
- border-color: #ff8f39;
4738
- color: #863a00;
4739
- }
4740
- .label-warning[tabindex]:focus {
4741
- color: #863a00;
4742
- }
4743
- .label-warning a:hover, .label-warning a:focus,
4744
- .label-warning .btn-unstyled:hover,
4745
- .label-warning .btn-unstyled:focus {
4681
+ .label-warning a:hover,
4682
+ .label-warning .btn-unstyled:hover {
4746
4683
  color: #863a00;
4747
4684
  }
4748
4685
  .label-warning .close:hover {
@@ -4756,26 +4693,15 @@ button.label-warning:focus {
4756
4693
  border-color: #f48989;
4757
4694
  color: #da1414;
4758
4695
  }
4759
- a.label-danger:hover,
4760
- button.label-danger:hover {
4761
- border-color: #f48989;
4762
- color: #ab1010;
4763
- }
4764
- a.label-danger:focus,
4765
- button.label-danger:focus {
4766
- color: #ab1010;
4767
- }
4768
-
4769
- .label-danger[tabindex]:hover {
4696
+ [href].label-danger:hover, [type].label-danger:hover, [tabindex].label-danger:hover {
4770
4697
  border-color: #f48989;
4771
4698
  color: #ab1010;
4772
4699
  }
4773
- .label-danger[tabindex]:focus {
4700
+ [href].label-danger:focus, [type].label-danger:focus, [tabindex].label-danger:focus {
4774
4701
  color: #ab1010;
4775
4702
  }
4776
- .label-danger a:hover, .label-danger a:focus,
4777
- .label-danger .btn-unstyled:hover,
4778
- .label-danger .btn-unstyled:focus {
4703
+ .label-danger a:hover,
4704
+ .label-danger .btn-unstyled:hover {
4779
4705
  color: #ab1010;
4780
4706
  }
4781
4707
  .label-danger .close:hover {
@@ -4789,26 +4715,15 @@ button.label-danger:focus {
4789
4715
  border-color: #272833;
4790
4716
  color: #272833;
4791
4717
  }
4792
- a.label-dark:hover,
4793
- button.label-dark:hover {
4718
+ [href].label-dark:hover, [type].label-dark:hover, [tabindex].label-dark:hover {
4794
4719
  border-color: #272833;
4795
4720
  color: #393a4a;
4796
4721
  }
4797
- a.label-dark:focus,
4798
- button.label-dark:focus {
4799
- color: #393a4a;
4800
- }
4801
-
4802
- .label-dark[tabindex]:hover {
4803
- border-color: #272833;
4722
+ [href].label-dark:focus, [type].label-dark:focus, [tabindex].label-dark:focus {
4804
4723
  color: #393a4a;
4805
4724
  }
4806
- .label-dark[tabindex]:focus {
4807
- color: #393a4a;
4808
- }
4809
- .label-dark a:hover, .label-dark a:focus,
4810
- .label-dark .btn-unstyled:hover,
4811
- .label-dark .btn-unstyled:focus {
4725
+ .label-dark a:hover,
4726
+ .label-dark .btn-unstyled:hover {
4812
4727
  color: #393a4a;
4813
4728
  }
4814
4729
  .label-dark .close:hover {
@@ -4822,26 +4737,15 @@ button.label-dark:focus {
4822
4737
  border-color: #f1f2f5;
4823
4738
  color: #f1f2f5;
4824
4739
  }
4825
- a.label-light:hover,
4826
- button.label-light:hover {
4827
- border-color: #f1f2f5;
4828
- color: #d3d6e0;
4829
- }
4830
- a.label-light:focus,
4831
- button.label-light:focus {
4832
- color: #d3d6e0;
4833
- }
4834
-
4835
- .label-light[tabindex]:hover {
4740
+ [href].label-light:hover, [type].label-light:hover, [tabindex].label-light:hover {
4836
4741
  border-color: #f1f2f5;
4837
4742
  color: #d3d6e0;
4838
4743
  }
4839
- .label-light[tabindex]:focus {
4744
+ [href].label-light:focus, [type].label-light:focus, [tabindex].label-light:focus {
4840
4745
  color: #d3d6e0;
4841
4746
  }
4842
- .label-light a:hover, .label-light a:focus,
4843
- .label-light .btn-unstyled:hover,
4844
- .label-light .btn-unstyled:focus {
4747
+ .label-light a:hover,
4748
+ .label-light .btn-unstyled:hover {
4845
4749
  color: #d3d6e0;
4846
4750
  }
4847
4751
  .label-light .close:hover {
@@ -4855,11 +4759,7 @@ button.label-light:focus {
4855
4759
  border-color: #0b5fff;
4856
4760
  color: #fff;
4857
4761
  }
4858
- a.label-inverse-primary:hover,
4859
- button.label-inverse-primary:hover {
4860
- color: #fff;
4861
- }
4862
- .label-inverse-primary[tabindex]:hover {
4762
+ [href].label-inverse-primary:hover, [type].label-inverse-primary:hover, [tabindex].label-inverse-primary:hover {
4863
4763
  color: #fff;
4864
4764
  }
4865
4765
  .label-inverse-secondary {
@@ -4867,11 +4767,7 @@ button.label-inverse-primary:hover {
4867
4767
  border-color: #6b6c7e;
4868
4768
  color: #fff;
4869
4769
  }
4870
- a.label-inverse-secondary:hover,
4871
- button.label-inverse-secondary:hover {
4872
- color: #fff;
4873
- }
4874
- .label-inverse-secondary[tabindex]:hover {
4770
+ [href].label-inverse-secondary:hover, [type].label-inverse-secondary:hover, [tabindex].label-inverse-secondary:hover {
4875
4771
  color: #fff;
4876
4772
  }
4877
4773
  .label-inverse-success {
@@ -4879,11 +4775,7 @@ button.label-inverse-secondary:hover {
4879
4775
  border-color: #287d3c;
4880
4776
  color: #fff;
4881
4777
  }
4882
- a.label-inverse-success:hover,
4883
- button.label-inverse-success:hover {
4884
- color: #fff;
4885
- }
4886
- .label-inverse-success[tabindex]:hover {
4778
+ [href].label-inverse-success:hover, [type].label-inverse-success:hover, [tabindex].label-inverse-success:hover {
4887
4779
  color: #fff;
4888
4780
  }
4889
4781
  .label-inverse-info {
@@ -4891,11 +4783,7 @@ button.label-inverse-success:hover {
4891
4783
  border-color: #2e5aac;
4892
4784
  color: #fff;
4893
4785
  }
4894
- a.label-inverse-info:hover,
4895
- button.label-inverse-info:hover {
4896
- color: #fff;
4897
- }
4898
- .label-inverse-info[tabindex]:hover {
4786
+ [href].label-inverse-info:hover, [type].label-inverse-info:hover, [tabindex].label-inverse-info:hover {
4899
4787
  color: #fff;
4900
4788
  }
4901
4789
  .label-inverse-warning {
@@ -4903,11 +4791,7 @@ button.label-inverse-info:hover {
4903
4791
  border-color: #b95000;
4904
4792
  color: #fff;
4905
4793
  }
4906
- a.label-inverse-warning:hover,
4907
- button.label-inverse-warning:hover {
4908
- color: #fff;
4909
- }
4910
- .label-inverse-warning[tabindex]:hover {
4794
+ [href].label-inverse-warning:hover, [type].label-inverse-warning:hover, [tabindex].label-inverse-warning:hover {
4911
4795
  color: #fff;
4912
4796
  }
4913
4797
  .label-inverse-danger {
@@ -4915,11 +4799,7 @@ button.label-inverse-warning:hover {
4915
4799
  border-color: #da1414;
4916
4800
  color: #fff;
4917
4801
  }
4918
- a.label-inverse-danger:hover,
4919
- button.label-inverse-danger:hover {
4920
- color: #fff;
4921
- }
4922
- .label-inverse-danger[tabindex]:hover {
4802
+ [href].label-inverse-danger:hover, [type].label-inverse-danger:hover, [tabindex].label-inverse-danger:hover {
4923
4803
  color: #fff;
4924
4804
  }
4925
4805
  .label-inverse-light {
@@ -4927,11 +4807,7 @@ button.label-inverse-danger:hover {
4927
4807
  border-color: #f1f2f5;
4928
4808
  color: #272833;
4929
4809
  }
4930
- a.label-inverse-light:hover,
4931
- button.label-inverse-light:hover {
4932
- color: #272833;
4933
- }
4934
- .label-inverse-light[tabindex]:hover {
4810
+ [href].label-inverse-light:hover, [type].label-inverse-light:hover, [tabindex].label-inverse-light:hover {
4935
4811
  color: #272833;
4936
4812
  }
4937
4813
  .label-inverse-dark {
@@ -4939,11 +4815,7 @@ button.label-inverse-light:hover {
4939
4815
  border-color: #272833;
4940
4816
  color: #fff;
4941
4817
  }
4942
- a.label-inverse-dark:hover,
4943
- button.label-inverse-dark:hover {
4944
- color: #fff;
4945
- }
4946
- .label-inverse-dark[tabindex]:hover {
4818
+ [href].label-inverse-dark:hover, [type].label-inverse-dark:hover, [tabindex].label-inverse-dark:hover {
4947
4819
  color: #fff;
4948
4820
  }
4949
4821
  .media {
@@ -4960,7 +4832,6 @@ button.label-inverse-dark:hover {
4960
4832
  border-radius: 0.25rem;
4961
4833
  height: 2rem;
4962
4834
  line-height: 2rem;
4963
- width: 2rem;
4964
4835
  display: inline-flex;
4965
4836
  font-size: 1rem;
4966
4837
  font-weight: 700;
@@ -4968,27 +4839,20 @@ button.label-inverse-dark:hover {
4968
4839
  position: relative;
4969
4840
  text-align: center;
4970
4841
  vertical-align: middle;
4842
+ width: 2rem;
4971
4843
  }
4972
4844
  .sticker > .inline-item {
4973
4845
  justify-content: center;
4974
4846
  }
4975
- .sticker > .inline-item .lexicon-icon,
4976
- .sticker .lexicon-icon {
4847
+ .sticker > .inline-item .lexicon-icon {
4977
4848
  margin-top: 0;
4978
4849
  }
4979
- .sticker.rounded .sticker-overlay {
4980
- border-radius: 0.25rem;
4981
- }
4982
- .sticker.rounded-circle .sticker-overlay {
4983
- border-radius: 5000px;
4984
- }
4985
- .sticker.rounded-0 .sticker-overlay {
4986
- border-radius: 0;
4850
+ .sticker .lexicon-icon {
4851
+ margin-top: 0;
4987
4852
  }
4988
-
4989
4853
  .sticker-overlay {
4990
4854
  align-items: center;
4991
- border-radius: 0.25rem;
4855
+ border-radius: inherit;
4992
4856
  bottom: 0;
4993
4857
  display: flex;
4994
4858
  justify-content: center;
@@ -5048,12 +4912,9 @@ button.label-inverse-dark:hover {
5048
4912
  }
5049
4913
 
5050
4914
  .sticker-user-icon {
5051
- border-radius: 5000px;
5052
- box-shadow: 0 0 0 1px #e7e7ed;
5053
4915
  background-color: #fff;
5054
- }
5055
- .sticker-user-icon .sticker-overlay {
5056
4916
  border-radius: 5000px;
4917
+ box-shadow: 0 0 0 1px #e7e7ed;
5057
4918
  }
5058
4919
  .sticker-sm {
5059
4920
  font-size: 0.75rem;
@@ -5061,21 +4922,15 @@ button.label-inverse-dark:hover {
5061
4922
  line-height: 1.5rem;
5062
4923
  width: 1.5rem;
5063
4924
  }
5064
- .sticker-sm.sticker-outside {
4925
+ .sticker-outside.sticker-sm {
5065
4926
  left: -0.75rem;
5066
4927
  top: -0.75rem;
5067
4928
  }
5068
- .sticker-sm.sticker-outside.sticker-bottom-left {
5069
- bottom: -0.75rem;
5070
- top: auto;
5071
- }
5072
- .sticker-sm.sticker-outside.sticker-bottom-right {
4929
+ .sticker-outside.sticker-bottom-left.sticker-sm {
5073
4930
  bottom: -0.75rem;
5074
- left: auto;
5075
- right: -0.75rem;
5076
4931
  top: auto;
5077
4932
  }
5078
- .sticker-sm.sticker-outside.sticker-top-right {
4933
+ .sticker-outside.sticker-top-right.sticker-sm {
5079
4934
  left: auto;
5080
4935
  right: -0.75rem;
5081
4936
  }
@@ -5086,21 +4941,15 @@ button.label-inverse-dark:hover {
5086
4941
  line-height: 2.5rem;
5087
4942
  width: 2.5rem;
5088
4943
  }
5089
- .sticker-lg.sticker-outside {
4944
+ .sticker-outside.sticker-lg {
5090
4945
  left: -1.25rem;
5091
4946
  top: -1.25rem;
5092
4947
  }
5093
- .sticker-lg.sticker-outside.sticker-bottom-left {
4948
+ .sticker-outside.sticker-bottom-left.sticker-lg {
5094
4949
  bottom: -1.25rem;
5095
4950
  top: auto;
5096
4951
  }
5097
- .sticker-lg.sticker-outside.sticker-bottom-right {
5098
- bottom: -1.25rem;
5099
- left: auto;
5100
- right: -1.25rem;
5101
- top: auto;
5102
- }
5103
- .sticker-lg.sticker-outside.sticker-top-right {
4952
+ .sticker-outside.sticker-top-right.sticker-lg {
5104
4953
  left: auto;
5105
4954
  right: -1.25rem;
5106
4955
  }
@@ -5111,21 +4960,15 @@ button.label-inverse-dark:hover {
5111
4960
  line-height: 3rem;
5112
4961
  width: 3rem;
5113
4962
  }
5114
- .sticker-xl.sticker-outside {
4963
+ .sticker-outside.sticker-xl {
5115
4964
  left: -1.5rem;
5116
4965
  top: -1.5rem;
5117
4966
  }
5118
- .sticker-xl.sticker-outside.sticker-bottom-left {
5119
- bottom: -1.5rem;
5120
- top: auto;
5121
- }
5122
- .sticker-xl.sticker-outside.sticker-bottom-right {
4967
+ .sticker-outside.sticker-bottom-left.sticker-xl {
5123
4968
  bottom: -1.5rem;
5124
- left: auto;
5125
- right: -1.5rem;
5126
4969
  top: auto;
5127
4970
  }
5128
- .sticker-xl.sticker-outside.sticker-top-right {
4971
+ .sticker-outside.sticker-top-right.sticker-xl {
5129
4972
  left: auto;
5130
4973
  right: -1.5rem;
5131
4974
  }
@@ -5134,53 +4977,43 @@ button.label-inverse-dark:hover {
5134
4977
  background-color: #fff;
5135
4978
  color: #0b5fff;
5136
4979
  }
5137
-
5138
4980
  .sticker-secondary {
5139
4981
  background-color: #fff;
5140
4982
  color: #6b6c7e;
5141
4983
  }
5142
-
5143
4984
  .sticker-success {
5144
4985
  background-color: #fff;
5145
4986
  color: #287d3c;
5146
4987
  }
5147
-
5148
4988
  .sticker-info {
5149
4989
  background-color: #fff;
5150
4990
  color: #2e5aac;
5151
4991
  }
5152
-
5153
4992
  .sticker-warning {
5154
4993
  background-color: #fff;
5155
4994
  color: #b95000;
5156
4995
  }
5157
-
5158
4996
  .sticker-danger {
5159
4997
  background-color: #fff;
5160
4998
  color: #da1414;
5161
4999
  }
5162
-
5163
5000
  .sticker-light {
5164
5001
  background-color: #272833;
5165
5002
  color: #f1f2f5;
5166
5003
  }
5167
-
5168
5004
  .sticker-dark {
5169
5005
  background-color: #fff;
5170
5006
  color: #272833;
5171
5007
  }
5172
-
5173
- .sticker-circle,
5174
- .sticker-circle .sticker-overlay {
5008
+ .sticker-circle {
5175
5009
  border-radius: 5000px;
5176
5010
  }
5177
-
5178
5011
  .card,
5179
5012
  .card-horizontal {
5180
5013
  background-color: #fff;
5181
5014
  border-color: rgba(0, 0, 0, 0.125);
5182
5015
  border-style: solid;
5183
- border-width: 0;
5016
+ border-width: 0px;
5184
5017
  border-radius: 0.25rem;
5185
5018
  box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.6);
5186
5019
  display: block;
@@ -5192,19 +5025,19 @@ button.label-inverse-dark:hover {
5192
5025
  .card .autofit-col:first-child,
5193
5026
  .card-horizontal .autofit-col:first-child {
5194
5027
  border-bottom-left-radius: calc(
5195
- 0.25rem - 0
5028
+ 0.25rem - 0px
5196
5029
  );
5197
5030
  border-top-left-radius: calc(
5198
- 0.25rem - 0
5031
+ 0.25rem - 0px
5199
5032
  );
5200
5033
  }
5201
5034
  .card .autofit-col:last-child,
5202
5035
  .card-horizontal .autofit-col:last-child {
5203
5036
  border-bottom-right-radius: calc(
5204
- 0.25rem - 0
5037
+ 0.25rem - 0px
5205
5038
  );
5206
5039
  border-top-right-radius: calc(
5207
- 0.25rem - 0
5040
+ 0.25rem - 0px
5208
5041
  );
5209
5042
  }
5210
5043
  .card .aspect-ratio .label,
@@ -5336,15 +5169,15 @@ button.label-inverse-dark:hover {
5336
5169
 
5337
5170
  .card-header {
5338
5171
  background-color: rgba(0, 0, 0, 0.03);
5339
- border-bottom: 0 solid rgba(0, 0, 0, 0.125);
5172
+ border-bottom: 0px solid rgba(0, 0, 0, 0.125);
5340
5173
  margin-bottom: 0;
5341
5174
  padding: 0.75rem 1.25rem;
5342
5175
  }
5343
5176
  .card-header:first-child {
5344
5177
  border-radius: calc(
5345
- 0.25rem - 0
5178
+ 0.25rem - 0px
5346
5179
  ) calc(
5347
- 0.25rem - 0
5180
+ 0.25rem - 0px
5348
5181
  ) 0 0;
5349
5182
  }
5350
5183
  .card-header + .list-group .list-group-item:first-child {
@@ -5365,14 +5198,14 @@ button.label-inverse-dark:hover {
5365
5198
 
5366
5199
  .card-footer {
5367
5200
  background-color: rgba(0, 0, 0, 0.03);
5368
- border-top: 0 solid rgba(0, 0, 0, 0.125);
5201
+ border-top: 0px solid rgba(0, 0, 0, 0.125);
5369
5202
  padding: 0.75rem 1.25rem;
5370
5203
  }
5371
5204
  .card-footer:last-child {
5372
5205
  border-radius: 0 0 calc(
5373
- 0.25rem - 0
5206
+ 0.25rem - 0px
5374
5207
  ) calc(
5375
- 0.25rem - 0
5208
+ 0.25rem - 0px
5376
5209
  );
5377
5210
  }
5378
5211
 
@@ -5395,20 +5228,20 @@ button.label-inverse-dark:hover {
5395
5228
  .card-img,
5396
5229
  .card-img-top {
5397
5230
  border-top-left-radius: calc(
5398
- 0.25rem - 0
5231
+ 0.25rem - 0px
5399
5232
  );
5400
5233
  border-top-right-radius: calc(
5401
- 0.25rem - 0
5234
+ 0.25rem - 0px
5402
5235
  );
5403
5236
  }
5404
5237
 
5405
5238
  .card-img,
5406
5239
  .card-img-bottom {
5407
5240
  border-bottom-left-radius: calc(
5408
- 0.25rem - 0
5241
+ 0.25rem - 0px
5409
5242
  );
5410
5243
  border-bottom-right-radius: calc(
5411
- 0.25rem - 0
5244
+ 0.25rem - 0px
5412
5245
  );
5413
5246
  }
5414
5247
 
@@ -5455,184 +5288,184 @@ button.label-inverse-dark:hover {
5455
5288
 
5456
5289
  .card-item-first {
5457
5290
  border-top-left-radius: calc(
5458
- 0.25rem - 0
5291
+ 0.25rem - 0px
5459
5292
  );
5460
5293
  border-top-right-radius: calc(
5461
- 0.25rem - 0
5294
+ 0.25rem - 0px
5462
5295
  );
5463
5296
  width: 100%;
5464
5297
  }
5465
5298
 
5466
5299
  .autofit-col:first-child .card-item-first {
5467
5300
  border-radius: calc(
5468
- 0.25rem - 0
5301
+ 0.25rem - 0px
5469
5302
  ) 0 0 calc(
5470
- 0.25rem - 0
5303
+ 0.25rem - 0px
5471
5304
  );
5472
5305
  }
5473
5306
 
5474
5307
  .card-item-last {
5475
5308
  border-bottom-left-radius: calc(
5476
- 0.25rem - 0
5309
+ 0.25rem - 0px
5477
5310
  );
5478
5311
  border-bottom-right-radius: calc(
5479
- 0.25rem - 0
5312
+ 0.25rem - 0px
5480
5313
  );
5481
5314
  width: 100%;
5482
5315
  }
5483
5316
 
5484
5317
  .autofit-col:last-child .card-item-last {
5485
5318
  border-radius: 0 calc(
5486
- 0.25rem - 0
5319
+ 0.25rem - 0px
5487
5320
  ) calc(
5488
- 0.25rem - 0
5321
+ 0.25rem - 0px
5489
5322
  ) 0;
5490
5323
  }
5491
5324
 
5492
5325
  .rounded .card-header,
5493
5326
  .rounded .card-item-first {
5494
5327
  border-top-left-radius: calc(
5495
- 0.25rem - 0
5328
+ 0.25rem - 0px
5496
5329
  );
5497
5330
  border-top-right-radius: calc(
5498
- 0.25rem - 0
5331
+ 0.25rem - 0px
5499
5332
  );
5500
5333
  }
5501
5334
  .rounded .card-footer,
5502
5335
  .rounded .card-item-last {
5503
5336
  border-bottom-left-radius: calc(
5504
- 0.25rem - 0
5337
+ 0.25rem - 0px
5505
5338
  );
5506
5339
  border-bottom-right-radius: calc(
5507
- 0.25rem - 0
5340
+ 0.25rem - 0px
5508
5341
  );
5509
5342
  }
5510
5343
  .rounded .autofit-col:first-child {
5511
5344
  border-bottom-left-radius: calc(
5512
- 0.25rem - 0
5345
+ 0.25rem - 0px
5513
5346
  );
5514
5347
  border-top-left-radius: calc(
5515
- 0.25rem - 0
5348
+ 0.25rem - 0px
5516
5349
  );
5517
5350
  }
5518
5351
  .rounded .autofit-col:first-child .card-item-first {
5519
5352
  border-radius: calc(
5520
- 0.25rem - 0
5353
+ 0.25rem - 0px
5521
5354
  ) 0 0 calc(
5522
- 0.25rem - 0
5355
+ 0.25rem - 0px
5523
5356
  );
5524
5357
  }
5525
5358
  .rounded .autofit-col:last-child {
5526
5359
  border-bottom-right-radius: calc(
5527
- 0.25rem - 0
5360
+ 0.25rem - 0px
5528
5361
  );
5529
5362
  border-top-right-radius: calc(
5530
- 0.25rem - 0
5363
+ 0.25rem - 0px
5531
5364
  );
5532
5365
  }
5533
5366
  .rounded .autofit-col:last-child .card-item-last {
5534
5367
  border-radius: 0 calc(
5535
- 0.25rem - 0
5368
+ 0.25rem - 0px
5536
5369
  ) calc(
5537
- 0.25rem - 0
5370
+ 0.25rem - 0px
5538
5371
  ) 0;
5539
5372
  }
5540
5373
 
5541
5374
  .rounded-0 .card-header,
5542
5375
  .rounded-0 .card-item-first {
5543
5376
  border-top-left-radius: calc(
5544
- 0 - 0
5377
+ 0 - 0px
5545
5378
  );
5546
5379
  border-top-right-radius: calc(
5547
- 0 - 0
5380
+ 0 - 0px
5548
5381
  );
5549
5382
  }
5550
5383
  .rounded-0 .card-footer,
5551
5384
  .rounded-0 .card-item-last {
5552
5385
  border-bottom-left-radius: calc(
5553
- 0 - 0
5386
+ 0 - 0px
5554
5387
  );
5555
5388
  border-bottom-right-radius: calc(
5556
- 0 - 0
5389
+ 0 - 0px
5557
5390
  );
5558
5391
  }
5559
5392
  .rounded-0 .autofit-col:first-child {
5560
5393
  border-bottom-left-radius: calc(
5561
- 0 - 0
5394
+ 0 - 0px
5562
5395
  );
5563
5396
  border-top-left-radius: calc(
5564
- 0 - 0
5397
+ 0 - 0px
5565
5398
  );
5566
5399
  }
5567
5400
  .rounded-0 .autofit-col:first-child .card-item-first {
5568
5401
  border-radius: calc(
5569
- 0 - 0
5402
+ 0 - 0px
5570
5403
  ) 0 0 calc(
5571
- 0 - 0
5404
+ 0 - 0px
5572
5405
  );
5573
5406
  }
5574
5407
  .rounded-0 .autofit-col:last-child {
5575
5408
  border-bottom-right-radius: calc(
5576
- 0 - 0
5409
+ 0 - 0px
5577
5410
  );
5578
5411
  border-top-right-radius: calc(
5579
- 0 - 0
5412
+ 0 - 0px
5580
5413
  );
5581
5414
  }
5582
5415
  .rounded-0 .autofit-col:last-child .card-item-last {
5583
5416
  border-radius: 0 calc(
5584
- 0 - 0
5417
+ 0 - 0px
5585
5418
  ) calc(
5586
- 0 - 0
5419
+ 0 - 0px
5587
5420
  ) 0;
5588
5421
  }
5589
5422
 
5590
5423
  .rounded-circle .card-header,
5591
5424
  .rounded-circle .card-item-first {
5592
5425
  border-top-left-radius: calc(
5593
- 5000px - 0
5426
+ 5000px - 0px
5594
5427
  );
5595
5428
  border-top-right-radius: calc(
5596
- 5000px - 0
5429
+ 5000px - 0px
5597
5430
  );
5598
5431
  }
5599
5432
  .rounded-circle .card-footer,
5600
5433
  .rounded-circle .card-item-last {
5601
5434
  border-bottom-left-radius: calc(
5602
- 5000px - 0
5435
+ 5000px - 0px
5603
5436
  );
5604
5437
  border-bottom-right-radius: calc(
5605
- 5000px - 0
5438
+ 5000px - 0px
5606
5439
  );
5607
5440
  }
5608
5441
  .rounded-circle .autofit-col:first-child {
5609
5442
  border-bottom-left-radius: calc(
5610
- 5000px - 0
5443
+ 5000px - 0px
5611
5444
  );
5612
5445
  border-top-left-radius: calc(
5613
- 5000px - 0
5446
+ 5000px - 0px
5614
5447
  );
5615
5448
  }
5616
5449
  .rounded-circle .autofit-col:first-child .card-item-first {
5617
5450
  border-radius: calc(
5618
- 5000px - 0
5451
+ 5000px - 0px
5619
5452
  ) 0 0 calc(
5620
- 5000px - 0
5453
+ 5000px - 0px
5621
5454
  );
5622
5455
  }
5623
5456
  .rounded-circle .autofit-col:last-child {
5624
5457
  border-bottom-right-radius: calc(
5625
- 5000px - 0
5458
+ 5000px - 0px
5626
5459
  );
5627
5460
  border-top-right-radius: calc(
5628
- 5000px - 0
5461
+ 5000px - 0px
5629
5462
  );
5630
5463
  }
5631
5464
  .rounded-circle .autofit-col:last-child .card-item-last {
5632
5465
  border-radius: 0 calc(
5633
- 5000px - 0
5466
+ 5000px - 0px
5634
5467
  ) calc(
5635
- 5000px - 0
5468
+ 5000px - 0px
5636
5469
  ) 0;
5637
5470
  }
5638
5471
 
@@ -5726,7 +5559,7 @@ button.label-inverse-dark:hover {
5726
5559
  }
5727
5560
  .accordion > .card > .card-header {
5728
5561
  border-radius: 0;
5729
- margin-bottom: 0;
5562
+ margin-bottom: 0px;
5730
5563
  }
5731
5564
 
5732
5565
  .form-check-card {
@@ -5974,40 +5807,34 @@ button.label-inverse-dark:hover {
5974
5807
  }
5975
5808
  }
5976
5809
 
5977
- .card-interactive.card,
5978
- .card-interactive .card {
5810
+ .card-interactive {
5979
5811
  cursor: pointer;
5980
5812
  outline: 0;
5981
5813
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
5982
5814
  }
5983
5815
  @media (prefers-reduced-motion: reduce) {
5984
- .card-interactive.card,
5985
- .card-interactive .card {
5816
+ .card-interactive {
5986
5817
  transition: none;
5987
5818
  }
5988
5819
  }
5989
- .card-interactive.card:hover,
5990
- .card-interactive .card:hover {
5820
+ .card-interactive:hover, .card-interactive.hover {
5991
5821
  background-color: #f7f8f9;
5992
5822
  text-decoration: none;
5993
5823
  }
5994
- .card-interactive.card:focus,
5995
- .card-interactive .card:focus {
5824
+ .card-interactive:focus, .card-interactive.focus {
5996
5825
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #719aff;
5997
5826
  }
5998
- .card-interactive.card:active, .card-interactive.card.active,
5999
- .card-interactive .card:active,
6000
- .card-interactive .card.active {
5827
+ .card-interactive:active, .card-interactive.active {
6001
5828
  background-color: #f1f2f5;
6002
5829
  }
6003
5830
  .card-interactive::after {
6004
5831
  border-radius: 0 0 0.25rem 0.25rem;
6005
- bottom: 0;
5832
+ bottom: 0px;
6006
5833
  content: "";
6007
5834
  height: 0;
6008
- left: 0;
5835
+ left: 0px;
6009
5836
  position: absolute;
6010
- right: 0;
5837
+ right: 0px;
6011
5838
  transition: height 0.15s ease-out;
6012
5839
  }
6013
5840
  @media (prefers-reduced-motion: reduce) {
@@ -6031,13 +5858,10 @@ button.label-inverse-dark:hover {
6031
5858
  cursor: pointer;
6032
5859
  }
6033
5860
 
6034
- .card-interactive-primary.card:focus,
6035
- .card-interactive-primary .card:focus {
5861
+ .card-interactive-primary:focus, .card-interactive-primary.focus {
6036
5862
  background-color: #f7f8f9;
6037
5863
  }
6038
- .card-interactive-primary.card:active, .card-interactive-primary.card.active,
6039
- .card-interactive-primary .card:active,
6040
- .card-interactive-primary .card.active {
5864
+ .card-interactive-primary:active, .card-interactive-primary.active {
6041
5865
  background-color: #f1f2f5;
6042
5866
  }
6043
5867
  .card-interactive-primary:hover::after, .card-interactive-primary.hover::after {
@@ -6049,32 +5873,27 @@ button.label-inverse-dark:hover {
6049
5873
  .card-interactive-primary:active::after, .card-interactive-primary.active::after {
6050
5874
  background-color: #0b5fff;
6051
5875
  }
6052
- .card-interactive-secondary.card,
6053
- .card-interactive-secondary .card {
5876
+ .card-interactive-secondary {
6054
5877
  color: #272833;
6055
5878
  }
6056
- .card-interactive-secondary.card:hover,
6057
- .card-interactive-secondary .card:hover {
5879
+ .card-interactive-secondary:hover, .card-interactive-secondary.hover {
6058
5880
  background-color: #fff;
6059
5881
  border-color: transparent;
6060
5882
  box-shadow: 0 0 0 2px #719aff;
6061
5883
  color: #272833;
6062
5884
  }
6063
- .card-interactive-secondary.card:focus,
6064
- .card-interactive-secondary .card:focus {
5885
+ .card-interactive-secondary:focus, .card-interactive-secondary.focus {
6065
5886
  border-color: transparent;
6066
5887
  box-shadow: 0 0 0 2px #719aff;
6067
5888
  }
6068
- .card-interactive-secondary.card:active, .card-interactive-secondary.card.active,
6069
- .card-interactive-secondary .card:active,
6070
- .card-interactive-secondary .card.active {
5889
+ .card-interactive-secondary:active, .card-interactive-secondary.active {
6071
5890
  background-color: #fff;
6072
5891
  }
6073
5892
  .card-type-asset .aspect-ratio {
6074
5893
  border-color: #e7e7ed;
6075
5894
  border-style: solid;
6076
5895
  border-width: 0 0 0.0625rem 0;
6077
- padding-bottom: 56.25%;
5896
+ padding-bottom: calc(9 / 16 * 100%);
6078
5897
  }
6079
5898
  .card-type-asset .aspect-ratio .custom-control label,
6080
5899
  .card-type-asset .aspect-ratio .form-check-label {
@@ -6106,20 +5925,16 @@ button.label-inverse-dark:hover {
6106
5925
  width: 100%;
6107
5926
  }
6108
5927
  .card-type-asset .card-type-asset-icon > .sticker {
5928
+ border-radius: 50%;
6109
5929
  display: block;
5930
+ font-size: 2vw;
6110
5931
  padding-bottom: 100%;
6111
5932
  width: 100%;
6112
- border-radius: 50%;
6113
- font-size: 2vw;
6114
- }
6115
- .card-type-asset .card-type-asset-icon .sticker-overlay {
6116
- border-radius: 50%;
6117
5933
  }
6118
5934
  .card-type-asset .dropdown-action {
6119
5935
  margin-right: -0.5rem;
6120
5936
  margin-top: -0.1875rem;
6121
5937
  }
6122
-
6123
5938
  .image-card .aspect-ratio {
6124
5939
  background-image: linear-gradient(45deg, #e7e7ed 25%, transparent 25%), linear-gradient(-45deg, #e7e7ed 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e7e7ed 75%), linear-gradient(-45deg, transparent 75%, #e7e7ed 75%);
6125
5940
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
@@ -6150,26 +5965,19 @@ button.label-inverse-dark:hover {
6150
5965
  min-width: 48px;
6151
5966
  width: 30%;
6152
5967
  }
6153
- .user-card .card-type-asset-icon .lexicon-icon {
5968
+ .user-card .card-type-asset-icon > .lexicon-icon {
6154
5969
  height: auto;
6155
5970
  width: 50%;
6156
5971
  }
6157
-
6158
- .card-type-directory .dropdown-action {
6159
- margin-right: -0.5rem;
6160
- }
6161
5972
  .card-type-directory .sticker {
6162
5973
  font-size: 1.125rem;
6163
5974
  }
6164
-
6165
- .card-type-template.card,
6166
- .card-type-template .card {
5975
+ .card-type-template {
6167
5976
  color: #272833;
6168
5977
  border-width: 1px;
6169
5978
  box-shadow: none;
6170
5979
  }
6171
- .card-type-template.card:hover,
6172
- .card-type-template .card:hover {
5980
+ .card-type-template:hover, .card-type-template.hover {
6173
5981
  color: #272833;
6174
5982
  }
6175
5983
  .card-type-template::after {
@@ -6182,7 +5990,7 @@ button.label-inverse-dark:hover {
6182
5990
  color: #6b6c7e;
6183
5991
  text-align: center;
6184
5992
  background-image: none;
6185
- padding-bottom: 56.25%;
5993
+ padding-bottom: calc(9 / 16 * 100%);
6186
5994
  }
6187
5995
  .card-type-template .aspect-ratio .lexicon-icon {
6188
5996
  height: auto;
@@ -6203,12 +6011,10 @@ button.label-inverse-dark:hover {
6203
6011
  padding-top: 0;
6204
6012
  text-align: center;
6205
6013
  }
6206
- .template-card-horizontal.card,
6207
- .template-card-horizontal .card {
6014
+ .template-card-horizontal {
6208
6015
  color: #6b6c7e;
6209
6016
  }
6210
- .template-card-horizontal.card:hover,
6211
- .template-card-horizontal .card:hover {
6017
+ .template-card-horizontal:hover, .template-card-horizontal.hover {
6212
6018
  color: #6b6c7e;
6213
6019
  }
6214
6020
  .template-card-horizontal .sticker {
@@ -6237,7 +6043,6 @@ button.label-inverse-dark:hover {
6237
6043
  .dropdown-toggle {
6238
6044
  white-space: nowrap;
6239
6045
  }
6240
-
6241
6046
  .dropdown-header {
6242
6047
  color: #272833;
6243
6048
  display: block;
@@ -6248,6 +6053,7 @@ button.label-inverse-dark:hover {
6248
6053
  padding-right: 1.25rem;
6249
6054
  padding-top: 0.375rem;
6250
6055
  position: relative;
6056
+ overflow-wrap: break-word;
6251
6057
  word-wrap: break-word;
6252
6058
  }
6253
6059
  .dropdown-header:first-child {
@@ -6265,6 +6071,7 @@ button.label-inverse-dark:hover {
6265
6071
  padding-top: 0.375rem;
6266
6072
  text-transform: uppercase;
6267
6073
  white-space: normal;
6074
+ overflow-wrap: break-word;
6268
6075
  word-wrap: break-word;
6269
6076
  }
6270
6077
  .dropdown-subheader:first-child {
@@ -6276,6 +6083,7 @@ button.label-inverse-dark:hover {
6276
6083
  font-size: 0.875rem;
6277
6084
  padding: 0.5rem 1.25rem;
6278
6085
  white-space: normal;
6086
+ overflow-wrap: break-word;
6279
6087
  word-wrap: break-word;
6280
6088
  }
6281
6089
 
@@ -6433,9 +6241,9 @@ button.label-inverse-dark:hover {
6433
6241
  background-clip: padding-box;
6434
6242
  background-color: #fff;
6435
6243
  border-color: #e7e7ed;
6244
+ border-radius: 0.25rem;
6436
6245
  border-style: solid;
6437
6246
  border-width: 0;
6438
- border-radius: 0.25rem;
6439
6247
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
6440
6248
  color: #272833;
6441
6249
  display: none;
@@ -6449,23 +6257,21 @@ button.label-inverse-dark:hover {
6449
6257
  min-height: 40px;
6450
6258
  min-width: 240px;
6451
6259
  overflow: auto;
6452
- padding: 0.375rem 0 0;
6260
+ padding: 0.375rem 0;
6453
6261
  position: absolute;
6454
6262
  text-align: left;
6455
6263
  top: 100%;
6456
6264
  z-index: 1000;
6457
6265
  }
6458
- .dropdown-menu::after {
6459
- content: "";
6460
- display: block;
6461
- padding-top: 0.375rem;
6462
- }
6463
6266
  @media (max-width: 991.98px) {
6464
6267
  .dropdown-menu {
6465
6268
  max-height: 295px;
6466
6269
  max-width: 230px;
6467
6270
  }
6468
6271
  }
6272
+ .dropdown-menu.show {
6273
+ display: block;
6274
+ }
6469
6275
  .dropdown-menu .alert {
6470
6276
  line-height: normal;
6471
6277
  margin: 0.5rem;
@@ -6502,10 +6308,6 @@ button.label-inverse-dark:hover {
6502
6308
  margin-bottom: 0;
6503
6309
  }
6504
6310
 
6505
- .dropdown-menu.show {
6506
- display: block;
6507
- }
6508
-
6509
6311
  .dropdown-menu-left {
6510
6312
  left: 0;
6511
6313
  right: auto;
@@ -6598,6 +6400,7 @@ button.label-inverse-dark:hover {
6598
6400
  height: 0;
6599
6401
  margin: 0.5rem 0;
6600
6402
  overflow: hidden;
6403
+ background-color: #e7e7ed;
6601
6404
  }
6602
6405
 
6603
6406
  .dropdown-action {
@@ -6610,26 +6413,23 @@ button.label-inverse-dark:hover {
6610
6413
  border-radius: 0.25rem;
6611
6414
  cursor: pointer;
6612
6415
  display: flex;
6613
- height: 2rem;
6614
- line-height: 2rem;
6615
- width: 2rem;
6616
- font-size: inherit;
6416
+ font-size: 1rem;
6617
6417
  font-weight: inherit;
6418
+ height: 2rem;
6618
6419
  justify-content: center;
6619
- line-height: inherit;
6420
+ line-height: 2rem;
6620
6421
  padding: 0;
6621
6422
  text-transform: inherit;
6622
6423
  vertical-align: baseline;
6424
+ width: 2rem;
6623
6425
  }
6624
6426
  .dropdown-action > .dropdown-toggle:disabled, .dropdown-action > .dropdown-toggle.disabled {
6625
6427
  cursor: not-allowed;
6626
6428
  opacity: 0.4;
6627
6429
  }
6628
- .dropdown-action > .dropdown-toggle .inline-item .lexicon-icon,
6629
6430
  .dropdown-action > .dropdown-toggle .lexicon-icon {
6630
6431
  margin-top: 0;
6631
6432
  }
6632
-
6633
6433
  .dropdown-menu-indicator-start .dropdown-item-indicator {
6634
6434
  height: 1rem;
6635
6435
  left: 1.25rem;
@@ -6743,7 +6543,6 @@ button.label-inverse-dark:hover {
6743
6543
  transform: none !important;
6744
6544
  will-change: auto !important;
6745
6545
  }
6746
-
6747
6546
  .dropdown-menu-top-right {
6748
6547
  bottom: 100% !important;
6749
6548
  left: auto !important;
@@ -6754,7 +6553,6 @@ button.label-inverse-dark:hover {
6754
6553
  transform: none !important;
6755
6554
  will-change: auto !important;
6756
6555
  }
6757
-
6758
6556
  .dropdown-menu-top-center {
6759
6557
  bottom: 100% !important;
6760
6558
  left: 50% !important;
@@ -6765,7 +6563,6 @@ button.label-inverse-dark:hover {
6765
6563
  transform: translateX(-50%) !important;
6766
6564
  will-change: auto !important;
6767
6565
  }
6768
-
6769
6566
  .dropdown-menu-center {
6770
6567
  bottom: auto !important;
6771
6568
  left: 50% !important;
@@ -6774,7 +6571,6 @@ button.label-inverse-dark:hover {
6774
6571
  transform: translateX(-50%) !important;
6775
6572
  will-change: auto !important;
6776
6573
  }
6777
-
6778
6574
  .dropdown-menu-left-side {
6779
6575
  bottom: auto !important;
6780
6576
  left: auto !important;
@@ -6785,7 +6581,6 @@ button.label-inverse-dark:hover {
6785
6581
  transform: none !important;
6786
6582
  will-change: auto !important;
6787
6583
  }
6788
-
6789
6584
  .dropdown-menu-left-side-bottom {
6790
6585
  bottom: 0 !important;
6791
6586
  left: auto !important;
@@ -6796,7 +6591,6 @@ button.label-inverse-dark:hover {
6796
6591
  transform: none !important;
6797
6592
  will-change: auto !important;
6798
6593
  }
6799
-
6800
6594
  .dropdown-menu-left-side-middle {
6801
6595
  bottom: auto !important;
6802
6596
  left: auto !important;
@@ -6807,7 +6601,6 @@ button.label-inverse-dark:hover {
6807
6601
  transform: translate(0, -50%) !important;
6808
6602
  will-change: auto !important;
6809
6603
  }
6810
-
6811
6604
  .dropdown-menu-right-side {
6812
6605
  bottom: auto !important;
6813
6606
  left: 100% !important;
@@ -6818,7 +6611,6 @@ button.label-inverse-dark:hover {
6818
6611
  transform: none !important;
6819
6612
  will-change: auto !important;
6820
6613
  }
6821
-
6822
6614
  .dropdown-menu-right-side-bottom {
6823
6615
  bottom: 0 !important;
6824
6616
  left: 100% !important;
@@ -6829,7 +6621,6 @@ button.label-inverse-dark:hover {
6829
6621
  transform: none !important;
6830
6622
  will-change: auto !important;
6831
6623
  }
6832
-
6833
6624
  .dropdown-menu-right-side-middle {
6834
6625
  bottom: auto !important;
6835
6626
  left: 100% !important;
@@ -6840,7 +6631,6 @@ button.label-inverse-dark:hover {
6840
6631
  transform: translate(0, -50%) !important;
6841
6632
  will-change: auto !important;
6842
6633
  }
6843
-
6844
6634
  .dropdown-full .dropdown-menu,
6845
6635
  .dropdown-wide .dropdown-menu {
6846
6636
  max-width: none;
@@ -6910,7 +6700,6 @@ button.label-inverse-dark:hover {
6910
6700
  max-height: 10rem;
6911
6701
  max-width: none;
6912
6702
  width: 100%;
6913
- padding-bottom: 0;
6914
6703
  }
6915
6704
  .nav-item.dropdown-full {
6916
6705
  position: static;
@@ -7117,10 +6906,6 @@ button.label-inverse-dark:hover {
7117
6906
  cursor: not-allowed;
7118
6907
  }
7119
6908
 
7120
- fieldset {
7121
- word-wrap: break-word;
7122
- }
7123
-
7124
6909
  label {
7125
6910
  color: #272833;
7126
6911
  font-size: 0.875rem;
@@ -7400,7 +7185,7 @@ div.form-control-sm {
7400
7185
  }
7401
7186
 
7402
7187
  select.form-control {
7403
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='M347.913%20199.336l-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%236b6c7e'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='M165.236%20312.664l81.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
7188
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%236b6c7e'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
7404
7189
  background-position: right 0.5em center;
7405
7190
  background-repeat: no-repeat;
7406
7191
  background-size: 1.5em 1.5em;
@@ -7409,10 +7194,10 @@ select.form-control {
7409
7194
  color: #272833;
7410
7195
  }
7411
7196
  select.form-control:focus, select.form-control.focus {
7412
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='M347.913%20199.336l-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%236b6c7e'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='M165.236%20312.664l81.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
7197
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%236b6c7e'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
7413
7198
  }
7414
7199
  select.form-control:disabled, select.form-control.disabled {
7415
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='M347.913%20199.336l-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%23a7a9bc'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='M165.236%20312.664l81.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23a7a9bc'/%3E%3C/svg%3E");
7200
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%23a7a9bc'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23a7a9bc'/%3E%3C/svg%3E");
7416
7201
  }
7417
7202
  select.form-control:disabled > option, select.form-control.disabled > option {
7418
7203
  cursor: not-allowed;
@@ -7433,7 +7218,7 @@ select.form-control:focus::-ms-value {
7433
7218
  }
7434
7219
 
7435
7220
  .form-control-select {
7436
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='M347.913%20199.336l-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%236b6c7e'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='M165.236%20312.664l81.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
7221
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%236b6c7e'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
7437
7222
  background-position: right 0.5em center;
7438
7223
  background-repeat: no-repeat;
7439
7224
  background-size: 1.5em 1.5em;
@@ -7447,7 +7232,7 @@ select.form-control:focus::-ms-value {
7447
7232
  text-decoration: none;
7448
7233
  }
7449
7234
  .form-control-select:focus {
7450
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='M347.913%20199.336l-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%236b6c7e'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='M165.236%20312.664l81.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
7235
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%236b6c7e'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
7451
7236
  }
7452
7237
 
7453
7238
  select.form-control[size] {
@@ -7461,8 +7246,25 @@ select.form-control[size] {
7461
7246
  select.form-control[size]:focus, select.form-control[size].focus {
7462
7247
  background-image: none;
7463
7248
  }
7249
+ select.form-control[size]:focus > option:checked, select.form-control[size].focus > option:checked {
7250
+ background-image: linear-gradient(#ffa700, #ffa700);
7251
+ color: #fff;
7252
+ filter: invert(100%);
7253
+ }
7464
7254
  select.form-control[size] option {
7465
- padding: 0.25rem 0.5rem;
7255
+ padding: 0.4375rem 0.5rem;
7256
+ }
7257
+ select.form-control[size] option:checked {
7258
+ background-image: linear-gradient(#e7e7ed, #e7e7ed);
7259
+ }
7260
+ @-moz-document url-prefix() {
7261
+ select.form-control[size]:focus > option:checked, select.form-control[size].focus > option:checked {
7262
+ background-image: linear-gradient(#004ad7, #004ad7);
7263
+ filter: invert(0);
7264
+ }
7265
+ select.form-control[size] option {
7266
+ padding: 0.40625rem 0.5rem;
7267
+ }
7466
7268
  }
7467
7269
 
7468
7270
  select.form-control[multiple] {
@@ -7476,8 +7278,25 @@ select.form-control[multiple] {
7476
7278
  select.form-control[multiple]:focus, select.form-control[multiple].focus {
7477
7279
  background-image: none;
7478
7280
  }
7281
+ select.form-control[multiple]:focus > option:checked, select.form-control[multiple].focus > option:checked {
7282
+ background-image: linear-gradient(#ffa700, #ffa700);
7283
+ color: #fff;
7284
+ filter: invert(100%);
7285
+ }
7479
7286
  select.form-control[multiple] option {
7480
- padding: 0.25rem 0.5rem;
7287
+ padding: 0.4375rem 0.5rem;
7288
+ }
7289
+ select.form-control[multiple] option:checked {
7290
+ background-image: linear-gradient(#e7e7ed, #e7e7ed);
7291
+ }
7292
+ @-moz-document url-prefix() {
7293
+ select.form-control[multiple]:focus > option:checked, select.form-control[multiple].focus > option:checked {
7294
+ background-image: linear-gradient(#004ad7, #004ad7);
7295
+ filter: invert(0);
7296
+ }
7297
+ select.form-control[multiple] option {
7298
+ padding: 0.40625rem 0.5rem;
7299
+ }
7481
7300
  }
7482
7301
 
7483
7302
  textarea.form-control,
@@ -7970,10 +7789,6 @@ button.link-outline {
7970
7789
  background-color: #f0f5ff;
7971
7790
  color: #0b5fff;
7972
7791
  }
7973
- button.link-outline-primary:focus {
7974
- outline: 0;
7975
- }
7976
-
7977
7792
  .link-outline-primary:focus {
7978
7793
  background-color: #f0f5ff;
7979
7794
  color: #0b5fff;
@@ -7987,10 +7802,6 @@ button.link-outline-primary:focus {
7987
7802
  background-color: #e6edf8;
7988
7803
  color: #0b5fff;
7989
7804
  }
7990
- .link-outline-primary[aria-expanded=true], .link-outline-primary.show, .show > .link-outline-primary {
7991
- background-color: #e6edf8;
7992
- color: #0b5fff;
7993
- }
7994
7805
  .link-outline-primary:disabled, .link-outline-primary.disabled {
7995
7806
  background-color: transparent;
7996
7807
  color: #0b5fff;
@@ -7998,6 +7809,13 @@ button.link-outline-primary:focus {
7998
7809
  opacity: 0.4;
7999
7810
  box-shadow: none;
8000
7811
  }
7812
+ .link-outline-primary[type]:focus {
7813
+ outline: 0;
7814
+ }
7815
+ .link-outline-primary[aria-expanded=true], .link-outline-primary.show, .show > .link-outline-primary {
7816
+ background-color: #e6edf8;
7817
+ color: #0b5fff;
7818
+ }
8001
7819
  .link-outline-secondary {
8002
7820
  border-color: #cdced9;
8003
7821
  color: #6b6c7e;
@@ -8006,10 +7824,6 @@ button.link-outline-primary:focus {
8006
7824
  background-color: rgba(39, 40, 51, 0.03);
8007
7825
  color: #272833;
8008
7826
  }
8009
- button.link-outline-secondary:focus {
8010
- outline: 0;
8011
- }
8012
-
8013
7827
  .link-outline-secondary:focus {
8014
7828
  background-color: rgba(39, 40, 51, 0.03);
8015
7829
  color: #272833;
@@ -8023,10 +7837,6 @@ button.link-outline-secondary:focus {
8023
7837
  background-color: rgba(39, 40, 51, 0.06);
8024
7838
  color: #272833;
8025
7839
  }
8026
- .link-outline-secondary[aria-expanded=true], .link-outline-secondary.show, .show > .link-outline-secondary {
8027
- background-color: rgba(39, 40, 51, 0.06);
8028
- color: #272833;
8029
- }
8030
7840
  .link-outline-secondary:disabled, .link-outline-secondary.disabled {
8031
7841
  background-color: transparent;
8032
7842
  color: #6b6c7e;
@@ -8034,6 +7844,13 @@ button.link-outline-secondary:focus {
8034
7844
  opacity: 0.4;
8035
7845
  box-shadow: none;
8036
7846
  }
7847
+ .link-outline-secondary[type]:focus {
7848
+ outline: 0;
7849
+ }
7850
+ .link-outline-secondary[aria-expanded=true], .link-outline-secondary.show, .show > .link-outline-secondary {
7851
+ background-color: rgba(39, 40, 51, 0.06);
7852
+ color: #272833;
7853
+ }
8037
7854
  .link-outline-borderless {
8038
7855
  border-color: transparent;
8039
7856
  }
@@ -8137,10 +7954,6 @@ button.link-outline-secondary:focus {
8137
7954
  background-color: rgba(39, 40, 51, 0.03);
8138
7955
  color: #272833;
8139
7956
  }
8140
- button.component-action:focus {
8141
- outline: 0;
8142
- }
8143
-
8144
7957
  .component-action:focus {
8145
7958
  background-color: rgba(39, 40, 51, 0.03);
8146
7959
  color: #272833;
@@ -8154,10 +7967,6 @@ button.component-action:focus {
8154
7967
  background-color: rgba(39, 40, 51, 0.06);
8155
7968
  color: #272833;
8156
7969
  }
8157
- .component-action[aria-expanded=true], .component-action.show, .show > .component-action {
8158
- background-color: rgba(39, 40, 51, 0.06);
8159
- color: #272833;
8160
- }
8161
7970
  .component-action:disabled, .component-action.disabled {
8162
7971
  background-color: transparent;
8163
7972
  color: #6b6c7e;
@@ -8168,6 +7977,13 @@ button.component-action:focus {
8168
7977
  .component-action:disabled:active, .component-action.disabled:active {
8169
7978
  pointer-events: none;
8170
7979
  }
7980
+ .component-action[type]:focus {
7981
+ outline: 0;
7982
+ }
7983
+ .component-action[aria-expanded=true], .component-action.show, .show > .component-action {
7984
+ background-color: rgba(39, 40, 51, 0.06);
7985
+ color: #272833;
7986
+ }
8171
7987
  .component-action .lexicon-icon {
8172
7988
  margin-top: 0;
8173
7989
  }
@@ -8517,10 +8333,6 @@ button.component-action:focus {
8517
8333
  padding-right: 1rem;
8518
8334
  padding-top: 1rem;
8519
8335
  width: 272px;
8520
- padding-bottom: 0;
8521
- }
8522
- .clay-color-dropdown-menu::after {
8523
- padding-top: 0;
8524
8336
  }
8525
8337
  .clay-color-dropdown-menu .close {
8526
8338
  color: #6b6c7e;
@@ -8844,87 +8656,74 @@ label.custom-control-label {
8844
8656
  z-index: 1;
8845
8657
  }
8846
8658
  .custom-control-input:focus ~ .custom-control-label::before {
8847
- box-shadow: none, 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
8848
- }
8849
- .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
8850
8659
  border-color: #cdced9;
8660
+ box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
8851
8661
  }
8852
8662
  .custom-control-input:active ~ .custom-control-label::before {
8853
8663
  background-color: #fff;
8854
8664
  border-color: #cdced9;
8855
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
8665
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
8856
8666
  color: #fff;
8857
8667
  }
8858
- .custom-control-input:active:checked ~ .custom-control-label::before {
8859
- background-color: #0b5fff;
8860
- border-color: #0b5fff;
8668
+ .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
8669
+ color: #a7a9bc;
8670
+ cursor: not-allowed;
8671
+ }
8672
+ .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
8673
+ background-color: #f1f2f5;
8674
+ border-color: transparent;
8675
+ box-shadow: none;
8861
8676
  }
8862
8677
  .custom-control-input:checked ~ .custom-control-label::before {
8863
8678
  background-color: #0b5fff;
8864
8679
  border-color: #0b5fff;
8865
- box-shadow: none;
8866
8680
  color: #fff;
8867
8681
  }
8868
- .custom-control-input[disabled], .custom-control-input:disabled {
8869
- cursor: not-allowed;
8682
+ .custom-control-input:checked:active ~ .custom-control-label::before {
8683
+ background-color: #0b5fff;
8684
+ border-color: #0b5fff;
8870
8685
  }
8871
- .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
8686
+ .custom-control-input:checked[disabled] ~ .custom-control-label::before, .custom-control-input:checked:disabled ~ .custom-control-label::before {
8872
8687
  background-color: #f1f2f5;
8873
- border-color: #f1f2f5;
8874
8688
  box-shadow: none;
8875
8689
  }
8876
- .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
8877
- color: #a7a9bc;
8878
- cursor: not-allowed;
8879
- }
8880
- .custom-control-input:disabled:checked ~ .custom-control-label::before {
8881
- background-color: #b3cdff;
8882
- border-color: #b3cdff;
8883
- }
8884
-
8885
- .custom-control .custom-control-input:focus ~ .custom-control-label::before {
8886
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
8690
+ .custom-checkbox .custom-control-input ~ .custom-control-label::before {
8691
+ border-radius: 0.125rem;
8887
8692
  }
8888
-
8889
8693
  .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
8890
8694
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M220.9%20377.2c-8%200-15.8-3.2-21.5-8.9l-91-91c-28.1-28.1%2014.8-71%2042.9-42.9l68.2%2068.2%20139.8-157.2c26.4-30%2072%2010.1%2045.6%2040.1L243.7%20366.9c-5.5%206.3-13.4%2010-21.8%2010.3h-1z'%20fill='%23fff'/%3E%3C/svg%3E");
8891
8695
  background-size: 100%;
8892
8696
  }
8697
+ .custom-checkbox .custom-control-input:checked[disabled] ~ .custom-control-label::before, .custom-checkbox .custom-control-input:checked:disabled ~ .custom-control-label::before {
8698
+ background-color: #b3cdff;
8699
+ border-color: #b3cdff;
8700
+ }
8893
8701
  .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
8894
8702
  background-color: #0b5fff;
8895
8703
  border-color: #0b5fff;
8896
- box-shadow: none;
8897
8704
  }
8898
8705
  .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
8899
8706
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M384%20288H128c-42.7%200-42.7-64%200-64h256c42.7%200%2042.7%2064%200%2064z'%20fill='%23fff'/%3E%3C/svg%3E");
8900
8707
  background-size: 100%;
8901
8708
  }
8902
- .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
8903
- background-color: #b3cdff;
8904
- }
8905
- .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
8709
+ .custom-checkbox .custom-control-input:indeterminate[disabled] ~ .custom-control-label::before, .custom-checkbox .custom-control-input:indeterminate:disabled ~ .custom-control-label::before {
8906
8710
  background-color: #b3cdff;
8907
8711
  border-color: #b3cdff;
8908
8712
  }
8909
- .custom-checkbox .custom-control-label::before {
8910
- border-radius: 0.125rem;
8713
+ .custom-radio .custom-control-input ~ .custom-control-label::before {
8714
+ border-radius: 50%;
8715
+ }
8716
+ .custom-radio .custom-control-input[disabled] ~ .custom-control-label::before, .custom-radio .custom-control-input:disabled ~ .custom-control-label::before {
8717
+ border-color: #f1f2f5;
8911
8718
  }
8912
-
8913
8719
  .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
8914
8720
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Ccircle%20class='lexicon-icon-outline'%20cx='256'%20cy='256'%20r='256'%20fill='%23fff'/%3E%3C/svg%3E");
8915
8721
  background-size: 50%;
8916
8722
  }
8917
- .custom-radio .custom-control-input:disabled ~ .custom-control-label::before {
8918
- border-color: #f1f2f5;
8919
- }
8920
- .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
8723
+ .custom-radio .custom-control-input:checked[disabled] ~ .custom-control-label::before, .custom-radio .custom-control-input:checked:disabled ~ .custom-control-label::before {
8921
8724
  background-color: #b3cdff;
8922
8725
  border-color: #b3cdff;
8923
8726
  }
8924
- .custom-radio .custom-control-label::before {
8925
- border-radius: 50%;
8926
- }
8927
-
8928
8727
  .custom-control-inline {
8929
8728
  display: inline-flex;
8930
8729
  }
@@ -9365,12 +9164,7 @@ label.custom-control-label {
9365
9164
  padding-right: 0;
9366
9165
  padding-top: 0;
9367
9166
  width: 100%;
9368
- padding-bottom: 0;
9369
9167
  }
9370
- .date-picker-dropdown-menu::after {
9371
- padding-top: 0;
9372
- }
9373
-
9374
9168
  .date-picker-nav {
9375
9169
  display: flex;
9376
9170
  margin-left: -0.25rem;
@@ -9850,6 +9644,7 @@ label.custom-control-label {
9850
9644
 
9851
9645
  .form-feedback-group {
9852
9646
  width: 100%;
9647
+ overflow-wrap: break-word;
9853
9648
  word-wrap: break-word;
9854
9649
  }
9855
9650
 
@@ -9857,6 +9652,7 @@ label.custom-control-label {
9857
9652
  font-size: 0.875rem;
9858
9653
  font-weight: 600;
9859
9654
  margin-top: 0.25rem;
9655
+ overflow-wrap: break-word;
9860
9656
  word-wrap: break-word;
9861
9657
  }
9862
9658
 
@@ -9874,6 +9670,7 @@ label.custom-control-label {
9874
9670
  font-size: 0.875rem;
9875
9671
  font-weight: 600;
9876
9672
  margin-top: 0.25rem;
9673
+ overflow-wrap: break-word;
9877
9674
  word-wrap: break-word;
9878
9675
  }
9879
9676
 
@@ -9925,7 +9722,7 @@ label.custom-control-label {
9925
9722
  color: #da1414;
9926
9723
  }
9927
9724
  .has-error select.form-control {
9928
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='M347.913%20199.336l-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%23f48989'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='M165.236%20312.664l81.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23f48989'/%3E%3C/svg%3E");
9725
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%23f48989'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23f48989'/%3E%3C/svg%3E");
9929
9726
  color: #272833;
9930
9727
  }
9931
9728
  .has-error select.form-control[size] {
@@ -9939,23 +9736,26 @@ label.custom-control-label {
9939
9736
  .has-error .input-group-item.focus {
9940
9737
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
9941
9738
  }
9942
- .has-error .input-group-item.focus .form-control,
9943
- .has-error .input-group-item.focus .input-group-inset-item {
9739
+ .has-error .input-group-item.focus .input-group-inset {
9944
9740
  background-color: #feefef;
9945
9741
  border-color: #f48989;
9946
9742
  }
9947
- .has-error .input-group-item .input-group-inset:focus {
9948
- box-shadow: none;
9949
- }
9950
- .has-error .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
9743
+ .has-error .input-group-item.focus .input-group-inset ~ .input-group-inset-item {
9951
9744
  background-color: #feefef;
9952
9745
  border-color: #f48989;
9953
9746
  }
9954
- .has-error .input-group .input-group-inset-item {
9747
+ .has-error .input-group-item .input-group-inset ~ .input-group-inset-item {
9955
9748
  background-color: #feefef;
9956
9749
  border-color: #f48989;
9957
9750
  box-shadow: 0 0 rgba(0, 0, 0, 0);
9958
9751
  }
9752
+ .has-error .input-group-item .input-group-inset:focus {
9753
+ box-shadow: none;
9754
+ }
9755
+ .has-error .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
9756
+ background-color: #feefef;
9757
+ border-color: #f48989;
9758
+ }
9959
9759
 
9960
9760
  .has-warning .custom-control-label,
9961
9761
  .has-warning .form-check-label {
@@ -9981,7 +9781,7 @@ label.custom-control-label {
9981
9781
  color: #b95000;
9982
9782
  }
9983
9783
  .has-warning select.form-control {
9984
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='M347.913%20199.336l-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%23ff8f39'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='M165.236%20312.664l81.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23ff8f39'/%3E%3C/svg%3E");
9784
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%23ff8f39'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23ff8f39'/%3E%3C/svg%3E");
9985
9785
  color: #272833;
9986
9786
  }
9987
9787
  .has-warning select.form-control[size] {
@@ -9995,23 +9795,26 @@ label.custom-control-label {
9995
9795
  .has-warning .input-group-item.focus {
9996
9796
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
9997
9797
  }
9998
- .has-warning .input-group-item.focus .form-control,
9999
- .has-warning .input-group-item.focus .input-group-inset-item {
9798
+ .has-warning .input-group-item.focus .input-group-inset {
10000
9799
  background-color: #fff4ec;
10001
9800
  border-color: #ff8f39;
10002
9801
  }
10003
- .has-warning .input-group-item .input-group-inset:focus {
10004
- box-shadow: none;
10005
- }
10006
- .has-warning .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
9802
+ .has-warning .input-group-item.focus .input-group-inset ~ .input-group-inset-item {
10007
9803
  background-color: #fff4ec;
10008
9804
  border-color: #ff8f39;
10009
9805
  }
10010
- .has-warning .input-group .input-group-inset-item {
9806
+ .has-warning .input-group-item .input-group-inset ~ .input-group-inset-item {
10011
9807
  background-color: #fff4ec;
10012
9808
  border-color: #ff8f39;
10013
9809
  box-shadow: 0 0 rgba(0, 0, 0, 0);
10014
9810
  }
9811
+ .has-warning .input-group-item .input-group-inset:focus {
9812
+ box-shadow: none;
9813
+ }
9814
+ .has-warning .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
9815
+ background-color: #fff4ec;
9816
+ border-color: #ff8f39;
9817
+ }
10015
9818
 
10016
9819
  .has-success .custom-control-label,
10017
9820
  .has-success .form-check-label {
@@ -10037,7 +9840,7 @@ label.custom-control-label {
10037
9840
  color: #287d3c;
10038
9841
  }
10039
9842
  .has-success select.form-control {
10040
- background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='M347.913%20199.336l-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%235aca75'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='M165.236%20312.664l81.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%235aca75'/%3E%3C/svg%3E");
9843
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%235aca75'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%235aca75'/%3E%3C/svg%3E");
10041
9844
  color: #272833;
10042
9845
  }
10043
9846
  .has-success select.form-control[size] {
@@ -10051,23 +9854,26 @@ label.custom-control-label {
10051
9854
  .has-success .input-group-item.focus {
10052
9855
  box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
10053
9856
  }
10054
- .has-success .input-group-item.focus .form-control,
10055
- .has-success .input-group-item.focus .input-group-inset-item {
9857
+ .has-success .input-group-item.focus .input-group-inset {
10056
9858
  background-color: #edf9f0;
10057
9859
  border-color: #5aca75;
10058
9860
  }
10059
- .has-success .input-group-item .input-group-inset:focus {
10060
- box-shadow: none;
10061
- }
10062
- .has-success .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
9861
+ .has-success .input-group-item.focus .input-group-inset ~ .input-group-inset-item {
10063
9862
  background-color: #edf9f0;
10064
9863
  border-color: #5aca75;
10065
9864
  }
10066
- .has-success .input-group .input-group-inset-item {
9865
+ .has-success .input-group-item .input-group-inset ~ .input-group-inset-item {
10067
9866
  background-color: #edf9f0;
10068
9867
  border-color: #5aca75;
10069
9868
  box-shadow: 0 0 rgba(0, 0, 0, 0);
10070
9869
  }
9870
+ .has-success .input-group-item .input-group-inset:focus {
9871
+ box-shadow: none;
9872
+ }
9873
+ .has-success .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
9874
+ background-color: #edf9f0;
9875
+ border-color: #5aca75;
9876
+ }
10071
9877
 
10072
9878
  .input-group > .form-control,
10073
9879
  .input-group > .form-control-plaintext,
@@ -10154,6 +9960,26 @@ label.custom-control-label {
10154
9960
  .input-group-append > .input-group-text + .btn {
10155
9961
  margin-left: -0.0625rem;
10156
9962
  }
9963
+ .input-group-prepend .btn,
9964
+ .input-group-append .btn {
9965
+ z-index: 1;
9966
+ }
9967
+ .input-group-prepend .btn:hover,
9968
+ .input-group-append .btn:hover {
9969
+ z-index: 3;
9970
+ }
9971
+ .input-group-prepend .btn,
9972
+ .input-group-prepend .form-control,
9973
+ .input-group-append .btn,
9974
+ .input-group-append .form-control {
9975
+ position: relative;
9976
+ }
9977
+ .input-group-prepend .btn:focus,
9978
+ .input-group-prepend .form-control:focus,
9979
+ .input-group-append .btn:focus,
9980
+ .input-group-append .form-control:focus {
9981
+ z-index: 4;
9982
+ }
10157
9983
 
10158
9984
  .input-group {
10159
9985
  align-items: stretch;
@@ -10162,17 +9988,6 @@ label.custom-control-label {
10162
9988
  position: relative;
10163
9989
  width: 100%;
10164
9990
  }
10165
- .input-group .btn {
10166
- position: relative;
10167
- z-index: 1;
10168
- }
10169
- .input-group .btn:hover {
10170
- z-index: 3;
10171
- }
10172
- .input-group .btn:focus,
10173
- .input-group .form-control:focus {
10174
- z-index: 4;
10175
- }
10176
9991
  .input-group .btn-unstyled {
10177
9992
  color: inherit;
10178
9993
  }
@@ -12062,9 +11877,9 @@ label.custom-control-label {
12062
11877
  z-index: 1;
12063
11878
  }
12064
11879
  .nav-link:disabled, .nav-link.disabled {
12065
- box-shadow: none;
12066
11880
  color: #a7a9bc;
12067
11881
  cursor: not-allowed;
11882
+ box-shadow: none;
12068
11883
  }
12069
11884
  .nav-link:disabled:active, .nav-link.disabled:active {
12070
11885
  pointer-events: none;
@@ -12365,25 +12180,25 @@ label.custom-control-label {
12365
12180
  border-color: transparent transparent #fff;
12366
12181
  color: #272833;
12367
12182
  }
12368
- .nav-tabs .nav-link[aria-expanded=true], .nav-tabs .nav-link.show, .show > .nav-tabs .nav-link {
12369
- background-color: #fff;
12370
- border-color: transparent transparent #fff;
12371
- color: #272833;
12372
- }
12373
12183
  .nav-tabs .nav-link:disabled, .nav-tabs .nav-link.disabled {
12374
12184
  background-color: transparent;
12375
12185
  border-color: transparent;
12376
12186
  color: #a7a9bc;
12377
12187
  box-shadow: none;
12378
12188
  }
12189
+ .nav-tabs .nav-link[aria-expanded=true], .nav-tabs .nav-link.show, .show > .nav-tabs .nav-link {
12190
+ background-color: #fff;
12191
+ border-color: transparent transparent #fff;
12192
+ color: #272833;
12193
+ }
12379
12194
  .nav-tabs .nav-link > .c-inner {
12380
12195
  margin-bottom: -0.28125rem;
12381
12196
  margin-top: -0.28125rem;
12382
12197
  }
12383
12198
  .nav-tabs .nav-item.show .nav-link {
12199
+ background-color: transparent;
12384
12200
  border-color: transparent transparent transparent transparent;
12385
12201
  color: #272833;
12386
- background-color: transparent;
12387
12202
  }
12388
12203
  .nav-tabs .dropdown-menu {
12389
12204
  border-top-left-radius: 0;
@@ -12447,12 +12262,12 @@ label.custom-control-label {
12447
12262
  .nav-underline .nav-link.active {
12448
12263
  color: #272833;
12449
12264
  }
12450
- .nav-underline .nav-link[aria-expanded=true], .nav-underline .nav-link.show, .show > .nav-underline .nav-link {
12451
- color: #272833;
12452
- }
12453
12265
  .nav-underline .nav-link:disabled, .nav-underline .nav-link.disabled {
12454
- box-shadow: none;
12455
12266
  color: #a7a9bc;
12267
+ box-shadow: none;
12268
+ }
12269
+ .nav-underline .nav-link[aria-expanded=true], .nav-underline .nav-link.show, .show > .nav-underline .nav-link {
12270
+ color: #272833;
12456
12271
  }
12457
12272
  .nav-underline .nav-link > .c-inner {
12458
12273
  margin-bottom: -0.5625rem;
@@ -12620,14 +12435,14 @@ label.custom-control-label {
12620
12435
  color: #0b5fff;
12621
12436
  font-weight: 600;
12622
12437
  }
12623
- .menubar-vertical-expand-md.menubar-transparent .nav-link[aria-expanded=true], .menubar-vertical-expand-md.menubar-transparent .nav-link.show, .show > .menubar-vertical-expand-md.menubar-transparent .nav-link {
12624
- color: #272833;
12625
- font-weight: 600;
12626
- }
12627
12438
  .menubar-vertical-expand-md.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-md.menubar-transparent .nav-link.disabled {
12628
12439
  color: rgba(0, 0, 0, 0.3);
12629
12440
  box-shadow: none;
12630
12441
  }
12442
+ .menubar-vertical-expand-md.menubar-transparent .nav-link[aria-expanded=true], .menubar-vertical-expand-md.menubar-transparent .nav-link.show, .show > .menubar-vertical-expand-md.menubar-transparent .nav-link {
12443
+ color: #272833;
12444
+ font-weight: 600;
12445
+ }
12631
12446
  @media (max-width: 767.98px) {
12632
12447
  .menubar-vertical-expand-md.menubar-transparent .nav-link {
12633
12448
  border-radius: 0;
@@ -12819,14 +12634,14 @@ label.custom-control-label {
12819
12634
  color: #0b5fff;
12820
12635
  font-weight: 600;
12821
12636
  }
12822
- .menubar-vertical-expand-lg.menubar-transparent .nav-link[aria-expanded=true], .menubar-vertical-expand-lg.menubar-transparent .nav-link.show, .show > .menubar-vertical-expand-lg.menubar-transparent .nav-link {
12823
- color: #272833;
12824
- font-weight: 600;
12825
- }
12826
12637
  .menubar-vertical-expand-lg.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-lg.menubar-transparent .nav-link.disabled {
12827
12638
  color: rgba(0, 0, 0, 0.3);
12828
12639
  box-shadow: none;
12829
12640
  }
12641
+ .menubar-vertical-expand-lg.menubar-transparent .nav-link[aria-expanded=true], .menubar-vertical-expand-lg.menubar-transparent .nav-link.show, .show > .menubar-vertical-expand-lg.menubar-transparent .nav-link {
12642
+ color: #272833;
12643
+ font-weight: 600;
12644
+ }
12830
12645
  @media (max-width: 991.98px) {
12831
12646
  .menubar-vertical-expand-lg.menubar-transparent .nav-link {
12832
12647
  border-radius: 0;
@@ -16460,6 +16275,7 @@ label.custom-control-label {
16460
16275
 
16461
16276
  .page-link {
16462
16277
  align-items: center;
16278
+ background-color: transparent;
16463
16279
  border-radius: 4px;
16464
16280
  border-color: transparent;
16465
16281
  border-style: solid;
@@ -16476,7 +16292,6 @@ label.custom-control-label {
16476
16292
  padding-top: 0;
16477
16293
  position: relative;
16478
16294
  transition: box-shadow 0.15s ease-in-out;
16479
- background-color: transparent;
16480
16295
  }
16481
16296
  @media (prefers-reduced-motion: reduce) {
16482
16297
  .page-link {
@@ -16493,28 +16308,29 @@ label.custom-control-label {
16493
16308
  margin-top: 0;
16494
16309
  }
16495
16310
  .page-link:hover {
16311
+ background-color: rgba(0, 0, 0, 0.02);
16496
16312
  border-color: transparent;
16497
16313
  color: #272833;
16498
16314
  text-decoration: none;
16499
16315
  z-index: 2;
16500
- background-color: rgba(0, 0, 0, 0.02);
16501
16316
  }
16502
16317
  .page-link:focus {
16503
16318
  box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.25);
16504
16319
  outline: 0;
16505
16320
  z-index: 4;
16321
+ background-color: rgba(0, 0, 0, 0.02);
16506
16322
  border-color: transparent;
16507
16323
  color: #272833;
16508
- background-color: rgba(0, 0, 0, 0.02);
16509
16324
  }
16510
16325
  .page-link:active, .page-link.active {
16326
+ background-color: rgba(0, 0, 0, 0.04);
16511
16327
  border-color: transparent;
16512
16328
  color: #272833;
16513
16329
  cursor: default;
16514
16330
  z-index: 3;
16515
- background-color: rgba(0, 0, 0, 0.04);
16516
16331
  }
16517
16332
  .page-link:disabled, .page-link.disabled {
16333
+ background-color: transparent;
16518
16334
  border-color: transparent;
16519
16335
  box-shadow: none;
16520
16336
  color: #6b6c7e;
@@ -16522,17 +16338,17 @@ label.custom-control-label {
16522
16338
  opacity: 0.5;
16523
16339
  pointer-events: auto;
16524
16340
  z-index: 0;
16525
- background-color: transparent;
16526
16341
  }
16527
16342
  .page-item.active .page-link,
16528
16343
  .page-item.show .page-link {
16344
+ background-color: rgba(0, 0, 0, 0.04);
16529
16345
  border-color: transparent;
16530
16346
  color: #272833;
16531
16347
  cursor: default;
16532
16348
  z-index: 3;
16533
- background-color: rgba(0, 0, 0, 0.04);
16534
16349
  }
16535
16350
  .page-item.disabled .page-link {
16351
+ background-color: transparent;
16536
16352
  border-color: transparent;
16537
16353
  box-shadow: none;
16538
16354
  color: #6b6c7e;
@@ -16540,7 +16356,6 @@ label.custom-control-label {
16540
16356
  opacity: 0.5;
16541
16357
  pointer-events: auto;
16542
16358
  z-index: 0;
16543
- background-color: transparent;
16544
16359
  }
16545
16360
  .page-item {
16546
16361
  margin-left: 0.25rem;
@@ -16600,52 +16415,52 @@ label.custom-control-label {
16600
16415
  }
16601
16416
  .pagination-items-per-page > a:hover,
16602
16417
  .pagination-items-per-page > button:hover {
16418
+ background-color: rgba(0, 0, 0, 0.02);
16603
16419
  border-color: transparent;
16604
16420
  color: #272833;
16605
- background-color: rgba(0, 0, 0, 0.02);
16606
16421
  }
16607
16422
  .pagination-items-per-page > a:focus,
16608
16423
  .pagination-items-per-page > button:focus {
16609
16424
  box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.25);
16610
16425
  outline: 0;
16426
+ background-color: rgba(0, 0, 0, 0.02);
16611
16427
  border-color: transparent;
16612
16428
  color: #272833;
16613
- background-color: rgba(0, 0, 0, 0.02);
16614
16429
  }
16615
16430
  .pagination-items-per-page > a:active, .pagination-items-per-page > a.active,
16616
16431
  .pagination-items-per-page > button:active,
16617
16432
  .pagination-items-per-page > button.active {
16433
+ background-color: rgba(0, 0, 0, 0.04);
16618
16434
  border-color: transparent;
16619
16435
  color: #272833;
16620
- background-color: rgba(0, 0, 0, 0.04);
16621
16436
  }
16622
16437
  .pagination-items-per-page > a:disabled, .pagination-items-per-page > a.disabled,
16623
16438
  .pagination-items-per-page > button:disabled,
16624
16439
  .pagination-items-per-page > button.disabled {
16440
+ background-color: transparent;
16625
16441
  border-color: transparent;
16626
16442
  box-shadow: none;
16627
16443
  color: #6b6c7e;
16628
16444
  cursor: not-allowed;
16629
16445
  opacity: 0.5;
16630
16446
  pointer-events: auto;
16631
- background-color: transparent;
16632
16447
  }
16633
16448
  .pagination-items-per-page.active > a,
16634
16449
  .pagination-items-per-page.active > button, .pagination-items-per-page.show > a,
16635
16450
  .pagination-items-per-page.show > button {
16451
+ background-color: rgba(0, 0, 0, 0.04);
16636
16452
  border-color: transparent;
16637
16453
  color: #272833;
16638
- background-color: rgba(0, 0, 0, 0.04);
16639
16454
  }
16640
16455
  .pagination-items-per-page.disabled > a,
16641
16456
  .pagination-items-per-page.disabled > button {
16457
+ background-color: transparent;
16642
16458
  border-color: transparent;
16643
16459
  box-shadow: none;
16644
16460
  color: #6b6c7e;
16645
16461
  cursor: not-allowed;
16646
16462
  opacity: 0.5;
16647
16463
  pointer-events: auto;
16648
- background-color: transparent;
16649
16464
  }
16650
16465
  @media (max-width: 767.98px) {
16651
16466
  .pagination-items-per-page + .pagination-results {
@@ -16803,7 +16618,7 @@ label.custom-control-label {
16803
16618
  .panel-header .collapse-icon-closed,
16804
16619
  .panel-header .collapse-icon-open {
16805
16620
  font-size: 0.75rem;
16806
- top: calc(0.75rem + (((1em * 1.2) - 1em) / 2));
16621
+ top: calc(0.75rem + (((1em * 1.2) - 1em) * 0.5));
16807
16622
  }
16808
16623
 
16809
16624
  .panel-header-link {
@@ -17767,7 +17582,7 @@ fieldset + .sheet-footer {
17767
17582
  .sheet-subtitle .collapse-icon-closed,
17768
17583
  .sheet-subtitle .collapse-icon-open {
17769
17584
  font-size: 0.75rem;
17770
- top: calc(0.5rem + (((1em * 1.2) - 1em) / 2));
17585
+ top: calc(0.5rem + (((1em * 1.2) - 1em) * 0.5));
17771
17586
  }
17772
17587
  .sheet-subtitle .component-title,
17773
17588
  .sheet-subtitle .heading-text {
@@ -18048,9 +17863,6 @@ a.sheet-subtitle:focus {
18048
17863
  padding-right: 0.5rem;
18049
17864
  padding-top: 1rem;
18050
17865
  }
18051
- .sidebar-list-group .autofit-col .list-group-title:only-child {
18052
- min-height: 1.5rem;
18053
- }
18054
17866
  .sidebar-list-group .list-group-item {
18055
17867
  background-color: transparent;
18056
17868
  border-color: #cdced9;
@@ -18070,12 +17882,6 @@ a.sheet-subtitle:focus {
18070
17882
  bottom: -0.75rem;
18071
17883
  top: auto;
18072
17884
  }
18073
- .sidebar-list-group .sticker.sticker-outside.sticker-bottom-right {
18074
- bottom: -0.75rem;
18075
- left: auto;
18076
- right: -0.75rem;
18077
- top: auto;
18078
- }
18079
17885
  .sidebar-list-group .sticker.sticker-outside.sticker-top-right {
18080
17886
  left: auto;
18081
17887
  right: -0.75rem;
@@ -18293,9 +18099,6 @@ a.sheet-subtitle:focus {
18293
18099
  .sidebar-dark .nav-nested .nav-link.active {
18294
18100
  color: #fff;
18295
18101
  }
18296
- .sidebar-dark .nav-nested .nav-link[aria-expanded=true], .sidebar-dark .nav-nested .nav-link.show, .show > .sidebar-dark .nav-nested .nav-link {
18297
- color: #fff;
18298
- }
18299
18102
  .sidebar-dark .nav-nested .nav-link:disabled, .sidebar-dark .nav-nested .nav-link.disabled {
18300
18103
  box-shadow: none;
18301
18104
  color: #a7a9bc;
@@ -18304,6 +18107,9 @@ a.sheet-subtitle:focus {
18304
18107
  .sidebar-dark .nav-nested .nav-link:disabled:active, .sidebar-dark .nav-nested .nav-link.disabled:active {
18305
18108
  pointer-events: none;
18306
18109
  }
18110
+ .sidebar-dark .nav-nested .nav-link[aria-expanded=true], .sidebar-dark .nav-nested .nav-link.show, .show > .sidebar-dark .nav-nested .nav-link {
18111
+ color: #fff;
18112
+ }
18307
18113
  .c-slideout-transition-in {
18308
18114
  transition: all 0.3s ease-in-out;
18309
18115
  }
@@ -18915,14 +18721,14 @@ caption {
18915
18721
  }
18916
18722
  }
18917
18723
  .table-action-link:hover {
18724
+ text-decoration: none;
18918
18725
  background-color: rgba(0, 0, 0, 0.02);
18919
18726
  color: #272833;
18920
- text-decoration: none;
18921
18727
  }
18922
18728
  .table-action-link:focus {
18923
18729
  background-color: rgba(0, 0, 0, 0.02);
18924
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
18925
18730
  color: #272833;
18731
+ box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
18926
18732
  outline: 0;
18927
18733
  }
18928
18734
  .table-action-link:active {
@@ -19249,14 +19055,14 @@ caption {
19249
19055
  }
19250
19056
  }
19251
19057
  .table-list-action-link:hover {
19058
+ text-decoration: none;
19252
19059
  background-color: rgba(0, 0, 0, 0.02);
19253
19060
  color: #272833;
19254
- text-decoration: none;
19255
19061
  }
19256
19062
  .table-list-action-link:focus {
19257
19063
  background-color: rgba(0, 0, 0, 0.02);
19258
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
19259
19064
  color: #272833;
19065
+ box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
19260
19066
  outline: 0;
19261
19067
  }
19262
19068
  .table-list-action-link:active {
@@ -20159,7 +19965,7 @@ caption {
20159
19965
  }
20160
19966
  .timeline-right .timeline-item .panel .timeline-increment {
20161
19967
  margin-left: auto;
20162
- margin-right: 0;
19968
+ margin-right: 0px;
20163
19969
  }
20164
19970
  .timeline-right .timeline-item .timeline-increment {
20165
19971
  left: auto;
@@ -20183,7 +19989,7 @@ caption {
20183
19989
  }
20184
19990
  .timeline-right-xs-only .timeline-item .panel .timeline-increment {
20185
19991
  margin-left: auto;
20186
- margin-right: 0;
19992
+ margin-right: 0px;
20187
19993
  }
20188
19994
  .timeline-right-xs-only .timeline-item .timeline-increment {
20189
19995
  left: auto;
@@ -20222,7 +20028,7 @@ caption {
20222
20028
  }
20223
20029
  .timeline-center .timeline-item.timeline-item-reverse .panel .timeline-increment {
20224
20030
  margin-left: auto;
20225
- margin-right: 0;
20031
+ margin-right: 0px;
20226
20032
  }
20227
20033
  .timeline-center .timeline-item.timeline-item-reverse .timeline-increment {
20228
20034
  left: auto;
@@ -20253,7 +20059,7 @@ caption {
20253
20059
  .timeline-even .timeline-item:nth-of-type(even) .panel .timeline-increment,
20254
20060
  .timeline-odd .timeline-item:nth-of-type(odd) .panel .timeline-increment {
20255
20061
  margin-left: auto;
20256
- margin-right: 0;
20062
+ margin-right: 0px;
20257
20063
  }
20258
20064
  .timeline-even .timeline-item:nth-of-type(even) .timeline-increment,
20259
20065
  .timeline-odd .timeline-item:nth-of-type(odd) .timeline-increment {
@@ -20339,57 +20145,16 @@ caption {
20339
20145
  max-width: 75px;
20340
20146
  }
20341
20147
 
20342
- .simple-toggle-switch.toggle-switch {
20343
- align-items: center;
20344
- display: inline-flex;
20345
- }
20346
- .simple-toggle-switch .toggle-switch-check + .toggle-switch-label {
20347
- margin-right: 0.5rem;
20348
- }
20349
- .simple-toggle-switch .toggle-switch-label + .toggle-switch-check-bar {
20350
- margin-left: 0.5rem;
20351
- }
20352
- .simple-toggle-switch .toggle-switch-label {
20353
- line-height: 1;
20354
- margin-bottom: 0;
20355
- max-width: calc(
20356
- 100% - 56px
20357
- );
20358
- }
20359
- @media (max-width: 767.98px) {
20360
- .simple-toggle-switch .toggle-switch-label {
20361
- max-width: calc(
20362
- 100% - 48px
20363
- );
20364
- }
20365
- }
20366
-
20367
- .simple-toggle-switch-reverse .toggle-switch-label {
20368
- margin-right: 0.5rem;
20369
- }
20370
- .simple-toggle-switch-reverse .toggle-switch-check-bar {
20371
- order: 5;
20372
- }
20373
- .simple-toggle-switch-reverse .toggle-switch-check-bar .toggle-switch-bar {
20374
- order: 0;
20375
- }
20376
- .simple-toggle-switch-reverse .toggle-switch-bar {
20377
- order: 5;
20378
- }
20379
-
20380
- label.toggle-switch {
20381
- cursor: pointer;
20382
- }
20383
- label.toggle-switch.disabled {
20384
- cursor: not-allowed;
20385
- }
20386
-
20387
20148
  .toggle-switch {
20149
+ cursor: pointer;
20388
20150
  display: inline-block;
20389
20151
  font-weight: 600;
20390
20152
  max-width: 100%;
20391
20153
  position: relative;
20392
20154
  }
20155
+ .toggle-switch.disabled {
20156
+ cursor: not-allowed;
20157
+ }
20393
20158
  .toggle-switch.disabled .toggle-switch-label {
20394
20159
  color: #a7a9bc;
20395
20160
  cursor: not-allowed;
@@ -20397,7 +20162,6 @@ label.toggle-switch.disabled {
20397
20162
  .toggle-switch.disabled .toggle-switch-text {
20398
20163
  color: #a7a9bc;
20399
20164
  }
20400
-
20401
20165
  .toggle-switch-check-bar {
20402
20166
  display: inline-flex;
20403
20167
  position: relative;
@@ -20417,7 +20181,6 @@ label.toggle-switch.disabled {
20417
20181
  .toggle-switch-bar .button-icon {
20418
20182
  font-size: 0.625rem;
20419
20183
  }
20420
-
20421
20184
  .toggle-switch-check {
20422
20185
  bottom: 0;
20423
20186
  font-size: 62.5%;
@@ -20427,13 +20190,7 @@ label.toggle-switch.disabled {
20427
20190
  width: 48px;
20428
20191
  z-index: 2;
20429
20192
  }
20430
- @media (max-width: 767.98px) {
20431
- .toggle-switch-check {
20432
- height: 24px;
20433
- width: 40px;
20434
- }
20435
- }
20436
- .toggle-switch-check:empty ~ .toggle-switch-bar {
20193
+ .toggle-switch-check ~ .toggle-switch-bar {
20437
20194
  display: inline-flex;
20438
20195
  font-size: 0.625rem;
20439
20196
  height: 24px;
@@ -20441,9 +20198,31 @@ label.toggle-switch.disabled {
20441
20198
  position: relative;
20442
20199
  text-indent: 0;
20443
20200
  -ms-user-select: none;
20201
+ -moz-user-select: none;
20202
+ -webkit-user-select: none;
20444
20203
  user-select: none;
20445
20204
  }
20446
- .toggle-switch-check:empty ~ .toggle-switch-bar:after {
20205
+ .toggle-switch-check ~ .toggle-switch-bar::before {
20206
+ background-color: #a7a9bc;
20207
+ border-color: #a7a9bc;
20208
+ border-radius: 20px;
20209
+ border-style: solid;
20210
+ border-width: 1px;
20211
+ bottom: 0;
20212
+ content: " ";
20213
+ display: block;
20214
+ left: 0;
20215
+ position: absolute;
20216
+ top: 0;
20217
+ 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;
20218
+ width: 48px;
20219
+ }
20220
+ @media (prefers-reduced-motion: reduce) {
20221
+ .toggle-switch-check ~ .toggle-switch-bar::before {
20222
+ transition: none;
20223
+ }
20224
+ }
20225
+ .toggle-switch-check ~ .toggle-switch-bar::after {
20447
20226
  background-color: #fff;
20448
20227
  border-color: #fff;
20449
20228
  border-radius: 50%;
@@ -20459,31 +20238,31 @@ label.toggle-switch.disabled {
20459
20238
  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;
20460
20239
  width: 16px;
20461
20240
  }
20462
- .toggle-switch-check:empty ~ .toggle-switch-bar:before {
20463
- background-color: #a7a9bc;
20464
- border-color: #a7a9bc;
20465
- border-radius: 20px;
20466
- border-style: solid;
20467
- border-width: 1px;
20468
- bottom: 0;
20469
- content: " ";
20470
- display: block;
20471
- left: 0;
20472
- position: absolute;
20473
- top: 0;
20241
+ @media (prefers-reduced-motion: reduce) {
20242
+ .toggle-switch-check ~ .toggle-switch-bar::after {
20243
+ transition: none;
20244
+ }
20245
+ }
20246
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before {
20474
20247
  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;
20475
- width: 48px;
20476
20248
  }
20477
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-handle:after {
20249
+ @media (prefers-reduced-motion: reduce) {
20250
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before {
20251
+ transition: none;
20252
+ }
20253
+ }
20254
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
20478
20255
  content: attr(data-label-off);
20479
20256
  margin-left: 56px;
20480
20257
  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;
20481
20258
  white-space: nowrap;
20482
20259
  }
20483
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-handle:before {
20484
- 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;
20260
+ @media (prefers-reduced-motion: reduce) {
20261
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
20262
+ transition: none;
20263
+ }
20485
20264
  }
20486
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-icon {
20265
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
20487
20266
  color: #fff;
20488
20267
  left: 4px;
20489
20268
  line-height: 16px;
@@ -20495,138 +20274,180 @@ label.toggle-switch.disabled {
20495
20274
  width: 16px;
20496
20275
  z-index: 1;
20497
20276
  }
20498
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-icon-on {
20277
+ @media (prefers-reduced-motion: reduce) {
20278
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
20279
+ transition: none;
20280
+ }
20281
+ }
20282
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-on {
20499
20283
  left: 4px;
20500
20284
  opacity: 0;
20501
20285
  }
20502
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-icon-off {
20286
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-off {
20503
20287
  left: 28px;
20504
20288
  }
20505
- .toggle-switch-check:empty ~ .toggle-switch-bar .button-icon {
20289
+ .toggle-switch-check ~ .toggle-switch-bar .button-icon {
20506
20290
  color: #272833;
20507
20291
  }
20508
- .toggle-switch-check:empty ~ .toggle-switch-bar .button-icon-on {
20292
+ .toggle-switch-check ~ .toggle-switch-bar .button-icon-on {
20509
20293
  opacity: 0;
20510
20294
  }
20511
- .toggle-switch-check:checked ~ .toggle-switch-bar:after {
20512
- background-color: #fff;
20513
- border-color: #fff;
20514
- border-radius: 50%;
20515
- border-style: solid;
20516
- border-width: 1px;
20517
- left: 28px;
20295
+ .toggle-switch-check:focus ~ .toggle-switch-bar::before {
20296
+ box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
20297
+ }
20298
+ .toggle-switch-check[disabled] ~ .toggle-switch-bar, .toggle-switch-check:disabled ~ .toggle-switch-bar {
20299
+ cursor: not-allowed;
20300
+ opacity: 0.4;
20518
20301
  }
20519
- .toggle-switch-check:checked ~ .toggle-switch-bar:before {
20302
+ .toggle-switch-check:checked ~ .toggle-switch-bar::before {
20520
20303
  background-color: #0b5fff;
20521
20304
  border-color: #0b5fff;
20522
20305
  border-radius: 20px;
20523
20306
  border-style: solid;
20524
20307
  border-width: 1px;
20525
20308
  }
20526
- .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-handle:after {
20309
+ .toggle-switch-check:checked ~ .toggle-switch-bar::after {
20310
+ background-color: #fff;
20311
+ border-color: #fff;
20312
+ border-radius: 50%;
20313
+ border-style: solid;
20314
+ border-width: 1px;
20315
+ left: 28px;
20316
+ }
20317
+ .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-handle::after {
20527
20318
  content: attr(data-label-on);
20528
20319
  }
20529
20320
  .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon {
20530
20321
  color: #fff;
20531
20322
  }
20532
- .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon {
20533
- color: #0b5fff;
20534
- left: 28px;
20535
- }
20536
- .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-on,
20537
20323
  .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon-on {
20538
20324
  opacity: 1;
20539
20325
  }
20540
- .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-off,
20541
20326
  .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon-off {
20542
20327
  opacity: 0;
20543
20328
  }
20544
- .toggle-switch-check:disabled ~ .toggle-switch-bar, .toggle-switch-check.disabled ~ .toggle-switch-bar {
20545
- cursor: not-allowed;
20546
- opacity: 0.4;
20547
- }
20548
- .toggle-switch-check:focus ~ .toggle-switch-bar:before {
20549
- box-shadow: 0 0 0 0.125rem #fff , 0 0 0 0.25rem #80acff;
20550
- }
20551
-
20552
- .toggle-switch-label {
20553
- display: block;
20554
- margin-bottom: 2px;
20555
- }
20556
-
20557
- .toggle-switch-text {
20558
- display: block;
20559
- font-size: 0.75rem;
20560
- }
20561
-
20562
- .toggle-switch-text-left {
20563
- display: inline-flex;
20564
- line-height: 24px;
20565
- margin-right: 8px;
20329
+ .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon {
20330
+ color: #0b5fff;
20331
+ left: 28px;
20566
20332
  }
20567
-
20568
- .toggle-switch-text-right {
20569
- display: inline-flex;
20570
- line-height: 24px;
20571
- margin-left: 8px;
20333
+ .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-on {
20334
+ opacity: 1;
20572
20335
  }
20573
-
20574
20336
  @media (max-width: 767.98px) {
20575
- .toggle-switch-bar .toggle-switch-handle {
20576
- min-width: 40px;
20577
- }
20578
- .toggle-switch-bar .toggle-switch-icon {
20579
- font-size: 0.625rem;
20580
- }
20581
- .toggle-switch-bar .button-icon {
20582
- font-size: 0.625rem;
20337
+ .toggle-switch-check {
20338
+ height: 24px;
20339
+ width: 40px;
20583
20340
  }
20584
-
20585
- .toggle-switch-check:empty ~ .toggle-switch-bar {
20341
+ .toggle-switch-check ~ .toggle-switch-bar {
20586
20342
  height: 24px;
20587
20343
  line-height: 24px;
20588
20344
  text-indent: 0;
20589
20345
  }
20590
- .toggle-switch-check:empty ~ .toggle-switch-bar:after {
20346
+ .toggle-switch-check ~ .toggle-switch-bar::before {
20347
+ width: 40px;
20348
+ }
20349
+ .toggle-switch-check ~ .toggle-switch-bar::after {
20591
20350
  bottom: 4px;
20592
20351
  height: 16px;
20593
20352
  left: 4px;
20594
20353
  top: 4px;
20595
20354
  width: 16px;
20596
20355
  }
20597
- .toggle-switch-check:empty ~ .toggle-switch-bar:before {
20598
- width: 40px;
20356
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle {
20357
+ min-width: 40px;
20599
20358
  }
20600
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-handle:after {
20359
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
20601
20360
  margin-left: 48px;
20602
20361
  }
20603
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-icon {
20362
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
20363
+ font-size: 0.625rem;
20604
20364
  left: 4px;
20605
20365
  line-height: 16px;
20606
20366
  top: 4px;
20607
20367
  width: 16px;
20608
20368
  }
20609
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-icon-on {
20369
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-on {
20610
20370
  left: 4px;
20611
20371
  }
20612
- .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-icon-off {
20372
+ .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-off {
20613
20373
  left: 20px;
20614
20374
  }
20615
- .toggle-switch-check:checked ~ .toggle-switch-bar:after {
20375
+ .toggle-switch-check ~ .toggle-switch-bar .button-icon {
20376
+ font-size: 0.625rem;
20377
+ }
20378
+ .toggle-switch-check:checked ~ .toggle-switch-bar::after {
20616
20379
  left: 20px;
20617
20380
  }
20618
- .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-handle:after {
20381
+ .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-handle::after {
20619
20382
  margin-left: 48px;
20620
20383
  }
20621
20384
  .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon {
20622
20385
  left: 20px;
20623
20386
  }
20387
+ }
20388
+
20389
+ .toggle-switch-label {
20390
+ display: block;
20391
+ margin-bottom: 2px;
20392
+ }
20393
+
20394
+ .toggle-switch-text {
20395
+ display: block;
20396
+ font-size: 0.75rem;
20397
+ }
20398
+
20399
+ .toggle-switch-text-left {
20400
+ display: inline-flex;
20401
+ line-height: 24px;
20402
+ margin-right: 8px;
20403
+ }
20404
+ @media (max-width: 767.98px) {
20405
+ .toggle-switch-text-left {
20406
+ line-height: 24px;
20407
+ }
20408
+ }
20624
20409
 
20625
- .toggle-switch-text-left,
20626
20410
  .toggle-switch-text-right {
20411
+ display: inline-flex;
20412
+ line-height: 24px;
20413
+ margin-left: 8px;
20414
+ }
20415
+ @media (max-width: 767.98px) {
20416
+ .toggle-switch-text-right {
20627
20417
  line-height: 24px;
20628
20418
  }
20629
20419
  }
20420
+
20421
+ .simple-toggle-switch {
20422
+ align-items: center;
20423
+ display: inline-flex;
20424
+ }
20425
+ .simple-toggle-switch .toggle-switch-label {
20426
+ line-height: 1;
20427
+ margin-bottom: 0;
20428
+ max-width: calc( 100% - 56px );
20429
+ }
20430
+ @media (max-width: 767.98px) {
20431
+ .simple-toggle-switch .toggle-switch-label {
20432
+ max-width: calc( 100% - 48px );
20433
+ }
20434
+ }
20435
+ .simple-toggle-switch .toggle-switch-check + .toggle-switch-label {
20436
+ margin-right: 0.5rem;
20437
+ }
20438
+ .simple-toggle-switch .toggle-switch-label + .toggle-switch-check-bar {
20439
+ margin-left: 0.5rem;
20440
+ }
20441
+
20442
+ .simple-toggle-switch-reverse .toggle-switch-check-bar {
20443
+ order: 5;
20444
+ }
20445
+ .simple-toggle-switch-reverse .toggle-switch-check ~ .toggle-switch-bar {
20446
+ order: 5;
20447
+ }
20448
+ .simple-toggle-switch-reverse .toggle-switch-label {
20449
+ margin-right: 0.5rem;
20450
+ }
20630
20451
  .tooltip {
20631
20452
  display: block;
20632
20453
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -24476,35 +24297,67 @@ button.bg-dark:focus {
24476
24297
  }
24477
24298
 
24478
24299
  .embed-responsive-21by9::before {
24479
- padding-top: 42.8571428571%;
24300
+ padding-top: calc(
24301
+ 9 /
24302
+ 21 *
24303
+ 100%
24304
+ );
24480
24305
  }
24481
24306
 
24482
24307
  .embed-responsive-16by9::before {
24483
- padding-top: 56.25%;
24308
+ padding-top: calc(
24309
+ 9 /
24310
+ 16 *
24311
+ 100%
24312
+ );
24484
24313
  }
24485
24314
 
24486
24315
  .embed-responsive-4by3::before {
24487
- padding-top: 75%;
24316
+ padding-top: calc(
24317
+ 3 /
24318
+ 4 *
24319
+ 100%
24320
+ );
24488
24321
  }
24489
24322
 
24490
24323
  .embed-responsive-1by1::before {
24491
- padding-top: 100%;
24324
+ padding-top: calc(
24325
+ 1 /
24326
+ 1 *
24327
+ 100%
24328
+ );
24492
24329
  }
24493
24330
 
24494
24331
  .embed-responsive-21by9::before {
24495
- padding-top: 42.8571428571%;
24332
+ padding-top: calc(
24333
+ 9 /
24334
+ 21 *
24335
+ 100%
24336
+ );
24496
24337
  }
24497
24338
 
24498
24339
  .embed-responsive-16by9::before {
24499
- padding-top: 56.25%;
24340
+ padding-top: calc(
24341
+ 9 /
24342
+ 16 *
24343
+ 100%
24344
+ );
24500
24345
  }
24501
24346
 
24502
24347
  .embed-responsive-4by3::before {
24503
- padding-top: 75%;
24348
+ padding-top: calc(
24349
+ 3 /
24350
+ 4 *
24351
+ 100%
24352
+ );
24504
24353
  }
24505
24354
 
24506
24355
  .embed-responsive-1by1::before {
24507
- padding-top: 100%;
24356
+ padding-top: calc(
24357
+ 1 /
24358
+ 1 *
24359
+ 100%
24360
+ );
24508
24361
  }
24509
24362
 
24510
24363
  /* REUSE-Snippet-End */