Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/JugglerX/hugo-whisper-theme.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorRobert Austin <rob@jugglerdigital.com>2019-07-23 04:03:11 +0300
committerRobert Austin <rob@jugglerdigital.com>2019-07-23 04:03:11 +0300
commitd39f310357f1f1322f7244ed03d6acc520e37958 (patch)
tree82c0113cfa88e398ccba049ade7a48485bbb9dde
parent2e1cee539fe640bef8eca869d7a64e72a09ba4d0 (diff)
update to bootstrap 4.3.1
-rwxr-xr-xassets/scss/bootstrap/_alert.scss2
-rwxr-xr-xassets/scss/bootstrap/_badge.scss9
-rwxr-xr-xassets/scss/bootstrap/_breadcrumb.scss15
-rwxr-xr-xassets/scss/bootstrap/_button-group.scss35
-rwxr-xr-xassets/scss/bootstrap/_buttons.scss56
-rwxr-xr-xassets/scss/bootstrap/_card.scss87
-rwxr-xr-xassets/scss/bootstrap/_carousel.scss126
-rwxr-xr-xassets/scss/bootstrap/_close.scss23
-rwxr-xr-xassets/scss/bootstrap/_code.scss18
-rwxr-xr-xassets/scss/bootstrap/_custom-forms.scss290
-rwxr-xr-xassets/scss/bootstrap/_dropdown.scss72
-rwxr-xr-xassets/scss/bootstrap/_forms.scss67
-rwxr-xr-xassets/scss/bootstrap/_functions.scss18
-rwxr-xr-xassets/scss/bootstrap/_images.scss4
-rwxr-xr-xassets/scss/bootstrap/_input-group.scss99
-rwxr-xr-xassets/scss/bootstrap/_jumbotron.scss1
-rwxr-xr-xassets/scss/bootstrap/_list-group.scss44
-rwxr-xr-xassets/scss/bootstrap/_mixins.scss7
-rwxr-xr-xassets/scss/bootstrap/_modal.scss99
-rwxr-xr-xassets/scss/bootstrap/_nav.scss2
-rwxr-xr-xassets/scss/bootstrap/_navbar.scss35
-rwxr-xr-xassets/scss/bootstrap/_pagination.scss8
-rwxr-xr-xassets/scss/bootstrap/_popover.scss106
-rwxr-xr-xassets/scss/bootstrap/_print.scss29
-rwxr-xr-xassets/scss/bootstrap/_progress.scss22
-rwxr-xr-xassets/scss/bootstrap/_reboot.scss101
-rwxr-xr-xassets/scss/bootstrap/_spinners.scss55
-rwxr-xr-xassets/scss/bootstrap/_tables.scss27
-rwxr-xr-xassets/scss/bootstrap/_toasts.scss44
-rwxr-xr-xassets/scss/bootstrap/_tooltip.scss2
-rwxr-xr-xassets/scss/bootstrap/_transitions.scss24
-rwxr-xr-xassets/scss/bootstrap/_type.scss70
-rwxr-xr-xassets/scss/bootstrap/_utilities.scss3
-rwxr-xr-xassets/scss/bootstrap/_variables.scss1430
-rwxr-xr-xassets/scss/bootstrap/bootstrap-grid.scss11
-rwxr-xr-xassets/scss/bootstrap/bootstrap-reboot.scss6
-rwxr-xr-xassets/scss/bootstrap/bootstrap.scss8
-rwxr-xr-xassets/scss/bootstrap/mixins/_badge.scss9
-rwxr-xr-xassets/scss/bootstrap/mixins/_border-radius.scss30
-rwxr-xr-xassets/scss/bootstrap/mixins/_box-shadow.scss17
-rwxr-xr-xassets/scss/bootstrap/mixins/_breakpoints.scss6
-rwxr-xr-xassets/scss/bootstrap/mixins/_buttons.scss26
-rwxr-xr-xassets/scss/bootstrap/mixins/_caret.scss13
-rwxr-xr-xassets/scss/bootstrap/mixins/_deprecate.scss10
-rwxr-xr-xassets/scss/bootstrap/mixins/_float.scss3
-rwxr-xr-xassets/scss/bootstrap/mixins/_forms.scss81
-rwxr-xr-xassets/scss/bootstrap/mixins/_gradients.scss14
-rwxr-xr-xassets/scss/bootstrap/mixins/_grid-framework.scss7
-rwxr-xr-xassets/scss/bootstrap/mixins/_grid.scss19
-rwxr-xr-xassets/scss/bootstrap/mixins/_hover.scss8
-rwxr-xr-xassets/scss/bootstrap/mixins/_image.scss4
-rwxr-xr-xassets/scss/bootstrap/mixins/_list-group.scss2
-rwxr-xr-xassets/scss/bootstrap/mixins/_nav-divider.scss4
-rwxr-xr-xassets/scss/bootstrap/mixins/_navbar-align.scss10
-rwxr-xr-xassets/scss/bootstrap/mixins/_pagination.scss2
-rwxr-xr-xassets/scss/bootstrap/mixins/_reset-text.scss4
-rwxr-xr-xassets/scss/bootstrap/mixins/_screen-reader.scss4
-rwxr-xr-xassets/scss/bootstrap/mixins/_size.scss1
-rwxr-xr-xassets/scss/bootstrap/mixins/_table-row.scss11
-rwxr-xr-xassets/scss/bootstrap/mixins/_text-emphasis.scss8
-rwxr-xr-xassets/scss/bootstrap/mixins/_text-hide.scss4
-rwxr-xr-xassets/scss/bootstrap/mixins/_transition.scss7
-rwxr-xr-xassets/scss/bootstrap/mixins/_visibility.scss1
-rwxr-xr-xassets/scss/bootstrap/utilities/_borders.scss18
-rwxr-xr-xassets/scss/bootstrap/utilities/_display.scss24
-rwxr-xr-xassets/scss/bootstrap/utilities/_embed.scss27
-rwxr-xr-xassets/scss/bootstrap/utilities/_flex.scss5
-rwxr-xr-xassets/scss/bootstrap/utilities/_float.scss8
-rwxr-xr-xassets/scss/bootstrap/utilities/_overflow.scss5
-rwxr-xr-xassets/scss/bootstrap/utilities/_position.scss4
-rwxr-xr-xassets/scss/bootstrap/utilities/_shadows.scss6
-rwxr-xr-xassets/scss/bootstrap/utilities/_sizing.scss8
-rwxr-xr-xassets/scss/bootstrap/utilities/_spacing.scss24
-rwxr-xr-xassets/scss/bootstrap/utilities/_stretched-link.scss19
-rwxr-xr-xassets/scss/bootstrap/utilities/_text.scss84
-rwxr-xr-xassets/scss/bootstrap/utilities/_visibility.scss6
-rwxr-xr-xassets/scss/bootstrap/vendor/_rfs.scss204
-rwxr-xr-xassets/scss/style.scss29
-rw-r--r--exampleSite/resources/_gen/assets/scss/scss/style.scss_5ad6f408b0e3e473c748aac88af0ea18.content1801
-rw-r--r--exampleSite/resources/_gen/assets/scss/scss/style.scss_fbbbc62c786286473d9c728ad0108593.content2
-rw-r--r--exampleSite/resources/_gen/assets/scss/scss/style.scss_fbbbc62c786286473d9c728ad0108593.json2
81 files changed, 4151 insertions, 1485 deletions
diff --git a/assets/scss/bootstrap/_alert.scss b/assets/scss/bootstrap/_alert.scss
index dd43e23..da2a98a 100755
--- a/assets/scss/bootstrap/_alert.scss
+++ b/assets/scss/bootstrap/_alert.scss
@@ -27,7 +27,7 @@
// Expand the right padding and account for the close button's positioning.
.alert-dismissible {
- padding-right: ($close-font-size + $alert-padding-x * 2);
+ padding-right: $close-font-size + $alert-padding-x * 2;
// Adjust close link position
.close {
diff --git a/assets/scss/bootstrap/_badge.scss b/assets/scss/bootstrap/_badge.scss
index b87a1b0..2082f05 100755
--- a/assets/scss/bootstrap/_badge.scss
+++ b/assets/scss/bootstrap/_badge.scss
@@ -6,13 +6,20 @@
.badge {
display: inline-block;
padding: $badge-padding-y $badge-padding-x;
- font-size: $badge-font-size;
+ @include font-size($badge-font-size);
font-weight: $badge-font-weight;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
@include border-radius($badge-border-radius);
+ @include transition($badge-transition);
+
+ @at-root a#{&} {
+ @include hover-focus {
+ text-decoration: none;
+ }
+ }
// Empty badges collapse automatically
&:empty {
diff --git a/assets/scss/bootstrap/_breadcrumb.scss b/assets/scss/bootstrap/_breadcrumb.scss
index 25b9d85..be30950 100755
--- a/assets/scss/bootstrap/_breadcrumb.scss
+++ b/assets/scss/bootstrap/_breadcrumb.scss
@@ -5,17 +5,20 @@
margin-bottom: $breadcrumb-margin-bottom;
list-style: none;
background-color: $breadcrumb-bg;
- @include border-radius($border-radius);
+ @include border-radius($breadcrumb-border-radius);
}
.breadcrumb-item {
// The separator between breadcrumbs (by default, a forward-slash: "/")
- + .breadcrumb-item::before {
- display: inline-block; // Suppress underlining of the separator in modern browsers
- padding-right: $breadcrumb-item-padding;
+ + .breadcrumb-item {
padding-left: $breadcrumb-item-padding;
- color: $breadcrumb-divider-color;
- content: "#{$breadcrumb-divider}";
+
+ &::before {
+ display: inline-block; // Suppress underlining of the separator in modern browsers
+ padding-right: $breadcrumb-item-padding;
+ color: $breadcrumb-divider-color;
+ content: $breadcrumb-divider;
+ }
}
// IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built
diff --git a/assets/scss/bootstrap/_button-group.scss b/assets/scss/bootstrap/_button-group.scss
index c1b8265..d722002 100755
--- a/assets/scss/bootstrap/_button-group.scss
+++ b/assets/scss/bootstrap/_button-group.scss
@@ -9,7 +9,7 @@
> .btn {
position: relative;
- flex: 0 1 auto;
+ flex: 1 1 auto;
// Bring the hover, focused, and "active" buttons to the front to overlay
// the borders properly
@@ -22,14 +22,6 @@
z-index: 1;
}
}
-
- // Prevent double borders when buttons are next to each other
- .btn + .btn,
- .btn + .btn-group,
- .btn-group + .btn,
- .btn-group + .btn-group {
- margin-left: -$btn-border-width;
- }
}
// Optional: Group multiple button groups together for a toolbar
@@ -44,8 +36,10 @@
}
.btn-group {
- > .btn:first-child {
- margin-left: 0;
+ // Prevent double borders when buttons are next to each other
+ > .btn:not(:first-child),
+ > .btn-group:not(:first-child) {
+ margin-left: -$btn-border-width;
}
// Reset rounded corners
@@ -76,9 +70,15 @@
padding-right: $btn-padding-x * .75;
padding-left: $btn-padding-x * .75;
- &::after {
+ &::after,
+ .dropup &::after,
+ .dropright &::after {
margin-left: 0;
}
+
+ .dropleft &::before {
+ margin-right: 0;
+ }
}
.btn-sm + .dropdown-toggle-split {
@@ -113,17 +113,14 @@
align-items: flex-start;
justify-content: center;
- .btn,
- .btn-group {
+ > .btn,
+ > .btn-group {
width: 100%;
}
- > .btn + .btn,
- > .btn + .btn-group,
- > .btn-group + .btn,
- > .btn-group + .btn-group {
+ > .btn:not(:first-child),
+ > .btn-group:not(:first-child) {
margin-top: -$btn-border-width;
- margin-left: 0;
}
// Reset rounded corners
diff --git a/assets/scss/bootstrap/_buttons.scss b/assets/scss/bootstrap/_buttons.scss
index bae2d66..2a7d94a 100755
--- a/assets/scss/bootstrap/_buttons.scss
+++ b/assets/scss/bootstrap/_buttons.scss
@@ -6,23 +6,19 @@
.btn {
display: inline-block;
+ font-family: $btn-font-family;
font-weight: $btn-font-weight;
+ color: $body-color;
text-align: center;
- white-space: nowrap;
vertical-align: middle;
user-select: none;
+ background-color: transparent;
border: $btn-border-width solid transparent;
- @include button-size(
- $btn-padding-y,
- $btn-padding-x,
- $font-size-base,
- $btn-line-height,
- $btn-border-radius
- );
+ @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);
@include transition($btn-transition);
- // Share hover and focus styles
- @include hover-focus {
+ @include hover {
+ color: $body-color;
text-decoration: none;
}
@@ -39,14 +35,8 @@
@include box-shadow(none);
}
- // Opinionated: add "hand" cursor to non-disabled .btn elements
- &:not(:disabled):not(.disabled) {
- cursor: pointer;
- }
-
&:not(:disabled):not(.disabled):active,
&:not(:disabled):not(.disabled).active {
- background-image: none;
@include box-shadow($btn-active-box-shadow);
&:focus {
@@ -61,6 +51,7 @@ fieldset:disabled a.btn {
pointer-events: none;
}
+
//
// Alternate buttons
//
@@ -77,62 +68,51 @@ fieldset:disabled a.btn {
}
}
+
//
// Link buttons
//
// Make a button look and behave like a link
.btn-link {
- font-weight: 400;
+ font-weight: $font-weight-normal;
color: $link-color;
- background-color: transparent;
+ text-decoration: $link-decoration;
@include hover {
color: $link-hover-color;
text-decoration: $link-hover-decoration;
- background-color: transparent;
- border-color: transparent;
}
&:focus,
&.focus {
text-decoration: $link-hover-decoration;
- border-color: transparent;
box-shadow: none;
}
&:disabled,
&.disabled {
color: $btn-link-disabled-color;
+ pointer-events: none;
}
// No need for an active state here
}
+
//
// Button Sizes
//
.btn-lg {
- @include button-size(
- $btn-padding-y-lg,
- $btn-padding-x-lg,
- $font-size-lg,
- $btn-line-height-lg,
- $btn-border-radius-lg
- );
+ @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);
}
.btn-sm {
- @include button-size(
- $btn-padding-y-sm,
- $btn-padding-x-sm,
- $font-size-sm,
- $btn-line-height-sm,
- $btn-border-radius-sm
- );
+ @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);
}
+
//
// Block button
//
@@ -148,9 +128,9 @@ fieldset:disabled a.btn {
}
// Specificity overrides
-input[type='submit'],
-input[type='reset'],
-input[type='button'] {
+input[type="submit"],
+input[type="reset"],
+input[type="button"] {
&.btn-block {
width: 100%;
}
diff --git a/assets/scss/bootstrap/_card.scss b/assets/scss/bootstrap/_card.scss
index 4c4845c..c6b67ce 100755
--- a/assets/scss/bootstrap/_card.scss
+++ b/assets/scss/bootstrap/_card.scss
@@ -6,7 +6,7 @@
position: relative;
display: flex;
flex-direction: column;
- min-width: 0;
+ min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106
word-wrap: break-word;
background-color: $card-bg;
background-clip: border-box;
@@ -36,6 +36,7 @@
// as much space as possible, ensuring footers are aligned to the bottom.
flex: 1 1 auto;
padding: $card-spacer-x;
+ color: $card-color;
}
.card-title {
@@ -43,7 +44,7 @@
}
.card-subtitle {
- margin-top: -($card-spacer-y / 2);
+ margin-top: -$card-spacer-y / 2;
margin-bottom: 0;
}
@@ -68,6 +69,7 @@
.card-header {
padding: $card-spacer-y $card-spacer-x;
margin-bottom: 0; // Removes the default margin-bottom of <hN>
+ color: $card-cap-color;
background-color: $card-cap-bg;
border-bottom: $card-border-width solid $card-border-color;
@@ -98,15 +100,15 @@
//
.card-header-tabs {
- margin-right: -($card-spacer-x / 2);
+ margin-right: -$card-spacer-x / 2;
margin-bottom: -$card-spacer-y;
- margin-left: -($card-spacer-x / 2);
+ margin-left: -$card-spacer-x / 2;
border-bottom: 0;
}
.card-header-pills {
- margin-right: -($card-spacer-x / 2);
- margin-left: -($card-spacer-x / 2);
+ margin-right: -$card-spacer-x / 2;
+ margin-left: -$card-spacer-x / 2;
}
// Card image
@@ -153,7 +155,7 @@
.card {
display: flex;
- // Flexbugs #4: https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored
+ // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
flex: 1 0 0%;
flex-direction: column;
margin-right: $card-deck-margin;
@@ -183,7 +185,7 @@
// The child selector allows nested `.card` within `.card-group`
// to display properly.
> .card {
- // Flexbugs #4: https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored
+ // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
flex: 1 0 0%;
margin-bottom: 0;
@@ -194,55 +196,35 @@
// Handle rounded corners
@if $enable-rounded {
- &:first-child {
+ &:not(:last-child) {
@include border-right-radius(0);
.card-img-top,
.card-header {
+ // stylelint-disable-next-line property-blacklist
border-top-right-radius: 0;
}
.card-img-bottom,
.card-footer {
+ // stylelint-disable-next-line property-blacklist
border-bottom-right-radius: 0;
}
}
- &:last-child {
+ &:not(:first-child) {
@include border-left-radius(0);
.card-img-top,
.card-header {
+ // stylelint-disable-next-line property-blacklist
border-top-left-radius: 0;
}
.card-img-bottom,
.card-footer {
+ // stylelint-disable-next-line property-blacklist
border-bottom-left-radius: 0;
}
}
-
- &:only-child {
- @include border-radius($card-border-radius);
-
- .card-img-top,
- .card-header {
- @include border-top-radius($card-border-radius);
- }
- .card-img-bottom,
- .card-footer {
- @include border-bottom-radius($card-border-radius);
- }
- }
-
- &:not(:first-child):not(:last-child):not(:only-child) {
- @include border-radius(0);
-
- .card-img-top,
- .card-img-bottom,
- .card-header,
- .card-footer {
- @include border-radius(0);
- }
- }
}
}
}
@@ -261,6 +243,8 @@
@include media-breakpoint-up(sm) {
column-count: $card-columns-count;
column-gap: $card-columns-gap;
+ orphans: 1;
+ widows: 1;
.card {
display: inline-block; // Don't let them vertically span multiple columns
@@ -268,3 +252,38 @@
}
}
}
+
+
+//
+// Accordion
+//
+
+.accordion {
+ > .card {
+ overflow: hidden;
+
+ &:not(:first-of-type) {
+ .card-header:first-child {
+ @include border-radius(0);
+ }
+
+ &:not(:last-of-type) {
+ border-bottom: 0;
+ @include border-radius(0);
+ }
+ }
+
+ &:first-of-type {
+ border-bottom: 0;
+ @include border-bottom-radius(0);
+ }
+
+ &:last-of-type {
+ @include border-top-radius(0);
+ }
+
+ .card-header {
+ margin-bottom: -$card-border-width;
+ }
+ }
+}
diff --git a/assets/scss/bootstrap/_carousel.scss b/assets/scss/bootstrap/_carousel.scss
index 72a5034..20ea04b 100755
--- a/assets/scss/bootstrap/_carousel.scss
+++ b/assets/scss/bootstrap/_carousel.scss
@@ -1,22 +1,39 @@
-// Wrapper for the slide container and indicators
+// Notes on the classes:
+//
+// 1. .carousel.pointer-event should ideally be pan-y (to allow for users to scroll vertically)
+// even when their scroll action started on a carousel, but for compatibility (with Firefox)
+// we're preventing all actions instead
+// 2. The .carousel-item-left and .carousel-item-right is used to indicate where
+// the active slide is heading.
+// 3. .active.carousel-item is the current slide.
+// 4. .active.carousel-item-left and .active.carousel-item-right is the current
+// slide in its in-transition state. Only one of these occurs at a time.
+// 5. .carousel-item-next.carousel-item-left and .carousel-item-prev.carousel-item-right
+// is the upcoming slide in transition.
+
.carousel {
position: relative;
}
+.carousel.pointer-event {
+ touch-action: pan-y;
+}
+
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
+ @include clearfix();
}
.carousel-item {
position: relative;
display: none;
- align-items: center;
+ float: left;
width: 100%;
- @include transition($carousel-transition);
+ margin-right: -100%;
backface-visibility: hidden;
- perspective: 1000px;
+ @include transition($carousel-transition);
}
.carousel-item.active,
@@ -25,37 +42,40 @@
display: block;
}
-.carousel-item-next,
-.carousel-item-prev {
- position: absolute;
- top: 0;
+.carousel-item-next:not(.carousel-item-left),
+.active.carousel-item-right {
+ transform: translateX(100%);
}
-// CSS3 transforms when supported by the browser
-.carousel-item-next.carousel-item-left,
-.carousel-item-prev.carousel-item-right {
- transform: translateX(0);
-
- @supports (transform-style: preserve-3d) {
- transform: translate3d(0, 0, 0);
- }
+.carousel-item-prev:not(.carousel-item-right),
+.active.carousel-item-left {
+ transform: translateX(-100%);
}
-.carousel-item-next,
-.active.carousel-item-right {
- transform: translateX(100%);
- @supports (transform-style: preserve-3d) {
- transform: translate3d(100%, 0, 0);
+//
+// Alternate transitions
+//
+
+.carousel-fade {
+ .carousel-item {
+ opacity: 0;
+ transition-property: opacity;
+ transform: none;
}
-}
-.carousel-item-prev,
-.active.carousel-item-left {
- transform: translateX(-100%);
+ .carousel-item.active,
+ .carousel-item-next.carousel-item-left,
+ .carousel-item-prev.carousel-item-right {
+ z-index: 1;
+ opacity: 1;
+ }
- @supports (transform-style: preserve-3d) {
- transform: translate3d(-100%, 0, 0);
+ .active.carousel-item-left,
+ .active.carousel-item-right {
+ z-index: 0;
+ opacity: 0;
+ @include transition(0s $carousel-transition-duration opacity);
}
}
@@ -69,6 +89,7 @@
position: absolute;
top: 0;
bottom: 0;
+ z-index: 1;
// Use flex for alignment (1-3)
display: flex; // 1. allow flex styles
align-items: center; // 2. vertically center contents
@@ -77,27 +98,26 @@
color: $carousel-control-color;
text-align: center;
opacity: $carousel-control-opacity;
- // We can't have a transition here because WebKit cancels the carousel
- // animation if you trip this while in the middle of another animation.
+ @include transition($carousel-control-transition);
// Hover/focus state
@include hover-focus {
color: $carousel-control-color;
text-decoration: none;
outline: 0;
- opacity: .9;
+ opacity: $carousel-control-hover-opacity;
}
}
.carousel-control-prev {
left: 0;
@if $enable-gradients {
- background: linear-gradient(90deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .001));
+ background: linear-gradient(90deg, rgba($black, .25), rgba($black, .001));
}
}
.carousel-control-next {
right: 0;
@if $enable-gradients {
- background: linear-gradient(270deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .001));
+ background: linear-gradient(270deg, rgba($black, .25), rgba($black, .001));
}
}
@@ -107,8 +127,7 @@
display: inline-block;
width: $carousel-control-icon-width;
height: $carousel-control-icon-width;
- background: transparent no-repeat center center;
- background-size: 100% 100%;
+ background: no-repeat 50% / 100% 100%;
}
.carousel-control-prev-icon {
background-image: $carousel-control-prev-icon-bg;
@@ -126,7 +145,7 @@
.carousel-indicators {
position: absolute;
right: 0;
- bottom: 10px;
+ bottom: 0;
left: 0;
z-index: 15;
display: flex;
@@ -138,38 +157,25 @@
list-style: none;
li {
- position: relative;
+ box-sizing: content-box;
flex: 0 1 auto;
width: $carousel-indicator-width;
height: $carousel-indicator-height;
margin-right: $carousel-indicator-spacer;
margin-left: $carousel-indicator-spacer;
text-indent: -999px;
- background-color: rgba($carousel-indicator-active-bg, .5);
-
- // Use pseudo classes to increase the hit area by 10px on top and bottom.
- &::before {
- position: absolute;
- top: -10px;
- left: 0;
- display: inline-block;
- width: 100%;
- height: 10px;
- content: "";
- }
- &::after {
- position: absolute;
- bottom: -10px;
- left: 0;
- display: inline-block;
- width: 100%;
- height: 10px;
- content: "";
- }
+ cursor: pointer;
+ background-color: $carousel-indicator-active-bg;
+ background-clip: padding-box;
+ // Use transparent borders to increase the hit area by 10px on top and bottom.
+ border-top: $carousel-indicator-hit-area-height solid transparent;
+ border-bottom: $carousel-indicator-hit-area-height solid transparent;
+ opacity: .5;
+ @include transition($carousel-indicator-transition);
}
.active {
- background-color: $carousel-indicator-active-bg;
+ opacity: 1;
}
}
@@ -180,9 +186,9 @@
.carousel-caption {
position: absolute;
- right: ((100% - $carousel-caption-width) / 2);
+ right: (100% - $carousel-caption-width) / 2;
bottom: 20px;
- left: ((100% - $carousel-caption-width) / 2);
+ left: (100% - $carousel-caption-width) / 2;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
diff --git a/assets/scss/bootstrap/_close.scss b/assets/scss/bootstrap/_close.scss
index 871cb08..5cc96f5 100755
--- a/assets/scss/bootstrap/_close.scss
+++ b/assets/scss/bootstrap/_close.scss
@@ -1,21 +1,22 @@
.close {
float: right;
- font-size: $close-font-size;
+ @include font-size($close-font-size);
font-weight: $close-font-weight;
line-height: 1;
color: $close-color;
text-shadow: $close-text-shadow;
opacity: .5;
- @include hover-focus {
+ // Override <a>'s hover style
+ @include hover {
color: $close-color;
text-decoration: none;
- opacity: .75;
}
- // Opinionated: add "hand" cursor to non-disabled .close elements
&:not(:disabled):not(.disabled) {
- cursor: pointer;
+ @include hover-focus {
+ opacity: .75;
+ }
}
}
@@ -24,11 +25,17 @@
// If you want the anchor version, it requires `href="#"`.
// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
-// stylelint-disable property-no-vendor-prefix, selector-no-qualifying-type
+// stylelint-disable-next-line selector-no-qualifying-type
button.close {
padding: 0;
background-color: transparent;
border: 0;
- -webkit-appearance: none;
+ appearance: none;
+}
+
+// Future-proof disabling of clicks on `<a>` elements
+
+// stylelint-disable-next-line selector-no-qualifying-type
+a.close.disabled {
+ pointer-events: none;
}
-// stylelint-enable
diff --git a/assets/scss/bootstrap/_code.scss b/assets/scss/bootstrap/_code.scss
index 9de20fa..74b6e1c 100755
--- a/assets/scss/bootstrap/_code.scss
+++ b/assets/scss/bootstrap/_code.scss
@@ -1,14 +1,6 @@
-// Inline and block code styles
-code,
-kbd,
-pre,
-samp {
- font-family: $font-family-monospace;
-}
-
// Inline code
code {
- font-size: $code-font-size;
+ @include font-size($code-font-size);
color: $code-color;
word-break: break-word;
@@ -21,7 +13,7 @@ code {
// User input typically entered via keyboard
kbd {
padding: $kbd-padding-y $kbd-padding-x;
- font-size: $kbd-font-size;
+ @include font-size($kbd-font-size);
color: $kbd-color;
background-color: $kbd-bg;
@include border-radius($border-radius-sm);
@@ -29,7 +21,7 @@ kbd {
kbd {
padding: 0;
- font-size: 100%;
+ @include font-size(100%);
font-weight: $nested-kbd-font-weight;
@include box-shadow(none);
}
@@ -38,12 +30,12 @@ kbd {
// Blocks of code
pre {
display: block;
- font-size: $code-font-size;
+ @include font-size($code-font-size);
color: $pre-color;
// Account for some code outputs that place code tags in pre tags
code {
- font-size: inherit;
+ @include font-size(inherit);
color: inherit;
word-break: normal;
}
diff --git a/assets/scss/bootstrap/_custom-forms.scss b/assets/scss/bootstrap/_custom-forms.scss
index 2d83f7e..03f3fc5 100755
--- a/assets/scss/bootstrap/_custom-forms.scss
+++ b/assets/scss/bootstrap/_custom-forms.scss
@@ -10,8 +10,8 @@
.custom-control {
position: relative;
display: block;
- min-height: (1rem * $line-height-base);
- padding-left: $custom-control-gutter;
+ min-height: $font-size-base * $line-height-base;
+ padding-left: $custom-control-gutter + $custom-control-indicator-size;
}
.custom-control-inline {
@@ -26,18 +26,28 @@
&:checked ~ .custom-control-label::before {
color: $custom-control-indicator-checked-color;
+ border-color: $custom-control-indicator-checked-border-color;
@include gradient-bg($custom-control-indicator-checked-bg);
@include box-shadow($custom-control-indicator-checked-box-shadow);
}
&:focus ~ .custom-control-label::before {
// the mixin is not used here to make sure there is feedback
- box-shadow: $custom-control-indicator-focus-box-shadow;
+ @if $enable-shadows {
+ box-shadow: $input-box-shadow, $input-focus-box-shadow;
+ } @else {
+ box-shadow: $custom-control-indicator-focus-box-shadow;
+ }
+ }
+
+ &:focus:not(:checked) ~ .custom-control-label::before {
+ border-color: $custom-control-indicator-focus-border-color;
}
- &:active ~ .custom-control-label::before {
+ &:not(:disabled):active ~ .custom-control-label::before {
color: $custom-control-indicator-active-color;
background-color: $custom-control-indicator-active-bg;
+ border-color: $custom-control-indicator-active-border-color;
@include box-shadow($custom-control-indicator-active-box-shadow);
}
@@ -54,38 +64,38 @@
// Custom control indicators
//
-// Build the custom controls out of psuedo-elements.
+// Build the custom controls out of pseudo-elements.
.custom-control-label {
+ position: relative;
margin-bottom: 0;
+ vertical-align: top;
// Background-color and (when enabled) gradient
&::before {
position: absolute;
- top: (($line-height-base - $custom-control-indicator-size) / 2);
- left: 0;
+ top: ($font-size-base * $line-height-base - $custom-control-indicator-size) / 2;
+ left: -($custom-control-gutter + $custom-control-indicator-size);
display: block;
width: $custom-control-indicator-size;
height: $custom-control-indicator-size;
pointer-events: none;
content: "";
- user-select: none;
background-color: $custom-control-indicator-bg;
+ border: $custom-control-indicator-border-color solid $custom-control-indicator-border-width;
@include box-shadow($custom-control-indicator-box-shadow);
}
// Foreground (icon)
&::after {
position: absolute;
- top: (($line-height-base - $custom-control-indicator-size) / 2);
- left: 0;
+ top: ($font-size-base * $line-height-base - $custom-control-indicator-size) / 2;
+ left: -($custom-control-gutter + $custom-control-indicator-size);
display: block;
width: $custom-control-indicator-size;
height: $custom-control-indicator-size;
content: "";
- background-repeat: no-repeat;
- background-position: center center;
- background-size: $custom-control-indicator-bg-size;
+ background: no-repeat 50% / #{$custom-control-indicator-bg-size};
}
}
@@ -100,9 +110,6 @@
}
.custom-control-input:checked ~ .custom-control-label {
- &::before {
- @include gradient-bg($custom-control-indicator-checked-bg);
- }
&::after {
background-image: $custom-checkbox-indicator-icon-checked;
}
@@ -110,6 +117,7 @@
.custom-control-input:indeterminate ~ .custom-control-label {
&::before {
+ border-color: $custom-checkbox-indicator-indeterminate-border-color;
@include gradient-bg($custom-checkbox-indicator-indeterminate-bg);
@include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);
}
@@ -134,15 +142,56 @@
.custom-radio {
.custom-control-label::before {
+ // stylelint-disable-next-line property-blacklist
border-radius: $custom-radio-indicator-border-radius;
}
.custom-control-input:checked ~ .custom-control-label {
+ &::after {
+ background-image: $custom-radio-indicator-icon-checked;
+ }
+ }
+
+ .custom-control-input:disabled {
+ &:checked ~ .custom-control-label::before {
+ background-color: $custom-control-indicator-checked-disabled-bg;
+ }
+ }
+}
+
+
+// switches
+//
+// Tweak a few things for switches
+
+.custom-switch {
+ padding-left: $custom-switch-width + $custom-control-gutter;
+
+ .custom-control-label {
&::before {
- @include gradient-bg($custom-control-indicator-checked-bg);
+ left: -($custom-switch-width + $custom-control-gutter);
+ width: $custom-switch-width;
+ pointer-events: all;
+ // stylelint-disable-next-line property-blacklist
+ border-radius: $custom-switch-indicator-border-radius;
}
+
&::after {
- background-image: $custom-radio-indicator-icon-checked;
+ top: calc(#{(($font-size-base * $line-height-base - $custom-control-indicator-size) / 2)} + #{$custom-control-indicator-border-width * 2});
+ left: calc(#{-($custom-switch-width + $custom-control-gutter)} + #{$custom-control-indicator-border-width * 2});
+ width: $custom-switch-indicator-size;
+ height: $custom-switch-indicator-size;
+ background-color: $custom-control-indicator-border-color;
+ // stylelint-disable-next-line property-blacklist
+ border-radius: $custom-switch-indicator-border-radius;
+ @include transition(transform .15s ease-in-out, $custom-forms-transition);
+ }
+ }
+
+ .custom-control-input:checked ~ .custom-control-label {
+ &::after {
+ background-color: $custom-control-indicator-bg;
+ transform: translateX($custom-switch-width - $custom-control-indicator-size);
}
}
@@ -157,7 +206,7 @@
// Select
//
// Replaces the browser default select with a custom one, mostly pulled from
-// http://primercss.io.
+// https://primer.github.io/.
//
.custom-select {
@@ -165,23 +214,27 @@
width: 100%;
height: $custom-select-height;
padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;
+ font-family: $custom-select-font-family;
+ @include font-size($custom-select-font-size);
+ font-weight: $custom-select-font-weight;
line-height: $custom-select-line-height;
color: $custom-select-color;
vertical-align: middle;
- background: $custom-select-bg $custom-select-indicator no-repeat right $custom-select-padding-x center;
- background-size: $custom-select-bg-size;
+ background: $custom-select-background;
+ background-color: $custom-select-bg;
border: $custom-select-border-width solid $custom-select-border-color;
- @if $enable-rounded {
- border-radius: $custom-select-border-radius;
- } @else {
- border-radius: 0;
- }
+ @include border-radius($custom-select-border-radius, 0);
+ @include box-shadow($custom-select-box-shadow);
appearance: none;
&:focus {
border-color: $custom-select-focus-border-color;
outline: 0;
- box-shadow: $custom-select-focus-box-shadow;
+ @if $enable-shadows {
+ box-shadow: $custom-select-box-shadow, $custom-select-focus-box-shadow;
+ } @else {
+ box-shadow: $custom-select-focus-box-shadow;
+ }
&::-ms-value {
// For visual consistency with other platforms/browsers,
@@ -208,22 +261,24 @@
// Hides the default caret in IE11
&::-ms-expand {
- opacity: 0;
+ display: none;
}
}
.custom-select-sm {
height: $custom-select-height-sm;
- padding-top: $custom-select-padding-y;
- padding-bottom: $custom-select-padding-y;
- font-size: $custom-select-font-size-sm;
+ padding-top: $custom-select-padding-y-sm;
+ padding-bottom: $custom-select-padding-y-sm;
+ padding-left: $custom-select-padding-x-sm;
+ @include font-size($custom-select-font-size-sm);
}
.custom-select-lg {
height: $custom-select-height-lg;
- padding-top: $custom-select-padding-y;
- padding-bottom: $custom-select-padding-y;
- font-size: $custom-select-font-size-lg;
+ padding-top: $custom-select-padding-y-lg;
+ padding-bottom: $custom-select-padding-y-lg;
+ padding-left: $custom-select-padding-x-lg;
+ @include font-size($custom-select-font-size-lg);
}
@@ -247,13 +302,13 @@
margin: 0;
opacity: 0;
- &:focus ~ .custom-file-control {
+ &:focus ~ .custom-file-label {
border-color: $custom-file-focus-border-color;
box-shadow: $custom-file-focus-box-shadow;
+ }
- &::before {
- border-color: $custom-file-focus-border-color;
- }
+ &:disabled ~ .custom-file-label {
+ background-color: $custom-file-disabled-bg;
}
@each $lang, $value in $custom-file-text {
@@ -261,6 +316,10 @@
content: $value;
}
}
+
+ ~ .custom-file-label[data-browse]::after {
+ content: attr(data-browse);
+ }
}
.custom-file-label {
@@ -271,6 +330,8 @@
z-index: 1;
height: $custom-file-height;
padding: $custom-file-padding-y $custom-file-padding-x;
+ font-family: $custom-file-font-family;
+ font-weight: $custom-file-font-weight;
line-height: $custom-file-line-height;
color: $custom-file-color;
background-color: $custom-file-bg;
@@ -285,13 +346,162 @@
bottom: 0;
z-index: 3;
display: block;
- height: calc(#{$custom-file-height} - #{$custom-file-border-width} * 2);
+ height: $custom-file-height-inner;
padding: $custom-file-padding-y $custom-file-padding-x;
line-height: $custom-file-line-height;
color: $custom-file-button-color;
content: "Browse";
@include gradient-bg($custom-file-button-bg);
- border-left: $custom-file-border-width solid $custom-file-border-color;
+ border-left: inherit;
@include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);
}
}
+
+// Range
+//
+// Style range inputs the same across browsers. Vendor-specific rules for pseudo
+// elements cannot be mixed. As such, there are no shared styles for focus or
+// active states on prefixed selectors.
+
+.custom-range {
+ width: 100%;
+ height: calc(#{$custom-range-thumb-height} + #{$custom-range-thumb-focus-box-shadow-width * 2});
+ padding: 0; // Need to reset padding
+ background-color: transparent;
+ appearance: none;
+
+ &:focus {
+ outline: none;
+
+ // Pseudo-elements must be split across multiple rulesets to have an effect.
+ // No box-shadow() mixin for focus accessibility.
+ &::-webkit-slider-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }
+ &::-moz-range-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }
+ &::-ms-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }
+ }
+
+ &::-moz-focus-outer {
+ border: 0;
+ }
+
+ &::-webkit-slider-thumb {
+ width: $custom-range-thumb-width;
+ height: $custom-range-thumb-height;
+ margin-top: ($custom-range-track-height - $custom-range-thumb-height) / 2; // Webkit specific
+ @include gradient-bg($custom-range-thumb-bg);
+ border: $custom-range-thumb-border;
+ @include border-radius($custom-range-thumb-border-radius);
+ @include box-shadow($custom-range-thumb-box-shadow);
+ @include transition($custom-forms-transition);
+ appearance: none;
+
+ &:active {
+ @include gradient-bg($custom-range-thumb-active-bg);
+ }
+ }
+
+ &::-webkit-slider-runnable-track {
+ width: $custom-range-track-width;
+ height: $custom-range-track-height;
+ color: transparent; // Why?
+ cursor: $custom-range-track-cursor;
+ background-color: $custom-range-track-bg;
+ border-color: transparent;
+ @include border-radius($custom-range-track-border-radius);
+ @include box-shadow($custom-range-track-box-shadow);
+ }
+
+ &::-moz-range-thumb {
+ width: $custom-range-thumb-width;
+ height: $custom-range-thumb-height;
+ @include gradient-bg($custom-range-thumb-bg);
+ border: $custom-range-thumb-border;
+ @include border-radius($custom-range-thumb-border-radius);
+ @include box-shadow($custom-range-thumb-box-shadow);
+ @include transition($custom-forms-transition);
+ appearance: none;
+
+ &:active {
+ @include gradient-bg($custom-range-thumb-active-bg);
+ }
+ }
+
+ &::-moz-range-track {
+ width: $custom-range-track-width;
+ height: $custom-range-track-height;
+ color: transparent;
+ cursor: $custom-range-track-cursor;
+ background-color: $custom-range-track-bg;
+ border-color: transparent; // Firefox specific?
+ @include border-radius($custom-range-track-border-radius);
+ @include box-shadow($custom-range-track-box-shadow);
+ }
+
+ &::-ms-thumb {
+ width: $custom-range-thumb-width;
+ height: $custom-range-thumb-height;
+ margin-top: 0; // Edge specific
+ margin-right: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.
+ margin-left: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.
+ @include gradient-bg($custom-range-thumb-bg);
+ border: $custom-range-thumb-border;
+ @include border-radius($custom-range-thumb-border-radius);
+ @include box-shadow($custom-range-thumb-box-shadow);
+ @include transition($custom-forms-transition);
+ appearance: none;
+
+ &:active {
+ @include gradient-bg($custom-range-thumb-active-bg);
+ }
+ }
+
+ &::-ms-track {
+ width: $custom-range-track-width;
+ height: $custom-range-track-height;
+ color: transparent;
+ cursor: $custom-range-track-cursor;
+ background-color: transparent;
+ border-color: transparent;
+ border-width: $custom-range-thumb-height / 2;
+ @include box-shadow($custom-range-track-box-shadow);
+ }
+
+ &::-ms-fill-lower {
+ background-color: $custom-range-track-bg;
+ @include border-radius($custom-range-track-border-radius);
+ }
+
+ &::-ms-fill-upper {
+ margin-right: 15px; // arbitrary?
+ background-color: $custom-range-track-bg;
+ @include border-radius($custom-range-track-border-radius);
+ }
+
+ &:disabled {
+ &::-webkit-slider-thumb {
+ background-color: $custom-range-thumb-disabled-bg;
+ }
+
+ &::-webkit-slider-runnable-track {
+ cursor: default;
+ }
+
+ &::-moz-range-thumb {
+ background-color: $custom-range-thumb-disabled-bg;
+ }
+
+ &::-moz-range-track {
+ cursor: default;
+ }
+
+ &::-ms-thumb {
+ background-color: $custom-range-thumb-disabled-bg;
+ }
+ }
+}
+
+.custom-control-label::before,
+.custom-file-label,
+.custom-select {
+ @include transition($custom-forms-transition);
+}
diff --git a/assets/scss/bootstrap/_dropdown.scss b/assets/scss/bootstrap/_dropdown.scss
index 204ba08..ac3c8c8 100755
--- a/assets/scss/bootstrap/_dropdown.scss
+++ b/assets/scss/bootstrap/_dropdown.scss
@@ -1,10 +1,14 @@
// The dropdown wrapper (`<div>`)
.dropup,
-.dropdown {
+.dropright,
+.dropdown,
+.dropleft {
position: relative;
}
.dropdown-toggle {
+ white-space: nowrap;
+
// Generate the caret automatically
@include caret;
}
@@ -20,8 +24,8 @@
min-width: $dropdown-min-width;
padding: $dropdown-padding-y 0;
margin: $dropdown-spacer 0 0; // override default ul
- font-size: $font-size-base; // Redeclare because nesting can cause inheritance issues
- color: $body-color;
+ @include font-size($dropdown-font-size);
+ color: $dropdown-color;
text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
list-style: none;
background-color: $dropdown-bg;
@@ -31,10 +35,28 @@
@include box-shadow($dropdown-box-shadow);
}
+@each $breakpoint in map-keys($grid-breakpoints) {
+ @include media-breakpoint-up($breakpoint) {
+ $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+ .dropdown-menu#{$infix}-left {
+ right: auto;
+ left: 0;
+ }
+
+ .dropdown-menu#{$infix}-right {
+ right: 0;
+ left: auto;
+ }
+ }
+}
+
// Allow for dropdowns to go bottom up (aka, dropup-menu)
// Just add .dropup after the standard .dropdown class and you're set.
.dropup {
.dropdown-menu {
+ top: auto;
+ bottom: 100%;
margin-top: 0;
margin-bottom: $dropdown-spacer;
}
@@ -46,6 +68,9 @@
.dropright {
.dropdown-menu {
+ top: 0;
+ right: auto;
+ left: 100%;
margin-top: 0;
margin-left: $dropdown-spacer;
}
@@ -60,6 +85,9 @@
.dropleft {
.dropdown-menu {
+ top: 0;
+ right: 100%;
+ left: auto;
margin-top: 0;
margin-right: $dropdown-spacer;
}
@@ -72,9 +100,21 @@
}
}
+// When enabled Popper.js, reset basic dropdown position
+// stylelint-disable-next-line no-duplicate-selectors
+.dropdown-menu {
+ &[x-placement^="top"],
+ &[x-placement^="right"],
+ &[x-placement^="bottom"],
+ &[x-placement^="left"] {
+ right: auto;
+ bottom: auto;
+ }
+}
+
// Dividers (basically an `<hr>`) within the dropdown
.dropdown-divider {
- @include nav-divider($dropdown-divider-bg);
+ @include nav-divider($dropdown-divider-bg, $dropdown-divider-margin-y);
}
// Links, buttons, and more within the dropdown menu
@@ -85,13 +125,25 @@
width: 100%; // For `<button>`s
padding: $dropdown-item-padding-y $dropdown-item-padding-x;
clear: both;
- font-weight: 400;
+ font-weight: $font-weight-normal;
color: $dropdown-link-color;
text-align: inherit; // For `<button>`s
white-space: nowrap; // prevent links from randomly breaking onto new lines
background-color: transparent; // For `<button>`s
border: 0; // For `<button>`s
+ // Prevent dropdown overflow if there's no padding
+ // See https://github.com/twbs/bootstrap/pull/27703
+ @if $dropdown-padding-y == 0 {
+ &:first-child {
+ @include border-top-radius($dropdown-inner-border-radius);
+ }
+
+ &:last-child {
+ @include border-bottom-radius($dropdown-inner-border-radius);
+ }
+ }
+
@include hover-focus {
color: $dropdown-link-hover-color;
text-decoration: none;
@@ -108,6 +160,7 @@
&.disabled,
&:disabled {
color: $dropdown-link-disabled-color;
+ pointer-events: none;
background-color: transparent;
// Remove CSS gradients if they're enabled
@if $enable-gradients {
@@ -125,7 +178,14 @@
display: block;
padding: $dropdown-padding-y $dropdown-item-padding-x;
margin-bottom: 0; // for use with heading elements
- font-size: $font-size-sm;
+ @include font-size($font-size-sm);
color: $dropdown-header-color;
white-space: nowrap; // as with > li > a
}
+
+// Dropdown text
+.dropdown-item-text {
+ display: block;
+ padding: $dropdown-item-padding-y $dropdown-item-padding-x;
+ color: $dropdown-link-color;
+}
diff --git a/assets/scss/bootstrap/_forms.scss b/assets/scss/bootstrap/_forms.scss
index b0954f8..ec9c335 100755
--- a/assets/scss/bootstrap/_forms.scss
+++ b/assets/scss/bootstrap/_forms.scss
@@ -7,8 +7,11 @@
.form-control {
display: block;
width: 100%;
+ height: $input-height;
padding: $input-padding-y $input-padding-x;
- font-size: $font-size-base;
+ font-family: $input-font-family;
+ @include font-size($input-font-size);
+ font-weight: $input-font-weight;
line-height: $input-line-height;
color: $input-color;
background-color: $input-bg;
@@ -16,13 +19,7 @@
border: $input-border-width solid $input-border-color;
// Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.
- @if $enable-rounded {
- // Manually use the if/else instead of the mixin to account for iOS override
- border-radius: $input-border-radius;
- } @else {
- // Otherwise undo the iOS default
- border-radius: 0;
- }
+ @include border-radius($input-border-radius, 0);
@include box-shadow($input-box-shadow);
@include transition($input-transition);
@@ -57,10 +54,6 @@
}
select.form-control {
- &:not([size]):not([multiple]) {
- height: $input-height;
- }
-
&:focus::-ms-value {
// Suppress the nested default white text on blue background highlight given to
// the selected option text when the (still closed) <select> receives focus
@@ -90,21 +83,21 @@ select.form-control {
padding-top: calc(#{$input-padding-y} + #{$input-border-width});
padding-bottom: calc(#{$input-padding-y} + #{$input-border-width});
margin-bottom: 0; // Override the `<label>/<legend>` default
- font-size: inherit; // Override the `<legend>` default
+ @include font-size(inherit); // Override the `<legend>` default
line-height: $input-line-height;
}
.col-form-label-lg {
padding-top: calc(#{$input-padding-y-lg} + #{$input-border-width});
padding-bottom: calc(#{$input-padding-y-lg} + #{$input-border-width});
- font-size: $font-size-lg;
+ @include font-size($input-font-size-lg);
line-height: $input-line-height-lg;
}
.col-form-label-sm {
padding-top: calc(#{$input-padding-y-sm} + #{$input-border-width});
padding-bottom: calc(#{$input-padding-y-sm} + #{$input-border-width});
- font-size: $font-size-sm;
+ @include font-size($input-font-size-sm);
line-height: $input-line-height-sm;
}
@@ -121,6 +114,7 @@ select.form-control {
padding-bottom: $input-padding-y;
margin-bottom: 0; // match inputs if this class comes on inputs with default margins
line-height: $input-line-height;
+ color: $input-plaintext-color;
background-color: transparent;
border: solid transparent;
border-width: $input-border-width 0;
@@ -138,35 +132,35 @@ select.form-control {
// Build on `.form-control` with modifier classes to decrease or increase the
// height and font-size of form controls.
//
-// The `.form-group-* form-control` variations are sadly duplicated to avoid the
-// issue documented in https://github.com/twbs/bootstrap/issues/15074.
+// Repeated in `_input_group.scss` to avoid Sass extend issues.
.form-control-sm {
+ height: $input-height-sm;
padding: $input-padding-y-sm $input-padding-x-sm;
- font-size: $font-size-sm;
+ @include font-size($input-font-size-sm);
line-height: $input-line-height-sm;
@include border-radius($input-border-radius-sm);
}
-select.form-control-sm {
- &:not([size]):not([multiple]) {
- height: $input-height-sm;
- }
-}
-
.form-control-lg {
+ height: $input-height-lg;
padding: $input-padding-y-lg $input-padding-x-lg;
- font-size: $font-size-lg;
+ @include font-size($input-font-size-lg);
line-height: $input-line-height-lg;
@include border-radius($input-border-radius-lg);
}
-select.form-control-lg {
- &:not([size]):not([multiple]) {
- height: $input-height-lg;
+// stylelint-disable-next-line no-duplicate-selectors
+select.form-control {
+ &[size],
+ &[multiple] {
+ height: auto;
}
}
+textarea.form-control {
+ height: auto;
+}
// Form groups
//
@@ -190,13 +184,13 @@ select.form-control-lg {
.form-row {
display: flex;
flex-wrap: wrap;
- margin-right: -5px;
- margin-left: -5px;
+ margin-right: -$form-grid-gutter-width / 2;
+ margin-left: -$form-grid-gutter-width / 2;
> .col,
> [class*="col-"] {
- padding-right: 5px;
- padding-left: 5px;
+ padding-right: $form-grid-gutter-width / 2;
+ padding-left: $form-grid-gutter-width / 2;
}
}
@@ -248,8 +242,9 @@ select.form-control-lg {
// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for
// server side validation.
-@include form-validation-state("valid", $form-feedback-valid-color);
-@include form-validation-state("invalid", $form-feedback-invalid-color);
+@each $state, $data in $form-validation-states {
+ @include form-validation-state($state, map-get($data, color), map-get($data, icon));
+}
// Inline forms
//
@@ -302,7 +297,8 @@ select.form-control-lg {
display: inline-block;
}
- .input-group {
+ .input-group,
+ .custom-select {
width: auto;
}
@@ -317,6 +313,7 @@ select.form-control-lg {
}
.form-check-input {
position: relative;
+ flex-shrink: 0;
margin-top: 0;
margin-right: $form-check-input-margin-x;
margin-left: 0;
diff --git a/assets/scss/bootstrap/_functions.scss b/assets/scss/bootstrap/_functions.scss
index 1266d34..d2cc91d 100755
--- a/assets/scss/bootstrap/_functions.scss
+++ b/assets/scss/bootstrap/_functions.scss
@@ -1,6 +1,6 @@
// Bootstrap functions
//
-// Utility mixins and functions for evalutating source code across our variables, maps, and mixins.
+// Utility mixins and functions for evaluating source code across our variables, maps, and mixins.
// Ascending
// Used to evaluate Sass maps like our grid breakpoints.
@@ -8,7 +8,7 @@
$prev-key: null;
$prev-num: null;
@each $key, $num in $map {
- @if $prev-num == null {
+ @if $prev-num == null or unit($num) == "%" {
// Do nothing
} @else if not comparable($prev-num, $num) {
@warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
@@ -21,12 +21,12 @@
}
// Starts at zero
-// Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.
-@mixin _assert-starts-at-zero($map) {
+// Used to ensure the min-width of the lowest breakpoint starts at 0.
+@mixin _assert-starts-at-zero($map, $map-name: "$grid-breakpoints") {
$values: map-values($map);
$first-value: nth($values, 1);
@if $first-value != 0 {
- @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.";
+ @warn "First breakpoint in #{$map-name} must start at 0, but starts at #{$first-value}.";
}
}
@@ -49,7 +49,7 @@
}
// Color contrast
-@function color-yiq($color) {
+@function color-yiq($color, $dark: $yiq-text-dark, $light: $yiq-text-light) {
$r: red($color);
$g: green($color);
$b: blue($color);
@@ -57,9 +57,9 @@
$yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
@if ($yiq >= $yiq-contrasted-threshold) {
- @return $yiq-text-dark;
+ @return $dark;
} @else {
- @return $yiq-text-light;
+ @return $light;
}
}
@@ -79,7 +79,7 @@
// Request a theme color level
@function theme-color-level($color-name: "primary", $level: 0) {
$color: theme-color($color-name);
- $color-base: if($level > 0, #000, #fff);
+ $color-base: if($level > 0, $black, $white);
$level: abs($level);
@return mix($color-base, $color, $level * $theme-color-interval);
diff --git a/assets/scss/bootstrap/_images.scss b/assets/scss/bootstrap/_images.scss
index 2bce02f..cb9795e 100755
--- a/assets/scss/bootstrap/_images.scss
+++ b/assets/scss/bootstrap/_images.scss
@@ -32,11 +32,11 @@
}
.figure-img {
- margin-bottom: ($spacer / 2);
+ margin-bottom: $spacer / 2;
line-height: 1;
}
.figure-caption {
- font-size: $figure-caption-font-size;
+ @include font-size($figure-caption-font-size);
color: $figure-caption-color;
}
diff --git a/assets/scss/bootstrap/_input-group.scss b/assets/scss/bootstrap/_input-group.scss
index 79b722a..ac49f69 100755
--- a/assets/scss/bootstrap/_input-group.scss
+++ b/assets/scss/bootstrap/_input-group.scss
@@ -12,6 +12,7 @@
width: 100%;
> .form-control,
+ > .form-control-plaintext,
> .custom-select,
> .custom-file {
position: relative; // For focus state's z-index
@@ -21,11 +22,6 @@
width: 1%;
margin-bottom: 0;
- // Bring the "active" form control to the top of surrounding elements
- &:focus {
- z-index: 3;
- }
-
+ .form-control,
+ .custom-select,
+ .custom-file {
@@ -33,14 +29,22 @@
}
}
+ // Bring the "active" form control to the top of surrounding elements
+ > .form-control:focus,
+ > .custom-select:focus,
+ > .custom-file .custom-file-input:focus ~ .custom-file-label {
+ z-index: 3;
+ }
+
+ // Bring the custom file input above the label
+ > .custom-file .custom-file-input:focus {
+ z-index: 4;
+ }
+
> .form-control,
> .custom-select {
- &:not(:last-child) {
- @include border-right-radius(0);
- }
- &:not(:first-child) {
- @include border-left-radius(0);
- }
+ &:not(:last-child) { @include border-right-radius(0); }
+ &:not(:first-child) { @include border-left-radius(0); }
}
// Custom file inputs have more complex markup, thus requiring different
@@ -50,16 +54,12 @@
align-items: center;
&:not(:last-child) .custom-file-label,
- &:not(:last-child) .custom-file-label::before {
- @include border-right-radius(0);
- }
- &:not(:first-child) .custom-file-label,
- &:not(:first-child) .custom-file-label::before {
- @include border-left-radius(0);
- }
+ &:not(:last-child) .custom-file-label::after { @include border-right-radius(0); }
+ &:not(:first-child) .custom-file-label { @include border-left-radius(0); }
}
}
+
// Prepend and append
//
// While it requires one extra layer of HTML for each, dedicated prepend and
@@ -76,6 +76,10 @@
.btn {
position: relative;
z-index: 2;
+
+ &:focus {
+ z-index: 3;
+ }
}
.btn + .btn,
@@ -86,12 +90,9 @@
}
}
-.input-group-prepend {
- margin-right: -$input-border-width;
-}
-.input-group-append {
- margin-left: -$input-border-width;
-}
+.input-group-prepend { margin-right: -$input-border-width; }
+.input-group-append { margin-left: -$input-border-width; }
+
// Textual addons
//
@@ -103,8 +104,8 @@
align-items: center;
padding: $input-padding-y $input-padding-x;
margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom
- font-size: $font-size-base; // Match inputs
- font-weight: 400;
+ @include font-size($input-font-size); // Match inputs
+ font-weight: $font-weight-normal;
line-height: $input-line-height;
color: $input-group-addon-color;
text-align: center;
@@ -114,49 +115,71 @@
@include border-radius($input-border-radius);
// Nuke default margins from checkboxes and radios to vertically center within.
- input[type='radio'],
- input[type='checkbox'] {
+ input[type="radio"],
+ input[type="checkbox"] {
margin-top: 0;
}
}
+
// Sizing
//
// Remix the default form control sizing classes into new ones for easier
// manipulation.
+.input-group-lg > .form-control:not(textarea),
+.input-group-lg > .custom-select {
+ height: $input-height-lg;
+}
+
.input-group-lg > .form-control,
+.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
- @extend .form-control-lg;
+ padding: $input-padding-y-lg $input-padding-x-lg;
+ @include font-size($input-font-size-lg);
+ line-height: $input-line-height-lg;
+ @include border-radius($input-border-radius-lg);
+}
+
+.input-group-sm > .form-control:not(textarea),
+.input-group-sm > .custom-select {
+ height: $input-height-sm;
}
.input-group-sm > .form-control,
+.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
- @extend .form-control-sm;
+ padding: $input-padding-y-sm $input-padding-x-sm;
+ @include font-size($input-font-size-sm);
+ line-height: $input-line-height-sm;
+ @include border-radius($input-border-radius-sm);
}
+.input-group-lg > .custom-select,
+.input-group-sm > .custom-select {
+ padding-right: $custom-select-padding-x + $custom-select-indicator-padding;
+}
+
+
// Prepend and append rounded corners
//
// These rulesets must come after the sizing ones to properly override sm and lg
// border-radius values when extending. They're more specific than we'd like
// with the `.input-group >` part, but without it, we cannot override the sizing.
+
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
-.input-group
- > .input-group-append:last-child
- > .btn:not(:last-child):not(.dropdown-toggle),
-.input-group
- > .input-group-append:last-child
- > .input-group-text:not(:last-child) {
+.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
+.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
@include border-right-radius(0);
}
@@ -165,8 +188,6 @@
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
-.input-group
- > .input-group-prepend:first-child
- > .input-group-text:not(:first-child) {
+.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
@include border-left-radius(0);
}
diff --git a/assets/scss/bootstrap/_jumbotron.scss b/assets/scss/bootstrap/_jumbotron.scss
index 7966bba..bcd7dca 100755
--- a/assets/scss/bootstrap/_jumbotron.scss
+++ b/assets/scss/bootstrap/_jumbotron.scss
@@ -1,6 +1,7 @@
.jumbotron {
padding: $jumbotron-padding ($jumbotron-padding / 2);
margin-bottom: $jumbotron-padding;
+ color: $jumbotron-color;
background-color: $jumbotron-bg;
@include border-radius($border-radius-lg);
diff --git a/assets/scss/bootstrap/_list-group.scss b/assets/scss/bootstrap/_list-group.scss
index 9f145c1..3f80687 100755
--- a/assets/scss/bootstrap/_list-group.scss
+++ b/assets/scss/bootstrap/_list-group.scss
@@ -24,6 +24,7 @@
// Hover state
@include hover-focus {
+ z-index: 1; // Place hover/focus items above their siblings for proper border styling
color: $list-group-action-hover-color;
text-decoration: none;
background-color: $list-group-hover-bg;
@@ -46,6 +47,7 @@
padding: $list-group-item-padding-y $list-group-item-padding-x;
// Place the border on the list items and negative margin up for better styling
margin-bottom: -$list-group-border-width;
+ color: $list-group-color;
background-color: $list-group-bg;
border: $list-group-border-width solid $list-group-border-color;
@@ -58,14 +60,10 @@
@include border-bottom-radius($list-group-border-radius);
}
- @include hover-focus {
- z-index: 1; // Place hover/active items above their siblings for proper border styling
- text-decoration: none;
- }
-
&.disabled,
&:disabled {
color: $list-group-disabled-color;
+ pointer-events: none;
background-color: $list-group-disabled-bg;
}
@@ -79,6 +77,37 @@
}
+// Horizontal
+//
+// Change the layout of list group items from vertical (default) to horizontal.
+
+@each $breakpoint in map-keys($grid-breakpoints) {
+ @include media-breakpoint-up($breakpoint) {
+ $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+ .list-group-horizontal#{$infix} {
+ flex-direction: row;
+
+ .list-group-item {
+ margin-right: -$list-group-border-width;
+ margin-bottom: 0;
+
+ &:first-child {
+ @include border-left-radius($list-group-border-radius);
+ @include border-top-right-radius(0);
+ }
+
+ &:last-child {
+ margin-right: 0;
+ @include border-right-radius($list-group-border-radius);
+ @include border-bottom-left-radius(0);
+ }
+ }
+ }
+ }
+}
+
+
// Flush list items
//
// Remove borders and border-radius to keep list group items edge-to-edge. Most
@@ -89,6 +118,10 @@
border-right: 0;
border-left: 0;
@include border-radius(0);
+
+ &:last-child {
+ margin-bottom: -$list-group-border-width;
+ }
}
&:first-child {
@@ -99,6 +132,7 @@
&:last-child {
.list-group-item:last-child {
+ margin-bottom: 0;
border-bottom: 0;
}
}
diff --git a/assets/scss/bootstrap/_mixins.scss b/assets/scss/bootstrap/_mixins.scss
index d9a1774..cc95784 100755
--- a/assets/scss/bootstrap/_mixins.scss
+++ b/assets/scss/bootstrap/_mixins.scss
@@ -2,6 +2,12 @@
//
// Used in conjunction with global variables to enable certain theme features.
+// Vendor
+@import "vendor/rfs";
+
+// Deprecate
+@import "mixins/deprecate";
+
// Utilities
@import "mixins/breakpoints";
@import "mixins/hover";
@@ -36,7 +42,6 @@
// // Layout
@import "mixins/clearfix";
-// @import "mixins/navbar-align";
@import "mixins/grid-framework";
@import "mixins/grid";
@import "mixins/float";
diff --git a/assets/scss/bootstrap/_modal.scss b/assets/scss/bootstrap/_modal.scss
index edda836..6b6770b 100755
--- a/assets/scss/bootstrap/_modal.scss
+++ b/assets/scss/bootstrap/_modal.scss
@@ -4,20 +4,25 @@
// .modal-content - actual modal w/ bg and corners and stuff
-// Kill the scroll on the body
.modal-open {
+ // Kill the scroll on the body
overflow: hidden;
+
+ .modal {
+ overflow-x: hidden;
+ overflow-y: auto;
+ }
}
// Container that the modal scrolls within
.modal {
position: fixed;
top: 0;
- right: 0;
- bottom: 0;
left: 0;
z-index: $zindex-modal;
display: none;
+ width: 100%;
+ height: 100%;
overflow: hidden;
// Prevent Chrome on Windows from adding a focus outline. For details, see
// https://github.com/twbs/bootstrap/pull/10951.
@@ -25,11 +30,6 @@
// We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a
// gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342
// See also https://github.com/twbs/bootstrap/issues/17695
-
- .modal-open & {
- overflow-x: hidden;
- overflow-y: auto;
- }
}
// Shell div to position the modal with bottom padding
@@ -43,17 +43,58 @@
// When fading in the modal, animate it to slide down
.modal.fade & {
@include transition($modal-transition);
- transform: translate(0, -25%);
+ transform: $modal-fade-transform;
}
.modal.show & {
- transform: translate(0, 0);
+ transform: $modal-show-transform;
+ }
+}
+
+.modal-dialog-scrollable {
+ display: flex; // IE10/11
+ max-height: calc(100% - #{$modal-dialog-margin * 2});
+
+ .modal-content {
+ max-height: calc(100vh - #{$modal-dialog-margin * 2}); // IE10/11
+ overflow: hidden;
+ }
+
+ .modal-header,
+ .modal-footer {
+ flex-shrink: 0;
+ }
+
+ .modal-body {
+ overflow-y: auto;
}
}
.modal-dialog-centered {
display: flex;
align-items: center;
- min-height: calc(100% - (#{$modal-dialog-margin} * 2));
+ min-height: calc(100% - #{$modal-dialog-margin * 2});
+
+ // Ensure `modal-dialog-centered` extends the full height of the view (IE10/11)
+ &::before {
+ display: block; // IE10
+ height: calc(100vh - #{$modal-dialog-margin * 2});
+ content: "";
+ }
+
+ // Ensure `.modal-body` shows scrollbar (IE10/11)
+ &.modal-dialog-scrollable {
+ flex-direction: column;
+ justify-content: center;
+ height: 100%;
+
+ .modal-content {
+ max-height: none;
+ }
+
+ &::before {
+ content: none;
+ }
+ }
}
// Actual modal
@@ -63,11 +104,12 @@
flex-direction: column;
width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`
// counteract the pointer-events: none; in the .modal-dialog
+ color: $modal-content-color;
pointer-events: auto;
background-color: $modal-content-bg;
background-clip: padding-box;
border: $modal-content-border-width solid $modal-content-border-color;
- @include border-radius($border-radius-lg);
+ @include border-radius($modal-content-border-radius);
@include box-shadow($modal-content-box-shadow-xs);
// Remove focus outline from opened modal
outline: 0;
@@ -77,10 +119,10 @@
.modal-backdrop {
position: fixed;
top: 0;
- right: 0;
- bottom: 0;
left: 0;
z-index: $zindex-modal-backdrop;
+ width: 100vw;
+ height: 100vh;
background-color: $modal-backdrop-bg;
// Fade for backdrop
@@ -96,12 +138,12 @@
justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends
padding: $modal-header-padding;
border-bottom: $modal-header-border-width solid $modal-header-border-color;
- @include border-top-radius($border-radius-lg);
+ @include border-top-radius($modal-content-border-radius);
.close {
padding: $modal-header-padding;
// auto on the left force icon to the right even when there is no .modal-title
- margin: (-$modal-header-padding) (-$modal-header-padding) (-$modal-header-padding) auto;
+ margin: (-$modal-header-padding-y) (-$modal-header-padding-x) (-$modal-header-padding-y) auto;
}
}
@@ -128,6 +170,7 @@
justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items
padding: $modal-inner-padding;
border-top: $modal-footer-border-width solid $modal-footer-border-color;
+ @include border-bottom-radius($modal-content-border-radius);
// Easily place margin between footer elements
> :not(:first-child) { margin-left: .25rem; }
@@ -151,8 +194,20 @@
margin: $modal-dialog-margin-y-sm-up auto;
}
+ .modal-dialog-scrollable {
+ max-height: calc(100% - #{$modal-dialog-margin-y-sm-up * 2});
+
+ .modal-content {
+ max-height: calc(100vh - #{$modal-dialog-margin-y-sm-up * 2});
+ }
+ }
+
.modal-dialog-centered {
- min-height: calc(100% - (#{$modal-dialog-margin-y-sm-up} * 2));
+ min-height: calc(100% - #{$modal-dialog-margin-y-sm-up * 2});
+
+ &::before {
+ height: calc(100vh - #{$modal-dialog-margin-y-sm-up * 2});
+ }
}
.modal-content {
@@ -160,9 +215,15 @@
}
.modal-sm { max-width: $modal-sm; }
-
}
@include media-breakpoint-up(lg) {
- .modal-lg { max-width: $modal-lg; }
+ .modal-lg,
+ .modal-xl {
+ max-width: $modal-lg;
+ }
+}
+
+@include media-breakpoint-up(xl) {
+ .modal-xl { max-width: $modal-xl; }
}
diff --git a/assets/scss/bootstrap/_nav.scss b/assets/scss/bootstrap/_nav.scss
index fc82161..e5519b3 100755
--- a/assets/scss/bootstrap/_nav.scss
+++ b/assets/scss/bootstrap/_nav.scss
@@ -22,6 +22,8 @@
// Disabled state lightens text
&.disabled {
color: $nav-link-disabled-color;
+ pointer-events: none;
+ cursor: default;
}
}
diff --git a/assets/scss/bootstrap/_navbar.scss b/assets/scss/bootstrap/_navbar.scss
index 8d68c6c..5c6e963 100755
--- a/assets/scss/bootstrap/_navbar.scss
+++ b/assets/scss/bootstrap/_navbar.scss
@@ -24,7 +24,7 @@
padding: $navbar-padding-y $navbar-padding-x;
// Because flex properties aren't inherited, we need to redeclare these first
- // few properities so that content nested within behave properly.
+ // few properties so that content nested within behave properly.
> .container,
> .container-fluid {
display: flex;
@@ -44,7 +44,7 @@
padding-top: $navbar-brand-padding-y;
padding-bottom: $navbar-brand-padding-y;
margin-right: $navbar-padding-x;
- font-size: $navbar-brand-font-size;
+ @include font-size($navbar-brand-font-size);
line-height: inherit;
white-space: nowrap;
@@ -94,7 +94,7 @@
// Powered by the collapse Bootstrap JavaScript plugin.
// When collapsed, prevent the toggleable navbar contents from appearing in
-// the default flexbox row orienation. Requires the use of `flex-wrap: wrap`
+// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`
// on the `.navbar` parent.
.navbar-collapse {
flex-basis: 100%;
@@ -107,7 +107,7 @@
// Button for toggling the navbar when in its collapsed state
.navbar-toggler {
padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;
- font-size: $navbar-toggler-font-size;
+ @include font-size($navbar-toggler-font-size);
line-height: 1;
background-color: transparent; // remove default button style
border: $border-width solid transparent; // remove default button style
@@ -116,11 +116,6 @@
@include hover-focus {
text-decoration: none;
}
-
- // Opinionated: add "hand" cursor to non-disabled .navbar-toggler elements
- &:not(:disabled):not(.disabled) {
- cursor: pointer;
- }
}
// Keep as a separate element so folks can easily override it with another icon
@@ -162,11 +157,6 @@
position: absolute;
}
- .dropdown-menu-right {
- right: 0;
- left: auto; // Reset the default from `.dropdown-menu`
- }
-
.nav-link {
padding-right: $navbar-nav-link-padding-x;
padding-left: $navbar-nav-link-padding-x;
@@ -180,7 +170,7 @@
}
.navbar-collapse {
- display: flex !important; // stylelint-disable-line declaration-no-important
+ display: flex !important; // stylelint-disable-line declaration-no-important
// Changes flex-bases to auto because of an IE10 bug
flex-basis: auto;
@@ -189,13 +179,6 @@
.navbar-toggler {
display: none;
}
-
- .dropup {
- .dropdown-menu {
- top: auto;
- bottom: 100%;
- }
- }
}
}
}
@@ -209,10 +192,10 @@
// Dark links against a light background
.navbar-light {
.navbar-brand {
- color: $navbar-light-active-color;
+ color: $navbar-light-brand-color;
@include hover-focus {
- color: $navbar-light-active-color;
+ color: $navbar-light-brand-hover-color;
}
}
@@ -261,10 +244,10 @@
// White links against a dark background
.navbar-dark {
.navbar-brand {
- color: $navbar-dark-active-color;
+ color: $navbar-dark-brand-color;
@include hover-focus {
- color: $navbar-dark-active-color;
+ color: $navbar-dark-brand-hover-color;
}
}
diff --git a/assets/scss/bootstrap/_pagination.scss b/assets/scss/bootstrap/_pagination.scss
index 959b2eb..b434531 100755
--- a/assets/scss/bootstrap/_pagination.scss
+++ b/assets/scss/bootstrap/_pagination.scss
@@ -15,6 +15,7 @@
border: $pagination-border-width solid $pagination-border-color;
&:hover {
+ z-index: 2;
color: $pagination-hover-color;
text-decoration: none;
background-color: $pagination-hover-bg;
@@ -23,14 +24,9 @@
&:focus {
z-index: 2;
- outline: 0;
+ outline: $pagination-focus-outline;
box-shadow: $pagination-focus-box-shadow;
}
-
- // Opinionated: add "hand" cursor to non-disabled .page-link elements
- &:not(:disabled):not(.disabled) {
- cursor: pointer;
- }
}
.page-item {
diff --git a/assets/scss/bootstrap/_popover.scss b/assets/scss/bootstrap/_popover.scss
index 3ef5f62..f205e66 100755
--- a/assets/scss/bootstrap/_popover.scss
+++ b/assets/scss/bootstrap/_popover.scss
@@ -8,7 +8,7 @@
// Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
// So reset our font and text properties to avoid inheriting weird values.
@include reset-text();
- font-size: $popover-font-size;
+ @include font-size($popover-font-size);
// Allow breaking very long words so they don't overflow the popover's bounds
word-wrap: break-word;
background-color: $popover-bg;
@@ -38,72 +38,63 @@
.bs-popover-top {
margin-bottom: $popover-arrow-height;
- .arrow {
+ > .arrow {
bottom: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
- }
- .arrow::before,
- .arrow::after {
- border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;
- }
-
- .arrow::before {
- bottom: 0;
- border-top-color: $popover-arrow-outer-color;
- }
+ &::before {
+ bottom: 0;
+ border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;
+ border-top-color: $popover-arrow-outer-color;
+ }
- .arrow::after {
- bottom: $popover-border-width;
- border-top-color: $popover-arrow-color;
+ &::after {
+ bottom: $popover-border-width;
+ border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;
+ border-top-color: $popover-arrow-color;
+ }
}
}
.bs-popover-right {
margin-left: $popover-arrow-height;
- .arrow {
+ > .arrow {
left: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
width: $popover-arrow-height;
height: $popover-arrow-width;
margin: $border-radius-lg 0; // make sure the arrow does not touch the popover's rounded corners
- }
-
- .arrow::before,
- .arrow::after {
- border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
- }
- .arrow::before {
- left: 0;
- border-right-color: $popover-arrow-outer-color;
- }
+ &::before {
+ left: 0;
+ border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
+ border-right-color: $popover-arrow-outer-color;
+ }
- .arrow::after {
- left: $popover-border-width;
- border-right-color: $popover-arrow-color;
+ &::after {
+ left: $popover-border-width;
+ border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
+ border-right-color: $popover-arrow-color;
+ }
}
}
.bs-popover-bottom {
margin-top: $popover-arrow-height;
- .arrow {
+ > .arrow {
top: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
- }
-
- .arrow::before,
- .arrow::after {
- border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
- }
- .arrow::before {
- top: 0;
- border-bottom-color: $popover-arrow-outer-color;
- }
+ &::before {
+ top: 0;
+ border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
+ border-bottom-color: $popover-arrow-outer-color;
+ }
- .arrow::after {
- top: $popover-border-width;
- border-bottom-color: $popover-arrow-color;
+ &::after {
+ top: $popover-border-width;
+ border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
+ border-bottom-color: $popover-arrow-color;
+ }
}
// This will remove the popover-header's border just below the arrow
@@ -113,7 +104,7 @@
left: 50%;
display: block;
width: $popover-arrow-width;
- margin-left: ($popover-arrow-width / -2);
+ margin-left: -$popover-arrow-width / 2;
content: "";
border-bottom: $popover-border-width solid $popover-header-bg;
}
@@ -122,26 +113,23 @@
.bs-popover-left {
margin-right: $popover-arrow-height;
- .arrow {
+ > .arrow {
right: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
width: $popover-arrow-height;
height: $popover-arrow-width;
margin: $border-radius-lg 0; // make sure the arrow does not touch the popover's rounded corners
- }
-
- .arrow::before,
- .arrow::after {
- border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
- }
- .arrow::before {
- right: 0;
- border-left-color: $popover-arrow-outer-color;
- }
+ &::before {
+ right: 0;
+ border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
+ border-left-color: $popover-arrow-outer-color;
+ }
- .arrow::after {
- right: $popover-border-width;
- border-left-color: $popover-arrow-color;
+ &::after {
+ right: $popover-border-width;
+ border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
+ border-left-color: $popover-arrow-color;
+ }
}
}
@@ -165,7 +153,7 @@
.popover-header {
padding: $popover-header-padding-y $popover-header-padding-x;
margin-bottom: 0; // Reset the default from Reboot
- font-size: $font-size-base;
+ @include font-size($font-size-base);
color: $popover-header-color;
background-color: $popover-header-bg;
border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);
diff --git a/assets/scss/bootstrap/_print.scss b/assets/scss/bootstrap/_print.scss
index 5e2ce3a..61b60b9 100755
--- a/assets/scss/bootstrap/_print.scss
+++ b/assets/scss/bootstrap/_print.scss
@@ -5,7 +5,7 @@
// ==========================================================================
// Print styles.
// Inlined to avoid the additional HTTP request:
-// http://www.phpied.com/delay-loading-your-print-css/
+// https://www.phpied.com/delay-loading-your-print-css/
// ==========================================================================
@if $enable-print-styles {
@@ -14,7 +14,7 @@
*::before,
*::after {
// Bootstrap specific; comment out `color` and `background`
- //color: #000 !important; // Black prints faster: http://www.sanbeiji.com/archives/953
+ //color: $black !important; // Black prints faster
text-shadow: none !important;
//background: transparent !important;
box-shadow: none !important;
@@ -51,7 +51,7 @@
}
pre,
blockquote {
- border: $border-width solid #999; // Bootstrap custom code; using `$border-width` instead of 1px
+ border: $border-width solid $gray-500; // Bootstrap custom code; using `$border-width` instead of 1px
page-break-inside: avoid;
}
@@ -101,7 +101,7 @@
display: none;
}
.badge {
- border: $border-width solid #000;
+ border: $border-width solid $black;
}
.table {
@@ -109,16 +109,33 @@
td,
th {
- background-color: #fff !important;
+ background-color: $white !important;
}
}
+
.table-bordered {
th,
td {
- border: 1px solid #ddd !important;
+ border: 1px solid $gray-300 !important;
}
}
+ .table-dark {
+ color: inherit;
+
+ th,
+ td,
+ thead th,
+ tbody + tbody {
+ border-color: $table-border-color;
+ }
+ }
+
+ .table .thead-dark th {
+ color: inherit;
+ border-color: $table-border-color;
+ }
+
// Bootstrap specific changes end
}
}
diff --git a/assets/scss/bootstrap/_progress.scss b/assets/scss/bootstrap/_progress.scss
index a581116..ab9ea0f 100755
--- a/assets/scss/bootstrap/_progress.scss
+++ b/assets/scss/bootstrap/_progress.scss
@@ -1,13 +1,16 @@
-@keyframes progress-bar-stripes {
- from { background-position: $progress-height 0; }
- to { background-position: 0 0; }
+// Disable animation if transitions are disabled
+@if $enable-transitions {
+ @keyframes progress-bar-stripes {
+ from { background-position: $progress-height 0; }
+ to { background-position: 0 0; }
+ }
}
.progress {
display: flex;
height: $progress-height;
overflow: hidden; // force rounded corners by cropping it
- font-size: $progress-font-size;
+ @include font-size($progress-font-size);
background-color: $progress-bg;
@include border-radius($progress-border-radius);
@include box-shadow($progress-box-shadow);
@@ -19,6 +22,7 @@
justify-content: center;
color: $progress-bar-color;
text-align: center;
+ white-space: nowrap;
background-color: $progress-bar-bg;
@include transition($progress-bar-transition);
}
@@ -28,6 +32,12 @@
background-size: $progress-height $progress-height;
}
-.progress-bar-animated {
- animation: progress-bar-stripes $progress-bar-animation-timing;
+@if $enable-transitions {
+ .progress-bar-animated {
+ animation: progress-bar-stripes $progress-bar-animation-timing;
+
+ @media (prefers-reduced-motion: reduce) {
+ animation: none;
+ }
+ }
}
diff --git a/assets/scss/bootstrap/_reboot.scss b/assets/scss/bootstrap/_reboot.scss
index c79fa47..c55d42e 100755
--- a/assets/scss/bootstrap/_reboot.scss
+++ b/assets/scss/bootstrap/_reboot.scss
@@ -14,9 +14,7 @@
// 2. Change the default font family in all browsers.
// 3. Correct the line height in all browsers.
// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.
-// 5. Setting @viewport causes scrollbars to overlap content in IE11 and Edge, so
-// we force a non-overlapping, non-auto-hiding scrollbar to counteract.
-// 6. Change the default tap highlight to be completely transparent in iOS.
+// 5. Change the default tap highlight to be completely transparent in iOS.
*,
*::before,
@@ -28,36 +26,27 @@ html {
font-family: sans-serif; // 2
line-height: 1.15; // 3
-webkit-text-size-adjust: 100%; // 4
- -ms-text-size-adjust: 100%; // 4
- -ms-overflow-style: scrollbar; // 5
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 6
+ -webkit-tap-highlight-color: rgba($black, 0); // 5
}
-// IE10+ doesn't honor `<meta name="viewport">` in some cases.
-@at-root {
- @-ms-viewport {
- width: device-width;
- }
-}
-
-// stylelint-disable selector-list-comma-newline-after
// Shim for "new" HTML5 structural elements to display correctly (IE10, older browsers)
-article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
+// TODO: remove in v5
+// stylelint-disable-next-line selector-list-comma-newline-after
+article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
-// stylelint-enable selector-list-comma-newline-after
// Body
//
// 1. Remove the margin in all browsers.
// 2. As a best practice, apply a default `background-color`.
-// 3. Set an explicit initial text-align value so that we can later use the
+// 3. Set an explicit initial text-align value so that we can later use
// the `inherit` value on things like `<th>` elements.
body {
margin: 0; // 1
font-family: $font-family-base;
- font-size: $font-size-base;
+ @include font-size($font-size-base);
font-weight: $font-weight-base;
line-height: $line-height-base;
color: $body-color;
@@ -95,12 +84,11 @@ hr {
//
// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top
// margin for easier control within type scales as it avoids margin collapsing.
-// stylelint-disable selector-list-comma-newline-after
+// stylelint-disable-next-line selector-list-comma-newline-after
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: $headings-margin-bottom;
}
-// stylelint-enable selector-list-comma-newline-after
// Reset margins on paragraphs
//
@@ -113,17 +101,19 @@ p {
// Abbreviations
//
-// 1. Remove the bottom border in Firefox 39-.
+// 1. Duplicate behavior to the data-* attribute for our tooltip plugin
// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
// 3. Add explicit cursor to indicate changed behavior.
-// 4. Duplicate behavior to the data-* attribute for our tooltip plugin
+// 4. Remove the bottom border in Firefox 39-.
+// 5. Prevent the text-decoration to be skipped.
abbr[title],
-abbr[data-original-title] { // 4
+abbr[data-original-title] { // 1
text-decoration: underline; // 2
text-decoration: underline dotted; // 2
cursor: help; // 3
- border-bottom: 0; // 1
+ border-bottom: 0; // 4
+ text-decoration-skip-ink: none; // 5
}
address {
@@ -159,19 +149,13 @@ blockquote {
margin: 0 0 1rem;
}
-dfn {
- font-style: italic; // Add the correct font style in Android 4.3-
-}
-
-// stylelint-disable font-weight-notation
b,
strong {
- font-weight: bolder; // Add the correct font weight in Chrome, Edge, and Safari
+ font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari
}
-// stylelint-enable font-weight-notation
small {
- font-size: 80%; // Add the correct font size in all browsers
+ @include font-size(80%); // Add the correct font size in all browsers
}
//
@@ -182,7 +166,7 @@ small {
sub,
sup {
position: relative;
- font-size: 75%;
+ @include font-size(75%);
line-height: 0;
vertical-align: baseline;
}
@@ -199,7 +183,6 @@ a {
color: $link-color;
text-decoration: $link-decoration;
background-color: transparent; // Remove the gray background on active links in IE 10.
- -webkit-text-decoration-skip: objects; // Remove gaps in links underline in iOS 8+ and Safari 8+.
@include hover {
color: $link-hover-color;
@@ -232,15 +215,13 @@ a:not([href]):not([tabindex]) {
// Code
//
-// stylelint-disable font-family-no-duplicate-names
pre,
code,
kbd,
samp {
- font-family: monospace, monospace; // Correct the inheritance and scaling of font size in all browsers.
- font-size: 1em; // Correct the odd `em` font sizing in all browsers.
+ font-family: $font-family-monospace;
+ @include font-size(1em); // Correct the odd `em` font sizing in all browsers.
}
-// stylelint-enable font-family-no-duplicate-names
pre {
// Remove browser default top margin
@@ -249,9 +230,6 @@ pre {
margin-bottom: 1rem;
// Don't allow content to break outside
overflow: auto;
- // We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so
- // we force a non-overlapping, non-auto-hiding scrollbar to counteract.
- -ms-overflow-style: scrollbar;
}
@@ -274,8 +252,11 @@ img {
border-style: none; // Remove the border on images inside links in IE 10-.
}
-svg:not(:root) {
- overflow: hidden; // Hide the overflow in IE
+svg {
+ // Workaround for the SVG overflow bug in IE10/11 is still required.
+ // See https://github.com/twbs/bootstrap/issues/26878
+ overflow: hidden;
+ vertical-align: middle;
}
@@ -290,7 +271,7 @@ table {
caption {
padding-top: $table-cell-padding;
padding-bottom: $table-cell-padding;
- color: $text-muted;
+ color: $table-caption-color;
text-align: left;
caption-side: bottom;
}
@@ -309,13 +290,14 @@ th {
label {
// Allow labels to use `margin` for spacing.
display: inline-block;
- margin-bottom: .5rem;
+ margin-bottom: $label-margin-bottom;
}
// Remove the default `border-radius` that macOS Chrome adds.
//
// Details at https://github.com/twbs/bootstrap/issues/24093
button {
+ // stylelint-disable-next-line property-blacklist
border-radius: 0;
}
@@ -335,7 +317,7 @@ optgroup,
textarea {
margin: 0; // Remove the margin in Firefox and Safari
font-family: inherit;
- font-size: inherit;
+ @include font-size(inherit);
line-height: inherit;
}
@@ -349,16 +331,36 @@ select {
text-transform: none; // Remove the inheritance of text transform in Firefox
}
+// Remove the inheritance of word-wrap in Safari.
+//
+// Details at https://github.com/twbs/bootstrap/issues/24990
+select {
+ word-wrap: normal;
+}
+
+
// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
// controls in Android 4.
// 2. Correct the inability to style clickable types in iOS and Safari.
button,
-html [type="button"], // 1
+[type="button"], // 1
[type="reset"],
[type="submit"] {
-webkit-appearance: button; // 2
}
+// Opinionated: add "hand" cursor to non-disabled button elements.
+@if $enable-pointer-cursor-for-buttons {
+ button,
+ [type="button"],
+ [type="reset"],
+ [type="submit"] {
+ &:not(:disabled) {
+ cursor: pointer;
+ }
+ }
+}
+
// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
@@ -414,7 +416,7 @@ legend {
max-width: 100%; // 1
padding: 0;
margin-bottom: .5rem;
- font-size: 1.5rem;
+ @include font-size(1.5rem);
line-height: inherit;
color: inherit; // 2
white-space: normal; // 1
@@ -440,10 +442,9 @@ progress {
}
//
-// Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
+// Remove the inner padding in Chrome and Safari on macOS.
//
-[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
diff --git a/assets/scss/bootstrap/_spinners.scss b/assets/scss/bootstrap/_spinners.scss
new file mode 100755
index 0000000..364a5c1
--- /dev/null
+++ b/assets/scss/bootstrap/_spinners.scss
@@ -0,0 +1,55 @@
+//
+// Rotating border
+//
+
+@keyframes spinner-border {
+ to { transform: rotate(360deg); }
+}
+
+.spinner-border {
+ display: inline-block;
+ width: $spinner-width;
+ height: $spinner-height;
+ vertical-align: text-bottom;
+ border: $spinner-border-width solid currentColor;
+ border-right-color: transparent;
+ // stylelint-disable-next-line property-blacklist
+ border-radius: 50%;
+ animation: spinner-border .75s linear infinite;
+}
+
+.spinner-border-sm {
+ width: $spinner-width-sm;
+ height: $spinner-height-sm;
+ border-width: $spinner-border-width-sm;
+}
+
+//
+// Growing circle
+//
+
+@keyframes spinner-grow {
+ 0% {
+ transform: scale(0);
+ }
+ 50% {
+ opacity: 1;
+ }
+}
+
+.spinner-grow {
+ display: inline-block;
+ width: $spinner-width;
+ height: $spinner-height;
+ vertical-align: text-bottom;
+ background-color: currentColor;
+ // stylelint-disable-next-line property-blacklist
+ border-radius: 50%;
+ opacity: 0;
+ animation: spinner-grow .75s linear infinite;
+}
+
+.spinner-grow-sm {
+ width: $spinner-width-sm;
+ height: $spinner-height-sm;
+}
diff --git a/assets/scss/bootstrap/_tables.scss b/assets/scss/bootstrap/_tables.scss
index 0e3b119..b7ab3d5 100755
--- a/assets/scss/bootstrap/_tables.scss
+++ b/assets/scss/bootstrap/_tables.scss
@@ -4,8 +4,8 @@
.table {
width: 100%;
- max-width: 100%;
margin-bottom: $spacer;
+ color: $table-color;
background-color: $table-bg; // Reset for nesting within parents with `background-color`.
th,
@@ -23,10 +23,6 @@
tbody + tbody {
border-top: (2 * $table-border-width) solid $table-border-color;
}
-
- .table {
- background-color: $body-bg;
- }
}
@@ -42,9 +38,9 @@
}
-// Bordered version
+// Border versions
//
-// Add borders all around the table and between all the columns.
+// Add or remove borders all around the table and between all the columns.
.table-bordered {
border: $table-border-width solid $table-border-color;
@@ -57,18 +53,26 @@
thead {
th,
td {
- border-bottom-width: (2 * $table-border-width);
+ border-bottom-width: 2 * $table-border-width;
}
}
}
+.table-borderless {
+ th,
+ td,
+ thead th,
+ tbody + tbody {
+ border: 0;
+ }
+}
// Zebra-striping
//
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
.table-striped {
- tbody tr:nth-of-type(odd) {
+ tbody tr:nth-of-type(#{$table-striped-order}) {
background-color: $table-accent-bg;
}
}
@@ -81,6 +85,7 @@
.table-hover {
tbody tr {
@include hover {
+ color: $table-hover-color;
background-color: $table-hover-bg;
}
}
@@ -93,7 +98,7 @@
// inheritance to nested tables.
@each $color, $value in $theme-colors {
- @include table-row-variant($color, theme-color-level($color, -9));
+ @include table-row-variant($color, theme-color-level($color, $table-bg-level), theme-color-level($color, $table-border-level));
}
@include table-row-variant(active, $table-active-bg);
@@ -145,6 +150,7 @@
&.table-hover {
tbody tr {
@include hover {
+ color: $table-dark-hover-color;
background-color: $table-dark-hover-bg;
}
}
@@ -168,7 +174,6 @@
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
- -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057
// Prevent double border on horizontal scroll due to use of `display: block;`
> .table-bordered {
diff --git a/assets/scss/bootstrap/_toasts.scss b/assets/scss/bootstrap/_toasts.scss
new file mode 100755
index 0000000..6aa5352
--- /dev/null
+++ b/assets/scss/bootstrap/_toasts.scss
@@ -0,0 +1,44 @@
+.toast {
+ max-width: $toast-max-width;
+ overflow: hidden; // cheap rounded corners on nested items
+ @include font-size($toast-font-size);
+ color: $toast-color;
+ background-color: $toast-background-color;
+ background-clip: padding-box;
+ border: $toast-border-width solid $toast-border-color;
+ box-shadow: $toast-box-shadow;
+ backdrop-filter: blur(10px);
+ opacity: 0;
+ @include border-radius($toast-border-radius);
+
+ &:not(:last-child) {
+ margin-bottom: $toast-padding-x;
+ }
+
+ &.showing {
+ opacity: 1;
+ }
+
+ &.show {
+ display: block;
+ opacity: 1;
+ }
+
+ &.hide {
+ display: none;
+ }
+}
+
+.toast-header {
+ display: flex;
+ align-items: center;
+ padding: $toast-padding-y $toast-padding-x;
+ color: $toast-header-color;
+ background-color: $toast-header-background-color;
+ background-clip: padding-box;
+ border-bottom: $toast-border-width solid $toast-header-border-color;
+}
+
+.toast-body {
+ padding: $toast-padding-x; // apply to both vertical and horizontal
+}
diff --git a/assets/scss/bootstrap/_tooltip.scss b/assets/scss/bootstrap/_tooltip.scss
index 1286ebf..6b3aa62 100755
--- a/assets/scss/bootstrap/_tooltip.scss
+++ b/assets/scss/bootstrap/_tooltip.scss
@@ -7,7 +7,7 @@
// Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
// So reset our font and text properties to avoid inheriting weird values.
@include reset-text();
- font-size: $tooltip-font-size;
+ @include font-size($tooltip-font-size);
// Allow breaking very long words so they don't overflow the tooltip's bounds
word-wrap: break-word;
opacity: 0;
diff --git a/assets/scss/bootstrap/_transitions.scss b/assets/scss/bootstrap/_transitions.scss
index df5744b..40be4d9 100755
--- a/assets/scss/bootstrap/_transitions.scss
+++ b/assets/scss/bootstrap/_transitions.scss
@@ -1,30 +1,14 @@
-// stylelint-disable selector-no-qualifying-type
-
.fade {
- opacity: 0;
@include transition($transition-fade);
- &.show {
- opacity: 1;
+ &:not(.show) {
+ opacity: 0;
}
}
.collapse {
- display: none;
- &.show {
- display: block;
- }
-}
-
-tr {
- &.collapse.show {
- display: table-row;
- }
-}
-
-tbody {
- &.collapse.show {
- display: table-row-group;
+ &:not(.show) {
+ display: none;
}
}
diff --git a/assets/scss/bootstrap/_type.scss b/assets/scss/bootstrap/_type.scss
index ccfa948..f8ed090 100755
--- a/assets/scss/bootstrap/_type.scss
+++ b/assets/scss/bootstrap/_type.scss
@@ -4,18 +4,8 @@
// Headings
//
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-.h1,
-.h2,
-.h3,
-.h4,
-.h5,
-.h6 {
+h1, h2, h3, h4, h5, h6,
+.h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom: $headings-margin-bottom;
font-family: $headings-font-family;
font-weight: $headings-font-weight;
@@ -23,58 +13,41 @@ h6,
color: $headings-color;
}
-h1,
-.h1 {
- font-size: $h1-font-size;
-}
-h2,
-.h2 {
- font-size: $h2-font-size;
-}
-h3,
-.h3 {
- font-size: $h3-font-size;
-}
-h4,
-.h4 {
- font-size: $h4-font-size;
-}
-h5,
-.h5 {
- font-size: $h5-font-size;
-}
-h6,
-.h6 {
- font-size: $h6-font-size;
-}
+h1, .h1 { @include font-size($h1-font-size); }
+h2, .h2 { @include font-size($h2-font-size); }
+h3, .h3 { @include font-size($h3-font-size); }
+h4, .h4 { @include font-size($h4-font-size); }
+h5, .h5 { @include font-size($h5-font-size); }
+h6, .h6 { @include font-size($h6-font-size); }
.lead {
- font-size: $lead-font-size;
+ @include font-size($lead-font-size);
font-weight: $lead-font-weight;
}
// Type display classes
.display-1 {
- font-size: $display1-size;
+ @include font-size($display1-size);
font-weight: $display1-weight;
line-height: $display-line-height;
}
.display-2 {
- font-size: $display2-size;
+ @include font-size($display2-size);
font-weight: $display2-weight;
line-height: $display-line-height;
}
.display-3 {
- font-size: $display3-size;
+ @include font-size($display3-size);
font-weight: $display3-weight;
line-height: $display-line-height;
}
.display-4 {
- font-size: $display4-size;
+ @include font-size($display4-size);
font-weight: $display4-weight;
line-height: $display-line-height;
}
+
//
// Horizontal rules
//
@@ -86,14 +59,15 @@ hr {
border-top: $hr-border-width solid $hr-border-color;
}
+
//
// Emphasis
//
small,
.small {
- font-size: $small-font-size;
- font-weight: 400;
+ @include font-size($small-font-size);
+ font-weight: $font-weight-normal;
}
mark,
@@ -102,6 +76,7 @@ mark,
background-color: $mark-bg;
}
+
//
// Lists
//
@@ -122,28 +97,29 @@ mark,
}
}
+
//
// Misc
//
// Builds on `abbr`
.initialism {
- font-size: 90%;
+ @include font-size(90%);
text-transform: uppercase;
}
// Blockquotes
.blockquote {
margin-bottom: $spacer;
- font-size: $blockquote-font-size;
+ @include font-size($blockquote-font-size);
}
.blockquote-footer {
display: block;
- font-size: 80%; // back to default font-size
+ @include font-size($blockquote-small-font-size);
color: $blockquote-small-color;
&::before {
- content: '\2014 \00A0'; // em dash, nbsp
+ content: "\2014\00A0"; // em dash, nbsp
}
}
diff --git a/assets/scss/bootstrap/_utilities.scss b/assets/scss/bootstrap/_utilities.scss
index 7b2a1eb..a5de31b 100755
--- a/assets/scss/bootstrap/_utilities.scss
+++ b/assets/scss/bootstrap/_utilities.scss
@@ -6,9 +6,12 @@
@import "utilities/embed";
@import "utilities/flex";
@import "utilities/float";
+@import "utilities/overflow";
@import "utilities/position";
@import "utilities/screenreaders";
+@import "utilities/shadows";
@import "utilities/sizing";
+@import "utilities/stretched-link";
@import "utilities/spacing";
@import "utilities/text";
@import "utilities/visibility";
diff --git a/assets/scss/bootstrap/_variables.scss b/assets/scss/bootstrap/_variables.scss
index 08fc7e3..d9e88df 100755
--- a/assets/scss/bootstrap/_variables.scss
+++ b/assets/scss/bootstrap/_variables.scss
@@ -3,12 +3,9 @@
// Variables should follow the `$component-state-property-size` formula for
// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
-//
// Color system
-//
-// stylelint-disable
-$white: #fff !default;
+$white: #fff !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
@@ -18,102 +15,111 @@ $gray-600: #6c757d !default;
$gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #212529 !default;
-$black: #000 !default;
+$black: #000 !default;
$grays: () !default;
+// stylelint-disable-next-line scss/dollar-variable-default
$grays: map-merge(
(
- '100': $gray-100,
- '200': $gray-200,
- '300': $gray-300,
- '400': $gray-400,
- '500': $gray-500,
- '600': $gray-600,
- '700': $gray-700,
- '800': $gray-800,
- '900': $gray-900,
+ "100": $gray-100,
+ "200": $gray-200,
+ "300": $gray-300,
+ "400": $gray-400,
+ "500": $gray-500,
+ "600": $gray-600,
+ "700": $gray-700,
+ "800": $gray-800,
+ "900": $gray-900
),
$grays
);
-$blue: #007bff !default;
-$indigo: #6610f2 !default;
-$purple: #6f42c1 !default;
-$pink: #e83e8c !default;
-$red: #dc3545 !default;
-$orange: #fd7e14 !default;
-$yellow: #ffc107 !default;
-$green: #28a745 !default;
-$teal: #20c997 !default;
-$cyan: #17a2b8 !default;
+$blue: #007bff !default;
+$indigo: #6610f2 !default;
+$purple: #6f42c1 !default;
+$pink: #e83e8c !default;
+$red: #dc3545 !default;
+$orange: #fd7e14 !default;
+$yellow: #ffc107 !default;
+$green: #28a745 !default;
+$teal: #20c997 !default;
+$cyan: #17a2b8 !default;
$colors: () !default;
+// stylelint-disable-next-line scss/dollar-variable-default
$colors: map-merge(
(
- 'blue': $blue,
- 'indigo': $indigo,
- 'purple': $purple,
- 'pink': $pink,
- 'red': $red,
- 'orange': $orange,
- 'yellow': $yellow,
- 'green': $green,
- 'teal': $teal,
- 'cyan': $cyan,
- 'white': $white,
- 'gray': $gray-600,
- 'gray-dark': $gray-800,
+ "blue": $blue,
+ "indigo": $indigo,
+ "purple": $purple,
+ "pink": $pink,
+ "red": $red,
+ "orange": $orange,
+ "yellow": $yellow,
+ "green": $green,
+ "teal": $teal,
+ "cyan": $cyan,
+ "white": $white,
+ "gray": $gray-600,
+ "gray-dark": $gray-800
),
$colors
);
-$primary: $blue !default;
-$secondary: $gray-600 !default;
-$success: $green !default;
-$info: $cyan !default;
-$warning: $yellow !default;
-$danger: $red !default;
-$light: $gray-100 !default;
-$dark: $gray-800 !default;
+$primary: $blue !default;
+$secondary: $gray-600 !default;
+$success: $green !default;
+$info: $cyan !default;
+$warning: $yellow !default;
+$danger: $red !default;
+$light: $gray-100 !default;
+$dark: $gray-800 !default;
$theme-colors: () !default;
+// stylelint-disable-next-line scss/dollar-variable-default
$theme-colors: map-merge(
(
- 'primary': $primary,
- 'secondary': $secondary,
- 'success': $success,
- 'info': $info,
- 'warning': $warning,
- 'danger': $danger,
- 'light': $light,
- 'dark': $dark,
+ "primary": $primary,
+ "secondary": $secondary,
+ "success": $success,
+ "info": $info,
+ "warning": $warning,
+ "danger": $danger,
+ "light": $light,
+ "dark": $dark
),
$theme-colors
);
-// stylelint-enable
// Set a specific jump point for requesting color jumps
-$theme-color-interval: 8% !default;
+$theme-color-interval: 8% !default;
// The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
-$yiq-contrasted-threshold: 150 !default;
+$yiq-contrasted-threshold: 150 !default;
// Customize the light and dark text colors for use in our YIQ color contrast function.
-$yiq-text-dark: $gray-900 !default;
-$yiq-text-light: $white !default;
+$yiq-text-dark: $gray-900 !default;
+$yiq-text-light: $white !default;
+
// Options
//
// Quickly modify global styling by enabling or disabling optional features.
-$enable-caret: true !default;
-$enable-rounded: true !default;
-$enable-shadows: false !default;
-$enable-gradients: false !default;
-$enable-transitions: true !default;
-$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS
-$enable-grid-classes: true !default;
-$enable-print-styles: true !default;
+$enable-caret: true !default;
+$enable-rounded: true !default;
+$enable-shadows: false !default;
+$enable-gradients: false !default;
+$enable-transitions: true !default;
+$enable-prefers-reduced-motion-media-query: true !default;
+$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS
+$enable-grid-classes: true !default;
+$enable-pointer-cursor-for-buttons: true !default;
+$enable-print-styles: true !default;
+$enable-responsive-font-sizes: false !default;
+$enable-validation-icons: true !default;
+$enable-deprecation-messages: true !default;
+
// Spacing
//
@@ -121,63 +127,61 @@ $enable-print-styles: true !default;
// variables. Mostly focused on spacing.
// You can add more entries to the $spacers map, should you need more variation.
-// stylelint-disable
$spacer: 1rem !default;
$spacers: () !default;
+// stylelint-disable-next-line scss/dollar-variable-default
$spacers: map-merge(
(
0: 0,
- 1: (
- $spacer * 0.25,
- ),
- 2: (
- $spacer * 0.5,
- ),
+ 1: ($spacer * .25),
+ 2: ($spacer * .5),
3: $spacer,
- 4: (
- $spacer * 1.5,
- ),
- 5: (
- $spacer * 3,
- ),
+ 4: ($spacer * 1.5),
+ 5: ($spacer * 3)
),
$spacers
);
// This variable affects the `.h-*` and `.w-*` classes.
$sizes: () !default;
+// stylelint-disable-next-line scss/dollar-variable-default
$sizes: map-merge(
(
25: 25%,
50: 50%,
75: 75%,
100: 100%,
+ auto: auto
),
$sizes
);
-// stylelint-enable
+
// Body
//
// Settings for the `<body>` element.
-$body-bg: $white !default;
-$body-color: $gray-900 !default;
+$body-bg: $white !default;
+$body-color: $gray-900 !default;
+
// Links
//
// Style anchor elements.
-$link-color: theme-color('primary') !default;
-$link-decoration: none !default;
-$link-hover-color: darken($link-color, 15%) !default;
-$link-hover-decoration: underline !default;
+$link-color: theme-color("primary") !default;
+$link-decoration: none !default;
+$link-hover-color: darken($link-color, 15%) !default;
+$link-hover-decoration: underline !default;
+// Darken percentage for links with `.text-*` class (e.g. `.text-success`)
+$emphasized-link-hover-darken-percentage: 15% !default;
// Paragraphs
//
// Style p element.
-$paragraph-margin-bottom: 1rem !default;
+$paragraph-margin-bottom: 1rem !default;
+
// Grid breakpoints
//
@@ -189,11 +193,12 @@ $grid-breakpoints: (
sm: 576px,
md: 768px,
lg: 992px,
- xl: 1200px,
+ xl: 1200px
) !default;
-@include _assert-ascending($grid-breakpoints, '$grid-breakpoints');
-@include _assert-starts-at-zero($grid-breakpoints);
+@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
+@include _assert-starts-at-zero($grid-breakpoints, "$grid-breakpoints");
+
// Grid containers
//
@@ -203,743 +208,916 @@ $container-max-widths: (
sm: 540px,
md: 720px,
lg: 960px,
- xl: 1140px,
+ xl: 1140px
) !default;
-@include _assert-ascending($container-max-widths, '$container-max-widths');
+@include _assert-ascending($container-max-widths, "$container-max-widths");
+
// Grid columns
//
// Set the number of columns and specify the width of the gutters.
-$grid-columns: 12 !default;
-$grid-gutter-width: 30px !default;
+$grid-columns: 12 !default;
+$grid-gutter-width: 30px !default;
+
// Components
//
// Define common padding and border radius sizes and more.
-$line-height-lg: 1.5 !default;
-$line-height-sm: 1.5 !default;
+$line-height-lg: 1.5 !default;
+$line-height-sm: 1.5 !default;
+
+$border-width: 1px !default;
+$border-color: $gray-300 !default;
+
+$border-radius: .25rem !default;
+$border-radius-lg: .3rem !default;
+$border-radius-sm: .2rem !default;
+
+$rounded-pill: 50rem !default;
-$border-width: 1px !default;
-$border-color: $gray-300 !default;
+$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;
+$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;
+$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;
-$border-radius: 0.25rem !default;
-$border-radius-lg: 0.3rem !default;
-$border-radius-sm: 0.2rem !default;
+$component-active-color: $white !default;
+$component-active-bg: theme-color("primary") !default;
-$component-active-color: $white !default;
-$component-active-bg: theme-color('primary') !default;
+$caret-width: .3em !default;
+$caret-vertical-align: $caret-width * .85 !default;
+$caret-spacing: $caret-width * .85 !default;
-$caret-width: 0.3em !default;
+$transition-base: all .2s ease-in-out !default;
+$transition-fade: opacity .15s linear !default;
+$transition-collapse: height .35s ease !default;
-$transition-base: all 0.2s ease-in-out !default;
-$transition-fade: opacity 0.15s linear !default;
-$transition-collapse: height 0.35s ease !default;
+$embed-responsive-aspect-ratios: () !default;
+// stylelint-disable-next-line scss/dollar-variable-default
+$embed-responsive-aspect-ratios: join(
+ (
+ (21 9),
+ (16 9),
+ (4 3),
+ (1 1),
+ ),
+ $embed-responsive-aspect-ratios
+);
-// Fonts
+// Typography
//
// Font, line-height, and color for body text, headings, and more.
// stylelint-disable value-keyword-case
-$font-family-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
- 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
- 'Segoe UI Symbol' !default;
-$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
- 'Liberation Mono', 'Courier New', monospace !default;
-$font-family-base: $font-family-sans-serif !default;
+$font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
+$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
+$font-family-base: $font-family-sans-serif !default;
// stylelint-enable value-keyword-case
-$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
-$font-size-lg: ($font-size-base * 1.25) !default;
-$font-size-sm: ($font-size-base * 0.875) !default;
+$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
+$font-size-lg: $font-size-base * 1.25 !default;
+$font-size-sm: $font-size-base * .875 !default;
-$font-weight-light: 300 !default;
-$font-weight-normal: 400 !default;
-$font-weight-bold: 700 !default;
+$font-weight-lighter: lighter !default;
+$font-weight-light: 300 !default;
+$font-weight-normal: 400 !default;
+$font-weight-bold: 700 !default;
+$font-weight-bolder: bolder !default;
-$font-weight-base: 400 !default;
-$line-height-base: 1.5 !default;
+$font-weight-base: $font-weight-normal !default;
+$line-height-base: 1.5 !default;
-$h1-font-size: $font-size-base * 2.5 !default;
-$h2-font-size: $font-size-base * 2 !default;
-$h3-font-size: $font-size-base * 1.75 !default;
-$h4-font-size: $font-size-base * 1.5 !default;
-$h5-font-size: $font-size-base * 1.25 !default;
-$h6-font-size: $font-size-base !default;
+$h1-font-size: $font-size-base * 2.5 !default;
+$h2-font-size: $font-size-base * 2 !default;
+$h3-font-size: $font-size-base * 1.75 !default;
+$h4-font-size: $font-size-base * 1.5 !default;
+$h5-font-size: $font-size-base * 1.25 !default;
+$h6-font-size: $font-size-base !default;
-$headings-margin-bottom: ($spacer / 2) !default;
-$headings-font-family: inherit !default;
-$headings-font-weight: 500 !default;
-$headings-line-height: 1.2 !default;
-$headings-color: inherit !default;
+$headings-margin-bottom: $spacer / 2 !default;
+$headings-font-family: null !default;
+$headings-font-weight: 500 !default;
+$headings-line-height: 1.2 !default;
+$headings-color: null !default;
-$display1-size: 6rem !default;
-$display2-size: 5.5rem !default;
-$display3-size: 4.5rem !default;
-$display4-size: 3.5rem !default;
+$display1-size: 6rem !default;
+$display2-size: 5.5rem !default;
+$display3-size: 4.5rem !default;
+$display4-size: 3.5rem !default;
-$display1-weight: 300 !default;
-$display2-weight: 300 !default;
-$display3-weight: 300 !default;
-$display4-weight: 300 !default;
-$display-line-height: $headings-line-height !default;
+$display1-weight: 300 !default;
+$display2-weight: 300 !default;
+$display3-weight: 300 !default;
+$display4-weight: 300 !default;
+$display-line-height: $headings-line-height !default;
-$lead-font-size: ($font-size-base * 1.25) !default;
-$lead-font-weight: 300 !default;
+$lead-font-size: $font-size-base * 1.25 !default;
+$lead-font-weight: 300 !default;
-$small-font-size: 80% !default;
+$small-font-size: 80% !default;
-$text-muted: $gray-600 !default;
+$text-muted: $gray-600 !default;
-$blockquote-small-color: $gray-600 !default;
-$blockquote-font-size: ($font-size-base * 1.25) !default;
+$blockquote-small-color: $gray-600 !default;
+$blockquote-small-font-size: $small-font-size !default;
+$blockquote-font-size: $font-size-base * 1.25 !default;
-$hr-border-color: rgba($black, 0.1) !default;
-$hr-border-width: $border-width !default;
+$hr-border-color: rgba($black, .1) !default;
+$hr-border-width: $border-width !default;
-$mark-padding: 0.2em !default;
+$mark-padding: .2em !default;
-$dt-font-weight: $font-weight-bold !default;
+$dt-font-weight: $font-weight-bold !default;
-$kbd-box-shadow: inset 0 -0.1rem 0 rgba($black, 0.25) !default;
-$nested-kbd-font-weight: $font-weight-bold !default;
+$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;
+$nested-kbd-font-weight: $font-weight-bold !default;
-$list-inline-padding: 0.5rem !default;
+$list-inline-padding: .5rem !default;
-$mark-bg: #fcf8e3 !default;
+$mark-bg: #fcf8e3 !default;
+
+$hr-margin-y: $spacer !default;
-$hr-margin-y: $spacer !default;
// Tables
//
// Customizes the `.table` component with basic values, each used across all table variations.
-$table-cell-padding: 0.75rem !default;
-$table-cell-padding-sm: 0.3rem !default;
+$table-cell-padding: .75rem !default;
+$table-cell-padding-sm: .3rem !default;
+
+$table-color: $body-color !default;
+$table-bg: null !default;
+$table-accent-bg: rgba($black, .05) !default;
+$table-hover-color: $table-color !default;
+$table-hover-bg: rgba($black, .075) !default;
+$table-active-bg: $table-hover-bg !default;
+
+$table-border-width: $border-width !default;
+$table-border-color: $border-color !default;
-$table-bg: transparent !default;
-$table-accent-bg: rgba($black, 0.05) !default;
-$table-hover-bg: rgba($black, 0.075) !default;
-$table-active-bg: $table-hover-bg !default;
+$table-head-bg: $gray-200 !default;
+$table-head-color: $gray-700 !default;
-$table-border-width: $border-width !default;
-$table-border-color: $gray-300 !default;
+$table-dark-color: $white !default;
+$table-dark-bg: $gray-800 !default;
+$table-dark-accent-bg: rgba($white, .05) !default;
+$table-dark-hover-color: $table-dark-color !default;
+$table-dark-hover-bg: rgba($white, .075) !default;
+$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;
+$table-dark-color: $white !default;
-$table-head-bg: $gray-200 !default;
-$table-head-color: $gray-700 !default;
+$table-striped-order: odd !default;
+
+$table-caption-color: $text-muted !default;
+
+$table-bg-level: -9 !default;
+$table-border-level: -6 !default;
-$table-dark-bg: $gray-900 !default;
-$table-dark-accent-bg: rgba($white, 0.05) !default;
-$table-dark-hover-bg: rgba($white, 0.075) !default;
-$table-dark-border-color: lighten($gray-900, 7.5%) !default;
-$table-dark-color: $body-bg !default;
// Buttons + Forms
//
// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
-$input-btn-padding-y: 0.375rem !default;
-$input-btn-padding-x: 0.75rem !default;
-$input-btn-line-height: $line-height-base !default;
+$input-btn-padding-y: .375rem !default;
+$input-btn-padding-x: .75rem !default;
+$input-btn-font-family: null !default;
+$input-btn-font-size: $font-size-base !default;
+$input-btn-line-height: $line-height-base !default;
+
+$input-btn-focus-width: .2rem !default;
+$input-btn-focus-color: rgba($component-active-bg, .25) !default;
+$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;
-$input-btn-focus-width: 0.2rem !default;
-$input-btn-focus-color: rgba($component-active-bg, 0.25) !default;
-$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;
+$input-btn-padding-y-sm: .25rem !default;
+$input-btn-padding-x-sm: .5rem !default;
+$input-btn-font-size-sm: $font-size-sm !default;
+$input-btn-line-height-sm: $line-height-sm !default;
-$input-btn-padding-y-sm: 0.25rem !default;
-$input-btn-padding-x-sm: 0.5rem !default;
-$input-btn-line-height-sm: $line-height-sm !default;
+$input-btn-padding-y-lg: .5rem !default;
+$input-btn-padding-x-lg: 1rem !default;
+$input-btn-font-size-lg: $font-size-lg !default;
+$input-btn-line-height-lg: $line-height-lg !default;
-$input-btn-padding-y-lg: 0.5rem !default;
-$input-btn-padding-x-lg: 1rem !default;
-$input-btn-line-height-lg: $line-height-lg !default;
+$input-btn-border-width: $border-width !default;
-$input-btn-border-width: $border-width !default;
// Buttons
//
// For each of Bootstrap's buttons, define text, background, and border color.
-$btn-padding-y: $input-btn-padding-y !default;
-$btn-padding-x: $input-btn-padding-x !default;
-$btn-line-height: $input-btn-line-height !default;
+$btn-padding-y: $input-btn-padding-y !default;
+$btn-padding-x: $input-btn-padding-x !default;
+$btn-font-family: $input-btn-font-family !default;
+$btn-font-size: $input-btn-font-size !default;
+$btn-line-height: $input-btn-line-height !default;
-$btn-padding-y-sm: $input-btn-padding-y-sm !default;
-$btn-padding-x-sm: $input-btn-padding-x-sm !default;
-$btn-line-height-sm: $input-btn-line-height-sm !default;
+$btn-padding-y-sm: $input-btn-padding-y-sm !default;
+$btn-padding-x-sm: $input-btn-padding-x-sm !default;
+$btn-font-size-sm: $input-btn-font-size-sm !default;
+$btn-line-height-sm: $input-btn-line-height-sm !default;
-$btn-padding-y-lg: $input-btn-padding-y-lg !default;
-$btn-padding-x-lg: $input-btn-padding-x-lg !default;
-$btn-line-height-lg: $input-btn-line-height-lg !default;
+$btn-padding-y-lg: $input-btn-padding-y-lg !default;
+$btn-padding-x-lg: $input-btn-padding-x-lg !default;
+$btn-font-size-lg: $input-btn-font-size-lg !default;
+$btn-line-height-lg: $input-btn-line-height-lg !default;
-$btn-border-width: $input-btn-border-width !default;
+$btn-border-width: $input-btn-border-width !default;
-$btn-font-weight: 400 !default;
-$btn-box-shadow: inset 0 1px 0 rgba($white, 0.15), 0 1px 1px rgba($black, 0.075) !default;
-$btn-focus-width: $input-btn-focus-width !default;
-$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;
-$btn-disabled-opacity: 0.65 !default;
-$btn-active-box-shadow: inset 0 3px 5px rgba($black, 0.125) !default;
+$btn-font-weight: $font-weight-normal !default;
+$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;
+$btn-focus-width: $input-btn-focus-width !default;
+$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;
+$btn-disabled-opacity: .65 !default;
+$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;
-$btn-link-disabled-color: $gray-600 !default;
+$btn-link-disabled-color: $gray-600 !default;
-$btn-block-spacing-y: 0.5rem !default;
+$btn-block-spacing-y: .5rem !default;
// Allows for customizing button radius independently from global border radius
-$btn-border-radius: $border-radius !default;
-$btn-border-radius-lg: $border-radius-lg !default;
-$btn-border-radius-sm: $border-radius-sm !default;
+$btn-border-radius: $border-radius !default;
+$btn-border-radius-lg: $border-radius-lg !default;
+$btn-border-radius-sm: $border-radius-sm !default;
-$btn-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 !default;
+$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
-// Forms
-
-$input-padding-y: $input-btn-padding-y !default;
-$input-padding-x: $input-btn-padding-x !default;
-$input-line-height: $input-btn-line-height !default;
-
-$input-padding-y-sm: $input-btn-padding-y-sm !default;
-$input-padding-x-sm: $input-btn-padding-x-sm !default;
-$input-line-height-sm: $input-btn-line-height-sm !default;
-
-$input-padding-y-lg: $input-btn-padding-y-lg !default;
-$input-padding-x-lg: $input-btn-padding-x-lg !default;
-$input-line-height-lg: $input-btn-line-height-lg !default;
-$input-bg: $white !default;
-$input-disabled-bg: $gray-200 !default;
-
-$input-color: $gray-700 !default;
-$input-border-color: $gray-400 !default;
-$input-border-width: $input-btn-border-width !default;
-$input-box-shadow: inset 0 1px 1px rgba($black, 0.075) !default;
+// Forms
-$input-border-radius: $border-radius !default;
-$input-border-radius-lg: $border-radius-lg !default;
-$input-border-radius-sm: $border-radius-sm !default;
+$label-margin-bottom: .5rem !default;
-$input-focus-bg: $input-bg !default;
-$input-focus-border-color: lighten($component-active-bg, 25%) !default;
-$input-focus-color: $input-color !default;
-$input-focus-width: $input-btn-focus-width !default;
-$input-focus-box-shadow: $input-btn-focus-box-shadow !default;
+$input-padding-y: $input-btn-padding-y !default;
+$input-padding-x: $input-btn-padding-x !default;
+$input-font-family: $input-btn-font-family !default;
+$input-font-size: $input-btn-font-size !default;
+$input-font-weight: $font-weight-base !default;
+$input-line-height: $input-btn-line-height !default;
-$input-placeholder-color: $gray-600 !default;
+$input-padding-y-sm: $input-btn-padding-y-sm !default;
+$input-padding-x-sm: $input-btn-padding-x-sm !default;
+$input-font-size-sm: $input-btn-font-size-sm !default;
+$input-line-height-sm: $input-btn-line-height-sm !default;
-$input-height-border: $input-border-width * 2 !default;
+$input-padding-y-lg: $input-btn-padding-y-lg !default;
+$input-padding-x-lg: $input-btn-padding-x-lg !default;
+$input-font-size-lg: $input-btn-font-size-lg !default;
+$input-line-height-lg: $input-btn-line-height-lg !default;
-$input-height-inner: ($font-size-base * $input-btn-line-height) +
- ($input-btn-padding-y * 2) !default;
-$input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default;
+$input-bg: $white !default;
+$input-disabled-bg: $gray-200 !default;
-$input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) +
- ($input-btn-padding-y-sm * 2) !default;
-$input-height-sm: calc(
- #{$input-height-inner-sm} + #{$input-height-border}
+$input-color: $gray-700 !default;
+$input-border-color: $gray-400 !default;
+$input-border-width: $input-btn-border-width !default;
+$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;
+
+$input-border-radius: $border-radius !default;
+$input-border-radius-lg: $border-radius-lg !default;
+$input-border-radius-sm: $border-radius-sm !default;
+
+$input-focus-bg: $input-bg !default;
+$input-focus-border-color: lighten($component-active-bg, 25%) !default;
+$input-focus-color: $input-color !default;
+$input-focus-width: $input-btn-focus-width !default;
+$input-focus-box-shadow: $input-btn-focus-box-shadow !default;
+
+$input-placeholder-color: $gray-600 !default;
+$input-plaintext-color: $body-color !default;
+
+$input-height-border: $input-border-width * 2 !default;
+
+$input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;
+$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;
+$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;
+
+$input-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}) !default;
+$input-height-sm: calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}) !default;
+$input-height-lg: calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border}) !default;
+
+$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
+
+$form-text-margin-top: .25rem !default;
+
+$form-check-input-gutter: 1.25rem !default;
+$form-check-input-margin-y: .3rem !default;
+$form-check-input-margin-x: .25rem !default;
+
+$form-check-inline-margin-x: .75rem !default;
+$form-check-inline-input-margin-x: .3125rem !default;
+
+$form-grid-gutter-width: 10px !default;
+$form-group-margin-bottom: 1rem !default;
+
+$input-group-addon-color: $input-color !default;
+$input-group-addon-bg: $gray-200 !default;
+$input-group-addon-border-color: $input-border-color !default;
+
+$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
+
+$custom-control-gutter: .5rem !default;
+$custom-control-spacer-x: 1rem !default;
+
+$custom-control-indicator-size: 1rem !default;
+$custom-control-indicator-bg: $input-bg !default;
+
+$custom-control-indicator-bg-size: 50% 50% !default;
+$custom-control-indicator-box-shadow: $input-box-shadow !default;
+$custom-control-indicator-border-color: $gray-500 !default;
+$custom-control-indicator-border-width: $input-border-width !default;
+
+$custom-control-indicator-disabled-bg: $input-disabled-bg !default;
+$custom-control-label-disabled-color: $gray-600 !default;
+
+$custom-control-indicator-checked-color: $component-active-color !default;
+$custom-control-indicator-checked-bg: $component-active-bg !default;
+$custom-control-indicator-checked-disabled-bg: rgba(theme-color("primary"), .5) !default;
+$custom-control-indicator-checked-box-shadow: none !default;
+$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;
+
+$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;
+$custom-control-indicator-focus-border-color: $input-focus-border-color !default;
+
+$custom-control-indicator-active-color: $component-active-color !default;
+$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;
+$custom-control-indicator-active-box-shadow: none !default;
+$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;
+
+$custom-checkbox-indicator-border-radius: $border-radius !default;
+$custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"), "#", "%23") !default;
+
+$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;
+$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;
+$custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3e%3c/svg%3e"), "#", "%23") !default;
+$custom-checkbox-indicator-indeterminate-box-shadow: none !default;
+$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;
+
+$custom-radio-indicator-border-radius: 50% !default;
+$custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3e%3c/svg%3e"), "#", "%23") !default;
+
+$custom-switch-width: $custom-control-indicator-size * 1.75 !default;
+$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;
+$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;
+
+$custom-select-padding-y: $input-padding-y !default;
+$custom-select-padding-x: $input-padding-x !default;
+$custom-select-font-family: $input-font-family !default;
+$custom-select-font-size: $input-font-size !default;
+$custom-select-height: $input-height !default;
+$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator
+$custom-select-font-weight: $input-font-weight !default;
+$custom-select-line-height: $input-line-height !default;
+$custom-select-color: $input-color !default;
+$custom-select-disabled-color: $gray-600 !default;
+$custom-select-bg: $input-bg !default;
+$custom-select-disabled-bg: $gray-200 !default;
+$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions
+$custom-select-indicator-color: $gray-800 !default;
+$custom-select-indicator: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e"), "#", "%23") !default;
+$custom-select-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)
+
+$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}) !default;
+$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;
+$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;
+
+$custom-select-border-width: $input-border-width !default;
+$custom-select-border-color: $input-border-color !default;
+$custom-select-border-radius: $border-radius !default;
+$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;
+
+$custom-select-focus-border-color: $input-focus-border-color !default;
+$custom-select-focus-width: $input-focus-width !default;
+$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;
+
+$custom-select-padding-y-sm: $input-padding-y-sm !default;
+$custom-select-padding-x-sm: $input-padding-x-sm !default;
+$custom-select-font-size-sm: $input-font-size-sm !default;
+$custom-select-height-sm: $input-height-sm !default;
+
+$custom-select-padding-y-lg: $input-padding-y-lg !default;
+$custom-select-padding-x-lg: $input-padding-x-lg !default;
+$custom-select-font-size-lg: $input-font-size-lg !default;
+$custom-select-height-lg: $input-height-lg !default;
+
+$custom-range-track-width: 100% !default;
+$custom-range-track-height: .5rem !default;
+$custom-range-track-cursor: pointer !default;
+$custom-range-track-bg: $gray-300 !default;
+$custom-range-track-border-radius: 1rem !default;
+$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;
+
+$custom-range-thumb-width: 1rem !default;
+$custom-range-thumb-height: $custom-range-thumb-width !default;
+$custom-range-thumb-bg: $component-active-bg !default;
+$custom-range-thumb-border: 0 !default;
+$custom-range-thumb-border-radius: 1rem !default;
+$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;
+$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;
+$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge
+$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;
+$custom-range-thumb-disabled-bg: $gray-500 !default;
+
+$custom-file-height: $input-height !default;
+$custom-file-height-inner: $input-height-inner !default;
+$custom-file-focus-border-color: $input-focus-border-color !default;
+$custom-file-focus-box-shadow: $input-focus-box-shadow !default;
+$custom-file-disabled-bg: $input-disabled-bg !default;
+
+$custom-file-padding-y: $input-padding-y !default;
+$custom-file-padding-x: $input-padding-x !default;
+$custom-file-line-height: $input-line-height !default;
+$custom-file-font-family: $input-font-family !default;
+$custom-file-font-weight: $input-font-weight !default;
+$custom-file-color: $input-color !default;
+$custom-file-bg: $input-bg !default;
+$custom-file-border-width: $input-border-width !default;
+$custom-file-border-color: $input-border-color !default;
+$custom-file-border-radius: $input-border-radius !default;
+$custom-file-box-shadow: $input-box-shadow !default;
+$custom-file-button-color: $custom-file-color !default;
+$custom-file-button-bg: $input-group-addon-bg !default;
+$custom-file-text: (
+ en: "Browse"
) !default;
-$input-height-inner-lg: ($font-size-lg * $input-btn-line-height-lg) +
- ($input-btn-padding-y-lg * 2) !default;
-$input-height-lg: calc(
- #{$input-height-inner-lg} + #{$input-height-border}
-) !default;
-$input-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !default;
+// Form validation
-$form-text-margin-top: 0.25rem !default;
+$form-feedback-margin-top: $form-text-margin-top !default;
+$form-feedback-font-size: $small-font-size !default;
+$form-feedback-valid-color: theme-color("success") !default;
+$form-feedback-invalid-color: theme-color("danger") !default;
-$form-check-input-gutter: 1.25rem !default;
-$form-check-input-margin-y: 0.3rem !default;
-$form-check-input-margin-x: 0.25rem !default;
+$form-feedback-icon-valid-color: $form-feedback-valid-color !default;
+$form-feedback-icon-valid: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"), "#", "%23") !default;
+$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;
+$form-feedback-icon-invalid: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"), "#", "%23") !default;
-$form-check-inline-margin-x: 0.75rem !default;
-$form-check-inline-input-margin-x: 0.3125rem !default;
+$form-validation-states: () !default;
+// stylelint-disable-next-line scss/dollar-variable-default
+$form-validation-states: map-merge(
+ (
+ "valid": (
+ "color": $form-feedback-valid-color,
+ "icon": $form-feedback-icon-valid
+ ),
+ "invalid": (
+ "color": $form-feedback-invalid-color,
+ "icon": $form-feedback-icon-invalid
+ ),
+ ),
+ $form-validation-states
+);
-$form-group-margin-bottom: 1rem !default;
+// Z-index master list
+//
+// Warning: Avoid customizing these values. They're used for a bird's eye view
+// of components dependent on the z-axis and are designed to all work together.
-$input-group-addon-color: $input-color !default;
-$input-group-addon-bg: $gray-200 !default;
-$input-group-addon-border-color: $input-border-color !default;
+$zindex-dropdown: 1000 !default;
+$zindex-sticky: 1020 !default;
+$zindex-fixed: 1030 !default;
+$zindex-modal-backdrop: 1040 !default;
+$zindex-modal: 1050 !default;
+$zindex-popover: 1060 !default;
+$zindex-tooltip: 1070 !default;
-$custom-control-gutter: 1.5rem !default;
-$custom-control-spacer-x: 1rem !default;
-$custom-control-indicator-size: 1rem !default;
-$custom-control-indicator-bg: $gray-300 !default;
-$custom-control-indicator-bg-size: 50% 50% !default;
-$custom-control-indicator-box-shadow: inset 0 0.25rem 0.25rem rgba($black, 0.1) !default;
+// Navs
-$custom-control-indicator-disabled-bg: $gray-200 !default;
-$custom-control-label-disabled-color: $gray-600 !default;
+$nav-link-padding-y: .5rem !default;
+$nav-link-padding-x: 1rem !default;
+$nav-link-disabled-color: $gray-600 !default;
-$custom-control-indicator-checked-color: $component-active-color !default;
-$custom-control-indicator-checked-bg: $component-active-bg !default;
-$custom-control-indicator-checked-disabled-bg: rgba(
- theme-color('primary'),
- 0.5
-) !default;
-$custom-control-indicator-checked-box-shadow: none !default;
+$nav-tabs-border-color: $gray-300 !default;
+$nav-tabs-border-width: $border-width !default;
+$nav-tabs-border-radius: $border-radius !default;
+$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;
+$nav-tabs-link-active-color: $gray-700 !default;
+$nav-tabs-link-active-bg: $body-bg !default;
+$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;
-$custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg,
- $input-btn-focus-box-shadow !default;
+$nav-pills-border-radius: $border-radius !default;
+$nav-pills-link-active-color: $component-active-color !default;
+$nav-pills-link-active-bg: $component-active-bg !default;
-$custom-control-indicator-active-color: $component-active-color !default;
-$custom-control-indicator-active-bg: lighten(
- $component-active-bg,
- 35%
-) !default;
-$custom-control-indicator-active-box-shadow: none !default;
+$nav-divider-color: $gray-200 !default;
+$nav-divider-margin-y: $spacer / 2 !default;
-$custom-checkbox-indicator-border-radius: $border-radius !default;
-$custom-checkbox-indicator-icon-checked: str-replace(
- url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"),
- '#',
- '%23'
-) !default;
-$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;
-$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;
-$custom-checkbox-indicator-icon-indeterminate: str-replace(
- url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"),
- '#',
- '%23'
-) !default;
-$custom-checkbox-indicator-indeterminate-box-shadow: none !default;
+// Navbar
-$custom-radio-indicator-border-radius: 50% !default;
-$custom-radio-indicator-icon-checked: str-replace(
- url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"),
- '#',
- '%23'
-) !default;
+$navbar-padding-y: $spacer / 2 !default;
+$navbar-padding-x: $spacer !default;
-$custom-select-padding-y: 0.375rem !default;
-$custom-select-padding-x: 0.75rem !default;
-$custom-select-height: $input-height !default;
-$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator
-$custom-select-line-height: $input-btn-line-height !default;
-$custom-select-color: $input-color !default;
-$custom-select-disabled-color: $gray-600 !default;
-$custom-select-bg: $white !default;
-$custom-select-disabled-bg: $gray-200 !default;
-$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions
-$custom-select-indicator-color: $gray-800 !default;
-$custom-select-indicator: str-replace(
- url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"),
- '#',
- '%23'
-) !default;
-$custom-select-border-width: $input-btn-border-width !default;
-$custom-select-border-color: $input-border-color !default;
-$custom-select-border-radius: $border-radius !default;
-
-$custom-select-focus-border-color: $input-focus-border-color !default;
-$custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, 0.075),
- 0 0 5px rgba($custom-select-focus-border-color, 0.5) !default;
-
-$custom-select-font-size-sm: 75% !default;
-$custom-select-height-sm: $input-height-sm !default;
-
-$custom-select-font-size-lg: 125% !default;
-$custom-select-height-lg: $input-height-lg !default;
-
-$custom-file-height: $input-height !default;
-$custom-file-focus-border-color: $input-focus-border-color !default;
-$custom-file-focus-box-shadow: $input-btn-focus-box-shadow !default;
-
-$custom-file-padding-y: $input-btn-padding-y !default;
-$custom-file-padding-x: $input-btn-padding-x !default;
-$custom-file-line-height: $input-btn-line-height !default;
-$custom-file-color: $input-color !default;
-$custom-file-bg: $input-bg !default;
-$custom-file-border-width: $input-btn-border-width !default;
-$custom-file-border-color: $input-border-color !default;
-$custom-file-border-radius: $input-border-radius !default;
-$custom-file-box-shadow: $input-box-shadow !default;
-$custom-file-button-color: $custom-file-color !default;
-$custom-file-button-bg: $input-group-addon-bg !default;
-$custom-file-text: (
- en: 'Browse',
-) !default;
+$navbar-nav-link-padding-x: .5rem !default;
+
+$navbar-brand-font-size: $font-size-lg !default;
+// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
+$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;
+$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;
+$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;
+
+$navbar-toggler-padding-y: .25rem !default;
+$navbar-toggler-padding-x: .75rem !default;
+$navbar-toggler-font-size: $font-size-lg !default;
+$navbar-toggler-border-radius: $btn-border-radius !default;
+
+$navbar-dark-color: rgba($white, .5) !default;
+$navbar-dark-hover-color: rgba($white, .75) !default;
+$navbar-dark-active-color: $white !default;
+$navbar-dark-disabled-color: rgba($white, .25) !default;
+$navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"), "#", "%23") !default;
+$navbar-dark-toggler-border-color: rgba($white, .1) !default;
+
+$navbar-light-color: rgba($black, .5) !default;
+$navbar-light-hover-color: rgba($black, .7) !default;
+$navbar-light-active-color: rgba($black, .9) !default;
+$navbar-light-disabled-color: rgba($black, .3) !default;
+$navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"), "#", "%23") !default;
+$navbar-light-toggler-border-color: rgba($black, .1) !default;
+
+$navbar-light-brand-color: $navbar-light-active-color !default;
+$navbar-light-brand-hover-color: $navbar-light-active-color !default;
+$navbar-dark-brand-color: $navbar-dark-active-color !default;
+$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;
-// Form validation
-$form-feedback-margin-top: $form-text-margin-top !default;
-$form-feedback-font-size: $small-font-size !default;
-$form-feedback-valid-color: theme-color('success') !default;
-$form-feedback-invalid-color: theme-color('danger') !default;
// Dropdowns
//
// Dropdown menu container and contents.
-$dropdown-min-width: 10rem !default;
-$dropdown-padding-y: 0.5rem !default;
-$dropdown-spacer: 0.125rem !default;
-$dropdown-bg: $white !default;
-$dropdown-border-color: rgba($black, 0.15) !default;
-$dropdown-border-radius: $border-radius !default;
-$dropdown-border-width: $border-width !default;
-$dropdown-divider-bg: $gray-200 !default;
-$dropdown-box-shadow: 0 0.5rem 1rem rgba($black, 0.175) !default;
+$dropdown-min-width: 10rem !default;
+$dropdown-padding-y: .5rem !default;
+$dropdown-spacer: .125rem !default;
+$dropdown-font-size: $font-size-base !default;
+$dropdown-color: $body-color !default;
+$dropdown-bg: $white !default;
+$dropdown-border-color: rgba($black, .15) !default;
+$dropdown-border-radius: $border-radius !default;
+$dropdown-border-width: $border-width !default;
+$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;
+$dropdown-divider-bg: $gray-200 !default;
+$dropdown-divider-margin-y: $nav-divider-margin-y !default;
+$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;
-$dropdown-link-color: $gray-900 !default;
-$dropdown-link-hover-color: darken($gray-900, 5%) !default;
-$dropdown-link-hover-bg: $gray-100 !default;
+$dropdown-link-color: $gray-900 !default;
+$dropdown-link-hover-color: darken($gray-900, 5%) !default;
+$dropdown-link-hover-bg: $gray-100 !default;
-$dropdown-link-active-color: $component-active-color !default;
-$dropdown-link-active-bg: $component-active-bg !default;
+$dropdown-link-active-color: $component-active-color !default;
+$dropdown-link-active-bg: $component-active-bg !default;
-$dropdown-link-disabled-color: $gray-600 !default;
+$dropdown-link-disabled-color: $gray-600 !default;
-$dropdown-item-padding-y: 0.25rem !default;
-$dropdown-item-padding-x: 1.5rem !default;
+$dropdown-item-padding-y: .25rem !default;
+$dropdown-item-padding-x: 1.5rem !default;
-$dropdown-header-color: $gray-600 !default;
+$dropdown-header-color: $gray-600 !default;
-// Z-index master list
-//
-// Warning: Avoid customizing these values. They're used for a bird's eye view
-// of components dependent on the z-axis and are designed to all work together.
-$zindex-dropdown: 1000 !default;
-$zindex-sticky: 1020 !default;
-$zindex-fixed: 1030 !default;
-$zindex-modal-backdrop: 1040 !default;
-$zindex-modal: 1050 !default;
-$zindex-popover: 1060 !default;
-$zindex-tooltip: 1070 !default;
-
-// Navs
+// Pagination
-$nav-link-padding-y: 0.5rem !default;
-$nav-link-padding-x: 1rem !default;
-$nav-link-disabled-color: $gray-600 !default;
+$pagination-padding-y: .5rem !default;
+$pagination-padding-x: .75rem !default;
+$pagination-padding-y-sm: .25rem !default;
+$pagination-padding-x-sm: .5rem !default;
+$pagination-padding-y-lg: .75rem !default;
+$pagination-padding-x-lg: 1.5rem !default;
+$pagination-line-height: 1.25 !default;
-$nav-tabs-border-color: $gray-300 !default;
-$nav-tabs-border-width: $border-width !default;
-$nav-tabs-border-radius: $border-radius !default;
-$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;
-$nav-tabs-link-active-color: $gray-700 !default;
-$nav-tabs-link-active-bg: $body-bg !default;
-$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;
+$pagination-color: $link-color !default;
+$pagination-bg: $white !default;
+$pagination-border-width: $border-width !default;
+$pagination-border-color: $gray-300 !default;
-$nav-pills-border-radius: $border-radius !default;
-$nav-pills-link-active-color: $component-active-color !default;
-$nav-pills-link-active-bg: $component-active-bg !default;
+$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;
+$pagination-focus-outline: 0 !default;
-// Navbar
+$pagination-hover-color: $link-hover-color !default;
+$pagination-hover-bg: $gray-200 !default;
+$pagination-hover-border-color: $gray-300 !default;
-$navbar-padding-y: ($spacer / 2) !default;
-$navbar-padding-x: $spacer !default;
+$pagination-active-color: $component-active-color !default;
+$pagination-active-bg: $component-active-bg !default;
+$pagination-active-border-color: $pagination-active-bg !default;
-$navbar-nav-link-padding-x: 0.5rem !default;
+$pagination-disabled-color: $gray-600 !default;
+$pagination-disabled-bg: $white !default;
+$pagination-disabled-border-color: $gray-300 !default;
-$navbar-brand-font-size: $font-size-lg !default;
-// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
-$nav-link-height: (
- $font-size-base * $line-height-base + $nav-link-padding-y * 2
-) !default;
-$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;
-$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;
-
-$navbar-toggler-padding-y: 0.25rem !default;
-$navbar-toggler-padding-x: 0.75rem !default;
-$navbar-toggler-font-size: $font-size-lg !default;
-$navbar-toggler-border-radius: $btn-border-radius !default;
-
-$navbar-dark-color: rgba($white, 0.5) !default;
-$navbar-dark-hover-color: rgba($white, 0.75) !default;
-$navbar-dark-active-color: $white !default;
-$navbar-dark-disabled-color: rgba($white, 0.25) !default;
-$navbar-dark-toggler-icon-bg: str-replace(
- url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"),
- '#',
- '%23'
-) !default;
-$navbar-dark-toggler-border-color: rgba($white, 0.1) !default;
-
-$navbar-light-color: rgba($black, 0.5) !default;
-$navbar-light-hover-color: rgba($black, 0.7) !default;
-$navbar-light-active-color: rgba($black, 0.9) !default;
-$navbar-light-disabled-color: rgba($black, 0.3) !default;
-$navbar-light-toggler-icon-bg: str-replace(
- url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"),
- '#',
- '%23'
-) !default;
-$navbar-light-toggler-border-color: rgba($black, 0.1) !default;
-// Pagination
+// Jumbotron
-$pagination-padding-y: 0.5rem !default;
-$pagination-padding-x: 0.75rem !default;
-$pagination-padding-y-sm: 0.25rem !default;
-$pagination-padding-x-sm: 0.5rem !default;
-$pagination-padding-y-lg: 0.75rem !default;
-$pagination-padding-x-lg: 1.5rem !default;
-$pagination-line-height: 1.25 !default;
+$jumbotron-padding: 2rem !default;
+$jumbotron-color: null !default;
+$jumbotron-bg: $gray-200 !default;
-$pagination-color: $link-color !default;
-$pagination-bg: $white !default;
-$pagination-border-width: $border-width !default;
-$pagination-border-color: $gray-300 !default;
-$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;
+// Cards
-$pagination-hover-color: $link-hover-color !default;
-$pagination-hover-bg: $gray-200 !default;
-$pagination-hover-border-color: $gray-300 !default;
+$card-spacer-y: .75rem !default;
+$card-spacer-x: 1.25rem !default;
+$card-border-width: $border-width !default;
+$card-border-radius: $border-radius !default;
+$card-border-color: rgba($black, .125) !default;
+$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;
+$card-cap-bg: rgba($black, .03) !default;
+$card-cap-color: null !default;
+$card-color: null !default;
+$card-bg: $white !default;
-$pagination-active-color: $component-active-color !default;
-$pagination-active-bg: $component-active-bg !default;
-$pagination-active-border-color: $pagination-active-bg !default;
+$card-img-overlay-padding: 1.25rem !default;
-$pagination-disabled-color: $gray-600 !default;
-$pagination-disabled-bg: $white !default;
-$pagination-disabled-border-color: $gray-300 !default;
+$card-group-margin: $grid-gutter-width / 2 !default;
+$card-deck-margin: $card-group-margin !default;
-// Jumbotron
+$card-columns-count: 3 !default;
+$card-columns-gap: 1.25rem !default;
+$card-columns-margin: $card-spacer-y !default;
-$jumbotron-padding: 2rem !default;
-$jumbotron-bg: $gray-200 !default;
-// Cards
+// Tooltips
-$card-spacer-y: 0.75rem !default;
-$card-spacer-x: 1.25rem !default;
-$card-border-width: $border-width !default;
-$card-border-radius: $border-radius !default;
-$card-border-color: rgba($black, 0.125) !default;
-$card-inner-border-radius: calc(
- #{$card-border-radius} - #{$card-border-width}
-) !default;
-$card-cap-bg: rgba($black, 0.03) !default;
-$card-bg: $white !default;
+$tooltip-font-size: $font-size-sm !default;
+$tooltip-max-width: 200px !default;
+$tooltip-color: $white !default;
+$tooltip-bg: $black !default;
+$tooltip-border-radius: $border-radius !default;
+$tooltip-opacity: .9 !default;
+$tooltip-padding-y: .25rem !default;
+$tooltip-padding-x: .5rem !default;
+$tooltip-margin: 0 !default;
+
+$tooltip-arrow-width: .8rem !default;
+$tooltip-arrow-height: .4rem !default;
+$tooltip-arrow-color: $tooltip-bg !default;
+
+// Form tooltips must come after regular tooltips
+$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;
+$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;
+$form-feedback-tooltip-font-size: $tooltip-font-size !default;
+$form-feedback-tooltip-line-height: $line-height-base !default;
+$form-feedback-tooltip-opacity: $tooltip-opacity !default;
+$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;
-$card-img-overlay-padding: 1.25rem !default;
-$card-group-margin: ($grid-gutter-width / 2) !default;
-$card-deck-margin: $card-group-margin !default;
+// Popovers
-$card-columns-count: 3 !default;
-$card-columns-gap: 1.25rem !default;
-$card-columns-margin: $card-spacer-y !default;
+$popover-font-size: $font-size-sm !default;
+$popover-bg: $white !default;
+$popover-max-width: 276px !default;
+$popover-border-width: $border-width !default;
+$popover-border-color: rgba($black, .2) !default;
+$popover-border-radius: $border-radius-lg !default;
+$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;
-// Tooltips
+$popover-header-bg: darken($popover-bg, 3%) !default;
+$popover-header-color: $headings-color !default;
+$popover-header-padding-y: .5rem !default;
+$popover-header-padding-x: .75rem !default;
-$tooltip-font-size: $font-size-sm !default;
-$tooltip-max-width: 200px !default;
-$tooltip-color: $white !default;
-$tooltip-bg: $black !default;
-$tooltip-border-radius: $border-radius !default;
-$tooltip-opacity: 0.9 !default;
-$tooltip-padding-y: 0.25rem !default;
-$tooltip-padding-x: 0.5rem !default;
-$tooltip-margin: 0 !default;
+$popover-body-color: $body-color !default;
+$popover-body-padding-y: $popover-header-padding-y !default;
+$popover-body-padding-x: $popover-header-padding-x !default;
-$tooltip-arrow-width: 0.8rem !default;
-$tooltip-arrow-height: 0.4rem !default;
-$tooltip-arrow-color: $tooltip-bg !default;
+$popover-arrow-width: 1rem !default;
+$popover-arrow-height: .5rem !default;
+$popover-arrow-color: $popover-bg !default;
-// Popovers
+$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;
-$popover-font-size: $font-size-sm !default;
-$popover-bg: $white !default;
-$popover-max-width: 276px !default;
-$popover-border-width: $border-width !default;
-$popover-border-color: rgba($black, 0.2) !default;
-$popover-border-radius: $border-radius-lg !default;
-$popover-box-shadow: 0 0.25rem 0.5rem rgba($black, 0.2) !default;
-$popover-header-bg: darken($popover-bg, 3%) !default;
-$popover-header-color: $headings-color !default;
-$popover-header-padding-y: 0.5rem !default;
-$popover-header-padding-x: 0.75rem !default;
+// Toasts
-$popover-body-color: $body-color !default;
-$popover-body-padding-y: $popover-header-padding-y !default;
-$popover-body-padding-x: $popover-header-padding-x !default;
+$toast-max-width: 350px !default;
+$toast-padding-x: .75rem !default;
+$toast-padding-y: .25rem !default;
+$toast-font-size: .875rem !default;
+$toast-color: null !default;
+$toast-background-color: rgba($white, .85) !default;
+$toast-border-width: 1px !default;
+$toast-border-color: rgba(0, 0, 0, .1) !default;
+$toast-border-radius: .25rem !default;
+$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;
-$popover-arrow-width: 1rem !default;
-$popover-arrow-height: 0.5rem !default;
-$popover-arrow-color: $popover-bg !default;
+$toast-header-color: $gray-600 !default;
+$toast-header-background-color: rgba($white, .85) !default;
+$toast-header-border-color: rgba(0, 0, 0, .05) !default;
-$popover-arrow-outer-color: fade-in($popover-border-color, 0.05) !default;
// Badges
-$badge-font-size: 75% !default;
-$badge-font-weight: $font-weight-bold !default;
-$badge-padding-y: 0.25em !default;
-$badge-padding-x: 0.4em !default;
-$badge-border-radius: $border-radius !default;
+$badge-font-size: 75% !default;
+$badge-font-weight: $font-weight-bold !default;
+$badge-padding-y: .25em !default;
+$badge-padding-x: .4em !default;
+$badge-border-radius: $border-radius !default;
+
+$badge-transition: $btn-transition !default;
+$badge-focus-width: $input-btn-focus-width !default;
-$badge-pill-padding-x: 0.6em !default;
+$badge-pill-padding-x: .6em !default;
// Use a higher than normal value to ensure completely rounded edges when
// customizing padding or font-size on labels.
-$badge-pill-border-radius: 10rem !default;
+$badge-pill-border-radius: 10rem !default;
+
// Modals
// Padding applied to the modal body
-$modal-inner-padding: 1rem !default;
+$modal-inner-padding: 1rem !default;
+
+$modal-dialog-margin: .5rem !default;
+$modal-dialog-margin-y-sm-up: 1.75rem !default;
-$modal-dialog-margin: 0.5rem !default;
-$modal-dialog-margin-y-sm-up: 1.75rem !default;
+$modal-title-line-height: $line-height-base !default;
-$modal-title-line-height: $line-height-base !default;
+$modal-content-color: null !default;
+$modal-content-bg: $white !default;
+$modal-content-border-color: rgba($black, .2) !default;
+$modal-content-border-width: $border-width !default;
+$modal-content-border-radius: $border-radius-lg !default;
+$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;
+$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;
-$modal-content-bg: $white !default;
-$modal-content-border-color: rgba($black, 0.2) !default;
-$modal-content-border-width: $border-width !default;
-$modal-content-box-shadow-xs: 0 0.25rem 0.5rem rgba($black, 0.5) !default;
-$modal-content-box-shadow-sm-up: 0 0.5rem 1rem rgba($black, 0.5) !default;
+$modal-backdrop-bg: $black !default;
+$modal-backdrop-opacity: .5 !default;
+$modal-header-border-color: $border-color !default;
+$modal-footer-border-color: $modal-header-border-color !default;
+$modal-header-border-width: $modal-content-border-width !default;
+$modal-footer-border-width: $modal-header-border-width !default;
+$modal-header-padding-y: 1rem !default;
+$modal-header-padding-x: 1rem !default;
+$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility
-$modal-backdrop-bg: $black !default;
-$modal-backdrop-opacity: 0.5 !default;
-$modal-header-border-color: $gray-200 !default;
-$modal-footer-border-color: $modal-header-border-color !default;
-$modal-header-border-width: $modal-content-border-width !default;
-$modal-footer-border-width: $modal-header-border-width !default;
-$modal-header-padding: 1rem !default;
+$modal-xl: 1140px !default;
+$modal-lg: 800px !default;
+$modal-md: 500px !default;
+$modal-sm: 300px !default;
-$modal-lg: 800px !default;
-$modal-md: 500px !default;
-$modal-sm: 300px !default;
+$modal-fade-transform: translate(0, -50px) !default;
+$modal-show-transform: none !default;
+$modal-transition: transform .3s ease-out !default;
-$modal-transition: transform 0.3s ease-out !default;
// Alerts
//
// Define alert colors, border radius, and padding.
-$alert-padding-y: 0.75rem !default;
-$alert-padding-x: 1.25rem !default;
-$alert-margin-bottom: 1rem !default;
-$alert-border-radius: $border-radius !default;
-$alert-link-font-weight: $font-weight-bold !default;
-$alert-border-width: $border-width !default;
+$alert-padding-y: .75rem !default;
+$alert-padding-x: 1.25rem !default;
+$alert-margin-bottom: 1rem !default;
+$alert-border-radius: $border-radius !default;
+$alert-link-font-weight: $font-weight-bold !default;
+$alert-border-width: $border-width !default;
+
+$alert-bg-level: -10 !default;
+$alert-border-level: -9 !default;
+$alert-color-level: 6 !default;
-$alert-bg-level: -10 !default;
-$alert-border-level: -9 !default;
-$alert-color-level: 6 !default;
// Progress bars
-$progress-height: 1rem !default;
-$progress-font-size: ($font-size-base * 0.75) !default;
-$progress-bg: $gray-200 !default;
-$progress-border-radius: $border-radius !default;
-$progress-box-shadow: inset 0 0.1rem 0.1rem rgba($black, 0.1) !default;
-$progress-bar-color: $white !default;
-$progress-bar-bg: theme-color('primary') !default;
-$progress-bar-animation-timing: 1s linear infinite !default;
-$progress-bar-transition: width 0.6s ease !default;
+$progress-height: 1rem !default;
+$progress-font-size: $font-size-base * .75 !default;
+$progress-bg: $gray-200 !default;
+$progress-border-radius: $border-radius !default;
+$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;
+$progress-bar-color: $white !default;
+$progress-bar-bg: theme-color("primary") !default;
+$progress-bar-animation-timing: 1s linear infinite !default;
+$progress-bar-transition: width .6s ease !default;
+
// List group
-$list-group-bg: $white !default;
-$list-group-border-color: rgba($black, 0.125) !default;
-$list-group-border-width: $border-width !default;
-$list-group-border-radius: $border-radius !default;
+$list-group-color: null !default;
+$list-group-bg: $white !default;
+$list-group-border-color: rgba($black, .125) !default;
+$list-group-border-width: $border-width !default;
+$list-group-border-radius: $border-radius !default;
+
+$list-group-item-padding-y: .75rem !default;
+$list-group-item-padding-x: 1.25rem !default;
-$list-group-item-padding-y: 0.75rem !default;
-$list-group-item-padding-x: 1.25rem !default;
+$list-group-hover-bg: $gray-100 !default;
+$list-group-active-color: $component-active-color !default;
+$list-group-active-bg: $component-active-bg !default;
+$list-group-active-border-color: $list-group-active-bg !default;
-$list-group-hover-bg: $gray-100 !default;
-$list-group-active-color: $component-active-color !default;
-$list-group-active-bg: $component-active-bg !default;
-$list-group-active-border-color: $list-group-active-bg !default;
+$list-group-disabled-color: $gray-600 !default;
+$list-group-disabled-bg: $list-group-bg !default;
-$list-group-disabled-color: $gray-600 !default;
-$list-group-disabled-bg: $list-group-bg !default;
+$list-group-action-color: $gray-700 !default;
+$list-group-action-hover-color: $list-group-action-color !default;
-$list-group-action-color: $gray-700 !default;
-$list-group-action-hover-color: $list-group-action-color !default;
+$list-group-action-active-color: $body-color !default;
+$list-group-action-active-bg: $gray-200 !default;
-$list-group-action-active-color: $body-color !default;
-$list-group-action-active-bg: $gray-200 !default;
// Image thumbnails
-$thumbnail-padding: 0.25rem !default;
-$thumbnail-bg: $body-bg !default;
-$thumbnail-border-width: $border-width !default;
-$thumbnail-border-color: $gray-300 !default;
-$thumbnail-border-radius: $border-radius !default;
-$thumbnail-box-shadow: 0 1px 2px rgba($black, 0.075) !default;
+$thumbnail-padding: .25rem !default;
+$thumbnail-bg: $body-bg !default;
+$thumbnail-border-width: $border-width !default;
+$thumbnail-border-color: $gray-300 !default;
+$thumbnail-border-radius: $border-radius !default;
+$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;
+
// Figures
-$figure-caption-font-size: 90% !default;
-$figure-caption-color: $gray-600 !default;
+$figure-caption-font-size: 90% !default;
+$figure-caption-color: $gray-600 !default;
+
// Breadcrumbs
-$breadcrumb-padding-y: 0.75rem !default;
-$breadcrumb-padding-x: 1rem !default;
-$breadcrumb-item-padding: 0.5rem !default;
+$breadcrumb-padding-y: .75rem !default;
+$breadcrumb-padding-x: 1rem !default;
+$breadcrumb-item-padding: .5rem !default;
+
+$breadcrumb-margin-bottom: 1rem !default;
+
+$breadcrumb-bg: $gray-200 !default;
+$breadcrumb-divider-color: $gray-600 !default;
+$breadcrumb-active-color: $gray-600 !default;
+$breadcrumb-divider: quote("/") !default;
-$breadcrumb-margin-bottom: 1rem !default;
+$breadcrumb-border-radius: $border-radius !default;
-$breadcrumb-bg: $gray-200 !default;
-$breadcrumb-divider-color: $gray-600 !default;
-$breadcrumb-active-color: $gray-600 !default;
-$breadcrumb-divider: '/' !default;
// Carousel
-$carousel-control-color: $white !default;
-$carousel-control-width: 15% !default;
-$carousel-control-opacity: 0.5 !default;
+$carousel-control-color: $white !default;
+$carousel-control-width: 15% !default;
+$carousel-control-opacity: .5 !default;
+$carousel-control-hover-opacity: .9 !default;
+$carousel-control-transition: opacity .15s ease !default;
-$carousel-indicator-width: 30px !default;
-$carousel-indicator-height: 3px !default;
-$carousel-indicator-spacer: 3px !default;
-$carousel-indicator-active-bg: $white !default;
+$carousel-indicator-width: 30px !default;
+$carousel-indicator-height: 3px !default;
+$carousel-indicator-hit-area-height: 10px !default;
+$carousel-indicator-spacer: 3px !default;
+$carousel-indicator-active-bg: $white !default;
+$carousel-indicator-transition: opacity .6s ease !default;
-$carousel-caption-width: 70% !default;
-$carousel-caption-color: $white !default;
+$carousel-caption-width: 70% !default;
+$carousel-caption-color: $white !default;
-$carousel-control-icon-width: 20px !default;
+$carousel-control-icon-width: 20px !default;
-$carousel-control-prev-icon-bg: str-replace(
- url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"),
- '#',
- '%23'
-) !default;
-$carousel-control-next-icon-bg: str-replace(
- url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"),
- '#',
- '%23'
-) !default;
+$carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"), "#", "%23") !default;
+$carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"), "#", "%23") !default;
+
+$carousel-transition-duration: .6s !default;
+$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)
+
+
+// Spinners
+
+$spinner-width: 2rem !default;
+$spinner-height: $spinner-width !default;
+$spinner-border-width: .25em !default;
+
+$spinner-width-sm: 1rem !default;
+$spinner-height-sm: $spinner-width-sm !default;
+$spinner-border-width-sm: .2em !default;
-$carousel-transition: transform 0.6s ease !default;
// Close
-$close-font-size: $font-size-base * 1.5 !default;
-$close-font-weight: $font-weight-bold !default;
-$close-color: $black !default;
-$close-text-shadow: 0 1px 0 $white !default;
+$close-font-size: $font-size-base * 1.5 !default;
+$close-font-weight: $font-weight-bold !default;
+$close-color: $black !default;
+$close-text-shadow: 0 1px 0 $white !default;
+
// Code
-$code-font-size: 87.5% !default;
-$code-color: $pink !default;
+$code-font-size: 87.5% !default;
+$code-color: $pink !default;
+
+$kbd-padding-y: .2rem !default;
+$kbd-padding-x: .4rem !default;
+$kbd-font-size: $code-font-size !default;
+$kbd-color: $white !default;
+$kbd-bg: $gray-900 !default;
+
+$pre-color: $gray-900 !default;
+$pre-scrollable-max-height: 340px !default;
-$kbd-padding-y: 0.2rem !default;
-$kbd-padding-x: 0.4rem !default;
-$kbd-font-size: $code-font-size !default;
-$kbd-color: $white !default;
-$kbd-bg: $gray-900 !default;
-$pre-color: $gray-900 !default;
-$pre-scrollable-max-height: 340px !default;
+// Utilities
+
+$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;
+$overflows: auto, hidden !default;
+$positions: static, relative, absolute, fixed, sticky !default;
+
// Printing
-$print-page-size: a3 !default;
-$print-body-min-width: map-get($grid-breakpoints, 'lg') !default;
+
+$print-page-size: a3 !default;
+$print-body-min-width: map-get($grid-breakpoints, "lg") !default;
diff --git a/assets/scss/bootstrap/bootstrap-grid.scss b/assets/scss/bootstrap/bootstrap-grid.scss
index 26c0dc8..d5f92a1 100755
--- a/assets/scss/bootstrap/bootstrap-grid.scss
+++ b/assets/scss/bootstrap/bootstrap-grid.scss
@@ -1,14 +1,10 @@
/*!
- * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
- * Copyright 2011-2018 The Bootstrap Authors
- * Copyright 2011-2018 Twitter, Inc.
+ * Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
+ * Copyright 2011-2019 The Bootstrap Authors
+ * Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
-@at-root {
- @-ms-viewport { width: device-width; } // stylelint-disable-line at-rule-no-vendor-prefix
-}
-
html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
@@ -30,3 +26,4 @@ html {
@import "grid";
@import "utilities/display";
@import "utilities/flex";
+@import "utilities/spacing";
diff --git a/assets/scss/bootstrap/bootstrap-reboot.scss b/assets/scss/bootstrap/bootstrap-reboot.scss
index 46c4610..2983f3f 100755
--- a/assets/scss/bootstrap/bootstrap-reboot.scss
+++ b/assets/scss/bootstrap/bootstrap-reboot.scss
@@ -1,7 +1,7 @@
/*!
- * Bootstrap Reboot v4.0.0 (https://getbootstrap.com)
- * Copyright 2011-2018 The Bootstrap Authors
- * Copyright 2011-2018 Twitter, Inc.
+ * Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)
+ * Copyright 2011-2019 The Bootstrap Authors
+ * Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
*/
diff --git a/assets/scss/bootstrap/bootstrap.scss b/assets/scss/bootstrap/bootstrap.scss
index bb5fac8..9f15c2a 100755
--- a/assets/scss/bootstrap/bootstrap.scss
+++ b/assets/scss/bootstrap/bootstrap.scss
@@ -1,7 +1,7 @@
/*!
- * Bootstrap v4.0.0 (https://getbootstrap.com)
- * Copyright 2011-2018 The Bootstrap Authors
- * Copyright 2011-2018 Twitter, Inc.
+ * Bootstrap v4.3.1 (https://getbootstrap.com/)
+ * Copyright 2011-2019 The Bootstrap Authors
+ * Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
@@ -34,9 +34,11 @@
@import "media";
@import "list-group";
@import "close";
+@import "toasts";
@import "modal";
@import "tooltip";
@import "popover";
@import "carousel";
+@import "spinners";
@import "utilities";
@import "print";
diff --git a/assets/scss/bootstrap/mixins/_badge.scss b/assets/scss/bootstrap/mixins/_badge.scss
index eeca0b4..64b29cb 100755
--- a/assets/scss/bootstrap/mixins/_badge.scss
+++ b/assets/scss/bootstrap/mixins/_badge.scss
@@ -2,11 +2,16 @@
color: color-yiq($bg);
background-color: $bg;
- &[href] {
+ @at-root a#{&} {
@include hover-focus {
color: color-yiq($bg);
- text-decoration: none;
background-color: darken($bg, 10%);
}
+
+ &:focus,
+ &.focus {
+ outline: 0;
+ box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);
+ }
}
}
diff --git a/assets/scss/bootstrap/mixins/_border-radius.scss b/assets/scss/bootstrap/mixins/_border-radius.scss
index 2024feb..88aeb37 100755
--- a/assets/scss/bootstrap/mixins/_border-radius.scss
+++ b/assets/scss/bootstrap/mixins/_border-radius.scss
@@ -1,9 +1,13 @@
+// stylelint-disable property-blacklist
// Single side border-radius
-@mixin border-radius($radius: $border-radius) {
+@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {
@if $enable-rounded {
border-radius: $radius;
}
+ @else if $fallback-border-radius != false {
+ border-radius: $fallback-border-radius;
+ }
}
@mixin border-top-radius($radius) {
@@ -33,3 +37,27 @@
border-bottom-left-radius: $radius;
}
}
+
+@mixin border-top-left-radius($radius) {
+ @if $enable-rounded {
+ border-top-left-radius: $radius;
+ }
+}
+
+@mixin border-top-right-radius($radius) {
+ @if $enable-rounded {
+ border-top-right-radius: $radius;
+ }
+}
+
+@mixin border-bottom-right-radius($radius) {
+ @if $enable-rounded {
+ border-bottom-right-radius: $radius;
+ }
+}
+
+@mixin border-bottom-left-radius($radius) {
+ @if $enable-rounded {
+ border-bottom-left-radius: $radius;
+ }
+}
diff --git a/assets/scss/bootstrap/mixins/_box-shadow.scss b/assets/scss/bootstrap/mixins/_box-shadow.scss
index b2410e5..0726d43 100755
--- a/assets/scss/bootstrap/mixins/_box-shadow.scss
+++ b/assets/scss/bootstrap/mixins/_box-shadow.scss
@@ -1,5 +1,20 @@
@mixin box-shadow($shadow...) {
@if $enable-shadows {
- box-shadow: $shadow;
+ $result: ();
+
+ @if (length($shadow) == 1) {
+ // We can pass `@include box-shadow(none);`
+ $result: $shadow;
+ } @else {
+ // Filter to avoid invalid properties for example `box-shadow: none, 1px 1px black;`
+ @for $i from 1 through length($shadow) {
+ @if nth($shadow, $i) != "none" {
+ $result: append($result, nth($shadow, $i), "comma");
+ }
+ }
+ }
+ @if (length($result) > 0) {
+ box-shadow: $result;
+ }
}
}
diff --git a/assets/scss/bootstrap/mixins/_breakpoints.scss b/assets/scss/bootstrap/mixins/_breakpoints.scss
index d1ad684..23a5de9 100755
--- a/assets/scss/bootstrap/mixins/_breakpoints.scss
+++ b/assets/scss/bootstrap/mixins/_breakpoints.scss
@@ -16,7 +16,7 @@
// md
@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {
$n: index($breakpoint-names, $name);
- @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);
+ @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);
}
// Minimum breakpoint width. Null for the smallest (first) breakpoint.
@@ -39,10 +39,10 @@
// 767.98px
@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
$next: breakpoint-next($name, $breakpoints);
- @return if($next, breakpoint-min($next, $breakpoints) - .02px, null);
+ @return if($next, breakpoint-min($next, $breakpoints) - .02, null);
}
-// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.
+// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.
// Useful for making responsive utilities.
//
// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
diff --git a/assets/scss/bootstrap/mixins/_buttons.scss b/assets/scss/bootstrap/mixins/_buttons.scss
index 06ad677..eee903f 100755
--- a/assets/scss/bootstrap/mixins/_buttons.scss
+++ b/assets/scss/bootstrap/mixins/_buttons.scss
@@ -19,9 +19,9 @@
&.focus {
// Avoid using mixin so we can pass custom focus shadow properly
@if $enable-shadows {
- box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
+ box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);
} @else {
- box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
+ box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);
}
}
@@ -31,6 +31,10 @@
color: color-yiq($background);
background-color: $background;
border-color: $border;
+ // Remove CSS gradients if they're enabled
+ @if $enable-gradients {
+ background-image: none;
+ }
}
&:not(:disabled):not(.disabled):active,
@@ -45,10 +49,10 @@
&:focus {
// Avoid using mixin so we can pass custom focus shadow properly
- @if $enable-shadows {
- box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
+ @if $enable-shadows and $btn-active-box-shadow != none {
+ box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);
} @else {
- box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
+ box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);
}
}
}
@@ -56,11 +60,9 @@
@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {
color: $color;
- background-color: transparent;
- background-image: none;
border-color: $color;
- &:hover {
+ @include hover {
color: $color-hover;
background-color: $active-background;
border-color: $active-border;
@@ -98,12 +100,8 @@
// Button sizes
@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
padding: $padding-y $padding-x;
- font-size: $font-size;
+ @include font-size($font-size);
line-height: $line-height;
// Manually declare to provide an override to the browser default
- @if $enable-rounded {
- border-radius: $border-radius;
- } @else {
- border-radius: 0;
- }
+ @include border-radius($border-radius, 0);
}
diff --git a/assets/scss/bootstrap/mixins/_caret.scss b/assets/scss/bootstrap/mixins/_caret.scss
index 40478e4..8ecef65 100755
--- a/assets/scss/bootstrap/mixins/_caret.scss
+++ b/assets/scss/bootstrap/mixins/_caret.scss
@@ -14,6 +14,7 @@
@mixin caret-right {
border-top: $caret-width solid transparent;
+ border-right: 0;
border-bottom: $caret-width solid transparent;
border-left: $caret-width solid;
}
@@ -28,10 +29,8 @@
@if $enable-caret {
&::after {
display: inline-block;
- width: 0;
- height: 0;
- margin-left: $caret-width * .85;
- vertical-align: $caret-width * .85;
+ margin-left: $caret-spacing;
+ vertical-align: $caret-vertical-align;
content: "";
@if $direction == down {
@include caret-down;
@@ -49,10 +48,8 @@
&::before {
display: inline-block;
- width: 0;
- height: 0;
- margin-right: $caret-width * .85;
- vertical-align: $caret-width * .85;
+ margin-right: $caret-spacing;
+ vertical-align: $caret-vertical-align;
content: "";
@include caret-left;
}
diff --git a/assets/scss/bootstrap/mixins/_deprecate.scss b/assets/scss/bootstrap/mixins/_deprecate.scss
new file mode 100755
index 0000000..df070bc
--- /dev/null
+++ b/assets/scss/bootstrap/mixins/_deprecate.scss
@@ -0,0 +1,10 @@
+// Deprecate mixin
+//
+// This mixin can be used to deprecate mixins or functions.
+// `$enable-deprecation-messages` is a global variable, `$ignore-warning` is a variable that can be passed to
+// some deprecated mixins to suppress the warning (for example if the mixin is still be used in the current version of Bootstrap)
+@mixin deprecate($name, $deprecate-version, $remove-version, $ignore-warning: false) {
+ @if ($enable-deprecation-messages != false and $ignore-warning != true) {
+ @warn "#{$name} has been deprecated as of #{$deprecate-version}. It will be removed entirely in #{$remove-version}.";
+ }
+}
diff --git a/assets/scss/bootstrap/mixins/_float.scss b/assets/scss/bootstrap/mixins/_float.scss
index 48fa8b6..adff88e 100755
--- a/assets/scss/bootstrap/mixins/_float.scss
+++ b/assets/scss/bootstrap/mixins/_float.scss
@@ -2,10 +2,13 @@
@mixin float-left {
float: left !important;
+ @include deprecate("The `float-left` mixin", "v4.3.0", "v5");
}
@mixin float-right {
float: right !important;
+ @include deprecate("The `float-right` mixin", "v4.3.0", "v5");
}
@mixin float-none {
float: none !important;
+ @include deprecate("The `float-none` mixin", "v4.3.0", "v5");
}
diff --git a/assets/scss/bootstrap/mixins/_forms.scss b/assets/scss/bootstrap/mixins/_forms.scss
index 2290682..ea8a91a 100755
--- a/assets/scss/bootstrap/mixins/_forms.scss
+++ b/assets/scss/bootstrap/mixins/_forms.scss
@@ -26,12 +26,12 @@
}
-@mixin form-validation-state($state, $color) {
+@mixin form-validation-state($state, $color, $icon) {
.#{$state}-feedback {
display: none;
width: 100%;
margin-top: $form-feedback-margin-top;
- font-size: $form-feedback-font-size;
+ @include font-size($form-feedback-font-size);
color: $color;
}
@@ -41,21 +41,61 @@
z-index: 5;
display: none;
max-width: 100%; // Contain to parent when possible
- padding: .5rem;
+ padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;
margin-top: .1rem;
- font-size: .875rem;
- line-height: 1;
- color: #fff;
- background-color: rgba($color, .8);
- border-radius: .2rem;
+ @include font-size($form-feedback-tooltip-font-size);
+ line-height: $form-feedback-tooltip-line-height;
+ color: color-yiq($color);
+ background-color: rgba($color, $form-feedback-tooltip-opacity);
+ @include border-radius($form-feedback-tooltip-border-radius);
+ }
+
+ .form-control {
+ .was-validated &:#{$state},
+ &.is-#{$state} {
+ border-color: $color;
+
+ @if $enable-validation-icons {
+ padding-right: $input-height-inner;
+ background-image: $icon;
+ background-repeat: no-repeat;
+ background-position: center right $input-height-inner-quarter;
+ background-size: $input-height-inner-half $input-height-inner-half;
+ }
+
+ &:focus {
+ border-color: $color;
+ box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
+ }
+
+ ~ .#{$state}-feedback,
+ ~ .#{$state}-tooltip {
+ display: block;
+ }
+ }
+ }
+
+ // stylelint-disable-next-line selector-no-qualifying-type
+ textarea.form-control {
+ .was-validated &:#{$state},
+ &.is-#{$state} {
+ @if $enable-validation-icons {
+ padding-right: $input-height-inner;
+ background-position: top $input-height-inner-quarter right $input-height-inner-quarter;
+ }
+ }
}
- .form-control,
.custom-select {
.was-validated &:#{$state},
&.is-#{$state} {
border-color: $color;
+ @if $enable-validation-icons {
+ padding-right: $custom-select-feedback-icon-padding-right;
+ background: $custom-select-background, $icon $custom-select-bg no-repeat $custom-select-feedback-icon-position / $custom-select-feedback-icon-size;
+ }
+
&:focus {
border-color: $color;
box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
@@ -68,6 +108,17 @@
}
}
+
+ .form-control-file {
+ .was-validated &:#{$state},
+ &.is-#{$state} {
+ ~ .#{$state}-feedback,
+ ~ .#{$state}-tooltip {
+ display: block;
+ }
+ }
+ }
+
.form-check-input {
.was-validated &:#{$state},
&.is-#{$state} {
@@ -89,7 +140,7 @@
color: $color;
&::before {
- background-color: lighten($color, 25%);
+ border-color: $color;
}
}
@@ -100,13 +151,18 @@
&:checked {
~ .custom-control-label::before {
+ border-color: lighten($color, 10%);
@include gradient-bg(lighten($color, 10%));
}
}
&:focus {
~ .custom-control-label::before {
- box-shadow: 0 0 0 1px $body-bg, 0 0 0 $input-focus-width rgba($color, .25);
+ box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
+ }
+
+ &:not(:checked) ~ .custom-control-label::before {
+ border-color: $color;
}
}
}
@@ -118,8 +174,6 @@
&.is-#{$state} {
~ .custom-file-label {
border-color: $color;
-
- &::before { border-color: inherit; }
}
~ .#{$state}-feedback,
@@ -129,6 +183,7 @@
&:focus {
~ .custom-file-label {
+ border-color: $color;
box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
}
}
diff --git a/assets/scss/bootstrap/mixins/_gradients.scss b/assets/scss/bootstrap/mixins/_gradients.scss
index ecd01f7..88c4d64 100755
--- a/assets/scss/bootstrap/mixins/_gradients.scss
+++ b/assets/scss/bootstrap/mixins/_gradients.scss
@@ -11,7 +11,7 @@
// Horizontal gradient, from left to right
//
// Creates two color stops, start and end, by specifying a color and position for each color stop.
-@mixin gradient-x($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
+@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {
background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);
background-repeat: repeat-x;
}
@@ -19,27 +19,27 @@
// Vertical gradient, from top to bottom
//
// Creates two color stops, start and end, by specifying a color and position for each color stop.
-@mixin gradient-y($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
+@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {
background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);
background-repeat: repeat-x;
}
-@mixin gradient-directional($start-color: #555, $end-color: #333, $deg: 45deg) {
+@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {
background-image: linear-gradient($deg, $start-color, $end-color);
background-repeat: repeat-x;
}
-@mixin gradient-x-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
+@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {
background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
background-repeat: no-repeat;
}
-@mixin gradient-y-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
+@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {
background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
background-repeat: no-repeat;
}
-@mixin gradient-radial($inner-color: #555, $outer-color: #333) {
+@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {
background-image: radial-gradient(circle, $inner-color, $outer-color);
background-repeat: no-repeat;
}
-@mixin gradient-striped($color: rgba(255,255,255,.15), $angle: 45deg) {
+@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {
background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
}
diff --git a/assets/scss/bootstrap/mixins/_grid-framework.scss b/assets/scss/bootstrap/mixins/_grid-framework.scss
index 7b37f86..649c28b 100755
--- a/assets/scss/bootstrap/mixins/_grid-framework.scss
+++ b/assets/scss/bootstrap/mixins/_grid-framework.scss
@@ -8,9 +8,8 @@
%grid-column {
position: relative;
width: 100%;
- min-height: 1px; // Prevent columns from collapsing when empty
- padding-right: ($gutter / 2);
- padding-left: ($gutter / 2);
+ padding-right: $gutter / 2;
+ padding-left: $gutter / 2;
}
@each $breakpoint in map-keys($breakpoints) {
@@ -37,7 +36,7 @@
.col#{$infix}-auto {
flex: 0 0 auto;
width: auto;
- max-width: none; // Reset earlier grid tiers
+ max-width: 100%; // Reset earlier grid tiers
}
@for $i from 1 through $columns {
diff --git a/assets/scss/bootstrap/mixins/_grid.scss b/assets/scss/bootstrap/mixins/_grid.scss
index b75ebcb..924eb0c 100755
--- a/assets/scss/bootstrap/mixins/_grid.scss
+++ b/assets/scss/bootstrap/mixins/_grid.scss
@@ -2,10 +2,10 @@
//
// Generate semantic grid columns with these mixins.
-@mixin make-container() {
+@mixin make-container($gutter: $grid-gutter-width) {
width: 100%;
- padding-right: ($grid-gutter-width / 2);
- padding-left: ($grid-gutter-width / 2);
+ padding-right: $gutter / 2;
+ padding-left: $gutter / 2;
margin-right: auto;
margin-left: auto;
}
@@ -20,22 +20,21 @@
}
}
-@mixin make-row() {
+@mixin make-row($gutter: $grid-gutter-width) {
display: flex;
flex-wrap: wrap;
- margin-right: ($grid-gutter-width / -2);
- margin-left: ($grid-gutter-width / -2);
+ margin-right: -$gutter / 2;
+ margin-left: -$gutter / 2;
}
-@mixin make-col-ready() {
+@mixin make-col-ready($gutter: $grid-gutter-width) {
position: relative;
// Prevent columns from becoming too narrow when at smaller grid tiers by
// always setting `width: 100%;`. This works because we use `flex` values
// later on to override this initial width.
width: 100%;
- min-height: 1px; // Prevent collapsing
- padding-right: ($grid-gutter-width / 2);
- padding-left: ($grid-gutter-width / 2);
+ padding-right: $gutter / 2;
+ padding-left: $gutter / 2;
}
@mixin make-col($size, $columns: $grid-columns) {
diff --git a/assets/scss/bootstrap/mixins/_hover.scss b/assets/scss/bootstrap/mixins/_hover.scss
index ec2e328..192f847 100755
--- a/assets/scss/bootstrap/mixins/_hover.scss
+++ b/assets/scss/bootstrap/mixins/_hover.scss
@@ -1,13 +1,11 @@
-// stylelint-disable indentation
-
// Hover mixin and `$enable-hover-media-query` are deprecated.
//
-// Origally added during our alphas and maintained during betas, this mixin was
-// designed to prevent `:hover` stickiness on iOS—an issue where hover styles
+// Originally added during our alphas and maintained during betas, this mixin was
+// designed to prevent `:hover` stickiness on iOS-an issue where hover styles
// would persist after initial touch.
//
// For backward compatibility, we've kept these mixins and updated them to
-// always return their regular psuedo-classes instead of a shimmed media query.
+// always return their regular pseudo-classes instead of a shimmed media query.
//
// Issue: https://github.com/twbs/bootstrap/issues/25195
diff --git a/assets/scss/bootstrap/mixins/_image.scss b/assets/scss/bootstrap/mixins/_image.scss
index 0544f0d..a76a608 100755
--- a/assets/scss/bootstrap/mixins/_image.scss
+++ b/assets/scss/bootstrap/mixins/_image.scss
@@ -20,7 +20,6 @@
//
// Short retina mixin for setting background-image and -size.
-// stylelint-disable indentation, media-query-list-comma-newline-after
@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {
background-image: url($file-1x);
@@ -29,8 +28,9 @@
// There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.
// Compatibility info: https://caniuse.com/#feat=css-media-resolution
@media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx
- only screen and (min-resolution: 2dppx) { // Standardized
+ only screen and (min-resolution: 2dppx) { // Standardized
background-image: url($file-2x);
background-size: $width-1x $height-1x;
}
+ @include deprecate("`img-retina()`", "v4.3.0", "v5");
}
diff --git a/assets/scss/bootstrap/mixins/_list-group.scss b/assets/scss/bootstrap/mixins/_list-group.scss
index 607ffcb..cd47a4e 100755
--- a/assets/scss/bootstrap/mixins/_list-group.scss
+++ b/assets/scss/bootstrap/mixins/_list-group.scss
@@ -12,7 +12,7 @@
}
&.active {
- color: #fff;
+ color: $white;
background-color: $color;
border-color: $color;
}
diff --git a/assets/scss/bootstrap/mixins/_nav-divider.scss b/assets/scss/bootstrap/mixins/_nav-divider.scss
index 493de03..4fb37b6 100755
--- a/assets/scss/bootstrap/mixins/_nav-divider.scss
+++ b/assets/scss/bootstrap/mixins/_nav-divider.scss
@@ -2,9 +2,9 @@
//
// Dividers (basically an hr) within dropdowns and nav lists
-@mixin nav-divider($color: #e5e5e5) {
+@mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y) {
height: 0;
- margin: ($spacer / 2) 0;
+ margin: $margin-y 0;
overflow: hidden;
border-top: 1px solid $color;
}
diff --git a/assets/scss/bootstrap/mixins/_navbar-align.scss b/assets/scss/bootstrap/mixins/_navbar-align.scss
deleted file mode 100755
index b351660..0000000
--- a/assets/scss/bootstrap/mixins/_navbar-align.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-// Navbar vertical align
-//
-// Vertically center elements in the navbar.
-// Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);`
-// to calculate the appropriate top margin.
-
-// @mixin navbar-vertical-align($element-height) {
-// margin-top: (($navbar-height - $element-height) / 2);
-// margin-bottom: (($navbar-height - $element-height) / 2);
-// }
diff --git a/assets/scss/bootstrap/mixins/_pagination.scss b/assets/scss/bootstrap/mixins/_pagination.scss
index ff36eb6..af8e16d 100755
--- a/assets/scss/bootstrap/mixins/_pagination.scss
+++ b/assets/scss/bootstrap/mixins/_pagination.scss
@@ -3,7 +3,7 @@
@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
.page-link {
padding: $padding-y $padding-x;
- font-size: $font-size;
+ @include font-size($font-size);
line-height: $line-height;
}
diff --git a/assets/scss/bootstrap/mixins/_reset-text.scss b/assets/scss/bootstrap/mixins/_reset-text.scss
index 673d55b..bfa9f6e 100755
--- a/assets/scss/bootstrap/mixins/_reset-text.scss
+++ b/assets/scss/bootstrap/mixins/_reset-text.scss
@@ -2,10 +2,10 @@
font-family: $font-family-base;
// We deliberately do NOT reset font-size or word-wrap.
font-style: normal;
- font-weight: 400;
+ font-weight: $font-weight-normal;
line-height: $line-height-base;
text-align: left; // Fallback for where `start` is not supported
- text-align: start; // stylelint-disable-line declaration-block-no-duplicate-properties
+ text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
diff --git a/assets/scss/bootstrap/mixins/_screen-reader.scss b/assets/scss/bootstrap/mixins/_screen-reader.scss
index 8f3eb1b..812591b 100755
--- a/assets/scss/bootstrap/mixins/_screen-reader.scss
+++ b/assets/scss/bootstrap/mixins/_screen-reader.scss
@@ -1,6 +1,6 @@
// Only display content to screen readers
//
-// See: http://a11yproject.com/posts/how-to-hide-content/
+// See: https://a11yproject.com/posts/how-to-hide-content/
// See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/
@mixin sr-only {
@@ -11,7 +11,6 @@
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
- clip-path: inset(50%);
border: 0;
}
@@ -30,6 +29,5 @@
overflow: visible;
clip: auto;
white-space: normal;
- clip-path: none;
}
}
diff --git a/assets/scss/bootstrap/mixins/_size.scss b/assets/scss/bootstrap/mixins/_size.scss
index b9dd48e..69e056d 100755
--- a/assets/scss/bootstrap/mixins/_size.scss
+++ b/assets/scss/bootstrap/mixins/_size.scss
@@ -3,4 +3,5 @@
@mixin size($width, $height: $width) {
width: $width;
height: $height;
+ @include deprecate("`size()`", "v4.3.0", "v5");
}
diff --git a/assets/scss/bootstrap/mixins/_table-row.scss b/assets/scss/bootstrap/mixins/_table-row.scss
index 84f1d30..f8d6186 100755
--- a/assets/scss/bootstrap/mixins/_table-row.scss
+++ b/assets/scss/bootstrap/mixins/_table-row.scss
@@ -1,6 +1,6 @@
// Tables
-@mixin table-row-variant($state, $background) {
+@mixin table-row-variant($state, $background, $border: null) {
// Exact selectors below required to override `.table-striped` and prevent
// inheritance to nested tables.
.table-#{$state} {
@@ -9,6 +9,15 @@
> td {
background-color: $background;
}
+
+ @if $border != null {
+ th,
+ td,
+ thead th,
+ tbody + tbody {
+ border-color: $border;
+ }
+ }
}
// Hover states for `.table-hover`
diff --git a/assets/scss/bootstrap/mixins/_text-emphasis.scss b/assets/scss/bootstrap/mixins/_text-emphasis.scss
index 58db3e0..155d6ca 100755
--- a/assets/scss/bootstrap/mixins/_text-emphasis.scss
+++ b/assets/scss/bootstrap/mixins/_text-emphasis.scss
@@ -6,9 +6,11 @@
#{$parent} {
color: $color !important;
}
- a#{$parent} {
- @include hover-focus {
- color: darken($color, 10%) !important;
+ @if $emphasized-link-hover-darken-percentage != 0 {
+ a#{$parent} {
+ @include hover-focus {
+ color: darken($color, $emphasized-link-hover-darken-percentage) !important;
+ }
}
}
}
diff --git a/assets/scss/bootstrap/mixins/_text-hide.scss b/assets/scss/bootstrap/mixins/_text-hide.scss
index aa551fd..3a92301 100755
--- a/assets/scss/bootstrap/mixins/_text-hide.scss
+++ b/assets/scss/bootstrap/mixins/_text-hide.scss
@@ -1,9 +1,11 @@
// CSS image replacement
-@mixin text-hide() {
+@mixin text-hide($ignore-warning: false) {
// stylelint-disable-next-line font-family-no-missing-generic-family-keyword
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
+
+ @include deprecate("`text-hide()`", "v4.1.0", "v5", $ignore-warning);
}
diff --git a/assets/scss/bootstrap/mixins/_transition.scss b/assets/scss/bootstrap/mixins/_transition.scss
index 7e33dee..8ce35a6 100755
--- a/assets/scss/bootstrap/mixins/_transition.scss
+++ b/assets/scss/bootstrap/mixins/_transition.scss
@@ -1,3 +1,4 @@
+// stylelint-disable property-blacklist
@mixin transition($transition...) {
@if $enable-transitions {
@if length($transition) == 0 {
@@ -6,4 +7,10 @@
transition: $transition;
}
}
+
+ @if $enable-prefers-reduced-motion-media-query {
+ @media (prefers-reduced-motion: reduce) {
+ transition: none;
+ }
+ }
}
diff --git a/assets/scss/bootstrap/mixins/_visibility.scss b/assets/scss/bootstrap/mixins/_visibility.scss
index fe523d0..f174673 100755
--- a/assets/scss/bootstrap/mixins/_visibility.scss
+++ b/assets/scss/bootstrap/mixins/_visibility.scss
@@ -4,4 +4,5 @@
@mixin invisible($visibility) {
visibility: $visibility !important;
+ @include deprecate("`invisible()`", "v4.3.0", "v5");
}
diff --git a/assets/scss/bootstrap/utilities/_borders.scss b/assets/scss/bootstrap/utilities/_borders.scss
index b8832ef..302f6bf 100755
--- a/assets/scss/bootstrap/utilities/_borders.scss
+++ b/assets/scss/bootstrap/utilities/_borders.scss
@@ -1,4 +1,4 @@
-// stylelint-disable declaration-no-important
+// stylelint-disable property-blacklist, declaration-no-important
//
// Border
@@ -30,30 +30,46 @@
// Border-radius
//
+.rounded-sm {
+ border-radius: $border-radius-sm !important;
+}
+
.rounded {
border-radius: $border-radius !important;
}
+
.rounded-top {
border-top-left-radius: $border-radius !important;
border-top-right-radius: $border-radius !important;
}
+
.rounded-right {
border-top-right-radius: $border-radius !important;
border-bottom-right-radius: $border-radius !important;
}
+
.rounded-bottom {
border-bottom-right-radius: $border-radius !important;
border-bottom-left-radius: $border-radius !important;
}
+
.rounded-left {
border-top-left-radius: $border-radius !important;
border-bottom-left-radius: $border-radius !important;
}
+.rounded-lg {
+ border-radius: $border-radius-lg !important;
+}
+
.rounded-circle {
border-radius: 50% !important;
}
+.rounded-pill {
+ border-radius: $rounded-pill !important;
+}
+
.rounded-0 {
border-radius: 0 !important;
}
diff --git a/assets/scss/bootstrap/utilities/_display.scss b/assets/scss/bootstrap/utilities/_display.scss
index 20aeeb5..1303679 100755
--- a/assets/scss/bootstrap/utilities/_display.scss
+++ b/assets/scss/bootstrap/utilities/_display.scss
@@ -8,15 +8,9 @@
@include media-breakpoint-up($breakpoint) {
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
- .d#{$infix}-none { display: none !important; }
- .d#{$infix}-inline { display: inline !important; }
- .d#{$infix}-inline-block { display: inline-block !important; }
- .d#{$infix}-block { display: block !important; }
- .d#{$infix}-table { display: table !important; }
- .d#{$infix}-table-row { display: table-row !important; }
- .d#{$infix}-table-cell { display: table-cell !important; }
- .d#{$infix}-flex { display: flex !important; }
- .d#{$infix}-inline-flex { display: inline-flex !important; }
+ @each $value in $displays {
+ .d#{$infix}-#{$value} { display: $value !important; }
+ }
}
}
@@ -26,13 +20,7 @@
//
@media print {
- .d-print-none { display: none !important; }
- .d-print-inline { display: inline !important; }
- .d-print-inline-block { display: inline-block !important; }
- .d-print-block { display: block !important; }
- .d-print-table { display: table !important; }
- .d-print-table-row { display: table-row !important; }
- .d-print-table-cell { display: table-cell !important; }
- .d-print-flex { display: flex !important; }
- .d-print-inline-flex { display: inline-flex !important; }
+ @each $value in $displays {
+ .d-print-#{$value} { display: $value !important; }
+ }
}
diff --git a/assets/scss/bootstrap/utilities/_embed.scss b/assets/scss/bootstrap/utilities/_embed.scss
index d3362b6..4497ac0 100755
--- a/assets/scss/bootstrap/utilities/_embed.scss
+++ b/assets/scss/bootstrap/utilities/_embed.scss
@@ -27,26 +27,13 @@
}
}
-.embed-responsive-21by9 {
- &::before {
- padding-top: percentage(9 / 21);
- }
-}
-
-.embed-responsive-16by9 {
- &::before {
- padding-top: percentage(9 / 16);
- }
-}
-
-.embed-responsive-4by3 {
- &::before {
- padding-top: percentage(3 / 4);
- }
-}
+@each $embed-responsive-aspect-ratio in $embed-responsive-aspect-ratios {
+ $embed-responsive-aspect-ratio-x: nth($embed-responsive-aspect-ratio, 1);
+ $embed-responsive-aspect-ratio-y: nth($embed-responsive-aspect-ratio, 2);
-.embed-responsive-1by1 {
- &::before {
- padding-top: percentage(1 / 1);
+ .embed-responsive-#{$embed-responsive-aspect-ratio-x}by#{$embed-responsive-aspect-ratio-y} {
+ &::before {
+ padding-top: percentage($embed-responsive-aspect-ratio-y / $embed-responsive-aspect-ratio-x);
+ }
}
}
diff --git a/assets/scss/bootstrap/utilities/_flex.scss b/assets/scss/bootstrap/utilities/_flex.scss
index 8e47038..3d4266e 100755
--- a/assets/scss/bootstrap/utilities/_flex.scss
+++ b/assets/scss/bootstrap/utilities/_flex.scss
@@ -16,6 +16,11 @@
.flex#{$infix}-wrap { flex-wrap: wrap !important; }
.flex#{$infix}-nowrap { flex-wrap: nowrap !important; }
.flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }
+ .flex#{$infix}-fill { flex: 1 1 auto !important; }
+ .flex#{$infix}-grow-0 { flex-grow: 0 !important; }
+ .flex#{$infix}-grow-1 { flex-grow: 1 !important; }
+ .flex#{$infix}-shrink-0 { flex-shrink: 0 !important; }
+ .flex#{$infix}-shrink-1 { flex-shrink: 1 !important; }
.justify-content#{$infix}-start { justify-content: flex-start !important; }
.justify-content#{$infix}-end { justify-content: flex-end !important; }
diff --git a/assets/scss/bootstrap/utilities/_float.scss b/assets/scss/bootstrap/utilities/_float.scss
index 01655e9..5425084 100755
--- a/assets/scss/bootstrap/utilities/_float.scss
+++ b/assets/scss/bootstrap/utilities/_float.scss
@@ -1,9 +1,11 @@
+// stylelint-disable declaration-no-important
+
@each $breakpoint in map-keys($grid-breakpoints) {
@include media-breakpoint-up($breakpoint) {
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
- .float#{$infix}-left { @include float-left; }
- .float#{$infix}-right { @include float-right; }
- .float#{$infix}-none { @include float-none; }
+ .float#{$infix}-left { float: left !important; }
+ .float#{$infix}-right { float: right !important; }
+ .float#{$infix}-none { float: none !important; }
}
}
diff --git a/assets/scss/bootstrap/utilities/_overflow.scss b/assets/scss/bootstrap/utilities/_overflow.scss
new file mode 100755
index 0000000..8326c30
--- /dev/null
+++ b/assets/scss/bootstrap/utilities/_overflow.scss
@@ -0,0 +1,5 @@
+// stylelint-disable declaration-no-important
+
+@each $value in $overflows {
+ .overflow-#{$value} { overflow: $value !important; }
+}
diff --git a/assets/scss/bootstrap/utilities/_position.scss b/assets/scss/bootstrap/utilities/_position.scss
index ef962ed..cdf6c11 100755
--- a/assets/scss/bootstrap/utilities/_position.scss
+++ b/assets/scss/bootstrap/utilities/_position.scss
@@ -1,10 +1,6 @@
// stylelint-disable declaration-no-important
// Common values
-
-// Sass list not in variables since it's not intended for customization.
-$positions: static, relative, absolute, fixed, sticky;
-
@each $position in $positions {
.position-#{$position} { position: $position !important; }
}
diff --git a/assets/scss/bootstrap/utilities/_shadows.scss b/assets/scss/bootstrap/utilities/_shadows.scss
new file mode 100755
index 0000000..f5d03fc
--- /dev/null
+++ b/assets/scss/bootstrap/utilities/_shadows.scss
@@ -0,0 +1,6 @@
+// stylelint-disable declaration-no-important
+
+.shadow-sm { box-shadow: $box-shadow-sm !important; }
+.shadow { box-shadow: $box-shadow !important; }
+.shadow-lg { box-shadow: $box-shadow-lg !important; }
+.shadow-none { box-shadow: none !important; }
diff --git a/assets/scss/bootstrap/utilities/_sizing.scss b/assets/scss/bootstrap/utilities/_sizing.scss
index e95a4db..f376488 100755
--- a/assets/scss/bootstrap/utilities/_sizing.scss
+++ b/assets/scss/bootstrap/utilities/_sizing.scss
@@ -10,3 +10,11 @@
.mw-100 { max-width: 100% !important; }
.mh-100 { max-height: 100% !important; }
+
+// Viewport additional helpers
+
+.min-vw-100 { min-width: 100vw !important; }
+.min-vh-100 { min-height: 100vh !important; }
+
+.vw-100 { width: 100vw !important; }
+.vh-100 { height: 100vh !important; }
diff --git a/assets/scss/bootstrap/utilities/_spacing.scss b/assets/scss/bootstrap/utilities/_spacing.scss
index b2e2354..3511367 100755
--- a/assets/scss/bootstrap/utilities/_spacing.scss
+++ b/assets/scss/bootstrap/utilities/_spacing.scss
@@ -8,7 +8,6 @@
@each $prop, $abbrev in (margin: m, padding: p) {
@each $size, $length in $spacers {
-
.#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
.#{$abbrev}t#{$infix}-#{$size},
.#{$abbrev}y#{$infix}-#{$size} {
@@ -29,6 +28,29 @@
}
}
+ // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)
+ @each $size, $length in $spacers {
+ @if $size != 0 {
+ .m#{$infix}-n#{$size} { margin: -$length !important; }
+ .mt#{$infix}-n#{$size},
+ .my#{$infix}-n#{$size} {
+ margin-top: -$length !important;
+ }
+ .mr#{$infix}-n#{$size},
+ .mx#{$infix}-n#{$size} {
+ margin-right: -$length !important;
+ }
+ .mb#{$infix}-n#{$size},
+ .my#{$infix}-n#{$size} {
+ margin-bottom: -$length !important;
+ }
+ .ml#{$infix}-n#{$size},
+ .mx#{$infix}-n#{$size} {
+ margin-left: -$length !important;
+ }
+ }
+ }
+
// Some special margin utils
.m#{$infix}-auto { margin: auto !important; }
.mt#{$infix}-auto,
diff --git a/assets/scss/bootstrap/utilities/_stretched-link.scss b/assets/scss/bootstrap/utilities/_stretched-link.scss
new file mode 100755
index 0000000..fb5066b
--- /dev/null
+++ b/assets/scss/bootstrap/utilities/_stretched-link.scss
@@ -0,0 +1,19 @@
+//
+// Stretched link
+//
+
+.stretched-link {
+ &::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1;
+ // Just in case `pointer-events: none` is set on a parent
+ pointer-events: auto;
+ content: "";
+ // IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color
+ background-color: rgba(0, 0, 0, 0);
+ }
+}
diff --git a/assets/scss/bootstrap/utilities/_text.scss b/assets/scss/bootstrap/utilities/_text.scss
index e0a928b..589e568 100755
--- a/assets/scss/bootstrap/utilities/_text.scss
+++ b/assets/scss/bootstrap/utilities/_text.scss
@@ -4,17 +4,14 @@
// Text
//
+.text-monospace { font-family: $font-family-monospace !important; }
+
// Alignment
-.text-justify {
- text-align: justify !important;
-}
-.text-nowrap {
- white-space: nowrap !important;
-}
-.text-truncate {
- @include text-truncate;
-}
+.text-justify { text-align: justify !important; }
+.text-wrap { white-space: normal !important; }
+.text-nowrap { white-space: nowrap !important; }
+.text-truncate { @include text-truncate; }
// Responsive alignment
@@ -22,61 +19,54 @@
@include media-breakpoint-up($breakpoint) {
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
- .text#{$infix}-left {
- text-align: left !important;
- }
- .text#{$infix}-right {
- text-align: right !important;
- }
- .text#{$infix}-center {
- text-align: center !important;
- }
+ .text#{$infix}-left { text-align: left !important; }
+ .text#{$infix}-right { text-align: right !important; }
+ .text#{$infix}-center { text-align: center !important; }
}
}
// Transformation
-.text-lowercase {
- text-transform: lowercase !important;
-}
-.text-uppercase {
- text-transform: uppercase !important;
-}
-.text-capitalize {
- text-transform: capitalize !important;
-}
+.text-lowercase { text-transform: lowercase !important; }
+.text-uppercase { text-transform: uppercase !important; }
+.text-capitalize { text-transform: capitalize !important; }
// Weight and italics
-.font-weight-light {
- font-weight: 300 !important;
-}
-.font-weight-normal {
- font-weight: 400 !important;
-}
-.font-weight-bold {
- font-weight: 400 !important;
-}
-.font-italic {
- font-style: italic !important;
-}
+.font-weight-light { font-weight: $font-weight-light !important; }
+.font-weight-lighter { font-weight: $font-weight-lighter !important; }
+.font-weight-normal { font-weight: $font-weight-normal !important; }
+.font-weight-bold { font-weight: $font-weight-bold !important; }
+.font-weight-bolder { font-weight: $font-weight-bolder !important; }
+.font-italic { font-style: italic !important; }
// Contextual colors
-.text-white {
- color: #fff !important;
-}
+.text-white { color: $white !important; }
@each $color, $value in $theme-colors {
- @include text-emphasis-variant('.text-#{$color}', $value);
+ @include text-emphasis-variant(".text-#{$color}", $value);
}
-.text-muted {
- color: $text-muted !important;
-}
+.text-body { color: $body-color !important; }
+.text-muted { color: $text-muted !important; }
+
+.text-black-50 { color: rgba($black, .5) !important; }
+.text-white-50 { color: rgba($white, .5) !important; }
// Misc
.text-hide {
- @include text-hide();
+ @include text-hide($ignore-warning: true);
}
+
+.text-decoration-none { text-decoration: none !important; }
+
+.text-break {
+ word-break: break-word !important; // IE & < Edge 18
+ overflow-wrap: break-word !important;
+}
+
+// Reset
+
+.text-reset { color: inherit !important; }
diff --git a/assets/scss/bootstrap/utilities/_visibility.scss b/assets/scss/bootstrap/utilities/_visibility.scss
index 823406d..7756c3b 100755
--- a/assets/scss/bootstrap/utilities/_visibility.scss
+++ b/assets/scss/bootstrap/utilities/_visibility.scss
@@ -1,11 +1,13 @@
+// stylelint-disable declaration-no-important
+
//
// Visibility utilities
//
.visible {
- @include invisible(visible);
+ visibility: visible !important;
}
.invisible {
- @include invisible(hidden);
+ visibility: hidden !important;
}
diff --git a/assets/scss/bootstrap/vendor/_rfs.scss b/assets/scss/bootstrap/vendor/_rfs.scss
new file mode 100755
index 0000000..497e07e
--- /dev/null
+++ b/assets/scss/bootstrap/vendor/_rfs.scss
@@ -0,0 +1,204 @@
+// stylelint-disable property-blacklist, scss/dollar-variable-default
+
+// SCSS RFS mixin
+//
+// Automated font-resizing
+//
+// See https://github.com/twbs/rfs
+
+// Configuration
+
+// Base font size
+$rfs-base-font-size: 1.25rem !default;
+$rfs-font-size-unit: rem !default;
+
+// Breakpoint at where font-size starts decreasing if screen width is smaller
+$rfs-breakpoint: 1200px !default;
+$rfs-breakpoint-unit: px !default;
+
+// Resize font-size based on screen height and width
+$rfs-two-dimensional: false !default;
+
+// Factor of decrease
+$rfs-factor: 10 !default;
+
+@if type-of($rfs-factor) != "number" or $rfs-factor <= 1 {
+ @error "`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.";
+}
+
+// Generate enable or disable classes. Possibilities: false, "enable" or "disable"
+$rfs-class: false !default;
+
+// 1 rem = $rfs-rem-value px
+$rfs-rem-value: 16 !default;
+
+// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14
+$rfs-safari-iframe-resize-bug-fix: false !default;
+
+// Disable RFS by setting $enable-responsive-font-sizes to false
+$enable-responsive-font-sizes: true !default;
+
+// Cache $rfs-base-font-size unit
+$rfs-base-font-size-unit: unit($rfs-base-font-size);
+
+// Remove px-unit from $rfs-base-font-size for calculations
+@if $rfs-base-font-size-unit == "px" {
+ $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);
+}
+@else if $rfs-base-font-size-unit == "rem" {
+ $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);
+}
+
+// Cache $rfs-breakpoint unit to prevent multiple calls
+$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);
+
+// Remove unit from $rfs-breakpoint for calculations
+@if $rfs-breakpoint-unit-cache == "px" {
+ $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);
+}
+@else if $rfs-breakpoint-unit-cache == "rem" or $rfs-breakpoint-unit-cache == "em" {
+ $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);
+}
+
+// Responsive font-size mixin
+@mixin rfs($fs, $important: false) {
+ // Cache $fs unit
+ $fs-unit: if(type-of($fs) == "number", unit($fs), false);
+
+ // Add !important suffix if needed
+ $rfs-suffix: if($important, " !important", "");
+
+ // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value
+ @if not $fs-unit or $fs-unit != "" and $fs-unit != "px" and $fs-unit != "rem" or $fs == 0 {
+ font-size: #{$fs}#{$rfs-suffix};
+ }
+ @else {
+ // Variables for storing static and fluid rescaling
+ $rfs-static: null;
+ $rfs-fluid: null;
+
+ // Remove px-unit from $fs for calculations
+ @if $fs-unit == "px" {
+ $fs: $fs / ($fs * 0 + 1);
+ }
+ @else if $fs-unit == "rem" {
+ $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);
+ }
+
+ // Set default font-size
+ @if $rfs-font-size-unit == rem {
+ $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};
+ }
+ @else if $rfs-font-size-unit == px {
+ $rfs-static: #{$fs}px#{$rfs-suffix};
+ }
+ @else {
+ @error "`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.";
+ }
+
+ // Only add media query if font-size is bigger as the minimum font-size
+ // If $rfs-factor == 1, no rescaling will take place
+ @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {
+ $min-width: null;
+ $variable-unit: null;
+
+ // Calculate minimum font-size for given font-size
+ $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;
+
+ // Calculate difference between given font-size and minimum font-size for given font-size
+ $fs-diff: $fs - $fs-min;
+
+ // Base font-size formatting
+ // No need to check if the unit is valid, because we did that before
+ $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);
+
+ // If two-dimensional, use smallest of screen width and height
+ $variable-unit: if($rfs-two-dimensional, vmin, vw);
+
+ // Calculate the variable width between 0 and $rfs-breakpoint
+ $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};
+
+ // Set the calculated font-size.
+ $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};
+ }
+
+ // Rendering
+ @if $rfs-fluid == null {
+ // Only render static font-size if no fluid font-size is available
+ font-size: $rfs-static;
+ }
+ @else {
+ $mq-value: null;
+
+ // RFS breakpoint formatting
+ @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {
+ $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};
+ }
+ @else if $rfs-breakpoint-unit == px {
+ $mq-value: #{$rfs-breakpoint}px;
+ }
+ @else {
+ @error "`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.";
+ }
+
+ @if $rfs-class == "disable" {
+ // Adding an extra class increases specificity,
+ // which prevents the media query to override the font size
+ &,
+ .disable-responsive-font-size &,
+ &.disable-responsive-font-size {
+ font-size: $rfs-static;
+ }
+ }
+ @else {
+ font-size: $rfs-static;
+ }
+
+ @if $rfs-two-dimensional {
+ @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {
+ @if $rfs-class == "enable" {
+ .enable-responsive-font-size &,
+ &.enable-responsive-font-size {
+ font-size: $rfs-fluid;
+ }
+ }
+ @else {
+ font-size: $rfs-fluid;
+ }
+
+ @if $rfs-safari-iframe-resize-bug-fix {
+ // stylelint-disable-next-line length-zero-no-unit
+ min-width: 0vw;
+ }
+ }
+ }
+ @else {
+ @media (max-width: #{$mq-value}) {
+ @if $rfs-class == "enable" {
+ .enable-responsive-font-size &,
+ &.enable-responsive-font-size {
+ font-size: $rfs-fluid;
+ }
+ }
+ @else {
+ font-size: $rfs-fluid;
+ }
+
+ @if $rfs-safari-iframe-resize-bug-fix {
+ // stylelint-disable-next-line length-zero-no-unit
+ min-width: 0vw;
+ }
+ }
+ }
+ }
+ }
+}
+
+// The font-size & responsive-font-size mixin uses RFS to rescale font sizes
+@mixin font-size($fs, $important: false) {
+ @include rfs($fs, $important);
+}
+
+@mixin responsive-font-size($fs, $important: false) {
+ @include rfs($fs, $important);
+}
diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index 30c4262..31373c2 100755
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -6,44 +6,15 @@
@import 'bootstrap-variables';
@import 'bootstrap/variables';
@import 'bootstrap/mixins';
-// @import 'bootstrap/root';
@import 'bootstrap/reboot';
@import 'bootstrap/utilities';
@import 'bootstrap/grid';
-// @import 'bootstrap/type';
@import 'bootstrap/tables';
-// @import "bootstrap/images";
-// @import "bootstrap/code";
-// @import "bootstrap/forms";
-// @import "bootstrap/buttons";
-// @import "bootstrap/transitions";
-// @import "bootstrap/dropdown";
-// @import "bootstrap/button-group";
-// @import "bootstrap/input-group";
-// @import "bootstrap/custom-forms";
-// @import "bootstrap/nav";
-// @import "bootstrap/navbar";
-// @import "bootstrap/card";
-// @import "bootstrap/breadcrumb";
-// @import "bootstrap/pagination";
-// @import "bootstrap/badge";
-// @import "bootstrap/jumbotron";
-// @import "bootstrap/alert";
-// @import "bootstrap/progress";
-// @import "bootstrap/media";
-// @import "bootstrap/list-group";
-// @import "bootstrap/close";
-// @import "bootstrap/modal";
-// @import "bootstrap/tooltip";
-// @import "bootstrap/popover";
-// @import "bootstrap/carousel";
-// @import "bootstrap/print";
// Libraries
@import 'libraries/hamburgers/hamburgers';
@import 'libraries/pygments/github';
-
// Components
@import 'components/reset';
@import 'components/type';
diff --git a/exampleSite/resources/_gen/assets/scss/scss/style.scss_5ad6f408b0e3e473c748aac88af0ea18.content b/exampleSite/resources/_gen/assets/scss/scss/style.scss_5ad6f408b0e3e473c748aac88af0ea18.content
index 00ca65c..54d7148 100644
--- a/exampleSite/resources/_gen/assets/scss/scss/style.scss_5ad6f408b0e3e473c748aac88af0ea18.content
+++ b/exampleSite/resources/_gen/assets/scss/scss/style.scss_5ad6f408b0e3e473c748aac88af0ea18.content
@@ -9,14 +9,9 @@ html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
- -ms-text-size-adjust: 100%;
- -ms-overflow-style: scrollbar;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
+ -webkit-tap-highlight-color: rgba(33, 37, 41, 0); }
-@-ms-viewport {
- width: device-width; }
-
-article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
+article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block; }
body {
@@ -50,7 +45,8 @@ abbr[data-original-title] {
text-decoration: underline;
text-decoration: underline dotted;
cursor: help;
- border-bottom: 0; }
+ border-bottom: 0;
+ text-decoration-skip-ink: none; }
address {
margin-bottom: 1rem;
@@ -79,9 +75,6 @@ dd {
blockquote {
margin: 0 0 1rem; }
-dfn {
- font-style: italic; }
-
b,
strong {
font-weight: bolder; }
@@ -105,8 +98,7 @@ sup {
a {
color: #1de9b6;
text-decoration: none;
- background-color: transparent;
- -webkit-text-decoration-skip: objects; }
+ background-color: transparent; }
a:hover {
color: #7af2d4;
text-decoration: underline; }
@@ -124,14 +116,13 @@ pre,
code,
kbd,
samp {
- font-family: monospace, monospace;
+ font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em; }
pre {
margin-top: 0;
margin-bottom: 1rem;
- overflow: auto;
- -ms-overflow-style: scrollbar; }
+ overflow: auto; }
figure {
margin: 0 0 1rem; }
@@ -140,8 +131,9 @@ img {
vertical-align: middle;
border-style: none; }
-svg:not(:root) {
- overflow: hidden; }
+svg {
+ overflow: hidden;
+ vertical-align: middle; }
table {
border-collapse: collapse; }
@@ -158,7 +150,7 @@ th {
label {
display: inline-block;
- margin-bottom: .5rem; }
+ margin-bottom: 0.5rem; }
button {
border-radius: 0; }
@@ -185,12 +177,21 @@ button,
select {
text-transform: none; }
+select {
+ word-wrap: normal; }
+
button,
-html [type="button"],
+[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; }
+button:not(:disabled),
+[type="button"]:not(:disabled),
+[type="reset"]:not(:disabled),
+[type="submit"]:not(:disabled) {
+ cursor: pointer; }
+
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
@@ -241,7 +242,6 @@ progress {
outline-offset: -2px;
-webkit-appearance: none; }
-[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
@@ -407,6 +407,9 @@ button.bg-dark:focus {
.border-white {
border-color: #fff !important; }
+.rounded-sm {
+ border-radius: 0.2rem !important; }
+
.rounded {
border-radius: 0.25rem !important; }
@@ -426,9 +429,15 @@ button.bg-dark:focus {
border-top-left-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important; }
+.rounded-lg {
+ border-radius: 0.3rem !important; }
+
.rounded-circle {
border-radius: 50% !important; }
+.rounded-pill {
+ border-radius: 50rem !important; }
+
.rounded-0 {
border-radius: 0 !important; }
@@ -619,6 +628,21 @@ button.bg-dark:focus {
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important; }
+.flex-fill {
+ flex: 1 1 auto !important; }
+
+.flex-grow-0 {
+ flex-grow: 0 !important; }
+
+.flex-grow-1 {
+ flex-grow: 1 !important; }
+
+.flex-shrink-0 {
+ flex-shrink: 0 !important; }
+
+.flex-shrink-1 {
+ flex-shrink: 1 !important; }
+
.justify-content-start {
justify-content: flex-start !important; }
@@ -700,6 +724,16 @@ button.bg-dark:focus {
flex-wrap: nowrap !important; }
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important; }
+ .flex-sm-fill {
+ flex: 1 1 auto !important; }
+ .flex-sm-grow-0 {
+ flex-grow: 0 !important; }
+ .flex-sm-grow-1 {
+ flex-grow: 1 !important; }
+ .flex-sm-shrink-0 {
+ flex-shrink: 0 !important; }
+ .flex-sm-shrink-1 {
+ flex-shrink: 1 !important; }
.justify-content-sm-start {
justify-content: flex-start !important; }
.justify-content-sm-end {
@@ -760,6 +794,16 @@ button.bg-dark:focus {
flex-wrap: nowrap !important; }
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important; }
+ .flex-md-fill {
+ flex: 1 1 auto !important; }
+ .flex-md-grow-0 {
+ flex-grow: 0 !important; }
+ .flex-md-grow-1 {
+ flex-grow: 1 !important; }
+ .flex-md-shrink-0 {
+ flex-shrink: 0 !important; }
+ .flex-md-shrink-1 {
+ flex-shrink: 1 !important; }
.justify-content-md-start {
justify-content: flex-start !important; }
.justify-content-md-end {
@@ -820,6 +864,16 @@ button.bg-dark:focus {
flex-wrap: nowrap !important; }
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important; }
+ .flex-lg-fill {
+ flex: 1 1 auto !important; }
+ .flex-lg-grow-0 {
+ flex-grow: 0 !important; }
+ .flex-lg-grow-1 {
+ flex-grow: 1 !important; }
+ .flex-lg-shrink-0 {
+ flex-shrink: 0 !important; }
+ .flex-lg-shrink-1 {
+ flex-shrink: 1 !important; }
.justify-content-lg-start {
justify-content: flex-start !important; }
.justify-content-lg-end {
@@ -880,6 +934,16 @@ button.bg-dark:focus {
flex-wrap: nowrap !important; }
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important; }
+ .flex-xl-fill {
+ flex: 1 1 auto !important; }
+ .flex-xl-grow-0 {
+ flex-grow: 0 !important; }
+ .flex-xl-grow-1 {
+ flex-grow: 1 !important; }
+ .flex-xl-shrink-0 {
+ flex-shrink: 0 !important; }
+ .flex-xl-shrink-1 {
+ flex-shrink: 1 !important; }
.justify-content-xl-start {
justify-content: flex-start !important; }
.justify-content-xl-end {
@@ -966,6 +1030,12 @@ button.bg-dark:focus {
.float-xl-none {
float: none !important; } }
+.overflow-auto {
+ overflow: auto !important; }
+
+.overflow-hidden {
+ overflow: hidden !important; }
+
.position-static {
position: static !important; }
@@ -1009,7 +1079,6 @@ button.bg-dark:focus {
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
- clip-path: inset(50%);
border: 0; }
.sr-only-focusable:active, .sr-only-focusable:focus {
@@ -1018,8 +1087,19 @@ button.bg-dark:focus {
height: auto;
overflow: visible;
clip: auto;
- white-space: normal;
- clip-path: none; }
+ white-space: normal; }
+
+.shadow-sm {
+ box-shadow: 0 0.125rem 0.25rem rgba(33, 37, 41, 0.075) !important; }
+
+.shadow {
+ box-shadow: 0 0.5rem 1rem rgba(33, 37, 41, 0.15) !important; }
+
+.shadow-lg {
+ box-shadow: 0 1rem 3rem rgba(33, 37, 41, 0.175) !important; }
+
+.shadow-none {
+ box-shadow: none !important; }
.w-25 {
width: 25% !important; }
@@ -1033,6 +1113,9 @@ button.bg-dark:focus {
.w-100 {
width: 100% !important; }
+.w-auto {
+ width: auto !important; }
+
.h-25 {
height: 25% !important; }
@@ -1045,12 +1128,38 @@ button.bg-dark:focus {
.h-100 {
height: 100% !important; }
+.h-auto {
+ height: auto !important; }
+
.mw-100 {
max-width: 100% !important; }
.mh-100 {
max-height: 100% !important; }
+.min-vw-100 {
+ min-width: 100vw !important; }
+
+.min-vh-100 {
+ min-height: 100vh !important; }
+
+.vw-100 {
+ width: 100vw !important; }
+
+.vh-100 {
+ height: 100vh !important; }
+
+.stretched-link::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1;
+ pointer-events: auto;
+ content: "";
+ background-color: rgba(0, 0, 0, 0); }
+
.m-0 {
margin: 0 !important; }
@@ -1849,6 +1958,386 @@ button.bg-dark:focus {
.px-20 {
padding-left: 200px !important; }
+.m-n1 {
+ margin: -10px !important; }
+
+.mt-n1,
+.my-n1 {
+ margin-top: -10px !important; }
+
+.mr-n1,
+.mx-n1 {
+ margin-right: -10px !important; }
+
+.mb-n1,
+.my-n1 {
+ margin-bottom: -10px !important; }
+
+.ml-n1,
+.mx-n1 {
+ margin-left: -10px !important; }
+
+.m-n2 {
+ margin: -20px !important; }
+
+.mt-n2,
+.my-n2 {
+ margin-top: -20px !important; }
+
+.mr-n2,
+.mx-n2 {
+ margin-right: -20px !important; }
+
+.mb-n2,
+.my-n2 {
+ margin-bottom: -20px !important; }
+
+.ml-n2,
+.mx-n2 {
+ margin-left: -20px !important; }
+
+.m-n3 {
+ margin: -30px !important; }
+
+.mt-n3,
+.my-n3 {
+ margin-top: -30px !important; }
+
+.mr-n3,
+.mx-n3 {
+ margin-right: -30px !important; }
+
+.mb-n3,
+.my-n3 {
+ margin-bottom: -30px !important; }
+
+.ml-n3,
+.mx-n3 {
+ margin-left: -30px !important; }
+
+.m-n4 {
+ margin: -40px !important; }
+
+.mt-n4,
+.my-n4 {
+ margin-top: -40px !important; }
+
+.mr-n4,
+.mx-n4 {
+ margin-right: -40px !important; }
+
+.mb-n4,
+.my-n4 {
+ margin-bottom: -40px !important; }
+
+.ml-n4,
+.mx-n4 {
+ margin-left: -40px !important; }
+
+.m-n5 {
+ margin: -50px !important; }
+
+.mt-n5,
+.my-n5 {
+ margin-top: -50px !important; }
+
+.mr-n5,
+.mx-n5 {
+ margin-right: -50px !important; }
+
+.mb-n5,
+.my-n5 {
+ margin-bottom: -50px !important; }
+
+.ml-n5,
+.mx-n5 {
+ margin-left: -50px !important; }
+
+.m-n6 {
+ margin: -60px !important; }
+
+.mt-n6,
+.my-n6 {
+ margin-top: -60px !important; }
+
+.mr-n6,
+.mx-n6 {
+ margin-right: -60px !important; }
+
+.mb-n6,
+.my-n6 {
+ margin-bottom: -60px !important; }
+
+.ml-n6,
+.mx-n6 {
+ margin-left: -60px !important; }
+
+.m-n7 {
+ margin: -70px !important; }
+
+.mt-n7,
+.my-n7 {
+ margin-top: -70px !important; }
+
+.mr-n7,
+.mx-n7 {
+ margin-right: -70px !important; }
+
+.mb-n7,
+.my-n7 {
+ margin-bottom: -70px !important; }
+
+.ml-n7,
+.mx-n7 {
+ margin-left: -70px !important; }
+
+.m-n8 {
+ margin: -80px !important; }
+
+.mt-n8,
+.my-n8 {
+ margin-top: -80px !important; }
+
+.mr-n8,
+.mx-n8 {
+ margin-right: -80px !important; }
+
+.mb-n8,
+.my-n8 {
+ margin-bottom: -80px !important; }
+
+.ml-n8,
+.mx-n8 {
+ margin-left: -80px !important; }
+
+.m-n9 {
+ margin: -90px !important; }
+
+.mt-n9,
+.my-n9 {
+ margin-top: -90px !important; }
+
+.mr-n9,
+.mx-n9 {
+ margin-right: -90px !important; }
+
+.mb-n9,
+.my-n9 {
+ margin-bottom: -90px !important; }
+
+.ml-n9,
+.mx-n9 {
+ margin-left: -90px !important; }
+
+.m-n10 {
+ margin: -100px !important; }
+
+.mt-n10,
+.my-n10 {
+ margin-top: -100px !important; }
+
+.mr-n10,
+.mx-n10 {
+ margin-right: -100px !important; }
+
+.mb-n10,
+.my-n10 {
+ margin-bottom: -100px !important; }
+
+.ml-n10,
+.mx-n10 {
+ margin-left: -100px !important; }
+
+.m-n11 {
+ margin: -110px !important; }
+
+.mt-n11,
+.my-n11 {
+ margin-top: -110px !important; }
+
+.mr-n11,
+.mx-n11 {
+ margin-right: -110px !important; }
+
+.mb-n11,
+.my-n11 {
+ margin-bottom: -110px !important; }
+
+.ml-n11,
+.mx-n11 {
+ margin-left: -110px !important; }
+
+.m-n12 {
+ margin: -120px !important; }
+
+.mt-n12,
+.my-n12 {
+ margin-top: -120px !important; }
+
+.mr-n12,
+.mx-n12 {
+ margin-right: -120px !important; }
+
+.mb-n12,
+.my-n12 {
+ margin-bottom: -120px !important; }
+
+.ml-n12,
+.mx-n12 {
+ margin-left: -120px !important; }
+
+.m-n13 {
+ margin: -130px !important; }
+
+.mt-n13,
+.my-n13 {
+ margin-top: -130px !important; }
+
+.mr-n13,
+.mx-n13 {
+ margin-right: -130px !important; }
+
+.mb-n13,
+.my-n13 {
+ margin-bottom: -130px !important; }
+
+.ml-n13,
+.mx-n13 {
+ margin-left: -130px !important; }
+
+.m-n14 {
+ margin: -140px !important; }
+
+.mt-n14,
+.my-n14 {
+ margin-top: -140px !important; }
+
+.mr-n14,
+.mx-n14 {
+ margin-right: -140px !important; }
+
+.mb-n14,
+.my-n14 {
+ margin-bottom: -140px !important; }
+
+.ml-n14,
+.mx-n14 {
+ margin-left: -140px !important; }
+
+.m-n15 {
+ margin: -150px !important; }
+
+.mt-n15,
+.my-n15 {
+ margin-top: -150px !important; }
+
+.mr-n15,
+.mx-n15 {
+ margin-right: -150px !important; }
+
+.mb-n15,
+.my-n15 {
+ margin-bottom: -150px !important; }
+
+.ml-n15,
+.mx-n15 {
+ margin-left: -150px !important; }
+
+.m-n16 {
+ margin: -160px !important; }
+
+.mt-n16,
+.my-n16 {
+ margin-top: -160px !important; }
+
+.mr-n16,
+.mx-n16 {
+ margin-right: -160px !important; }
+
+.mb-n16,
+.my-n16 {
+ margin-bottom: -160px !important; }
+
+.ml-n16,
+.mx-n16 {
+ margin-left: -160px !important; }
+
+.m-n17 {
+ margin: -170px !important; }
+
+.mt-n17,
+.my-n17 {
+ margin-top: -170px !important; }
+
+.mr-n17,
+.mx-n17 {
+ margin-right: -170px !important; }
+
+.mb-n17,
+.my-n17 {
+ margin-bottom: -170px !important; }
+
+.ml-n17,
+.mx-n17 {
+ margin-left: -170px !important; }
+
+.m-n18 {
+ margin: -180px !important; }
+
+.mt-n18,
+.my-n18 {
+ margin-top: -180px !important; }
+
+.mr-n18,
+.mx-n18 {
+ margin-right: -180px !important; }
+
+.mb-n18,
+.my-n18 {
+ margin-bottom: -180px !important; }
+
+.ml-n18,
+.mx-n18 {
+ margin-left: -180px !important; }
+
+.m-n19 {
+ margin: -190px !important; }
+
+.mt-n19,
+.my-n19 {
+ margin-top: -190px !important; }
+
+.mr-n19,
+.mx-n19 {
+ margin-right: -190px !important; }
+
+.mb-n19,
+.my-n19 {
+ margin-bottom: -190px !important; }
+
+.ml-n19,
+.mx-n19 {
+ margin-left: -190px !important; }
+
+.m-n20 {
+ margin: -200px !important; }
+
+.mt-n20,
+.my-n20 {
+ margin-top: -200px !important; }
+
+.mr-n20,
+.mx-n20 {
+ margin-right: -200px !important; }
+
+.mb-n20,
+.my-n20 {
+ margin-bottom: -200px !important; }
+
+.ml-n20,
+.mx-n20 {
+ margin-left: -200px !important; }
+
.m-auto {
margin: auto !important; }
@@ -2457,6 +2946,286 @@ button.bg-dark:focus {
.pl-sm-20,
.px-sm-20 {
padding-left: 200px !important; }
+ .m-sm-n1 {
+ margin: -10px !important; }
+ .mt-sm-n1,
+ .my-sm-n1 {
+ margin-top: -10px !important; }
+ .mr-sm-n1,
+ .mx-sm-n1 {
+ margin-right: -10px !important; }
+ .mb-sm-n1,
+ .my-sm-n1 {
+ margin-bottom: -10px !important; }
+ .ml-sm-n1,
+ .mx-sm-n1 {
+ margin-left: -10px !important; }
+ .m-sm-n2 {
+ margin: -20px !important; }
+ .mt-sm-n2,
+ .my-sm-n2 {
+ margin-top: -20px !important; }
+ .mr-sm-n2,
+ .mx-sm-n2 {
+ margin-right: -20px !important; }
+ .mb-sm-n2,
+ .my-sm-n2 {
+ margin-bottom: -20px !important; }
+ .ml-sm-n2,
+ .mx-sm-n2 {
+ margin-left: -20px !important; }
+ .m-sm-n3 {
+ margin: -30px !important; }
+ .mt-sm-n3,
+ .my-sm-n3 {
+ margin-top: -30px !important; }
+ .mr-sm-n3,
+ .mx-sm-n3 {
+ margin-right: -30px !important; }
+ .mb-sm-n3,
+ .my-sm-n3 {
+ margin-bottom: -30px !important; }
+ .ml-sm-n3,
+ .mx-sm-n3 {
+ margin-left: -30px !important; }
+ .m-sm-n4 {
+ margin: -40px !important; }
+ .mt-sm-n4,
+ .my-sm-n4 {
+ margin-top: -40px !important; }
+ .mr-sm-n4,
+ .mx-sm-n4 {
+ margin-right: -40px !important; }
+ .mb-sm-n4,
+ .my-sm-n4 {
+ margin-bottom: -40px !important; }
+ .ml-sm-n4,
+ .mx-sm-n4 {
+ margin-left: -40px !important; }
+ .m-sm-n5 {
+ margin: -50px !important; }
+ .mt-sm-n5,
+ .my-sm-n5 {
+ margin-top: -50px !important; }
+ .mr-sm-n5,
+ .mx-sm-n5 {
+ margin-right: -50px !important; }
+ .mb-sm-n5,
+ .my-sm-n5 {
+ margin-bottom: -50px !important; }
+ .ml-sm-n5,
+ .mx-sm-n5 {
+ margin-left: -50px !important; }
+ .m-sm-n6 {
+ margin: -60px !important; }
+ .mt-sm-n6,
+ .my-sm-n6 {
+ margin-top: -60px !important; }
+ .mr-sm-n6,
+ .mx-sm-n6 {
+ margin-right: -60px !important; }
+ .mb-sm-n6,
+ .my-sm-n6 {
+ margin-bottom: -60px !important; }
+ .ml-sm-n6,
+ .mx-sm-n6 {
+ margin-left: -60px !important; }
+ .m-sm-n7 {
+ margin: -70px !important; }
+ .mt-sm-n7,
+ .my-sm-n7 {
+ margin-top: -70px !important; }
+ .mr-sm-n7,
+ .mx-sm-n7 {
+ margin-right: -70px !important; }
+ .mb-sm-n7,
+ .my-sm-n7 {
+ margin-bottom: -70px !important; }
+ .ml-sm-n7,
+ .mx-sm-n7 {
+ margin-left: -70px !important; }
+ .m-sm-n8 {
+ margin: -80px !important; }
+ .mt-sm-n8,
+ .my-sm-n8 {
+ margin-top: -80px !important; }
+ .mr-sm-n8,
+ .mx-sm-n8 {
+ margin-right: -80px !important; }
+ .mb-sm-n8,
+ .my-sm-n8 {
+ margin-bottom: -80px !important; }
+ .ml-sm-n8,
+ .mx-sm-n8 {
+ margin-left: -80px !important; }
+ .m-sm-n9 {
+ margin: -90px !important; }
+ .mt-sm-n9,
+ .my-sm-n9 {
+ margin-top: -90px !important; }
+ .mr-sm-n9,
+ .mx-sm-n9 {
+ margin-right: -90px !important; }
+ .mb-sm-n9,
+ .my-sm-n9 {
+ margin-bottom: -90px !important; }
+ .ml-sm-n9,
+ .mx-sm-n9 {
+ margin-left: -90px !important; }
+ .m-sm-n10 {
+ margin: -100px !important; }
+ .mt-sm-n10,
+ .my-sm-n10 {
+ margin-top: -100px !important; }
+ .mr-sm-n10,
+ .mx-sm-n10 {
+ margin-right: -100px !important; }
+ .mb-sm-n10,
+ .my-sm-n10 {
+ margin-bottom: -100px !important; }
+ .ml-sm-n10,
+ .mx-sm-n10 {
+ margin-left: -100px !important; }
+ .m-sm-n11 {
+ margin: -110px !important; }
+ .mt-sm-n11,
+ .my-sm-n11 {
+ margin-top: -110px !important; }
+ .mr-sm-n11,
+ .mx-sm-n11 {
+ margin-right: -110px !important; }
+ .mb-sm-n11,
+ .my-sm-n11 {
+ margin-bottom: -110px !important; }
+ .ml-sm-n11,
+ .mx-sm-n11 {
+ margin-left: -110px !important; }
+ .m-sm-n12 {
+ margin: -120px !important; }
+ .mt-sm-n12,
+ .my-sm-n12 {
+ margin-top: -120px !important; }
+ .mr-sm-n12,
+ .mx-sm-n12 {
+ margin-right: -120px !important; }
+ .mb-sm-n12,
+ .my-sm-n12 {
+ margin-bottom: -120px !important; }
+ .ml-sm-n12,
+ .mx-sm-n12 {
+ margin-left: -120px !important; }
+ .m-sm-n13 {
+ margin: -130px !important; }
+ .mt-sm-n13,
+ .my-sm-n13 {
+ margin-top: -130px !important; }
+ .mr-sm-n13,
+ .mx-sm-n13 {
+ margin-right: -130px !important; }
+ .mb-sm-n13,
+ .my-sm-n13 {
+ margin-bottom: -130px !important; }
+ .ml-sm-n13,
+ .mx-sm-n13 {
+ margin-left: -130px !important; }
+ .m-sm-n14 {
+ margin: -140px !important; }
+ .mt-sm-n14,
+ .my-sm-n14 {
+ margin-top: -140px !important; }
+ .mr-sm-n14,
+ .mx-sm-n14 {
+ margin-right: -140px !important; }
+ .mb-sm-n14,
+ .my-sm-n14 {
+ margin-bottom: -140px !important; }
+ .ml-sm-n14,
+ .mx-sm-n14 {
+ margin-left: -140px !important; }
+ .m-sm-n15 {
+ margin: -150px !important; }
+ .mt-sm-n15,
+ .my-sm-n15 {
+ margin-top: -150px !important; }
+ .mr-sm-n15,
+ .mx-sm-n15 {
+ margin-right: -150px !important; }
+ .mb-sm-n15,
+ .my-sm-n15 {
+ margin-bottom: -150px !important; }
+ .ml-sm-n15,
+ .mx-sm-n15 {
+ margin-left: -150px !important; }
+ .m-sm-n16 {
+ margin: -160px !important; }
+ .mt-sm-n16,
+ .my-sm-n16 {
+ margin-top: -160px !important; }
+ .mr-sm-n16,
+ .mx-sm-n16 {
+ margin-right: -160px !important; }
+ .mb-sm-n16,
+ .my-sm-n16 {
+ margin-bottom: -160px !important; }
+ .ml-sm-n16,
+ .mx-sm-n16 {
+ margin-left: -160px !important; }
+ .m-sm-n17 {
+ margin: -170px !important; }
+ .mt-sm-n17,
+ .my-sm-n17 {
+ margin-top: -170px !important; }
+ .mr-sm-n17,
+ .mx-sm-n17 {
+ margin-right: -170px !important; }
+ .mb-sm-n17,
+ .my-sm-n17 {
+ margin-bottom: -170px !important; }
+ .ml-sm-n17,
+ .mx-sm-n17 {
+ margin-left: -170px !important; }
+ .m-sm-n18 {
+ margin: -180px !important; }
+ .mt-sm-n18,
+ .my-sm-n18 {
+ margin-top: -180px !important; }
+ .mr-sm-n18,
+ .mx-sm-n18 {
+ margin-right: -180px !important; }
+ .mb-sm-n18,
+ .my-sm-n18 {
+ margin-bottom: -180px !important; }
+ .ml-sm-n18,
+ .mx-sm-n18 {
+ margin-left: -180px !important; }
+ .m-sm-n19 {
+ margin: -190px !important; }
+ .mt-sm-n19,
+ .my-sm-n19 {
+ margin-top: -190px !important; }
+ .mr-sm-n19,
+ .mx-sm-n19 {
+ margin-right: -190px !important; }
+ .mb-sm-n19,
+ .my-sm-n19 {
+ margin-bottom: -190px !important; }
+ .ml-sm-n19,
+ .mx-sm-n19 {
+ margin-left: -190px !important; }
+ .m-sm-n20 {
+ margin: -200px !important; }
+ .mt-sm-n20,
+ .my-sm-n20 {
+ margin-top: -200px !important; }
+ .mr-sm-n20,
+ .mx-sm-n20 {
+ margin-right: -200px !important; }
+ .mb-sm-n20,
+ .my-sm-n20 {
+ margin-bottom: -200px !important; }
+ .ml-sm-n20,
+ .mx-sm-n20 {
+ margin-left: -200px !important; }
.m-sm-auto {
margin: auto !important; }
.mt-sm-auto,
@@ -3061,6 +3830,286 @@ button.bg-dark:focus {
.pl-md-20,
.px-md-20 {
padding-left: 200px !important; }
+ .m-md-n1 {
+ margin: -10px !important; }
+ .mt-md-n1,
+ .my-md-n1 {
+ margin-top: -10px !important; }
+ .mr-md-n1,
+ .mx-md-n1 {
+ margin-right: -10px !important; }
+ .mb-md-n1,
+ .my-md-n1 {
+ margin-bottom: -10px !important; }
+ .ml-md-n1,
+ .mx-md-n1 {
+ margin-left: -10px !important; }
+ .m-md-n2 {
+ margin: -20px !important; }
+ .mt-md-n2,
+ .my-md-n2 {
+ margin-top: -20px !important; }
+ .mr-md-n2,
+ .mx-md-n2 {
+ margin-right: -20px !important; }
+ .mb-md-n2,
+ .my-md-n2 {
+ margin-bottom: -20px !important; }
+ .ml-md-n2,
+ .mx-md-n2 {
+ margin-left: -20px !important; }
+ .m-md-n3 {
+ margin: -30px !important; }
+ .mt-md-n3,
+ .my-md-n3 {
+ margin-top: -30px !important; }
+ .mr-md-n3,
+ .mx-md-n3 {
+ margin-right: -30px !important; }
+ .mb-md-n3,
+ .my-md-n3 {
+ margin-bottom: -30px !important; }
+ .ml-md-n3,
+ .mx-md-n3 {
+ margin-left: -30px !important; }
+ .m-md-n4 {
+ margin: -40px !important; }
+ .mt-md-n4,
+ .my-md-n4 {
+ margin-top: -40px !important; }
+ .mr-md-n4,
+ .mx-md-n4 {
+ margin-right: -40px !important; }
+ .mb-md-n4,
+ .my-md-n4 {
+ margin-bottom: -40px !important; }
+ .ml-md-n4,
+ .mx-md-n4 {
+ margin-left: -40px !important; }
+ .m-md-n5 {
+ margin: -50px !important; }
+ .mt-md-n5,
+ .my-md-n5 {
+ margin-top: -50px !important; }
+ .mr-md-n5,
+ .mx-md-n5 {
+ margin-right: -50px !important; }
+ .mb-md-n5,
+ .my-md-n5 {
+ margin-bottom: -50px !important; }
+ .ml-md-n5,
+ .mx-md-n5 {
+ margin-left: -50px !important; }
+ .m-md-n6 {
+ margin: -60px !important; }
+ .mt-md-n6,
+ .my-md-n6 {
+ margin-top: -60px !important; }
+ .mr-md-n6,
+ .mx-md-n6 {
+ margin-right: -60px !important; }
+ .mb-md-n6,
+ .my-md-n6 {
+ margin-bottom: -60px !important; }
+ .ml-md-n6,
+ .mx-md-n6 {
+ margin-left: -60px !important; }
+ .m-md-n7 {
+ margin: -70px !important; }
+ .mt-md-n7,
+ .my-md-n7 {
+ margin-top: -70px !important; }
+ .mr-md-n7,
+ .mx-md-n7 {
+ margin-right: -70px !important; }
+ .mb-md-n7,
+ .my-md-n7 {
+ margin-bottom: -70px !important; }
+ .ml-md-n7,
+ .mx-md-n7 {
+ margin-left: -70px !important; }
+ .m-md-n8 {
+ margin: -80px !important; }
+ .mt-md-n8,
+ .my-md-n8 {
+ margin-top: -80px !important; }
+ .mr-md-n8,
+ .mx-md-n8 {
+ margin-right: -80px !important; }
+ .mb-md-n8,
+ .my-md-n8 {
+ margin-bottom: -80px !important; }
+ .ml-md-n8,
+ .mx-md-n8 {
+ margin-left: -80px !important; }
+ .m-md-n9 {
+ margin: -90px !important; }
+ .mt-md-n9,
+ .my-md-n9 {
+ margin-top: -90px !important; }
+ .mr-md-n9,
+ .mx-md-n9 {
+ margin-right: -90px !important; }
+ .mb-md-n9,
+ .my-md-n9 {
+ margin-bottom: -90px !important; }
+ .ml-md-n9,
+ .mx-md-n9 {
+ margin-left: -90px !important; }
+ .m-md-n10 {
+ margin: -100px !important; }
+ .mt-md-n10,
+ .my-md-n10 {
+ margin-top: -100px !important; }
+ .mr-md-n10,
+ .mx-md-n10 {
+ margin-right: -100px !important; }
+ .mb-md-n10,
+ .my-md-n10 {
+ margin-bottom: -100px !important; }
+ .ml-md-n10,
+ .mx-md-n10 {
+ margin-left: -100px !important; }
+ .m-md-n11 {
+ margin: -110px !important; }
+ .mt-md-n11,
+ .my-md-n11 {
+ margin-top: -110px !important; }
+ .mr-md-n11,
+ .mx-md-n11 {
+ margin-right: -110px !important; }
+ .mb-md-n11,
+ .my-md-n11 {
+ margin-bottom: -110px !important; }
+ .ml-md-n11,
+ .mx-md-n11 {
+ margin-left: -110px !important; }
+ .m-md-n12 {
+ margin: -120px !important; }
+ .mt-md-n12,
+ .my-md-n12 {
+ margin-top: -120px !important; }
+ .mr-md-n12,
+ .mx-md-n12 {
+ margin-right: -120px !important; }
+ .mb-md-n12,
+ .my-md-n12 {
+ margin-bottom: -120px !important; }
+ .ml-md-n12,
+ .mx-md-n12 {
+ margin-left: -120px !important; }
+ .m-md-n13 {
+ margin: -130px !important; }
+ .mt-md-n13,
+ .my-md-n13 {
+ margin-top: -130px !important; }
+ .mr-md-n13,
+ .mx-md-n13 {
+ margin-right: -130px !important; }
+ .mb-md-n13,
+ .my-md-n13 {
+ margin-bottom: -130px !important; }
+ .ml-md-n13,
+ .mx-md-n13 {
+ margin-left: -130px !important; }
+ .m-md-n14 {
+ margin: -140px !important; }
+ .mt-md-n14,
+ .my-md-n14 {
+ margin-top: -140px !important; }
+ .mr-md-n14,
+ .mx-md-n14 {
+ margin-right: -140px !important; }
+ .mb-md-n14,
+ .my-md-n14 {
+ margin-bottom: -140px !important; }
+ .ml-md-n14,
+ .mx-md-n14 {
+ margin-left: -140px !important; }
+ .m-md-n15 {
+ margin: -150px !important; }
+ .mt-md-n15,
+ .my-md-n15 {
+ margin-top: -150px !important; }
+ .mr-md-n15,
+ .mx-md-n15 {
+ margin-right: -150px !important; }
+ .mb-md-n15,
+ .my-md-n15 {
+ margin-bottom: -150px !important; }
+ .ml-md-n15,
+ .mx-md-n15 {
+ margin-left: -150px !important; }
+ .m-md-n16 {
+ margin: -160px !important; }
+ .mt-md-n16,
+ .my-md-n16 {
+ margin-top: -160px !important; }
+ .mr-md-n16,
+ .mx-md-n16 {
+ margin-right: -160px !important; }
+ .mb-md-n16,
+ .my-md-n16 {
+ margin-bottom: -160px !important; }
+ .ml-md-n16,
+ .mx-md-n16 {
+ margin-left: -160px !important; }
+ .m-md-n17 {
+ margin: -170px !important; }
+ .mt-md-n17,
+ .my-md-n17 {
+ margin-top: -170px !important; }
+ .mr-md-n17,
+ .mx-md-n17 {
+ margin-right: -170px !important; }
+ .mb-md-n17,
+ .my-md-n17 {
+ margin-bottom: -170px !important; }
+ .ml-md-n17,
+ .mx-md-n17 {
+ margin-left: -170px !important; }
+ .m-md-n18 {
+ margin: -180px !important; }
+ .mt-md-n18,
+ .my-md-n18 {
+ margin-top: -180px !important; }
+ .mr-md-n18,
+ .mx-md-n18 {
+ margin-right: -180px !important; }
+ .mb-md-n18,
+ .my-md-n18 {
+ margin-bottom: -180px !important; }
+ .ml-md-n18,
+ .mx-md-n18 {
+ margin-left: -180px !important; }
+ .m-md-n19 {
+ margin: -190px !important; }
+ .mt-md-n19,
+ .my-md-n19 {
+ margin-top: -190px !important; }
+ .mr-md-n19,
+ .mx-md-n19 {
+ margin-right: -190px !important; }
+ .mb-md-n19,
+ .my-md-n19 {
+ margin-bottom: -190px !important; }
+ .ml-md-n19,
+ .mx-md-n19 {
+ margin-left: -190px !important; }
+ .m-md-n20 {
+ margin: -200px !important; }
+ .mt-md-n20,
+ .my-md-n20 {
+ margin-top: -200px !important; }
+ .mr-md-n20,
+ .mx-md-n20 {
+ margin-right: -200px !important; }
+ .mb-md-n20,
+ .my-md-n20 {
+ margin-bottom: -200px !important; }
+ .ml-md-n20,
+ .mx-md-n20 {
+ margin-left: -200px !important; }
.m-md-auto {
margin: auto !important; }
.mt-md-auto,
@@ -3665,6 +4714,286 @@ button.bg-dark:focus {
.pl-lg-20,
.px-lg-20 {
padding-left: 200px !important; }
+ .m-lg-n1 {
+ margin: -10px !important; }
+ .mt-lg-n1,
+ .my-lg-n1 {
+ margin-top: -10px !important; }
+ .mr-lg-n1,
+ .mx-lg-n1 {
+ margin-right: -10px !important; }
+ .mb-lg-n1,
+ .my-lg-n1 {
+ margin-bottom: -10px !important; }
+ .ml-lg-n1,
+ .mx-lg-n1 {
+ margin-left: -10px !important; }
+ .m-lg-n2 {
+ margin: -20px !important; }
+ .mt-lg-n2,
+ .my-lg-n2 {
+ margin-top: -20px !important; }
+ .mr-lg-n2,
+ .mx-lg-n2 {
+ margin-right: -20px !important; }
+ .mb-lg-n2,
+ .my-lg-n2 {
+ margin-bottom: -20px !important; }
+ .ml-lg-n2,
+ .mx-lg-n2 {
+ margin-left: -20px !important; }
+ .m-lg-n3 {
+ margin: -30px !important; }
+ .mt-lg-n3,
+ .my-lg-n3 {
+ margin-top: -30px !important; }
+ .mr-lg-n3,
+ .mx-lg-n3 {
+ margin-right: -30px !important; }
+ .mb-lg-n3,
+ .my-lg-n3 {
+ margin-bottom: -30px !important; }
+ .ml-lg-n3,
+ .mx-lg-n3 {
+ margin-left: -30px !important; }
+ .m-lg-n4 {
+ margin: -40px !important; }
+ .mt-lg-n4,
+ .my-lg-n4 {
+ margin-top: -40px !important; }
+ .mr-lg-n4,
+ .mx-lg-n4 {
+ margin-right: -40px !important; }
+ .mb-lg-n4,
+ .my-lg-n4 {
+ margin-bottom: -40px !important; }
+ .ml-lg-n4,
+ .mx-lg-n4 {
+ margin-left: -40px !important; }
+ .m-lg-n5 {
+ margin: -50px !important; }
+ .mt-lg-n5,
+ .my-lg-n5 {
+ margin-top: -50px !important; }
+ .mr-lg-n5,
+ .mx-lg-n5 {
+ margin-right: -50px !important; }
+ .mb-lg-n5,
+ .my-lg-n5 {
+ margin-bottom: -50px !important; }
+ .ml-lg-n5,
+ .mx-lg-n5 {
+ margin-left: -50px !important; }
+ .m-lg-n6 {
+ margin: -60px !important; }
+ .mt-lg-n6,
+ .my-lg-n6 {
+ margin-top: -60px !important; }
+ .mr-lg-n6,
+ .mx-lg-n6 {
+ margin-right: -60px !important; }
+ .mb-lg-n6,
+ .my-lg-n6 {
+ margin-bottom: -60px !important; }
+ .ml-lg-n6,
+ .mx-lg-n6 {
+ margin-left: -60px !important; }
+ .m-lg-n7 {
+ margin: -70px !important; }
+ .mt-lg-n7,
+ .my-lg-n7 {
+ margin-top: -70px !important; }
+ .mr-lg-n7,
+ .mx-lg-n7 {
+ margin-right: -70px !important; }
+ .mb-lg-n7,
+ .my-lg-n7 {
+ margin-bottom: -70px !important; }
+ .ml-lg-n7,
+ .mx-lg-n7 {
+ margin-left: -70px !important; }
+ .m-lg-n8 {
+ margin: -80px !important; }
+ .mt-lg-n8,
+ .my-lg-n8 {
+ margin-top: -80px !important; }
+ .mr-lg-n8,
+ .mx-lg-n8 {
+ margin-right: -80px !important; }
+ .mb-lg-n8,
+ .my-lg-n8 {
+ margin-bottom: -80px !important; }
+ .ml-lg-n8,
+ .mx-lg-n8 {
+ margin-left: -80px !important; }
+ .m-lg-n9 {
+ margin: -90px !important; }
+ .mt-lg-n9,
+ .my-lg-n9 {
+ margin-top: -90px !important; }
+ .mr-lg-n9,
+ .mx-lg-n9 {
+ margin-right: -90px !important; }
+ .mb-lg-n9,
+ .my-lg-n9 {
+ margin-bottom: -90px !important; }
+ .ml-lg-n9,
+ .mx-lg-n9 {
+ margin-left: -90px !important; }
+ .m-lg-n10 {
+ margin: -100px !important; }
+ .mt-lg-n10,
+ .my-lg-n10 {
+ margin-top: -100px !important; }
+ .mr-lg-n10,
+ .mx-lg-n10 {
+ margin-right: -100px !important; }
+ .mb-lg-n10,
+ .my-lg-n10 {
+ margin-bottom: -100px !important; }
+ .ml-lg-n10,
+ .mx-lg-n10 {
+ margin-left: -100px !important; }
+ .m-lg-n11 {
+ margin: -110px !important; }
+ .mt-lg-n11,
+ .my-lg-n11 {
+ margin-top: -110px !important; }
+ .mr-lg-n11,
+ .mx-lg-n11 {
+ margin-right: -110px !important; }
+ .mb-lg-n11,
+ .my-lg-n11 {
+ margin-bottom: -110px !important; }
+ .ml-lg-n11,
+ .mx-lg-n11 {
+ margin-left: -110px !important; }
+ .m-lg-n12 {
+ margin: -120px !important; }
+ .mt-lg-n12,
+ .my-lg-n12 {
+ margin-top: -120px !important; }
+ .mr-lg-n12,
+ .mx-lg-n12 {
+ margin-right: -120px !important; }
+ .mb-lg-n12,
+ .my-lg-n12 {
+ margin-bottom: -120px !important; }
+ .ml-lg-n12,
+ .mx-lg-n12 {
+ margin-left: -120px !important; }
+ .m-lg-n13 {
+ margin: -130px !important; }
+ .mt-lg-n13,
+ .my-lg-n13 {
+ margin-top: -130px !important; }
+ .mr-lg-n13,
+ .mx-lg-n13 {
+ margin-right: -130px !important; }
+ .mb-lg-n13,
+ .my-lg-n13 {
+ margin-bottom: -130px !important; }
+ .ml-lg-n13,
+ .mx-lg-n13 {
+ margin-left: -130px !important; }
+ .m-lg-n14 {
+ margin: -140px !important; }
+ .mt-lg-n14,
+ .my-lg-n14 {
+ margin-top: -140px !important; }
+ .mr-lg-n14,
+ .mx-lg-n14 {
+ margin-right: -140px !important; }
+ .mb-lg-n14,
+ .my-lg-n14 {
+ margin-bottom: -140px !important; }
+ .ml-lg-n14,
+ .mx-lg-n14 {
+ margin-left: -140px !important; }
+ .m-lg-n15 {
+ margin: -150px !important; }
+ .mt-lg-n15,
+ .my-lg-n15 {
+ margin-top: -150px !important; }
+ .mr-lg-n15,
+ .mx-lg-n15 {
+ margin-right: -150px !important; }
+ .mb-lg-n15,
+ .my-lg-n15 {
+ margin-bottom: -150px !important; }
+ .ml-lg-n15,
+ .mx-lg-n15 {
+ margin-left: -150px !important; }
+ .m-lg-n16 {
+ margin: -160px !important; }
+ .mt-lg-n16,
+ .my-lg-n16 {
+ margin-top: -160px !important; }
+ .mr-lg-n16,
+ .mx-lg-n16 {
+ margin-right: -160px !important; }
+ .mb-lg-n16,
+ .my-lg-n16 {
+ margin-bottom: -160px !important; }
+ .ml-lg-n16,
+ .mx-lg-n16 {
+ margin-left: -160px !important; }
+ .m-lg-n17 {
+ margin: -170px !important; }
+ .mt-lg-n17,
+ .my-lg-n17 {
+ margin-top: -170px !important; }
+ .mr-lg-n17,
+ .mx-lg-n17 {
+ margin-right: -170px !important; }
+ .mb-lg-n17,
+ .my-lg-n17 {
+ margin-bottom: -170px !important; }
+ .ml-lg-n17,
+ .mx-lg-n17 {
+ margin-left: -170px !important; }
+ .m-lg-n18 {
+ margin: -180px !important; }
+ .mt-lg-n18,
+ .my-lg-n18 {
+ margin-top: -180px !important; }
+ .mr-lg-n18,
+ .mx-lg-n18 {
+ margin-right: -180px !important; }
+ .mb-lg-n18,
+ .my-lg-n18 {
+ margin-bottom: -180px !important; }
+ .ml-lg-n18,
+ .mx-lg-n18 {
+ margin-left: -180px !important; }
+ .m-lg-n19 {
+ margin: -190px !important; }
+ .mt-lg-n19,
+ .my-lg-n19 {
+ margin-top: -190px !important; }
+ .mr-lg-n19,
+ .mx-lg-n19 {
+ margin-right: -190px !important; }
+ .mb-lg-n19,
+ .my-lg-n19 {
+ margin-bottom: -190px !important; }
+ .ml-lg-n19,
+ .mx-lg-n19 {
+ margin-left: -190px !important; }
+ .m-lg-n20 {
+ margin: -200px !important; }
+ .mt-lg-n20,
+ .my-lg-n20 {
+ margin-top: -200px !important; }
+ .mr-lg-n20,
+ .mx-lg-n20 {
+ margin-right: -200px !important; }
+ .mb-lg-n20,
+ .my-lg-n20 {
+ margin-bottom: -200px !important; }
+ .ml-lg-n20,
+ .mx-lg-n20 {
+ margin-left: -200px !important; }
.m-lg-auto {
margin: auto !important; }
.mt-lg-auto,
@@ -4269,6 +5598,286 @@ button.bg-dark:focus {
.pl-xl-20,
.px-xl-20 {
padding-left: 200px !important; }
+ .m-xl-n1 {
+ margin: -10px !important; }
+ .mt-xl-n1,
+ .my-xl-n1 {
+ margin-top: -10px !important; }
+ .mr-xl-n1,
+ .mx-xl-n1 {
+ margin-right: -10px !important; }
+ .mb-xl-n1,
+ .my-xl-n1 {
+ margin-bottom: -10px !important; }
+ .ml-xl-n1,
+ .mx-xl-n1 {
+ margin-left: -10px !important; }
+ .m-xl-n2 {
+ margin: -20px !important; }
+ .mt-xl-n2,
+ .my-xl-n2 {
+ margin-top: -20px !important; }
+ .mr-xl-n2,
+ .mx-xl-n2 {
+ margin-right: -20px !important; }
+ .mb-xl-n2,
+ .my-xl-n2 {
+ margin-bottom: -20px !important; }
+ .ml-xl-n2,
+ .mx-xl-n2 {
+ margin-left: -20px !important; }
+ .m-xl-n3 {
+ margin: -30px !important; }
+ .mt-xl-n3,
+ .my-xl-n3 {
+ margin-top: -30px !important; }
+ .mr-xl-n3,
+ .mx-xl-n3 {
+ margin-right: -30px !important; }
+ .mb-xl-n3,
+ .my-xl-n3 {
+ margin-bottom: -30px !important; }
+ .ml-xl-n3,
+ .mx-xl-n3 {
+ margin-left: -30px !important; }
+ .m-xl-n4 {
+ margin: -40px !important; }
+ .mt-xl-n4,
+ .my-xl-n4 {
+ margin-top: -40px !important; }
+ .mr-xl-n4,
+ .mx-xl-n4 {
+ margin-right: -40px !important; }
+ .mb-xl-n4,
+ .my-xl-n4 {
+ margin-bottom: -40px !important; }
+ .ml-xl-n4,
+ .mx-xl-n4 {
+ margin-left: -40px !important; }
+ .m-xl-n5 {
+ margin: -50px !important; }
+ .mt-xl-n5,
+ .my-xl-n5 {
+ margin-top: -50px !important; }
+ .mr-xl-n5,
+ .mx-xl-n5 {
+ margin-right: -50px !important; }
+ .mb-xl-n5,
+ .my-xl-n5 {
+ margin-bottom: -50px !important; }
+ .ml-xl-n5,
+ .mx-xl-n5 {
+ margin-left: -50px !important; }
+ .m-xl-n6 {
+ margin: -60px !important; }
+ .mt-xl-n6,
+ .my-xl-n6 {
+ margin-top: -60px !important; }
+ .mr-xl-n6,
+ .mx-xl-n6 {
+ margin-right: -60px !important; }
+ .mb-xl-n6,
+ .my-xl-n6 {
+ margin-bottom: -60px !important; }
+ .ml-xl-n6,
+ .mx-xl-n6 {
+ margin-left: -60px !important; }
+ .m-xl-n7 {
+ margin: -70px !important; }
+ .mt-xl-n7,
+ .my-xl-n7 {
+ margin-top: -70px !important; }
+ .mr-xl-n7,
+ .mx-xl-n7 {
+ margin-right: -70px !important; }
+ .mb-xl-n7,
+ .my-xl-n7 {
+ margin-bottom: -70px !important; }
+ .ml-xl-n7,
+ .mx-xl-n7 {
+ margin-left: -70px !important; }
+ .m-xl-n8 {
+ margin: -80px !important; }
+ .mt-xl-n8,
+ .my-xl-n8 {
+ margin-top: -80px !important; }
+ .mr-xl-n8,
+ .mx-xl-n8 {
+ margin-right: -80px !important; }
+ .mb-xl-n8,
+ .my-xl-n8 {
+ margin-bottom: -80px !important; }
+ .ml-xl-n8,
+ .mx-xl-n8 {
+ margin-left: -80px !important; }
+ .m-xl-n9 {
+ margin: -90px !important; }
+ .mt-xl-n9,
+ .my-xl-n9 {
+ margin-top: -90px !important; }
+ .mr-xl-n9,
+ .mx-xl-n9 {
+ margin-right: -90px !important; }
+ .mb-xl-n9,
+ .my-xl-n9 {
+ margin-bottom: -90px !important; }
+ .ml-xl-n9,
+ .mx-xl-n9 {
+ margin-left: -90px !important; }
+ .m-xl-n10 {
+ margin: -100px !important; }
+ .mt-xl-n10,
+ .my-xl-n10 {
+ margin-top: -100px !important; }
+ .mr-xl-n10,
+ .mx-xl-n10 {
+ margin-right: -100px !important; }
+ .mb-xl-n10,
+ .my-xl-n10 {
+ margin-bottom: -100px !important; }
+ .ml-xl-n10,
+ .mx-xl-n10 {
+ margin-left: -100px !important; }
+ .m-xl-n11 {
+ margin: -110px !important; }
+ .mt-xl-n11,
+ .my-xl-n11 {
+ margin-top: -110px !important; }
+ .mr-xl-n11,
+ .mx-xl-n11 {
+ margin-right: -110px !important; }
+ .mb-xl-n11,
+ .my-xl-n11 {
+ margin-bottom: -110px !important; }
+ .ml-xl-n11,
+ .mx-xl-n11 {
+ margin-left: -110px !important; }
+ .m-xl-n12 {
+ margin: -120px !important; }
+ .mt-xl-n12,
+ .my-xl-n12 {
+ margin-top: -120px !important; }
+ .mr-xl-n12,
+ .mx-xl-n12 {
+ margin-right: -120px !important; }
+ .mb-xl-n12,
+ .my-xl-n12 {
+ margin-bottom: -120px !important; }
+ .ml-xl-n12,
+ .mx-xl-n12 {
+ margin-left: -120px !important; }
+ .m-xl-n13 {
+ margin: -130px !important; }
+ .mt-xl-n13,
+ .my-xl-n13 {
+ margin-top: -130px !important; }
+ .mr-xl-n13,
+ .mx-xl-n13 {
+ margin-right: -130px !important; }
+ .mb-xl-n13,
+ .my-xl-n13 {
+ margin-bottom: -130px !important; }
+ .ml-xl-n13,
+ .mx-xl-n13 {
+ margin-left: -130px !important; }
+ .m-xl-n14 {
+ margin: -140px !important; }
+ .mt-xl-n14,
+ .my-xl-n14 {
+ margin-top: -140px !important; }
+ .mr-xl-n14,
+ .mx-xl-n14 {
+ margin-right: -140px !important; }
+ .mb-xl-n14,
+ .my-xl-n14 {
+ margin-bottom: -140px !important; }
+ .ml-xl-n14,
+ .mx-xl-n14 {
+ margin-left: -140px !important; }
+ .m-xl-n15 {
+ margin: -150px !important; }
+ .mt-xl-n15,
+ .my-xl-n15 {
+ margin-top: -150px !important; }
+ .mr-xl-n15,
+ .mx-xl-n15 {
+ margin-right: -150px !important; }
+ .mb-xl-n15,
+ .my-xl-n15 {
+ margin-bottom: -150px !important; }
+ .ml-xl-n15,
+ .mx-xl-n15 {
+ margin-left: -150px !important; }
+ .m-xl-n16 {
+ margin: -160px !important; }
+ .mt-xl-n16,
+ .my-xl-n16 {
+ margin-top: -160px !important; }
+ .mr-xl-n16,
+ .mx-xl-n16 {
+ margin-right: -160px !important; }
+ .mb-xl-n16,
+ .my-xl-n16 {
+ margin-bottom: -160px !important; }
+ .ml-xl-n16,
+ .mx-xl-n16 {
+ margin-left: -160px !important; }
+ .m-xl-n17 {
+ margin: -170px !important; }
+ .mt-xl-n17,
+ .my-xl-n17 {
+ margin-top: -170px !important; }
+ .mr-xl-n17,
+ .mx-xl-n17 {
+ margin-right: -170px !important; }
+ .mb-xl-n17,
+ .my-xl-n17 {
+ margin-bottom: -170px !important; }
+ .ml-xl-n17,
+ .mx-xl-n17 {
+ margin-left: -170px !important; }
+ .m-xl-n18 {
+ margin: -180px !important; }
+ .mt-xl-n18,
+ .my-xl-n18 {
+ margin-top: -180px !important; }
+ .mr-xl-n18,
+ .mx-xl-n18 {
+ margin-right: -180px !important; }
+ .mb-xl-n18,
+ .my-xl-n18 {
+ margin-bottom: -180px !important; }
+ .ml-xl-n18,
+ .mx-xl-n18 {
+ margin-left: -180px !important; }
+ .m-xl-n19 {
+ margin: -190px !important; }
+ .mt-xl-n19,
+ .my-xl-n19 {
+ margin-top: -190px !important; }
+ .mr-xl-n19,
+ .mx-xl-n19 {
+ margin-right: -190px !important; }
+ .mb-xl-n19,
+ .my-xl-n19 {
+ margin-bottom: -190px !important; }
+ .ml-xl-n19,
+ .mx-xl-n19 {
+ margin-left: -190px !important; }
+ .m-xl-n20 {
+ margin: -200px !important; }
+ .mt-xl-n20,
+ .my-xl-n20 {
+ margin-top: -200px !important; }
+ .mr-xl-n20,
+ .mx-xl-n20 {
+ margin-right: -200px !important; }
+ .mb-xl-n20,
+ .my-xl-n20 {
+ margin-bottom: -200px !important; }
+ .ml-xl-n20,
+ .mx-xl-n20 {
+ margin-left: -200px !important; }
.m-xl-auto {
margin: auto !important; }
.mt-xl-auto,
@@ -4284,9 +5893,15 @@ button.bg-dark:focus {
.mx-xl-auto {
margin-left: auto !important; } }
+.text-monospace {
+ font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; }
+
.text-justify {
text-align: justify !important; }
+.text-wrap {
+ white-space: normal !important; }
+
.text-nowrap {
white-space: nowrap !important; }
@@ -4348,11 +5963,17 @@ button.bg-dark:focus {
.font-weight-light {
font-weight: 300 !important; }
+.font-weight-lighter {
+ font-weight: lighter !important; }
+
.font-weight-normal {
font-weight: 400 !important; }
.font-weight-bold {
- font-weight: 400 !important; }
+ font-weight: 700 !important; }
+
+.font-weight-bolder {
+ font-weight: bolder !important; }
.font-italic {
font-style: italic !important; }
@@ -4364,53 +5985,62 @@ button.bg-dark:focus {
color: #1de9b6 !important; }
a.text-primary:hover, a.text-primary:focus {
- color: #13c095 !important; }
+ color: #10a983 !important; }
.text-secondary {
color: #ffca28 !important; }
a.text-secondary:hover, a.text-secondary:focus {
- color: #f4b800 !important; }
+ color: #dba500 !important; }
.text-success {
color: #28a745 !important; }
a.text-success:hover, a.text-success:focus {
- color: #1e7e34 !important; }
+ color: #19692c !important; }
.text-info {
color: #17a2b8 !important; }
a.text-info:hover, a.text-info:focus {
- color: #117a8b !important; }
+ color: #0f6674 !important; }
.text-warning {
color: #ffc107 !important; }
a.text-warning:hover, a.text-warning:focus {
- color: #d39e00 !important; }
+ color: #ba8b00 !important; }
.text-danger {
color: #dc3545 !important; }
a.text-danger:hover, a.text-danger:focus {
- color: #bd2130 !important; }
+ color: #a71d2a !important; }
.text-light {
color: #f8f9fa !important; }
a.text-light:hover, a.text-light:focus {
- color: #dae0e5 !important; }
+ color: #cbd3da !important; }
.text-dark {
color: #343a40 !important; }
a.text-dark:hover, a.text-dark:focus {
- color: #1d2124 !important; }
+ color: #121416 !important; }
+
+.text-body {
+ color: #212529 !important; }
.text-muted {
color: #6c757d !important; }
+.text-black-50 {
+ color: rgba(33, 37, 41, 0.5) !important; }
+
+.text-white-50 {
+ color: rgba(255, 255, 255, 0.5) !important; }
+
.text-hide {
font: 0/0 a;
color: transparent;
@@ -4418,6 +6048,16 @@ a.text-dark:hover, a.text-dark:focus {
background-color: transparent;
border: 0; }
+.text-decoration-none {
+ text-decoration: none !important; }
+
+.text-break {
+ word-break: break-word !important;
+ overflow-wrap: break-word !important; }
+
+.text-reset {
+ color: inherit !important; }
+
.visible {
visibility: visible !important; }
@@ -4472,7 +6112,6 @@ a.text-dark:hover, a.text-dark:focus {
.col-xl-auto {
position: relative;
width: 100%;
- min-height: 1px;
padding-right: 10px;
padding-left: 10px; }
@@ -4484,7 +6123,7 @@ a.text-dark:hover, a.text-dark:focus {
.col-auto {
flex: 0 0 auto;
width: auto;
- max-width: none; }
+ max-width: 100%; }
.col-1 {
flex: 0 0 8.33333333%;
@@ -4620,7 +6259,7 @@ a.text-dark:hover, a.text-dark:focus {
.col-sm-auto {
flex: 0 0 auto;
width: auto;
- max-width: none; }
+ max-width: 100%; }
.col-sm-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%; }
@@ -4720,7 +6359,7 @@ a.text-dark:hover, a.text-dark:focus {
.col-md-auto {
flex: 0 0 auto;
width: auto;
- max-width: none; }
+ max-width: 100%; }
.col-md-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%; }
@@ -4820,7 +6459,7 @@ a.text-dark:hover, a.text-dark:focus {
.col-lg-auto {
flex: 0 0 auto;
width: auto;
- max-width: none; }
+ max-width: 100%; }
.col-lg-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%; }
@@ -4920,7 +6559,7 @@ a.text-dark:hover, a.text-dark:focus {
.col-xl-auto {
flex: 0 0 auto;
width: auto;
- max-width: none; }
+ max-width: 100%; }
.col-xl-1 {
flex: 0 0 8.33333333%;
max-width: 8.33333333%; }
@@ -5014,9 +6653,8 @@ a.text-dark:hover, a.text-dark:focus {
.table, .content table {
width: 100%;
- max-width: 100%;
margin-bottom: 1rem;
- background-color: transparent; }
+ color: #212529; }
.table th, .content table th,
.table td,
.content table td {
@@ -5028,8 +6666,6 @@ a.text-dark:hover, a.text-dark:focus {
border-bottom: 2px solid #dee2e6; }
.table tbody + tbody, .content table tbody + tbody {
border-top: 2px solid #dee2e6; }
- .table .table, .content table .table, .table .content table, .content .table table, .content table table {
- background-color: #fff; }
.table-sm th,
.table-sm td {
@@ -5044,10 +6680,17 @@ a.text-dark:hover, a.text-dark:focus {
.table-bordered thead td {
border-bottom-width: 2px; }
+.table-borderless th,
+.table-borderless td,
+.table-borderless thead th,
+.table-borderless tbody + tbody {
+ border: 0; }
+
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(33, 37, 41, 0.05); }
.table-hover tbody tr:hover {
+ color: #212529;
background-color: rgba(33, 37, 41, 0.075); }
.table-primary,
@@ -5055,6 +6698,12 @@ a.text-dark:hover, a.text-dark:focus {
.table-primary > td {
background-color: #c0f9eb; }
+.table-primary th,
+.table-primary td,
+.table-primary thead th,
+.table-primary tbody + tbody {
+ border-color: #89f4d9; }
+
.table-hover .table-primary:hover {
background-color: #a9f7e4; }
.table-hover .table-primary:hover > td,
@@ -5066,6 +6715,12 @@ a.text-dark:hover, a.text-dark:focus {
.table-secondary > td {
background-color: #fff0c3; }
+.table-secondary th,
+.table-secondary td,
+.table-secondary thead th,
+.table-secondary tbody + tbody {
+ border-color: #ffe38f; }
+
.table-hover .table-secondary:hover {
background-color: #ffeaaa; }
.table-hover .table-secondary:hover > td,
@@ -5077,6 +6732,12 @@ a.text-dark:hover, a.text-dark:focus {
.table-success > td {
background-color: #c3e6cb; }
+.table-success th,
+.table-success td,
+.table-success thead th,
+.table-success tbody + tbody {
+ border-color: #8fd19e; }
+
.table-hover .table-success:hover {
background-color: #b1dfbb; }
.table-hover .table-success:hover > td,
@@ -5088,6 +6749,12 @@ a.text-dark:hover, a.text-dark:focus {
.table-info > td {
background-color: #bee5eb; }
+.table-info th,
+.table-info td,
+.table-info thead th,
+.table-info tbody + tbody {
+ border-color: #86cfda; }
+
.table-hover .table-info:hover {
background-color: #abdde5; }
.table-hover .table-info:hover > td,
@@ -5099,6 +6766,12 @@ a.text-dark:hover, a.text-dark:focus {
.table-warning > td {
background-color: #ffeeba; }
+.table-warning th,
+.table-warning td,
+.table-warning thead th,
+.table-warning tbody + tbody {
+ border-color: #ffdf7e; }
+
.table-hover .table-warning:hover {
background-color: #ffe8a1; }
.table-hover .table-warning:hover > td,
@@ -5110,6 +6783,12 @@ a.text-dark:hover, a.text-dark:focus {
.table-danger > td {
background-color: #f5c6cb; }
+.table-danger th,
+.table-danger td,
+.table-danger thead th,
+.table-danger tbody + tbody {
+ border-color: #ed969e; }
+
.table-hover .table-danger:hover {
background-color: #f1b0b7; }
.table-hover .table-danger:hover > td,
@@ -5121,6 +6800,12 @@ a.text-dark:hover, a.text-dark:focus {
.table-light > td {
background-color: #fdfdfe; }
+.table-light th,
+.table-light td,
+.table-light thead th,
+.table-light tbody + tbody {
+ border-color: #fbfcfc; }
+
.table-hover .table-light:hover {
background-color: #ececf6; }
.table-hover .table-light:hover > td,
@@ -5132,6 +6817,12 @@ a.text-dark:hover, a.text-dark:focus {
.table-dark > td {
background-color: #c6c8ca; }
+.table-dark th,
+.table-dark td,
+.table-dark thead th,
+.table-dark tbody + tbody {
+ border-color: #95999c; }
+
.table-hover .table-dark:hover {
background-color: #b9bbbe; }
.table-hover .table-dark:hover > td,
@@ -5151,8 +6842,8 @@ a.text-dark:hover, a.text-dark:focus {
.table .thead-dark th, .content table .thead-dark th {
color: #fff;
- background-color: #212529;
- border-color: #32383e; }
+ background-color: #343a40;
+ border-color: #454d55; }
.table .thead-light th, .content table .thead-light th {
color: #495057;
@@ -5161,16 +6852,17 @@ a.text-dark:hover, a.text-dark:focus {
.table-dark {
color: #fff;
- background-color: #212529; }
+ background-color: #343a40; }
.table-dark th,
.table-dark td,
.table-dark thead th {
- border-color: #32383e; }
+ border-color: #454d55; }
.table-dark.table-bordered {
border: 0; }
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, 0.05); }
.table-dark.table-hover tbody tr:hover {
+ color: #fff;
background-color: rgba(255, 255, 255, 0.075); }
@media (max-width: 575.98px) {
@@ -5178,8 +6870,7 @@ a.text-dark:hover, a.text-dark:focus {
display: block;
width: 100%;
overflow-x: auto;
- -webkit-overflow-scrolling: touch;
- -ms-overflow-style: -ms-autohiding-scrollbar; }
+ -webkit-overflow-scrolling: touch; }
.table-responsive-sm > .table-bordered {
border: 0; } }
@@ -5188,8 +6879,7 @@ a.text-dark:hover, a.text-dark:focus {
display: block;
width: 100%;
overflow-x: auto;
- -webkit-overflow-scrolling: touch;
- -ms-overflow-style: -ms-autohiding-scrollbar; }
+ -webkit-overflow-scrolling: touch; }
.table-responsive-md > .table-bordered {
border: 0; } }
@@ -5198,8 +6888,7 @@ a.text-dark:hover, a.text-dark:focus {
display: block;
width: 100%;
overflow-x: auto;
- -webkit-overflow-scrolling: touch;
- -ms-overflow-style: -ms-autohiding-scrollbar; }
+ -webkit-overflow-scrolling: touch; }
.table-responsive-lg > .table-bordered {
border: 0; } }
@@ -5208,8 +6897,7 @@ a.text-dark:hover, a.text-dark:focus {
display: block;
width: 100%;
overflow-x: auto;
- -webkit-overflow-scrolling: touch;
- -ms-overflow-style: -ms-autohiding-scrollbar; }
+ -webkit-overflow-scrolling: touch; }
.table-responsive-xl > .table-bordered {
border: 0; } }
@@ -5217,8 +6905,7 @@ a.text-dark:hover, a.text-dark:focus {
display: block;
width: 100%;
overflow-x: auto;
- -webkit-overflow-scrolling: touch;
- -ms-overflow-style: -ms-autohiding-scrollbar; }
+ -webkit-overflow-scrolling: touch; }
.table-responsive > .table-bordered {
border: 0; }
diff --git a/exampleSite/resources/_gen/assets/scss/scss/style.scss_fbbbc62c786286473d9c728ad0108593.content b/exampleSite/resources/_gen/assets/scss/scss/style.scss_fbbbc62c786286473d9c728ad0108593.content
index 2cc3b1f..776249b 100644
--- a/exampleSite/resources/_gen/assets/scss/scss/style.scss_fbbbc62c786286473d9c728ad0108593.content
+++ b/exampleSite/resources/_gen/assets/scss/scss/style.scss_fbbbc62c786286473d9c728ad0108593.content
@@ -1,4 +1,4 @@
-@charset "UTF-8";@import "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Lora:400,700|Roboto+Mono:300,400";*,*::before,*::after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width;}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:roboto,Arial,sans-serif,-apple-system;font-size:1rem;font-weight:400;line-height:1.4;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[title],abbr[data-original-title]{text-decoration:underline;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#1de9b6;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#7af2d4;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):hover,a:not([href]):not([tabindex]):focus{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}pre,code,kbd,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#1de9b6!important}a.bg-primary:hover,a.bg-primary:focus,button.bg-primary:hover,button.bg-primary:focus{background-color:#13c095!important}.bg-secondary{background-color:#ffca28!important}a.bg-secondary:hover,a.bg-secondary:focus,button.bg-secondary:hover,button.bg-secondary:focus{background-color:#f4b800!important}.bg-success{background-color:#28a745!important}a.bg-success:hover,a.bg-success:focus,button.bg-success:hover,button.bg-success:focus{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:hover,a.bg-info:focus,button.bg-info:hover,button.bg-info:focus{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:hover,a.bg-warning:focus,button.bg-warning:hover,button.bg-warning:focus{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:hover,a.bg-danger:focus,button.bg-danger:hover,button.bg-danger:focus{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:hover,a.bg-light:focus,button.bg-light:hover,button.bg-light:focus{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:hover,a.bg-dark:focus,button.bg-dark:hover,button.bg-dark:focus{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#1de9b6!important}.border-secondary{border-color:#ffca28!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-circle{border-radius:50%!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}@media(min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}}@media(min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}}@media(min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}}@media(min-width:1300px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.85714286%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}@media(min-width:576px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}}@media(min-width:768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}}@media(min-width:992px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}}@media(min-width:1300px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media(min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media(min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media(min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media(min-width:1300px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports(position:sticky){.sticky-top{position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;clip-path:none}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:10px!important}.mt-1,.my-1{margin-top:10px!important}.mr-1,.mx-1{margin-right:10px!important}.mb-1,.my-1{margin-bottom:10px!important}.ml-1,.mx-1{margin-left:10px!important}.m-2{margin:20px!important}.mt-2,.my-2{margin-top:20px!important}.mr-2,.mx-2{margin-right:20px!important}.mb-2,.my-2{margin-bottom:20px!important}.ml-2,.mx-2{margin-left:20px!important}.m-3{margin:30px!important}.mt-3,.my-3{margin-top:30px!important}.mr-3,.mx-3{margin-right:30px!important}.mb-3,.my-3{margin-bottom:30px!important}.ml-3,.mx-3{margin-left:30px!important}.m-4{margin:40px!important}.mt-4,.my-4{margin-top:40px!important}.mr-4,.mx-4{margin-right:40px!important}.mb-4,.my-4{margin-bottom:40px!important}.ml-4,.mx-4{margin-left:40px!important}.m-5{margin:50px!important}.mt-5,.my-5{margin-top:50px!important}.mr-5,.mx-5{margin-right:50px!important}.mb-5,.my-5{margin-bottom:50px!important}.ml-5,.mx-5{margin-left:50px!important}.m-6{margin:60px!important}.mt-6,.my-6{margin-top:60px!important}.mr-6,.mx-6{margin-right:60px!important}.mb-6,.my-6{margin-bottom:60px!important}.ml-6,.mx-6{margin-left:60px!important}.m-7{margin:70px!important}.mt-7,.my-7{margin-top:70px!important}.mr-7,.mx-7{margin-right:70px!important}.mb-7,.my-7{margin-bottom:70px!important}.ml-7,.mx-7{margin-left:70px!important}.m-8{margin:80px!important}.mt-8,.my-8{margin-top:80px!important}.mr-8,.mx-8{margin-right:80px!important}.mb-8,.my-8{margin-bottom:80px!important}.ml-8,.mx-8{margin-left:80px!important}.m-9{margin:90px!important}.mt-9,.my-9{margin-top:90px!important}.mr-9,.mx-9{margin-right:90px!important}.mb-9,.my-9{margin-bottom:90px!important}.ml-9,.mx-9{margin-left:90px!important}.m-10{margin:100px!important}.mt-10,.my-10{margin-top:100px!important}.mr-10,.mx-10{margin-right:100px!important}.mb-10,.my-10{margin-bottom:100px!important}.ml-10,.mx-10{margin-left:100px!important}.m-11{margin:110px!important}.mt-11,.my-11{margin-top:110px!important}.mr-11,.mx-11{margin-right:110px!important}.mb-11,.my-11{margin-bottom:110px!important}.ml-11,.mx-11{margin-left:110px!important}.m-12{margin:120px!important}.mt-12,.my-12{margin-top:120px!important}.mr-12,.mx-12{margin-right:120px!important}.mb-12,.my-12{margin-bottom:120px!important}.ml-12,.mx-12{margin-left:120px!important}.m-13{margin:130px!important}.mt-13,.my-13{margin-top:130px!important}.mr-13,.mx-13{margin-right:130px!important}.mb-13,.my-13{margin-bottom:130px!important}.ml-13,.mx-13{margin-left:130px!important}.m-14{margin:140px!important}.mt-14,.my-14{margin-top:140px!important}.mr-14,.mx-14{margin-right:140px!important}.mb-14,.my-14{margin-bottom:140px!important}.ml-14,.mx-14{margin-left:140px!important}.m-15{margin:150px!important}.mt-15,.my-15{margin-top:150px!important}.mr-15,.mx-15{margin-right:150px!important}.mb-15,.my-15{margin-bottom:150px!important}.ml-15,.mx-15{margin-left:150px!important}.m-16{margin:160px!important}.mt-16,.my-16{margin-top:160px!important}.mr-16,.mx-16{margin-right:160px!important}.mb-16,.my-16{margin-bottom:160px!important}.ml-16,.mx-16{margin-left:160px!important}.m-17{margin:170px!important}.mt-17,.my-17{margin-top:170px!important}.mr-17,.mx-17{margin-right:170px!important}.mb-17,.my-17{margin-bottom:170px!important}.ml-17,.mx-17{margin-left:170px!important}.m-18{margin:180px!important}.mt-18,.my-18{margin-top:180px!important}.mr-18,.mx-18{margin-right:180px!important}.mb-18,.my-18{margin-bottom:180px!important}.ml-18,.mx-18{margin-left:180px!important}.m-19{margin:190px!important}.mt-19,.my-19{margin-top:190px!important}.mr-19,.mx-19{margin-right:190px!important}.mb-19,.my-19{margin-bottom:190px!important}.ml-19,.mx-19{margin-left:190px!important}.m-20{margin:200px!important}.mt-20,.my-20{margin-top:200px!important}.mr-20,.mx-20{margin-right:200px!important}.mb-20,.my-20{margin-bottom:200px!important}.ml-20,.mx-20{margin-left:200px!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:10px!important}.pt-1,.py-1{padding-top:10px!important}.pr-1,.px-1{padding-right:10px!important}.pb-1,.py-1{padding-bottom:10px!important}.pl-1,.px-1{padding-left:10px!important}.p-2{padding:20px!important}.pt-2,.py-2{padding-top:20px!important}.pr-2,.px-2{padding-right:20px!important}.pb-2,.py-2{padding-bottom:20px!important}.pl-2,.px-2{padding-left:20px!important}.p-3{padding:30px!important}.pt-3,.py-3{padding-top:30px!important}.pr-3,.px-3{padding-right:30px!important}.pb-3,.py-3{padding-bottom:30px!important}.pl-3,.px-3{padding-left:30px!important}.p-4{padding:40px!important}.pt-4,.py-4{padding-top:40px!important}.pr-4,.px-4{padding-right:40px!important}.pb-4,.py-4{padding-bottom:40px!important}.pl-4,.px-4{padding-left:40px!important}.p-5{padding:50px!important}.pt-5,.py-5{padding-top:50px!important}.pr-5,.px-5{padding-right:50px!important}.pb-5,.py-5{padding-bottom:50px!important}.pl-5,.px-5{padding-left:50px!important}.p-6{padding:60px!important}.pt-6,.py-6{padding-top:60px!important}.pr-6,.px-6{padding-right:60px!important}.pb-6,.py-6{padding-bottom:60px!important}.pl-6,.px-6{padding-left:60px!important}.p-7{padding:70px!important}.pt-7,.py-7{padding-top:70px!important}.pr-7,.px-7{padding-right:70px!important}.pb-7,.py-7{padding-bottom:70px!important}.pl-7,.px-7{padding-left:70px!important}.p-8{padding:80px!important}.pt-8,.py-8{padding-top:80px!important}.pr-8,.px-8{padding-right:80px!important}.pb-8,.py-8{padding-bottom:80px!important}.pl-8,.px-8{padding-left:80px!important}.p-9{padding:90px!important}.pt-9,.py-9{padding-top:90px!important}.pr-9,.px-9{padding-right:90px!important}.pb-9,.py-9{padding-bottom:90px!important}.pl-9,.px-9{padding-left:90px!important}.p-10{padding:100px!important}.pt-10,.py-10{padding-top:100px!important}.pr-10,.px-10{padding-right:100px!important}.pb-10,.py-10{padding-bottom:100px!important}.pl-10,.px-10{padding-left:100px!important}.p-11{padding:110px!important}.pt-11,.py-11{padding-top:110px!important}.pr-11,.px-11{padding-right:110px!important}.pb-11,.py-11{padding-bottom:110px!important}.pl-11,.px-11{padding-left:110px!important}.p-12{padding:120px!important}.pt-12,.py-12{padding-top:120px!important}.pr-12,.px-12{padding-right:120px!important}.pb-12,.py-12{padding-bottom:120px!important}.pl-12,.px-12{padding-left:120px!important}.p-13{padding:130px!important}.pt-13,.py-13{padding-top:130px!important}.pr-13,.px-13{padding-right:130px!important}.pb-13,.py-13{padding-bottom:130px!important}.pl-13,.px-13{padding-left:130px!important}.p-14{padding:140px!important}.pt-14,.py-14{padding-top:140px!important}.pr-14,.px-14{padding-right:140px!important}.pb-14,.py-14{padding-bottom:140px!important}.pl-14,.px-14{padding-left:140px!important}.p-15{padding:150px!important}.pt-15,.py-15{padding-top:150px!important}.pr-15,.px-15{padding-right:150px!important}.pb-15,.py-15{padding-bottom:150px!important}.pl-15,.px-15{padding-left:150px!important}.p-16{padding:160px!important}.pt-16,.py-16{padding-top:160px!important}.pr-16,.px-16{padding-right:160px!important}.pb-16,.py-16{padding-bottom:160px!important}.pl-16,.px-16{padding-left:160px!important}.p-17{padding:170px!important}.pt-17,.py-17{padding-top:170px!important}.pr-17,.px-17{padding-right:170px!important}.pb-17,.py-17{padding-bottom:170px!important}.pl-17,.px-17{padding-left:170px!important}.p-18{padding:180px!important}.pt-18,.py-18{padding-top:180px!important}.pr-18,.px-18{padding-right:180px!important}.pb-18,.py-18{padding-bottom:180px!important}.pl-18,.px-18{padding-left:180px!important}.p-19{padding:190px!important}.pt-19,.py-19{padding-top:190px!important}.pr-19,.px-19{padding-right:190px!important}.pb-19,.py-19{padding-bottom:190px!important}.pl-19,.px-19{padding-left:190px!important}.p-20{padding:200px!important}.pt-20,.py-20{padding-top:200px!important}.pr-20,.px-20{padding-right:200px!important}.pb-20,.py-20{padding-bottom:200px!important}.pl-20,.px-20{padding-left:200px!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media(min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:10px!important}.mt-sm-1,.my-sm-1{margin-top:10px!important}.mr-sm-1,.mx-sm-1{margin-right:10px!important}.mb-sm-1,.my-sm-1{margin-bottom:10px!important}.ml-sm-1,.mx-sm-1{margin-left:10px!important}.m-sm-2{margin:20px!important}.mt-sm-2,.my-sm-2{margin-top:20px!important}.mr-sm-2,.mx-sm-2{margin-right:20px!important}.mb-sm-2,.my-sm-2{margin-bottom:20px!important}.ml-sm-2,.mx-sm-2{margin-left:20px!important}.m-sm-3{margin:30px!important}.mt-sm-3,.my-sm-3{margin-top:30px!important}.mr-sm-3,.mx-sm-3{margin-right:30px!important}.mb-sm-3,.my-sm-3{margin-bottom:30px!important}.ml-sm-3,.mx-sm-3{margin-left:30px!important}.m-sm-4{margin:40px!important}.mt-sm-4,.my-sm-4{margin-top:40px!important}.mr-sm-4,.mx-sm-4{margin-right:40px!important}.mb-sm-4,.my-sm-4{margin-bottom:40px!important}.ml-sm-4,.mx-sm-4{margin-left:40px!important}.m-sm-5{margin:50px!important}.mt-sm-5,.my-sm-5{margin-top:50px!important}.mr-sm-5,.mx-sm-5{margin-right:50px!important}.mb-sm-5,.my-sm-5{margin-bottom:50px!important}.ml-sm-5,.mx-sm-5{margin-left:50px!important}.m-sm-6{margin:60px!important}.mt-sm-6,.my-sm-6{margin-top:60px!important}.mr-sm-6,.mx-sm-6{margin-right:60px!important}.mb-sm-6,.my-sm-6{margin-bottom:60px!important}.ml-sm-6,.mx-sm-6{margin-left:60px!important}.m-sm-7{margin:70px!important}.mt-sm-7,.my-sm-7{margin-top:70px!important}.mr-sm-7,.mx-sm-7{margin-right:70px!important}.mb-sm-7,.my-sm-7{margin-bottom:70px!important}.ml-sm-7,.mx-sm-7{margin-left:70px!important}.m-sm-8{margin:80px!important}.mt-sm-8,.my-sm-8{margin-top:80px!important}.mr-sm-8,.mx-sm-8{margin-right:80px!important}.mb-sm-8,.my-sm-8{margin-bottom:80px!important}.ml-sm-8,.mx-sm-8{margin-left:80px!important}.m-sm-9{margin:90px!important}.mt-sm-9,.my-sm-9{margin-top:90px!important}.mr-sm-9,.mx-sm-9{margin-right:90px!important}.mb-sm-9,.my-sm-9{margin-bottom:90px!important}.ml-sm-9,.mx-sm-9{margin-left:90px!important}.m-sm-10{margin:100px!important}.mt-sm-10,.my-sm-10{margin-top:100px!important}.mr-sm-10,.mx-sm-10{margin-right:100px!important}.mb-sm-10,.my-sm-10{margin-bottom:100px!important}.ml-sm-10,.mx-sm-10{margin-left:100px!important}.m-sm-11{margin:110px!important}.mt-sm-11,.my-sm-11{margin-top:110px!important}.mr-sm-11,.mx-sm-11{margin-right:110px!important}.mb-sm-11,.my-sm-11{margin-bottom:110px!important}.ml-sm-11,.mx-sm-11{margin-left:110px!important}.m-sm-12{margin:120px!important}.mt-sm-12,.my-sm-12{margin-top:120px!important}.mr-sm-12,.mx-sm-12{margin-right:120px!important}.mb-sm-12,.my-sm-12{margin-bottom:120px!important}.ml-sm-12,.mx-sm-12{margin-left:120px!important}.m-sm-13{margin:130px!important}.mt-sm-13,.my-sm-13{margin-top:130px!important}.mr-sm-13,.mx-sm-13{margin-right:130px!important}.mb-sm-13,.my-sm-13{margin-bottom:130px!important}.ml-sm-13,.mx-sm-13{margin-left:130px!important}.m-sm-14{margin:140px!important}.mt-sm-14,.my-sm-14{margin-top:140px!important}.mr-sm-14,.mx-sm-14{margin-right:140px!important}.mb-sm-14,.my-sm-14{margin-bottom:140px!important}.ml-sm-14,.mx-sm-14{margin-left:140px!important}.m-sm-15{margin:150px!important}.mt-sm-15,.my-sm-15{margin-top:150px!important}.mr-sm-15,.mx-sm-15{margin-right:150px!important}.mb-sm-15,.my-sm-15{margin-bottom:150px!important}.ml-sm-15,.mx-sm-15{margin-left:150px!important}.m-sm-16{margin:160px!important}.mt-sm-16,.my-sm-16{margin-top:160px!important}.mr-sm-16,.mx-sm-16{margin-right:160px!important}.mb-sm-16,.my-sm-16{margin-bottom:160px!important}.ml-sm-16,.mx-sm-16{margin-left:160px!important}.m-sm-17{margin:170px!important}.mt-sm-17,.my-sm-17{margin-top:170px!important}.mr-sm-17,.mx-sm-17{margin-right:170px!important}.mb-sm-17,.my-sm-17{margin-bottom:170px!important}.ml-sm-17,.mx-sm-17{margin-left:170px!important}.m-sm-18{margin:180px!important}.mt-sm-18,.my-sm-18{margin-top:180px!important}.mr-sm-18,.mx-sm-18{margin-right:180px!important}.mb-sm-18,.my-sm-18{margin-bottom:180px!important}.ml-sm-18,.mx-sm-18{margin-left:180px!important}.m-sm-19{margin:190px!important}.mt-sm-19,.my-sm-19{margin-top:190px!important}.mr-sm-19,.mx-sm-19{margin-right:190px!important}.mb-sm-19,.my-sm-19{margin-bottom:190px!important}.ml-sm-19,.mx-sm-19{margin-left:190px!important}.m-sm-20{margin:200px!important}.mt-sm-20,.my-sm-20{margin-top:200px!important}.mr-sm-20,.mx-sm-20{margin-right:200px!important}.mb-sm-20,.my-sm-20{margin-bottom:200px!important}.ml-sm-20,.mx-sm-20{margin-left:200px!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:10px!important}.pt-sm-1,.py-sm-1{padding-top:10px!important}.pr-sm-1,.px-sm-1{padding-right:10px!important}.pb-sm-1,.py-sm-1{padding-bottom:10px!important}.pl-sm-1,.px-sm-1{padding-left:10px!important}.p-sm-2{padding:20px!important}.pt-sm-2,.py-sm-2{padding-top:20px!important}.pr-sm-2,.px-sm-2{padding-right:20px!important}.pb-sm-2,.py-sm-2{padding-bottom:20px!important}.pl-sm-2,.px-sm-2{padding-left:20px!important}.p-sm-3{padding:30px!important}.pt-sm-3,.py-sm-3{padding-top:30px!important}.pr-sm-3,.px-sm-3{padding-right:30px!important}.pb-sm-3,.py-sm-3{padding-bottom:30px!important}.pl-sm-3,.px-sm-3{padding-left:30px!important}.p-sm-4{padding:40px!important}.pt-sm-4,.py-sm-4{padding-top:40px!important}.pr-sm-4,.px-sm-4{padding-right:40px!important}.pb-sm-4,.py-sm-4{padding-bottom:40px!important}.pl-sm-4,.px-sm-4{padding-left:40px!important}.p-sm-5{padding:50px!important}.pt-sm-5,.py-sm-5{padding-top:50px!important}.pr-sm-5,.px-sm-5{padding-right:50px!important}.pb-sm-5,.py-sm-5{padding-bottom:50px!important}.pl-sm-5,.px-sm-5{padding-left:50px!important}.p-sm-6{padding:60px!important}.pt-sm-6,.py-sm-6{padding-top:60px!important}.pr-sm-6,.px-sm-6{padding-right:60px!important}.pb-sm-6,.py-sm-6{padding-bottom:60px!important}.pl-sm-6,.px-sm-6{padding-left:60px!important}.p-sm-7{padding:70px!important}.pt-sm-7,.py-sm-7{padding-top:70px!important}.pr-sm-7,.px-sm-7{padding-right:70px!important}.pb-sm-7,.py-sm-7{padding-bottom:70px!important}.pl-sm-7,.px-sm-7{padding-left:70px!important}.p-sm-8{padding:80px!important}.pt-sm-8,.py-sm-8{padding-top:80px!important}.pr-sm-8,.px-sm-8{padding-right:80px!important}.pb-sm-8,.py-sm-8{padding-bottom:80px!important}.pl-sm-8,.px-sm-8{padding-left:80px!important}.p-sm-9{padding:90px!important}.pt-sm-9,.py-sm-9{padding-top:90px!important}.pr-sm-9,.px-sm-9{padding-right:90px!important}.pb-sm-9,.py-sm-9{padding-bottom:90px!important}.pl-sm-9,.px-sm-9{padding-left:90px!important}.p-sm-10{padding:100px!important}.pt-sm-10,.py-sm-10{padding-top:100px!important}.pr-sm-10,.px-sm-10{padding-right:100px!important}.pb-sm-10,.py-sm-10{padding-bottom:100px!important}.pl-sm-10,.px-sm-10{padding-left:100px!important}.p-sm-11{padding:110px!important}.pt-sm-11,.py-sm-11{padding-top:110px!important}.pr-sm-11,.px-sm-11{padding-right:110px!important}.pb-sm-11,.py-sm-11{padding-bottom:110px!important}.pl-sm-11,.px-sm-11{padding-left:110px!important}.p-sm-12{padding:120px!important}.pt-sm-12,.py-sm-12{padding-top:120px!important}.pr-sm-12,.px-sm-12{padding-right:120px!important}.pb-sm-12,.py-sm-12{padding-bottom:120px!important}.pl-sm-12,.px-sm-12{padding-left:120px!important}.p-sm-13{padding:130px!important}.pt-sm-13,.py-sm-13{padding-top:130px!important}.pr-sm-13,.px-sm-13{padding-right:130px!important}.pb-sm-13,.py-sm-13{padding-bottom:130px!important}.pl-sm-13,.px-sm-13{padding-left:130px!important}.p-sm-14{padding:140px!important}.pt-sm-14,.py-sm-14{padding-top:140px!important}.pr-sm-14,.px-sm-14{padding-right:140px!important}.pb-sm-14,.py-sm-14{padding-bottom:140px!important}.pl-sm-14,.px-sm-14{padding-left:140px!important}.p-sm-15{padding:150px!important}.pt-sm-15,.py-sm-15{padding-top:150px!important}.pr-sm-15,.px-sm-15{padding-right:150px!important}.pb-sm-15,.py-sm-15{padding-bottom:150px!important}.pl-sm-15,.px-sm-15{padding-left:150px!important}.p-sm-16{padding:160px!important}.pt-sm-16,.py-sm-16{padding-top:160px!important}.pr-sm-16,.px-sm-16{padding-right:160px!important}.pb-sm-16,.py-sm-16{padding-bottom:160px!important}.pl-sm-16,.px-sm-16{padding-left:160px!important}.p-sm-17{padding:170px!important}.pt-sm-17,.py-sm-17{padding-top:170px!important}.pr-sm-17,.px-sm-17{padding-right:170px!important}.pb-sm-17,.py-sm-17{padding-bottom:170px!important}.pl-sm-17,.px-sm-17{padding-left:170px!important}.p-sm-18{padding:180px!important}.pt-sm-18,.py-sm-18{padding-top:180px!important}.pr-sm-18,.px-sm-18{padding-right:180px!important}.pb-sm-18,.py-sm-18{padding-bottom:180px!important}.pl-sm-18,.px-sm-18{padding-left:180px!important}.p-sm-19{padding:190px!important}.pt-sm-19,.py-sm-19{padding-top:190px!important}.pr-sm-19,.px-sm-19{padding-right:190px!important}.pb-sm-19,.py-sm-19{padding-bottom:190px!important}.pl-sm-19,.px-sm-19{padding-left:190px!important}.p-sm-20{padding:200px!important}.pt-sm-20,.py-sm-20{padding-top:200px!important}.pr-sm-20,.px-sm-20{padding-right:200px!important}.pb-sm-20,.py-sm-20{padding-bottom:200px!important}.pl-sm-20,.px-sm-20{padding-left:200px!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media(min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:10px!important}.mt-md-1,.my-md-1{margin-top:10px!important}.mr-md-1,.mx-md-1{margin-right:10px!important}.mb-md-1,.my-md-1{margin-bottom:10px!important}.ml-md-1,.mx-md-1{margin-left:10px!important}.m-md-2{margin:20px!important}.mt-md-2,.my-md-2{margin-top:20px!important}.mr-md-2,.mx-md-2{margin-right:20px!important}.mb-md-2,.my-md-2{margin-bottom:20px!important}.ml-md-2,.mx-md-2{margin-left:20px!important}.m-md-3{margin:30px!important}.mt-md-3,.my-md-3{margin-top:30px!important}.mr-md-3,.mx-md-3{margin-right:30px!important}.mb-md-3,.my-md-3{margin-bottom:30px!important}.ml-md-3,.mx-md-3{margin-left:30px!important}.m-md-4{margin:40px!important}.mt-md-4,.my-md-4{margin-top:40px!important}.mr-md-4,.mx-md-4{margin-right:40px!important}.mb-md-4,.my-md-4{margin-bottom:40px!important}.ml-md-4,.mx-md-4{margin-left:40px!important}.m-md-5{margin:50px!important}.mt-md-5,.my-md-5{margin-top:50px!important}.mr-md-5,.mx-md-5{margin-right:50px!important}.mb-md-5,.my-md-5{margin-bottom:50px!important}.ml-md-5,.mx-md-5{margin-left:50px!important}.m-md-6{margin:60px!important}.mt-md-6,.my-md-6{margin-top:60px!important}.mr-md-6,.mx-md-6{margin-right:60px!important}.mb-md-6,.my-md-6{margin-bottom:60px!important}.ml-md-6,.mx-md-6{margin-left:60px!important}.m-md-7{margin:70px!important}.mt-md-7,.my-md-7{margin-top:70px!important}.mr-md-7,.mx-md-7{margin-right:70px!important}.mb-md-7,.my-md-7{margin-bottom:70px!important}.ml-md-7,.mx-md-7{margin-left:70px!important}.m-md-8{margin:80px!important}.mt-md-8,.my-md-8{margin-top:80px!important}.mr-md-8,.mx-md-8{margin-right:80px!important}.mb-md-8,.my-md-8{margin-bottom:80px!important}.ml-md-8,.mx-md-8{margin-left:80px!important}.m-md-9{margin:90px!important}.mt-md-9,.my-md-9{margin-top:90px!important}.mr-md-9,.mx-md-9{margin-right:90px!important}.mb-md-9,.my-md-9{margin-bottom:90px!important}.ml-md-9,.mx-md-9{margin-left:90px!important}.m-md-10{margin:100px!important}.mt-md-10,.my-md-10{margin-top:100px!important}.mr-md-10,.mx-md-10{margin-right:100px!important}.mb-md-10,.my-md-10{margin-bottom:100px!important}.ml-md-10,.mx-md-10{margin-left:100px!important}.m-md-11{margin:110px!important}.mt-md-11,.my-md-11{margin-top:110px!important}.mr-md-11,.mx-md-11{margin-right:110px!important}.mb-md-11,.my-md-11{margin-bottom:110px!important}.ml-md-11,.mx-md-11{margin-left:110px!important}.m-md-12{margin:120px!important}.mt-md-12,.my-md-12{margin-top:120px!important}.mr-md-12,.mx-md-12{margin-right:120px!important}.mb-md-12,.my-md-12{margin-bottom:120px!important}.ml-md-12,.mx-md-12{margin-left:120px!important}.m-md-13{margin:130px!important}.mt-md-13,.my-md-13{margin-top:130px!important}.mr-md-13,.mx-md-13{margin-right:130px!important}.mb-md-13,.my-md-13{margin-bottom:130px!important}.ml-md-13,.mx-md-13{margin-left:130px!important}.m-md-14{margin:140px!important}.mt-md-14,.my-md-14{margin-top:140px!important}.mr-md-14,.mx-md-14{margin-right:140px!important}.mb-md-14,.my-md-14{margin-bottom:140px!important}.ml-md-14,.mx-md-14{margin-left:140px!important}.m-md-15{margin:150px!important}.mt-md-15,.my-md-15{margin-top:150px!important}.mr-md-15,.mx-md-15{margin-right:150px!important}.mb-md-15,.my-md-15{margin-bottom:150px!important}.ml-md-15,.mx-md-15{margin-left:150px!important}.m-md-16{margin:160px!important}.mt-md-16,.my-md-16{margin-top:160px!important}.mr-md-16,.mx-md-16{margin-right:160px!important}.mb-md-16,.my-md-16{margin-bottom:160px!important}.ml-md-16,.mx-md-16{margin-left:160px!important}.m-md-17{margin:170px!important}.mt-md-17,.my-md-17{margin-top:170px!important}.mr-md-17,.mx-md-17{margin-right:170px!important}.mb-md-17,.my-md-17{margin-bottom:170px!important}.ml-md-17,.mx-md-17{margin-left:170px!important}.m-md-18{margin:180px!important}.mt-md-18,.my-md-18{margin-top:180px!important}.mr-md-18,.mx-md-18{margin-right:180px!important}.mb-md-18,.my-md-18{margin-bottom:180px!important}.ml-md-18,.mx-md-18{margin-left:180px!important}.m-md-19{margin:190px!important}.mt-md-19,.my-md-19{margin-top:190px!important}.mr-md-19,.mx-md-19{margin-right:190px!important}.mb-md-19,.my-md-19{margin-bottom:190px!important}.ml-md-19,.mx-md-19{margin-left:190px!important}.m-md-20{margin:200px!important}.mt-md-20,.my-md-20{margin-top:200px!important}.mr-md-20,.mx-md-20{margin-right:200px!important}.mb-md-20,.my-md-20{margin-bottom:200px!important}.ml-md-20,.mx-md-20{margin-left:200px!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:10px!important}.pt-md-1,.py-md-1{padding-top:10px!important}.pr-md-1,.px-md-1{padding-right:10px!important}.pb-md-1,.py-md-1{padding-bottom:10px!important}.pl-md-1,.px-md-1{padding-left:10px!important}.p-md-2{padding:20px!important}.pt-md-2,.py-md-2{padding-top:20px!important}.pr-md-2,.px-md-2{padding-right:20px!important}.pb-md-2,.py-md-2{padding-bottom:20px!important}.pl-md-2,.px-md-2{padding-left:20px!important}.p-md-3{padding:30px!important}.pt-md-3,.py-md-3{padding-top:30px!important}.pr-md-3,.px-md-3{padding-right:30px!important}.pb-md-3,.py-md-3{padding-bottom:30px!important}.pl-md-3,.px-md-3{padding-left:30px!important}.p-md-4{padding:40px!important}.pt-md-4,.py-md-4{padding-top:40px!important}.pr-md-4,.px-md-4{padding-right:40px!important}.pb-md-4,.py-md-4{padding-bottom:40px!important}.pl-md-4,.px-md-4{padding-left:40px!important}.p-md-5{padding:50px!important}.pt-md-5,.py-md-5{padding-top:50px!important}.pr-md-5,.px-md-5{padding-right:50px!important}.pb-md-5,.py-md-5{padding-bottom:50px!important}.pl-md-5,.px-md-5{padding-left:50px!important}.p-md-6{padding:60px!important}.pt-md-6,.py-md-6{padding-top:60px!important}.pr-md-6,.px-md-6{padding-right:60px!important}.pb-md-6,.py-md-6{padding-bottom:60px!important}.pl-md-6,.px-md-6{padding-left:60px!important}.p-md-7{padding:70px!important}.pt-md-7,.py-md-7{padding-top:70px!important}.pr-md-7,.px-md-7{padding-right:70px!important}.pb-md-7,.py-md-7{padding-bottom:70px!important}.pl-md-7,.px-md-7{padding-left:70px!important}.p-md-8{padding:80px!important}.pt-md-8,.py-md-8{padding-top:80px!important}.pr-md-8,.px-md-8{padding-right:80px!important}.pb-md-8,.py-md-8{padding-bottom:80px!important}.pl-md-8,.px-md-8{padding-left:80px!important}.p-md-9{padding:90px!important}.pt-md-9,.py-md-9{padding-top:90px!important}.pr-md-9,.px-md-9{padding-right:90px!important}.pb-md-9,.py-md-9{padding-bottom:90px!important}.pl-md-9,.px-md-9{padding-left:90px!important}.p-md-10{padding:100px!important}.pt-md-10,.py-md-10{padding-top:100px!important}.pr-md-10,.px-md-10{padding-right:100px!important}.pb-md-10,.py-md-10{padding-bottom:100px!important}.pl-md-10,.px-md-10{padding-left:100px!important}.p-md-11{padding:110px!important}.pt-md-11,.py-md-11{padding-top:110px!important}.pr-md-11,.px-md-11{padding-right:110px!important}.pb-md-11,.py-md-11{padding-bottom:110px!important}.pl-md-11,.px-md-11{padding-left:110px!important}.p-md-12{padding:120px!important}.pt-md-12,.py-md-12{padding-top:120px!important}.pr-md-12,.px-md-12{padding-right:120px!important}.pb-md-12,.py-md-12{padding-bottom:120px!important}.pl-md-12,.px-md-12{padding-left:120px!important}.p-md-13{padding:130px!important}.pt-md-13,.py-md-13{padding-top:130px!important}.pr-md-13,.px-md-13{padding-right:130px!important}.pb-md-13,.py-md-13{padding-bottom:130px!important}.pl-md-13,.px-md-13{padding-left:130px!important}.p-md-14{padding:140px!important}.pt-md-14,.py-md-14{padding-top:140px!important}.pr-md-14,.px-md-14{padding-right:140px!important}.pb-md-14,.py-md-14{padding-bottom:140px!important}.pl-md-14,.px-md-14{padding-left:140px!important}.p-md-15{padding:150px!important}.pt-md-15,.py-md-15{padding-top:150px!important}.pr-md-15,.px-md-15{padding-right:150px!important}.pb-md-15,.py-md-15{padding-bottom:150px!important}.pl-md-15,.px-md-15{padding-left:150px!important}.p-md-16{padding:160px!important}.pt-md-16,.py-md-16{padding-top:160px!important}.pr-md-16,.px-md-16{padding-right:160px!important}.pb-md-16,.py-md-16{padding-bottom:160px!important}.pl-md-16,.px-md-16{padding-left:160px!important}.p-md-17{padding:170px!important}.pt-md-17,.py-md-17{padding-top:170px!important}.pr-md-17,.px-md-17{padding-right:170px!important}.pb-md-17,.py-md-17{padding-bottom:170px!important}.pl-md-17,.px-md-17{padding-left:170px!important}.p-md-18{padding:180px!important}.pt-md-18,.py-md-18{padding-top:180px!important}.pr-md-18,.px-md-18{padding-right:180px!important}.pb-md-18,.py-md-18{padding-bottom:180px!important}.pl-md-18,.px-md-18{padding-left:180px!important}.p-md-19{padding:190px!important}.pt-md-19,.py-md-19{padding-top:190px!important}.pr-md-19,.px-md-19{padding-right:190px!important}.pb-md-19,.py-md-19{padding-bottom:190px!important}.pl-md-19,.px-md-19{padding-left:190px!important}.p-md-20{padding:200px!important}.pt-md-20,.py-md-20{padding-top:200px!important}.pr-md-20,.px-md-20{padding-right:200px!important}.pb-md-20,.py-md-20{padding-bottom:200px!important}.pl-md-20,.px-md-20{padding-left:200px!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media(min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:10px!important}.mt-lg-1,.my-lg-1{margin-top:10px!important}.mr-lg-1,.mx-lg-1{margin-right:10px!important}.mb-lg-1,.my-lg-1{margin-bottom:10px!important}.ml-lg-1,.mx-lg-1{margin-left:10px!important}.m-lg-2{margin:20px!important}.mt-lg-2,.my-lg-2{margin-top:20px!important}.mr-lg-2,.mx-lg-2{margin-right:20px!important}.mb-lg-2,.my-lg-2{margin-bottom:20px!important}.ml-lg-2,.mx-lg-2{margin-left:20px!important}.m-lg-3{margin:30px!important}.mt-lg-3,.my-lg-3{margin-top:30px!important}.mr-lg-3,.mx-lg-3{margin-right:30px!important}.mb-lg-3,.my-lg-3{margin-bottom:30px!important}.ml-lg-3,.mx-lg-3{margin-left:30px!important}.m-lg-4{margin:40px!important}.mt-lg-4,.my-lg-4{margin-top:40px!important}.mr-lg-4,.mx-lg-4{margin-right:40px!important}.mb-lg-4,.my-lg-4{margin-bottom:40px!important}.ml-lg-4,.mx-lg-4{margin-left:40px!important}.m-lg-5{margin:50px!important}.mt-lg-5,.my-lg-5{margin-top:50px!important}.mr-lg-5,.mx-lg-5{margin-right:50px!important}.mb-lg-5,.my-lg-5{margin-bottom:50px!important}.ml-lg-5,.mx-lg-5{margin-left:50px!important}.m-lg-6{margin:60px!important}.mt-lg-6,.my-lg-6{margin-top:60px!important}.mr-lg-6,.mx-lg-6{margin-right:60px!important}.mb-lg-6,.my-lg-6{margin-bottom:60px!important}.ml-lg-6,.mx-lg-6{margin-left:60px!important}.m-lg-7{margin:70px!important}.mt-lg-7,.my-lg-7{margin-top:70px!important}.mr-lg-7,.mx-lg-7{margin-right:70px!important}.mb-lg-7,.my-lg-7{margin-bottom:70px!important}.ml-lg-7,.mx-lg-7{margin-left:70px!important}.m-lg-8{margin:80px!important}.mt-lg-8,.my-lg-8{margin-top:80px!important}.mr-lg-8,.mx-lg-8{margin-right:80px!important}.mb-lg-8,.my-lg-8{margin-bottom:80px!important}.ml-lg-8,.mx-lg-8{margin-left:80px!important}.m-lg-9{margin:90px!important}.mt-lg-9,.my-lg-9{margin-top:90px!important}.mr-lg-9,.mx-lg-9{margin-right:90px!important}.mb-lg-9,.my-lg-9{margin-bottom:90px!important}.ml-lg-9,.mx-lg-9{margin-left:90px!important}.m-lg-10{margin:100px!important}.mt-lg-10,.my-lg-10{margin-top:100px!important}.mr-lg-10,.mx-lg-10{margin-right:100px!important}.mb-lg-10,.my-lg-10{margin-bottom:100px!important}.ml-lg-10,.mx-lg-10{margin-left:100px!important}.m-lg-11{margin:110px!important}.mt-lg-11,.my-lg-11{margin-top:110px!important}.mr-lg-11,.mx-lg-11{margin-right:110px!important}.mb-lg-11,.my-lg-11{margin-bottom:110px!important}.ml-lg-11,.mx-lg-11{margin-left:110px!important}.m-lg-12{margin:120px!important}.mt-lg-12,.my-lg-12{margin-top:120px!important}.mr-lg-12,.mx-lg-12{margin-right:120px!important}.mb-lg-12,.my-lg-12{margin-bottom:120px!important}.ml-lg-12,.mx-lg-12{margin-left:120px!important}.m-lg-13{margin:130px!important}.mt-lg-13,.my-lg-13{margin-top:130px!important}.mr-lg-13,.mx-lg-13{margin-right:130px!important}.mb-lg-13,.my-lg-13{margin-bottom:130px!important}.ml-lg-13,.mx-lg-13{margin-left:130px!important}.m-lg-14{margin:140px!important}.mt-lg-14,.my-lg-14{margin-top:140px!important}.mr-lg-14,.mx-lg-14{margin-right:140px!important}.mb-lg-14,.my-lg-14{margin-bottom:140px!important}.ml-lg-14,.mx-lg-14{margin-left:140px!important}.m-lg-15{margin:150px!important}.mt-lg-15,.my-lg-15{margin-top:150px!important}.mr-lg-15,.mx-lg-15{margin-right:150px!important}.mb-lg-15,.my-lg-15{margin-bottom:150px!important}.ml-lg-15,.mx-lg-15{margin-left:150px!important}.m-lg-16{margin:160px!important}.mt-lg-16,.my-lg-16{margin-top:160px!important}.mr-lg-16,.mx-lg-16{margin-right:160px!important}.mb-lg-16,.my-lg-16{margin-bottom:160px!important}.ml-lg-16,.mx-lg-16{margin-left:160px!important}.m-lg-17{margin:170px!important}.mt-lg-17,.my-lg-17{margin-top:170px!important}.mr-lg-17,.mx-lg-17{margin-right:170px!important}.mb-lg-17,.my-lg-17{margin-bottom:170px!important}.ml-lg-17,.mx-lg-17{margin-left:170px!important}.m-lg-18{margin:180px!important}.mt-lg-18,.my-lg-18{margin-top:180px!important}.mr-lg-18,.mx-lg-18{margin-right:180px!important}.mb-lg-18,.my-lg-18{margin-bottom:180px!important}.ml-lg-18,.mx-lg-18{margin-left:180px!important}.m-lg-19{margin:190px!important}.mt-lg-19,.my-lg-19{margin-top:190px!important}.mr-lg-19,.mx-lg-19{margin-right:190px!important}.mb-lg-19,.my-lg-19{margin-bottom:190px!important}.ml-lg-19,.mx-lg-19{margin-left:190px!important}.m-lg-20{margin:200px!important}.mt-lg-20,.my-lg-20{margin-top:200px!important}.mr-lg-20,.mx-lg-20{margin-right:200px!important}.mb-lg-20,.my-lg-20{margin-bottom:200px!important}.ml-lg-20,.mx-lg-20{margin-left:200px!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:10px!important}.pt-lg-1,.py-lg-1{padding-top:10px!important}.pr-lg-1,.px-lg-1{padding-right:10px!important}.pb-lg-1,.py-lg-1{padding-bottom:10px!important}.pl-lg-1,.px-lg-1{padding-left:10px!important}.p-lg-2{padding:20px!important}.pt-lg-2,.py-lg-2{padding-top:20px!important}.pr-lg-2,.px-lg-2{padding-right:20px!important}.pb-lg-2,.py-lg-2{padding-bottom:20px!important}.pl-lg-2,.px-lg-2{padding-left:20px!important}.p-lg-3{padding:30px!important}.pt-lg-3,.py-lg-3{padding-top:30px!important}.pr-lg-3,.px-lg-3{padding-right:30px!important}.pb-lg-3,.py-lg-3{padding-bottom:30px!important}.pl-lg-3,.px-lg-3{padding-left:30px!important}.p-lg-4{padding:40px!important}.pt-lg-4,.py-lg-4{padding-top:40px!important}.pr-lg-4,.px-lg-4{padding-right:40px!important}.pb-lg-4,.py-lg-4{padding-bottom:40px!important}.pl-lg-4,.px-lg-4{padding-left:40px!important}.p-lg-5{padding:50px!important}.pt-lg-5,.py-lg-5{padding-top:50px!important}.pr-lg-5,.px-lg-5{padding-right:50px!important}.pb-lg-5,.py-lg-5{padding-bottom:50px!important}.pl-lg-5,.px-lg-5{padding-left:50px!important}.p-lg-6{padding:60px!important}.pt-lg-6,.py-lg-6{padding-top:60px!important}.pr-lg-6,.px-lg-6{padding-right:60px!important}.pb-lg-6,.py-lg-6{padding-bottom:60px!important}.pl-lg-6,.px-lg-6{padding-left:60px!important}.p-lg-7{padding:70px!important}.pt-lg-7,.py-lg-7{padding-top:70px!important}.pr-lg-7,.px-lg-7{padding-right:70px!important}.pb-lg-7,.py-lg-7{padding-bottom:70px!important}.pl-lg-7,.px-lg-7{padding-left:70px!important}.p-lg-8{padding:80px!important}.pt-lg-8,.py-lg-8{padding-top:80px!important}.pr-lg-8,.px-lg-8{padding-right:80px!important}.pb-lg-8,.py-lg-8{padding-bottom:80px!important}.pl-lg-8,.px-lg-8{padding-left:80px!important}.p-lg-9{padding:90px!important}.pt-lg-9,.py-lg-9{padding-top:90px!important}.pr-lg-9,.px-lg-9{padding-right:90px!important}.pb-lg-9,.py-lg-9{padding-bottom:90px!important}.pl-lg-9,.px-lg-9{padding-left:90px!important}.p-lg-10{padding:100px!important}.pt-lg-10,.py-lg-10{padding-top:100px!important}.pr-lg-10,.px-lg-10{padding-right:100px!important}.pb-lg-10,.py-lg-10{padding-bottom:100px!important}.pl-lg-10,.px-lg-10{padding-left:100px!important}.p-lg-11{padding:110px!important}.pt-lg-11,.py-lg-11{padding-top:110px!important}.pr-lg-11,.px-lg-11{padding-right:110px!important}.pb-lg-11,.py-lg-11{padding-bottom:110px!important}.pl-lg-11,.px-lg-11{padding-left:110px!important}.p-lg-12{padding:120px!important}.pt-lg-12,.py-lg-12{padding-top:120px!important}.pr-lg-12,.px-lg-12{padding-right:120px!important}.pb-lg-12,.py-lg-12{padding-bottom:120px!important}.pl-lg-12,.px-lg-12{padding-left:120px!important}.p-lg-13{padding:130px!important}.pt-lg-13,.py-lg-13{padding-top:130px!important}.pr-lg-13,.px-lg-13{padding-right:130px!important}.pb-lg-13,.py-lg-13{padding-bottom:130px!important}.pl-lg-13,.px-lg-13{padding-left:130px!important}.p-lg-14{padding:140px!important}.pt-lg-14,.py-lg-14{padding-top:140px!important}.pr-lg-14,.px-lg-14{padding-right:140px!important}.pb-lg-14,.py-lg-14{padding-bottom:140px!important}.pl-lg-14,.px-lg-14{padding-left:140px!important}.p-lg-15{padding:150px!important}.pt-lg-15,.py-lg-15{padding-top:150px!important}.pr-lg-15,.px-lg-15{padding-right:150px!important}.pb-lg-15,.py-lg-15{padding-bottom:150px!important}.pl-lg-15,.px-lg-15{padding-left:150px!important}.p-lg-16{padding:160px!important}.pt-lg-16,.py-lg-16{padding-top:160px!important}.pr-lg-16,.px-lg-16{padding-right:160px!important}.pb-lg-16,.py-lg-16{padding-bottom:160px!important}.pl-lg-16,.px-lg-16{padding-left:160px!important}.p-lg-17{padding:170px!important}.pt-lg-17,.py-lg-17{padding-top:170px!important}.pr-lg-17,.px-lg-17{padding-right:170px!important}.pb-lg-17,.py-lg-17{padding-bottom:170px!important}.pl-lg-17,.px-lg-17{padding-left:170px!important}.p-lg-18{padding:180px!important}.pt-lg-18,.py-lg-18{padding-top:180px!important}.pr-lg-18,.px-lg-18{padding-right:180px!important}.pb-lg-18,.py-lg-18{padding-bottom:180px!important}.pl-lg-18,.px-lg-18{padding-left:180px!important}.p-lg-19{padding:190px!important}.pt-lg-19,.py-lg-19{padding-top:190px!important}.pr-lg-19,.px-lg-19{padding-right:190px!important}.pb-lg-19,.py-lg-19{padding-bottom:190px!important}.pl-lg-19,.px-lg-19{padding-left:190px!important}.p-lg-20{padding:200px!important}.pt-lg-20,.py-lg-20{padding-top:200px!important}.pr-lg-20,.px-lg-20{padding-right:200px!important}.pb-lg-20,.py-lg-20{padding-bottom:200px!important}.pl-lg-20,.px-lg-20{padding-left:200px!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media(min-width:1300px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:10px!important}.mt-xl-1,.my-xl-1{margin-top:10px!important}.mr-xl-1,.mx-xl-1{margin-right:10px!important}.mb-xl-1,.my-xl-1{margin-bottom:10px!important}.ml-xl-1,.mx-xl-1{margin-left:10px!important}.m-xl-2{margin:20px!important}.mt-xl-2,.my-xl-2{margin-top:20px!important}.mr-xl-2,.mx-xl-2{margin-right:20px!important}.mb-xl-2,.my-xl-2{margin-bottom:20px!important}.ml-xl-2,.mx-xl-2{margin-left:20px!important}.m-xl-3{margin:30px!important}.mt-xl-3,.my-xl-3{margin-top:30px!important}.mr-xl-3,.mx-xl-3{margin-right:30px!important}.mb-xl-3,.my-xl-3{margin-bottom:30px!important}.ml-xl-3,.mx-xl-3{margin-left:30px!important}.m-xl-4{margin:40px!important}.mt-xl-4,.my-xl-4{margin-top:40px!important}.mr-xl-4,.mx-xl-4{margin-right:40px!important}.mb-xl-4,.my-xl-4{margin-bottom:40px!important}.ml-xl-4,.mx-xl-4{margin-left:40px!important}.m-xl-5{margin:50px!important}.mt-xl-5,.my-xl-5{margin-top:50px!important}.mr-xl-5,.mx-xl-5{margin-right:50px!important}.mb-xl-5,.my-xl-5{margin-bottom:50px!important}.ml-xl-5,.mx-xl-5{margin-left:50px!important}.m-xl-6{margin:60px!important}.mt-xl-6,.my-xl-6{margin-top:60px!important}.mr-xl-6,.mx-xl-6{margin-right:60px!important}.mb-xl-6,.my-xl-6{margin-bottom:60px!important}.ml-xl-6,.mx-xl-6{margin-left:60px!important}.m-xl-7{margin:70px!important}.mt-xl-7,.my-xl-7{margin-top:70px!important}.mr-xl-7,.mx-xl-7{margin-right:70px!important}.mb-xl-7,.my-xl-7{margin-bottom:70px!important}.ml-xl-7,.mx-xl-7{margin-left:70px!important}.m-xl-8{margin:80px!important}.mt-xl-8,.my-xl-8{margin-top:80px!important}.mr-xl-8,.mx-xl-8{margin-right:80px!important}.mb-xl-8,.my-xl-8{margin-bottom:80px!important}.ml-xl-8,.mx-xl-8{margin-left:80px!important}.m-xl-9{margin:90px!important}.mt-xl-9,.my-xl-9{margin-top:90px!important}.mr-xl-9,.mx-xl-9{margin-right:90px!important}.mb-xl-9,.my-xl-9{margin-bottom:90px!important}.ml-xl-9,.mx-xl-9{margin-left:90px!important}.m-xl-10{margin:100px!important}.mt-xl-10,.my-xl-10{margin-top:100px!important}.mr-xl-10,.mx-xl-10{margin-right:100px!important}.mb-xl-10,.my-xl-10{margin-bottom:100px!important}.ml-xl-10,.mx-xl-10{margin-left:100px!important}.m-xl-11{margin:110px!important}.mt-xl-11,.my-xl-11{margin-top:110px!important}.mr-xl-11,.mx-xl-11{margin-right:110px!important}.mb-xl-11,.my-xl-11{margin-bottom:110px!important}.ml-xl-11,.mx-xl-11{margin-left:110px!important}.m-xl-12{margin:120px!important}.mt-xl-12,.my-xl-12{margin-top:120px!important}.mr-xl-12,.mx-xl-12{margin-right:120px!important}.mb-xl-12,.my-xl-12{margin-bottom:120px!important}.ml-xl-12,.mx-xl-12{margin-left:120px!important}.m-xl-13{margin:130px!important}.mt-xl-13,.my-xl-13{margin-top:130px!important}.mr-xl-13,.mx-xl-13{margin-right:130px!important}.mb-xl-13,.my-xl-13{margin-bottom:130px!important}.ml-xl-13,.mx-xl-13{margin-left:130px!important}.m-xl-14{margin:140px!important}.mt-xl-14,.my-xl-14{margin-top:140px!important}.mr-xl-14,.mx-xl-14{margin-right:140px!important}.mb-xl-14,.my-xl-14{margin-bottom:140px!important}.ml-xl-14,.mx-xl-14{margin-left:140px!important}.m-xl-15{margin:150px!important}.mt-xl-15,.my-xl-15{margin-top:150px!important}.mr-xl-15,.mx-xl-15{margin-right:150px!important}.mb-xl-15,.my-xl-15{margin-bottom:150px!important}.ml-xl-15,.mx-xl-15{margin-left:150px!important}.m-xl-16{margin:160px!important}.mt-xl-16,.my-xl-16{margin-top:160px!important}.mr-xl-16,.mx-xl-16{margin-right:160px!important}.mb-xl-16,.my-xl-16{margin-bottom:160px!important}.ml-xl-16,.mx-xl-16{margin-left:160px!important}.m-xl-17{margin:170px!important}.mt-xl-17,.my-xl-17{margin-top:170px!important}.mr-xl-17,.mx-xl-17{margin-right:170px!important}.mb-xl-17,.my-xl-17{margin-bottom:170px!important}.ml-xl-17,.mx-xl-17{margin-left:170px!important}.m-xl-18{margin:180px!important}.mt-xl-18,.my-xl-18{margin-top:180px!important}.mr-xl-18,.mx-xl-18{margin-right:180px!important}.mb-xl-18,.my-xl-18{margin-bottom:180px!important}.ml-xl-18,.mx-xl-18{margin-left:180px!important}.m-xl-19{margin:190px!important}.mt-xl-19,.my-xl-19{margin-top:190px!important}.mr-xl-19,.mx-xl-19{margin-right:190px!important}.mb-xl-19,.my-xl-19{margin-bottom:190px!important}.ml-xl-19,.mx-xl-19{margin-left:190px!important}.m-xl-20{margin:200px!important}.mt-xl-20,.my-xl-20{margin-top:200px!important}.mr-xl-20,.mx-xl-20{margin-right:200px!important}.mb-xl-20,.my-xl-20{margin-bottom:200px!important}.ml-xl-20,.mx-xl-20{margin-left:200px!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:10px!important}.pt-xl-1,.py-xl-1{padding-top:10px!important}.pr-xl-1,.px-xl-1{padding-right:10px!important}.pb-xl-1,.py-xl-1{padding-bottom:10px!important}.pl-xl-1,.px-xl-1{padding-left:10px!important}.p-xl-2{padding:20px!important}.pt-xl-2,.py-xl-2{padding-top:20px!important}.pr-xl-2,.px-xl-2{padding-right:20px!important}.pb-xl-2,.py-xl-2{padding-bottom:20px!important}.pl-xl-2,.px-xl-2{padding-left:20px!important}.p-xl-3{padding:30px!important}.pt-xl-3,.py-xl-3{padding-top:30px!important}.pr-xl-3,.px-xl-3{padding-right:30px!important}.pb-xl-3,.py-xl-3{padding-bottom:30px!important}.pl-xl-3,.px-xl-3{padding-left:30px!important}.p-xl-4{padding:40px!important}.pt-xl-4,.py-xl-4{padding-top:40px!important}.pr-xl-4,.px-xl-4{padding-right:40px!important}.pb-xl-4,.py-xl-4{padding-bottom:40px!important}.pl-xl-4,.px-xl-4{padding-left:40px!important}.p-xl-5{padding:50px!important}.pt-xl-5,.py-xl-5{padding-top:50px!important}.pr-xl-5,.px-xl-5{padding-right:50px!important}.pb-xl-5,.py-xl-5{padding-bottom:50px!important}.pl-xl-5,.px-xl-5{padding-left:50px!important}.p-xl-6{padding:60px!important}.pt-xl-6,.py-xl-6{padding-top:60px!important}.pr-xl-6,.px-xl-6{padding-right:60px!important}.pb-xl-6,.py-xl-6{padding-bottom:60px!important}.pl-xl-6,.px-xl-6{padding-left:60px!important}.p-xl-7{padding:70px!important}.pt-xl-7,.py-xl-7{padding-top:70px!important}.pr-xl-7,.px-xl-7{padding-right:70px!important}.pb-xl-7,.py-xl-7{padding-bottom:70px!important}.pl-xl-7,.px-xl-7{padding-left:70px!important}.p-xl-8{padding:80px!important}.pt-xl-8,.py-xl-8{padding-top:80px!important}.pr-xl-8,.px-xl-8{padding-right:80px!important}.pb-xl-8,.py-xl-8{padding-bottom:80px!important}.pl-xl-8,.px-xl-8{padding-left:80px!important}.p-xl-9{padding:90px!important}.pt-xl-9,.py-xl-9{padding-top:90px!important}.pr-xl-9,.px-xl-9{padding-right:90px!important}.pb-xl-9,.py-xl-9{padding-bottom:90px!important}.pl-xl-9,.px-xl-9{padding-left:90px!important}.p-xl-10{padding:100px!important}.pt-xl-10,.py-xl-10{padding-top:100px!important}.pr-xl-10,.px-xl-10{padding-right:100px!important}.pb-xl-10,.py-xl-10{padding-bottom:100px!important}.pl-xl-10,.px-xl-10{padding-left:100px!important}.p-xl-11{padding:110px!important}.pt-xl-11,.py-xl-11{padding-top:110px!important}.pr-xl-11,.px-xl-11{padding-right:110px!important}.pb-xl-11,.py-xl-11{padding-bottom:110px!important}.pl-xl-11,.px-xl-11{padding-left:110px!important}.p-xl-12{padding:120px!important}.pt-xl-12,.py-xl-12{padding-top:120px!important}.pr-xl-12,.px-xl-12{padding-right:120px!important}.pb-xl-12,.py-xl-12{padding-bottom:120px!important}.pl-xl-12,.px-xl-12{padding-left:120px!important}.p-xl-13{padding:130px!important}.pt-xl-13,.py-xl-13{padding-top:130px!important}.pr-xl-13,.px-xl-13{padding-right:130px!important}.pb-xl-13,.py-xl-13{padding-bottom:130px!important}.pl-xl-13,.px-xl-13{padding-left:130px!important}.p-xl-14{padding:140px!important}.pt-xl-14,.py-xl-14{padding-top:140px!important}.pr-xl-14,.px-xl-14{padding-right:140px!important}.pb-xl-14,.py-xl-14{padding-bottom:140px!important}.pl-xl-14,.px-xl-14{padding-left:140px!important}.p-xl-15{padding:150px!important}.pt-xl-15,.py-xl-15{padding-top:150px!important}.pr-xl-15,.px-xl-15{padding-right:150px!important}.pb-xl-15,.py-xl-15{padding-bottom:150px!important}.pl-xl-15,.px-xl-15{padding-left:150px!important}.p-xl-16{padding:160px!important}.pt-xl-16,.py-xl-16{padding-top:160px!important}.pr-xl-16,.px-xl-16{padding-right:160px!important}.pb-xl-16,.py-xl-16{padding-bottom:160px!important}.pl-xl-16,.px-xl-16{padding-left:160px!important}.p-xl-17{padding:170px!important}.pt-xl-17,.py-xl-17{padding-top:170px!important}.pr-xl-17,.px-xl-17{padding-right:170px!important}.pb-xl-17,.py-xl-17{padding-bottom:170px!important}.pl-xl-17,.px-xl-17{padding-left:170px!important}.p-xl-18{padding:180px!important}.pt-xl-18,.py-xl-18{padding-top:180px!important}.pr-xl-18,.px-xl-18{padding-right:180px!important}.pb-xl-18,.py-xl-18{padding-bottom:180px!important}.pl-xl-18,.px-xl-18{padding-left:180px!important}.p-xl-19{padding:190px!important}.pt-xl-19,.py-xl-19{padding-top:190px!important}.pr-xl-19,.px-xl-19{padding-right:190px!important}.pb-xl-19,.py-xl-19{padding-bottom:190px!important}.pl-xl-19,.px-xl-19{padding-left:190px!important}.p-xl-20{padding:200px!important}.pt-xl-20,.py-xl-20{padding-top:200px!important}.pr-xl-20,.px-xl-20{padding-right:200px!important}.pb-xl-20,.py-xl-20{padding-bottom:200px!important}.pl-xl-20,.px-xl-20{padding-left:200px!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-justify{text-align:justify!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media(min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media(min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media(min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media(min-width:1300px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:400!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#1de9b6!important}a.text-primary:hover,a.text-primary:focus{color:#13c095!important}.text-secondary{color:#ffca28!important}a.text-secondary:hover,a.text-secondary:focus{color:#f4b800!important}.text-success{color:#28a745!important}a.text-success:hover,a.text-success:focus{color:#1e7e34!important}.text-info{color:#17a2b8!important}a.text-info:hover,a.text-info:focus{color:#117a8b!important}.text-warning{color:#ffc107!important}a.text-warning:hover,a.text-warning:focus{color:#d39e00!important}.text-danger{color:#dc3545!important}a.text-danger:hover,a.text-danger:focus{color:#bd2130!important}.text-light{color:#f8f9fa!important}a.text-light:hover,a.text-light:focus{color:#dae0e5!important}.text-dark{color:#343a40!important}a.text-dark:hover,a.text-dark:focus{color:#1d2124!important}.text-muted{color:#6c757d!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.container{width:100%;padding-right:10px;padding-left:10px;margin-right:auto;margin-left:auto}@media(min-width:576px){.container{max-width:540px}}@media(min-width:768px){.container{max-width:720px}}@media(min-width:992px){.container{max-width:960px}}@media(min-width:1300px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:10px;padding-left:10px;margin-right:auto;margin-left:auto}.row{display:flex;flex-wrap:wrap;margin-right:-10px;margin-left:-10px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:10px;padding-left:10px}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;width:auto;max-width:none}.col-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}@media(min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:none}.col-sm-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-sm-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-sm-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-sm-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-sm-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}}@media(min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;width:auto;max-width:none}.col-md-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-md-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-md-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-md-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-md-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}}@media(min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:none}.col-lg-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-lg-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-lg-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-lg-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-lg-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}}@media(min-width:1300px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:none}.col-xl-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-xl-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-xl-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-xl-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-xl-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}}.table,.content table{width:100%;max-width:100%;margin-bottom:1rem;background-color:transparent}.table th,.content table th,.table td,.content table td{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th,.content table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody,.content table tbody+tbody{border-top:2px solid #dee2e6}.table .table,.content table .table,.table .content table,.content .table table,.content table table{background-color:#fff}.table-sm th,.table-sm td{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered th,.table-bordered td{border:1px solid #dee2e6}.table-bordered thead th,.table-bordered thead td{border-bottom-width:2px}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(33,37,41,.05)}.table-hover tbody tr:hover{background-color:rgba(33,37,41,.075)}.table-primary,.table-primary>th,.table-primary>td{background-color:#c0f9eb}.table-hover .table-primary:hover{background-color:#a9f7e4}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#a9f7e4}.table-secondary,.table-secondary>th,.table-secondary>td{background-color:#fff0c3}.table-hover .table-secondary:hover{background-color:#ffeaaa}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#ffeaaa}.table-success,.table-success>th,.table-success>td{background-color:#c3e6cb}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>th,.table-info>td{background-color:#bee5eb}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>th,.table-warning>td{background-color:#ffeeba}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>th,.table-danger>td{background-color:#f5c6cb}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>th,.table-light>td{background-color:#fdfdfe}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>th,.table-dark>td{background-color:#c6c8ca}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>th,.table-active>td{background-color:rgba(33,37,41,.075)}.table-hover .table-active:hover{background-color:rgba(22,24,27,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(22,24,27,.075)}.table .thead-dark th,.content table .thead-dark th{color:#fff;background-color:#212529;border-color:#32383e}.table .thead-light th,.content table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#212529}.table-dark th,.table-dark td,.table-dark thead th{border-color:#32383e}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{background-color:rgba(255,255,255,.075)}@media(max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-sm>.table-bordered{border:0}}@media(max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-md>.table-bordered{border:0}}@media(max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-lg>.table-bordered{border:0}}@media(max-width:1299.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive>.table-bordered{border:0}/*!* Hamburgers
+@charset "UTF-8";@import "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Lora:400,700|Roboto+Mono:300,400";*,*::before,*::after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(33,37,41,0)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:roboto,Arial,sans-serif,-apple-system;font-size:1rem;font-weight:400;line-height:1.4;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[title],abbr[data-original-title]{text-decoration:underline;text-decoration:underline dotted;cursor:help;border-bottom:0;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#1de9b6;text-decoration:none;background-color:transparent}a:hover{color:#7af2d4;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):hover,a:not([href]):not([tabindex]):focus{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}pre,code,kbd,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#1de9b6!important}a.bg-primary:hover,a.bg-primary:focus,button.bg-primary:hover,button.bg-primary:focus{background-color:#13c095!important}.bg-secondary{background-color:#ffca28!important}a.bg-secondary:hover,a.bg-secondary:focus,button.bg-secondary:hover,button.bg-secondary:focus{background-color:#f4b800!important}.bg-success{background-color:#28a745!important}a.bg-success:hover,a.bg-success:focus,button.bg-success:hover,button.bg-success:focus{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:hover,a.bg-info:focus,button.bg-info:hover,button.bg-info:focus{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:hover,a.bg-warning:focus,button.bg-warning:hover,button.bg-warning:focus{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:hover,a.bg-danger:focus,button.bg-danger:hover,button.bg-danger:focus{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:hover,a.bg-light:focus,button.bg-light:hover,button.bg-light:focus{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:hover,a.bg-dark:focus,button.bg-dark:hover,button.bg-dark:focus{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#1de9b6!important}.border-secondary{border-color:#ffca28!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.2rem!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}@media(min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}}@media(min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}}@media(min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}}@media(min-width:1300px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.85714286%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}@media(min-width:576px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}}@media(min-width:768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}}@media(min-width:992px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}}@media(min-width:1300px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media(min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media(min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media(min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media(min-width:1300px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports(position:sticky){.sticky-top{position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(33,37,41,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(33,37,41,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(33,37,41,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:10px!important}.mt-1,.my-1{margin-top:10px!important}.mr-1,.mx-1{margin-right:10px!important}.mb-1,.my-1{margin-bottom:10px!important}.ml-1,.mx-1{margin-left:10px!important}.m-2{margin:20px!important}.mt-2,.my-2{margin-top:20px!important}.mr-2,.mx-2{margin-right:20px!important}.mb-2,.my-2{margin-bottom:20px!important}.ml-2,.mx-2{margin-left:20px!important}.m-3{margin:30px!important}.mt-3,.my-3{margin-top:30px!important}.mr-3,.mx-3{margin-right:30px!important}.mb-3,.my-3{margin-bottom:30px!important}.ml-3,.mx-3{margin-left:30px!important}.m-4{margin:40px!important}.mt-4,.my-4{margin-top:40px!important}.mr-4,.mx-4{margin-right:40px!important}.mb-4,.my-4{margin-bottom:40px!important}.ml-4,.mx-4{margin-left:40px!important}.m-5{margin:50px!important}.mt-5,.my-5{margin-top:50px!important}.mr-5,.mx-5{margin-right:50px!important}.mb-5,.my-5{margin-bottom:50px!important}.ml-5,.mx-5{margin-left:50px!important}.m-6{margin:60px!important}.mt-6,.my-6{margin-top:60px!important}.mr-6,.mx-6{margin-right:60px!important}.mb-6,.my-6{margin-bottom:60px!important}.ml-6,.mx-6{margin-left:60px!important}.m-7{margin:70px!important}.mt-7,.my-7{margin-top:70px!important}.mr-7,.mx-7{margin-right:70px!important}.mb-7,.my-7{margin-bottom:70px!important}.ml-7,.mx-7{margin-left:70px!important}.m-8{margin:80px!important}.mt-8,.my-8{margin-top:80px!important}.mr-8,.mx-8{margin-right:80px!important}.mb-8,.my-8{margin-bottom:80px!important}.ml-8,.mx-8{margin-left:80px!important}.m-9{margin:90px!important}.mt-9,.my-9{margin-top:90px!important}.mr-9,.mx-9{margin-right:90px!important}.mb-9,.my-9{margin-bottom:90px!important}.ml-9,.mx-9{margin-left:90px!important}.m-10{margin:100px!important}.mt-10,.my-10{margin-top:100px!important}.mr-10,.mx-10{margin-right:100px!important}.mb-10,.my-10{margin-bottom:100px!important}.ml-10,.mx-10{margin-left:100px!important}.m-11{margin:110px!important}.mt-11,.my-11{margin-top:110px!important}.mr-11,.mx-11{margin-right:110px!important}.mb-11,.my-11{margin-bottom:110px!important}.ml-11,.mx-11{margin-left:110px!important}.m-12{margin:120px!important}.mt-12,.my-12{margin-top:120px!important}.mr-12,.mx-12{margin-right:120px!important}.mb-12,.my-12{margin-bottom:120px!important}.ml-12,.mx-12{margin-left:120px!important}.m-13{margin:130px!important}.mt-13,.my-13{margin-top:130px!important}.mr-13,.mx-13{margin-right:130px!important}.mb-13,.my-13{margin-bottom:130px!important}.ml-13,.mx-13{margin-left:130px!important}.m-14{margin:140px!important}.mt-14,.my-14{margin-top:140px!important}.mr-14,.mx-14{margin-right:140px!important}.mb-14,.my-14{margin-bottom:140px!important}.ml-14,.mx-14{margin-left:140px!important}.m-15{margin:150px!important}.mt-15,.my-15{margin-top:150px!important}.mr-15,.mx-15{margin-right:150px!important}.mb-15,.my-15{margin-bottom:150px!important}.ml-15,.mx-15{margin-left:150px!important}.m-16{margin:160px!important}.mt-16,.my-16{margin-top:160px!important}.mr-16,.mx-16{margin-right:160px!important}.mb-16,.my-16{margin-bottom:160px!important}.ml-16,.mx-16{margin-left:160px!important}.m-17{margin:170px!important}.mt-17,.my-17{margin-top:170px!important}.mr-17,.mx-17{margin-right:170px!important}.mb-17,.my-17{margin-bottom:170px!important}.ml-17,.mx-17{margin-left:170px!important}.m-18{margin:180px!important}.mt-18,.my-18{margin-top:180px!important}.mr-18,.mx-18{margin-right:180px!important}.mb-18,.my-18{margin-bottom:180px!important}.ml-18,.mx-18{margin-left:180px!important}.m-19{margin:190px!important}.mt-19,.my-19{margin-top:190px!important}.mr-19,.mx-19{margin-right:190px!important}.mb-19,.my-19{margin-bottom:190px!important}.ml-19,.mx-19{margin-left:190px!important}.m-20{margin:200px!important}.mt-20,.my-20{margin-top:200px!important}.mr-20,.mx-20{margin-right:200px!important}.mb-20,.my-20{margin-bottom:200px!important}.ml-20,.mx-20{margin-left:200px!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:10px!important}.pt-1,.py-1{padding-top:10px!important}.pr-1,.px-1{padding-right:10px!important}.pb-1,.py-1{padding-bottom:10px!important}.pl-1,.px-1{padding-left:10px!important}.p-2{padding:20px!important}.pt-2,.py-2{padding-top:20px!important}.pr-2,.px-2{padding-right:20px!important}.pb-2,.py-2{padding-bottom:20px!important}.pl-2,.px-2{padding-left:20px!important}.p-3{padding:30px!important}.pt-3,.py-3{padding-top:30px!important}.pr-3,.px-3{padding-right:30px!important}.pb-3,.py-3{padding-bottom:30px!important}.pl-3,.px-3{padding-left:30px!important}.p-4{padding:40px!important}.pt-4,.py-4{padding-top:40px!important}.pr-4,.px-4{padding-right:40px!important}.pb-4,.py-4{padding-bottom:40px!important}.pl-4,.px-4{padding-left:40px!important}.p-5{padding:50px!important}.pt-5,.py-5{padding-top:50px!important}.pr-5,.px-5{padding-right:50px!important}.pb-5,.py-5{padding-bottom:50px!important}.pl-5,.px-5{padding-left:50px!important}.p-6{padding:60px!important}.pt-6,.py-6{padding-top:60px!important}.pr-6,.px-6{padding-right:60px!important}.pb-6,.py-6{padding-bottom:60px!important}.pl-6,.px-6{padding-left:60px!important}.p-7{padding:70px!important}.pt-7,.py-7{padding-top:70px!important}.pr-7,.px-7{padding-right:70px!important}.pb-7,.py-7{padding-bottom:70px!important}.pl-7,.px-7{padding-left:70px!important}.p-8{padding:80px!important}.pt-8,.py-8{padding-top:80px!important}.pr-8,.px-8{padding-right:80px!important}.pb-8,.py-8{padding-bottom:80px!important}.pl-8,.px-8{padding-left:80px!important}.p-9{padding:90px!important}.pt-9,.py-9{padding-top:90px!important}.pr-9,.px-9{padding-right:90px!important}.pb-9,.py-9{padding-bottom:90px!important}.pl-9,.px-9{padding-left:90px!important}.p-10{padding:100px!important}.pt-10,.py-10{padding-top:100px!important}.pr-10,.px-10{padding-right:100px!important}.pb-10,.py-10{padding-bottom:100px!important}.pl-10,.px-10{padding-left:100px!important}.p-11{padding:110px!important}.pt-11,.py-11{padding-top:110px!important}.pr-11,.px-11{padding-right:110px!important}.pb-11,.py-11{padding-bottom:110px!important}.pl-11,.px-11{padding-left:110px!important}.p-12{padding:120px!important}.pt-12,.py-12{padding-top:120px!important}.pr-12,.px-12{padding-right:120px!important}.pb-12,.py-12{padding-bottom:120px!important}.pl-12,.px-12{padding-left:120px!important}.p-13{padding:130px!important}.pt-13,.py-13{padding-top:130px!important}.pr-13,.px-13{padding-right:130px!important}.pb-13,.py-13{padding-bottom:130px!important}.pl-13,.px-13{padding-left:130px!important}.p-14{padding:140px!important}.pt-14,.py-14{padding-top:140px!important}.pr-14,.px-14{padding-right:140px!important}.pb-14,.py-14{padding-bottom:140px!important}.pl-14,.px-14{padding-left:140px!important}.p-15{padding:150px!important}.pt-15,.py-15{padding-top:150px!important}.pr-15,.px-15{padding-right:150px!important}.pb-15,.py-15{padding-bottom:150px!important}.pl-15,.px-15{padding-left:150px!important}.p-16{padding:160px!important}.pt-16,.py-16{padding-top:160px!important}.pr-16,.px-16{padding-right:160px!important}.pb-16,.py-16{padding-bottom:160px!important}.pl-16,.px-16{padding-left:160px!important}.p-17{padding:170px!important}.pt-17,.py-17{padding-top:170px!important}.pr-17,.px-17{padding-right:170px!important}.pb-17,.py-17{padding-bottom:170px!important}.pl-17,.px-17{padding-left:170px!important}.p-18{padding:180px!important}.pt-18,.py-18{padding-top:180px!important}.pr-18,.px-18{padding-right:180px!important}.pb-18,.py-18{padding-bottom:180px!important}.pl-18,.px-18{padding-left:180px!important}.p-19{padding:190px!important}.pt-19,.py-19{padding-top:190px!important}.pr-19,.px-19{padding-right:190px!important}.pb-19,.py-19{padding-bottom:190px!important}.pl-19,.px-19{padding-left:190px!important}.p-20{padding:200px!important}.pt-20,.py-20{padding-top:200px!important}.pr-20,.px-20{padding-right:200px!important}.pb-20,.py-20{padding-bottom:200px!important}.pl-20,.px-20{padding-left:200px!important}.m-n1{margin:-10px!important}.mt-n1,.my-n1{margin-top:-10px!important}.mr-n1,.mx-n1{margin-right:-10px!important}.mb-n1,.my-n1{margin-bottom:-10px!important}.ml-n1,.mx-n1{margin-left:-10px!important}.m-n2{margin:-20px!important}.mt-n2,.my-n2{margin-top:-20px!important}.mr-n2,.mx-n2{margin-right:-20px!important}.mb-n2,.my-n2{margin-bottom:-20px!important}.ml-n2,.mx-n2{margin-left:-20px!important}.m-n3{margin:-30px!important}.mt-n3,.my-n3{margin-top:-30px!important}.mr-n3,.mx-n3{margin-right:-30px!important}.mb-n3,.my-n3{margin-bottom:-30px!important}.ml-n3,.mx-n3{margin-left:-30px!important}.m-n4{margin:-40px!important}.mt-n4,.my-n4{margin-top:-40px!important}.mr-n4,.mx-n4{margin-right:-40px!important}.mb-n4,.my-n4{margin-bottom:-40px!important}.ml-n4,.mx-n4{margin-left:-40px!important}.m-n5{margin:-50px!important}.mt-n5,.my-n5{margin-top:-50px!important}.mr-n5,.mx-n5{margin-right:-50px!important}.mb-n5,.my-n5{margin-bottom:-50px!important}.ml-n5,.mx-n5{margin-left:-50px!important}.m-n6{margin:-60px!important}.mt-n6,.my-n6{margin-top:-60px!important}.mr-n6,.mx-n6{margin-right:-60px!important}.mb-n6,.my-n6{margin-bottom:-60px!important}.ml-n6,.mx-n6{margin-left:-60px!important}.m-n7{margin:-70px!important}.mt-n7,.my-n7{margin-top:-70px!important}.mr-n7,.mx-n7{margin-right:-70px!important}.mb-n7,.my-n7{margin-bottom:-70px!important}.ml-n7,.mx-n7{margin-left:-70px!important}.m-n8{margin:-80px!important}.mt-n8,.my-n8{margin-top:-80px!important}.mr-n8,.mx-n8{margin-right:-80px!important}.mb-n8,.my-n8{margin-bottom:-80px!important}.ml-n8,.mx-n8{margin-left:-80px!important}.m-n9{margin:-90px!important}.mt-n9,.my-n9{margin-top:-90px!important}.mr-n9,.mx-n9{margin-right:-90px!important}.mb-n9,.my-n9{margin-bottom:-90px!important}.ml-n9,.mx-n9{margin-left:-90px!important}.m-n10{margin:-100px!important}.mt-n10,.my-n10{margin-top:-100px!important}.mr-n10,.mx-n10{margin-right:-100px!important}.mb-n10,.my-n10{margin-bottom:-100px!important}.ml-n10,.mx-n10{margin-left:-100px!important}.m-n11{margin:-110px!important}.mt-n11,.my-n11{margin-top:-110px!important}.mr-n11,.mx-n11{margin-right:-110px!important}.mb-n11,.my-n11{margin-bottom:-110px!important}.ml-n11,.mx-n11{margin-left:-110px!important}.m-n12{margin:-120px!important}.mt-n12,.my-n12{margin-top:-120px!important}.mr-n12,.mx-n12{margin-right:-120px!important}.mb-n12,.my-n12{margin-bottom:-120px!important}.ml-n12,.mx-n12{margin-left:-120px!important}.m-n13{margin:-130px!important}.mt-n13,.my-n13{margin-top:-130px!important}.mr-n13,.mx-n13{margin-right:-130px!important}.mb-n13,.my-n13{margin-bottom:-130px!important}.ml-n13,.mx-n13{margin-left:-130px!important}.m-n14{margin:-140px!important}.mt-n14,.my-n14{margin-top:-140px!important}.mr-n14,.mx-n14{margin-right:-140px!important}.mb-n14,.my-n14{margin-bottom:-140px!important}.ml-n14,.mx-n14{margin-left:-140px!important}.m-n15{margin:-150px!important}.mt-n15,.my-n15{margin-top:-150px!important}.mr-n15,.mx-n15{margin-right:-150px!important}.mb-n15,.my-n15{margin-bottom:-150px!important}.ml-n15,.mx-n15{margin-left:-150px!important}.m-n16{margin:-160px!important}.mt-n16,.my-n16{margin-top:-160px!important}.mr-n16,.mx-n16{margin-right:-160px!important}.mb-n16,.my-n16{margin-bottom:-160px!important}.ml-n16,.mx-n16{margin-left:-160px!important}.m-n17{margin:-170px!important}.mt-n17,.my-n17{margin-top:-170px!important}.mr-n17,.mx-n17{margin-right:-170px!important}.mb-n17,.my-n17{margin-bottom:-170px!important}.ml-n17,.mx-n17{margin-left:-170px!important}.m-n18{margin:-180px!important}.mt-n18,.my-n18{margin-top:-180px!important}.mr-n18,.mx-n18{margin-right:-180px!important}.mb-n18,.my-n18{margin-bottom:-180px!important}.ml-n18,.mx-n18{margin-left:-180px!important}.m-n19{margin:-190px!important}.mt-n19,.my-n19{margin-top:-190px!important}.mr-n19,.mx-n19{margin-right:-190px!important}.mb-n19,.my-n19{margin-bottom:-190px!important}.ml-n19,.mx-n19{margin-left:-190px!important}.m-n20{margin:-200px!important}.mt-n20,.my-n20{margin-top:-200px!important}.mr-n20,.mx-n20{margin-right:-200px!important}.mb-n20,.my-n20{margin-bottom:-200px!important}.ml-n20,.mx-n20{margin-left:-200px!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media(min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:10px!important}.mt-sm-1,.my-sm-1{margin-top:10px!important}.mr-sm-1,.mx-sm-1{margin-right:10px!important}.mb-sm-1,.my-sm-1{margin-bottom:10px!important}.ml-sm-1,.mx-sm-1{margin-left:10px!important}.m-sm-2{margin:20px!important}.mt-sm-2,.my-sm-2{margin-top:20px!important}.mr-sm-2,.mx-sm-2{margin-right:20px!important}.mb-sm-2,.my-sm-2{margin-bottom:20px!important}.ml-sm-2,.mx-sm-2{margin-left:20px!important}.m-sm-3{margin:30px!important}.mt-sm-3,.my-sm-3{margin-top:30px!important}.mr-sm-3,.mx-sm-3{margin-right:30px!important}.mb-sm-3,.my-sm-3{margin-bottom:30px!important}.ml-sm-3,.mx-sm-3{margin-left:30px!important}.m-sm-4{margin:40px!important}.mt-sm-4,.my-sm-4{margin-top:40px!important}.mr-sm-4,.mx-sm-4{margin-right:40px!important}.mb-sm-4,.my-sm-4{margin-bottom:40px!important}.ml-sm-4,.mx-sm-4{margin-left:40px!important}.m-sm-5{margin:50px!important}.mt-sm-5,.my-sm-5{margin-top:50px!important}.mr-sm-5,.mx-sm-5{margin-right:50px!important}.mb-sm-5,.my-sm-5{margin-bottom:50px!important}.ml-sm-5,.mx-sm-5{margin-left:50px!important}.m-sm-6{margin:60px!important}.mt-sm-6,.my-sm-6{margin-top:60px!important}.mr-sm-6,.mx-sm-6{margin-right:60px!important}.mb-sm-6,.my-sm-6{margin-bottom:60px!important}.ml-sm-6,.mx-sm-6{margin-left:60px!important}.m-sm-7{margin:70px!important}.mt-sm-7,.my-sm-7{margin-top:70px!important}.mr-sm-7,.mx-sm-7{margin-right:70px!important}.mb-sm-7,.my-sm-7{margin-bottom:70px!important}.ml-sm-7,.mx-sm-7{margin-left:70px!important}.m-sm-8{margin:80px!important}.mt-sm-8,.my-sm-8{margin-top:80px!important}.mr-sm-8,.mx-sm-8{margin-right:80px!important}.mb-sm-8,.my-sm-8{margin-bottom:80px!important}.ml-sm-8,.mx-sm-8{margin-left:80px!important}.m-sm-9{margin:90px!important}.mt-sm-9,.my-sm-9{margin-top:90px!important}.mr-sm-9,.mx-sm-9{margin-right:90px!important}.mb-sm-9,.my-sm-9{margin-bottom:90px!important}.ml-sm-9,.mx-sm-9{margin-left:90px!important}.m-sm-10{margin:100px!important}.mt-sm-10,.my-sm-10{margin-top:100px!important}.mr-sm-10,.mx-sm-10{margin-right:100px!important}.mb-sm-10,.my-sm-10{margin-bottom:100px!important}.ml-sm-10,.mx-sm-10{margin-left:100px!important}.m-sm-11{margin:110px!important}.mt-sm-11,.my-sm-11{margin-top:110px!important}.mr-sm-11,.mx-sm-11{margin-right:110px!important}.mb-sm-11,.my-sm-11{margin-bottom:110px!important}.ml-sm-11,.mx-sm-11{margin-left:110px!important}.m-sm-12{margin:120px!important}.mt-sm-12,.my-sm-12{margin-top:120px!important}.mr-sm-12,.mx-sm-12{margin-right:120px!important}.mb-sm-12,.my-sm-12{margin-bottom:120px!important}.ml-sm-12,.mx-sm-12{margin-left:120px!important}.m-sm-13{margin:130px!important}.mt-sm-13,.my-sm-13{margin-top:130px!important}.mr-sm-13,.mx-sm-13{margin-right:130px!important}.mb-sm-13,.my-sm-13{margin-bottom:130px!important}.ml-sm-13,.mx-sm-13{margin-left:130px!important}.m-sm-14{margin:140px!important}.mt-sm-14,.my-sm-14{margin-top:140px!important}.mr-sm-14,.mx-sm-14{margin-right:140px!important}.mb-sm-14,.my-sm-14{margin-bottom:140px!important}.ml-sm-14,.mx-sm-14{margin-left:140px!important}.m-sm-15{margin:150px!important}.mt-sm-15,.my-sm-15{margin-top:150px!important}.mr-sm-15,.mx-sm-15{margin-right:150px!important}.mb-sm-15,.my-sm-15{margin-bottom:150px!important}.ml-sm-15,.mx-sm-15{margin-left:150px!important}.m-sm-16{margin:160px!important}.mt-sm-16,.my-sm-16{margin-top:160px!important}.mr-sm-16,.mx-sm-16{margin-right:160px!important}.mb-sm-16,.my-sm-16{margin-bottom:160px!important}.ml-sm-16,.mx-sm-16{margin-left:160px!important}.m-sm-17{margin:170px!important}.mt-sm-17,.my-sm-17{margin-top:170px!important}.mr-sm-17,.mx-sm-17{margin-right:170px!important}.mb-sm-17,.my-sm-17{margin-bottom:170px!important}.ml-sm-17,.mx-sm-17{margin-left:170px!important}.m-sm-18{margin:180px!important}.mt-sm-18,.my-sm-18{margin-top:180px!important}.mr-sm-18,.mx-sm-18{margin-right:180px!important}.mb-sm-18,.my-sm-18{margin-bottom:180px!important}.ml-sm-18,.mx-sm-18{margin-left:180px!important}.m-sm-19{margin:190px!important}.mt-sm-19,.my-sm-19{margin-top:190px!important}.mr-sm-19,.mx-sm-19{margin-right:190px!important}.mb-sm-19,.my-sm-19{margin-bottom:190px!important}.ml-sm-19,.mx-sm-19{margin-left:190px!important}.m-sm-20{margin:200px!important}.mt-sm-20,.my-sm-20{margin-top:200px!important}.mr-sm-20,.mx-sm-20{margin-right:200px!important}.mb-sm-20,.my-sm-20{margin-bottom:200px!important}.ml-sm-20,.mx-sm-20{margin-left:200px!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:10px!important}.pt-sm-1,.py-sm-1{padding-top:10px!important}.pr-sm-1,.px-sm-1{padding-right:10px!important}.pb-sm-1,.py-sm-1{padding-bottom:10px!important}.pl-sm-1,.px-sm-1{padding-left:10px!important}.p-sm-2{padding:20px!important}.pt-sm-2,.py-sm-2{padding-top:20px!important}.pr-sm-2,.px-sm-2{padding-right:20px!important}.pb-sm-2,.py-sm-2{padding-bottom:20px!important}.pl-sm-2,.px-sm-2{padding-left:20px!important}.p-sm-3{padding:30px!important}.pt-sm-3,.py-sm-3{padding-top:30px!important}.pr-sm-3,.px-sm-3{padding-right:30px!important}.pb-sm-3,.py-sm-3{padding-bottom:30px!important}.pl-sm-3,.px-sm-3{padding-left:30px!important}.p-sm-4{padding:40px!important}.pt-sm-4,.py-sm-4{padding-top:40px!important}.pr-sm-4,.px-sm-4{padding-right:40px!important}.pb-sm-4,.py-sm-4{padding-bottom:40px!important}.pl-sm-4,.px-sm-4{padding-left:40px!important}.p-sm-5{padding:50px!important}.pt-sm-5,.py-sm-5{padding-top:50px!important}.pr-sm-5,.px-sm-5{padding-right:50px!important}.pb-sm-5,.py-sm-5{padding-bottom:50px!important}.pl-sm-5,.px-sm-5{padding-left:50px!important}.p-sm-6{padding:60px!important}.pt-sm-6,.py-sm-6{padding-top:60px!important}.pr-sm-6,.px-sm-6{padding-right:60px!important}.pb-sm-6,.py-sm-6{padding-bottom:60px!important}.pl-sm-6,.px-sm-6{padding-left:60px!important}.p-sm-7{padding:70px!important}.pt-sm-7,.py-sm-7{padding-top:70px!important}.pr-sm-7,.px-sm-7{padding-right:70px!important}.pb-sm-7,.py-sm-7{padding-bottom:70px!important}.pl-sm-7,.px-sm-7{padding-left:70px!important}.p-sm-8{padding:80px!important}.pt-sm-8,.py-sm-8{padding-top:80px!important}.pr-sm-8,.px-sm-8{padding-right:80px!important}.pb-sm-8,.py-sm-8{padding-bottom:80px!important}.pl-sm-8,.px-sm-8{padding-left:80px!important}.p-sm-9{padding:90px!important}.pt-sm-9,.py-sm-9{padding-top:90px!important}.pr-sm-9,.px-sm-9{padding-right:90px!important}.pb-sm-9,.py-sm-9{padding-bottom:90px!important}.pl-sm-9,.px-sm-9{padding-left:90px!important}.p-sm-10{padding:100px!important}.pt-sm-10,.py-sm-10{padding-top:100px!important}.pr-sm-10,.px-sm-10{padding-right:100px!important}.pb-sm-10,.py-sm-10{padding-bottom:100px!important}.pl-sm-10,.px-sm-10{padding-left:100px!important}.p-sm-11{padding:110px!important}.pt-sm-11,.py-sm-11{padding-top:110px!important}.pr-sm-11,.px-sm-11{padding-right:110px!important}.pb-sm-11,.py-sm-11{padding-bottom:110px!important}.pl-sm-11,.px-sm-11{padding-left:110px!important}.p-sm-12{padding:120px!important}.pt-sm-12,.py-sm-12{padding-top:120px!important}.pr-sm-12,.px-sm-12{padding-right:120px!important}.pb-sm-12,.py-sm-12{padding-bottom:120px!important}.pl-sm-12,.px-sm-12{padding-left:120px!important}.p-sm-13{padding:130px!important}.pt-sm-13,.py-sm-13{padding-top:130px!important}.pr-sm-13,.px-sm-13{padding-right:130px!important}.pb-sm-13,.py-sm-13{padding-bottom:130px!important}.pl-sm-13,.px-sm-13{padding-left:130px!important}.p-sm-14{padding:140px!important}.pt-sm-14,.py-sm-14{padding-top:140px!important}.pr-sm-14,.px-sm-14{padding-right:140px!important}.pb-sm-14,.py-sm-14{padding-bottom:140px!important}.pl-sm-14,.px-sm-14{padding-left:140px!important}.p-sm-15{padding:150px!important}.pt-sm-15,.py-sm-15{padding-top:150px!important}.pr-sm-15,.px-sm-15{padding-right:150px!important}.pb-sm-15,.py-sm-15{padding-bottom:150px!important}.pl-sm-15,.px-sm-15{padding-left:150px!important}.p-sm-16{padding:160px!important}.pt-sm-16,.py-sm-16{padding-top:160px!important}.pr-sm-16,.px-sm-16{padding-right:160px!important}.pb-sm-16,.py-sm-16{padding-bottom:160px!important}.pl-sm-16,.px-sm-16{padding-left:160px!important}.p-sm-17{padding:170px!important}.pt-sm-17,.py-sm-17{padding-top:170px!important}.pr-sm-17,.px-sm-17{padding-right:170px!important}.pb-sm-17,.py-sm-17{padding-bottom:170px!important}.pl-sm-17,.px-sm-17{padding-left:170px!important}.p-sm-18{padding:180px!important}.pt-sm-18,.py-sm-18{padding-top:180px!important}.pr-sm-18,.px-sm-18{padding-right:180px!important}.pb-sm-18,.py-sm-18{padding-bottom:180px!important}.pl-sm-18,.px-sm-18{padding-left:180px!important}.p-sm-19{padding:190px!important}.pt-sm-19,.py-sm-19{padding-top:190px!important}.pr-sm-19,.px-sm-19{padding-right:190px!important}.pb-sm-19,.py-sm-19{padding-bottom:190px!important}.pl-sm-19,.px-sm-19{padding-left:190px!important}.p-sm-20{padding:200px!important}.pt-sm-20,.py-sm-20{padding-top:200px!important}.pr-sm-20,.px-sm-20{padding-right:200px!important}.pb-sm-20,.py-sm-20{padding-bottom:200px!important}.pl-sm-20,.px-sm-20{padding-left:200px!important}.m-sm-n1{margin:-10px!important}.mt-sm-n1,.my-sm-n1{margin-top:-10px!important}.mr-sm-n1,.mx-sm-n1{margin-right:-10px!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-10px!important}.ml-sm-n1,.mx-sm-n1{margin-left:-10px!important}.m-sm-n2{margin:-20px!important}.mt-sm-n2,.my-sm-n2{margin-top:-20px!important}.mr-sm-n2,.mx-sm-n2{margin-right:-20px!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-20px!important}.ml-sm-n2,.mx-sm-n2{margin-left:-20px!important}.m-sm-n3{margin:-30px!important}.mt-sm-n3,.my-sm-n3{margin-top:-30px!important}.mr-sm-n3,.mx-sm-n3{margin-right:-30px!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-30px!important}.ml-sm-n3,.mx-sm-n3{margin-left:-30px!important}.m-sm-n4{margin:-40px!important}.mt-sm-n4,.my-sm-n4{margin-top:-40px!important}.mr-sm-n4,.mx-sm-n4{margin-right:-40px!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-40px!important}.ml-sm-n4,.mx-sm-n4{margin-left:-40px!important}.m-sm-n5{margin:-50px!important}.mt-sm-n5,.my-sm-n5{margin-top:-50px!important}.mr-sm-n5,.mx-sm-n5{margin-right:-50px!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-50px!important}.ml-sm-n5,.mx-sm-n5{margin-left:-50px!important}.m-sm-n6{margin:-60px!important}.mt-sm-n6,.my-sm-n6{margin-top:-60px!important}.mr-sm-n6,.mx-sm-n6{margin-right:-60px!important}.mb-sm-n6,.my-sm-n6{margin-bottom:-60px!important}.ml-sm-n6,.mx-sm-n6{margin-left:-60px!important}.m-sm-n7{margin:-70px!important}.mt-sm-n7,.my-sm-n7{margin-top:-70px!important}.mr-sm-n7,.mx-sm-n7{margin-right:-70px!important}.mb-sm-n7,.my-sm-n7{margin-bottom:-70px!important}.ml-sm-n7,.mx-sm-n7{margin-left:-70px!important}.m-sm-n8{margin:-80px!important}.mt-sm-n8,.my-sm-n8{margin-top:-80px!important}.mr-sm-n8,.mx-sm-n8{margin-right:-80px!important}.mb-sm-n8,.my-sm-n8{margin-bottom:-80px!important}.ml-sm-n8,.mx-sm-n8{margin-left:-80px!important}.m-sm-n9{margin:-90px!important}.mt-sm-n9,.my-sm-n9{margin-top:-90px!important}.mr-sm-n9,.mx-sm-n9{margin-right:-90px!important}.mb-sm-n9,.my-sm-n9{margin-bottom:-90px!important}.ml-sm-n9,.mx-sm-n9{margin-left:-90px!important}.m-sm-n10{margin:-100px!important}.mt-sm-n10,.my-sm-n10{margin-top:-100px!important}.mr-sm-n10,.mx-sm-n10{margin-right:-100px!important}.mb-sm-n10,.my-sm-n10{margin-bottom:-100px!important}.ml-sm-n10,.mx-sm-n10{margin-left:-100px!important}.m-sm-n11{margin:-110px!important}.mt-sm-n11,.my-sm-n11{margin-top:-110px!important}.mr-sm-n11,.mx-sm-n11{margin-right:-110px!important}.mb-sm-n11,.my-sm-n11{margin-bottom:-110px!important}.ml-sm-n11,.mx-sm-n11{margin-left:-110px!important}.m-sm-n12{margin:-120px!important}.mt-sm-n12,.my-sm-n12{margin-top:-120px!important}.mr-sm-n12,.mx-sm-n12{margin-right:-120px!important}.mb-sm-n12,.my-sm-n12{margin-bottom:-120px!important}.ml-sm-n12,.mx-sm-n12{margin-left:-120px!important}.m-sm-n13{margin:-130px!important}.mt-sm-n13,.my-sm-n13{margin-top:-130px!important}.mr-sm-n13,.mx-sm-n13{margin-right:-130px!important}.mb-sm-n13,.my-sm-n13{margin-bottom:-130px!important}.ml-sm-n13,.mx-sm-n13{margin-left:-130px!important}.m-sm-n14{margin:-140px!important}.mt-sm-n14,.my-sm-n14{margin-top:-140px!important}.mr-sm-n14,.mx-sm-n14{margin-right:-140px!important}.mb-sm-n14,.my-sm-n14{margin-bottom:-140px!important}.ml-sm-n14,.mx-sm-n14{margin-left:-140px!important}.m-sm-n15{margin:-150px!important}.mt-sm-n15,.my-sm-n15{margin-top:-150px!important}.mr-sm-n15,.mx-sm-n15{margin-right:-150px!important}.mb-sm-n15,.my-sm-n15{margin-bottom:-150px!important}.ml-sm-n15,.mx-sm-n15{margin-left:-150px!important}.m-sm-n16{margin:-160px!important}.mt-sm-n16,.my-sm-n16{margin-top:-160px!important}.mr-sm-n16,.mx-sm-n16{margin-right:-160px!important}.mb-sm-n16,.my-sm-n16{margin-bottom:-160px!important}.ml-sm-n16,.mx-sm-n16{margin-left:-160px!important}.m-sm-n17{margin:-170px!important}.mt-sm-n17,.my-sm-n17{margin-top:-170px!important}.mr-sm-n17,.mx-sm-n17{margin-right:-170px!important}.mb-sm-n17,.my-sm-n17{margin-bottom:-170px!important}.ml-sm-n17,.mx-sm-n17{margin-left:-170px!important}.m-sm-n18{margin:-180px!important}.mt-sm-n18,.my-sm-n18{margin-top:-180px!important}.mr-sm-n18,.mx-sm-n18{margin-right:-180px!important}.mb-sm-n18,.my-sm-n18{margin-bottom:-180px!important}.ml-sm-n18,.mx-sm-n18{margin-left:-180px!important}.m-sm-n19{margin:-190px!important}.mt-sm-n19,.my-sm-n19{margin-top:-190px!important}.mr-sm-n19,.mx-sm-n19{margin-right:-190px!important}.mb-sm-n19,.my-sm-n19{margin-bottom:-190px!important}.ml-sm-n19,.mx-sm-n19{margin-left:-190px!important}.m-sm-n20{margin:-200px!important}.mt-sm-n20,.my-sm-n20{margin-top:-200px!important}.mr-sm-n20,.mx-sm-n20{margin-right:-200px!important}.mb-sm-n20,.my-sm-n20{margin-bottom:-200px!important}.ml-sm-n20,.mx-sm-n20{margin-left:-200px!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media(min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:10px!important}.mt-md-1,.my-md-1{margin-top:10px!important}.mr-md-1,.mx-md-1{margin-right:10px!important}.mb-md-1,.my-md-1{margin-bottom:10px!important}.ml-md-1,.mx-md-1{margin-left:10px!important}.m-md-2{margin:20px!important}.mt-md-2,.my-md-2{margin-top:20px!important}.mr-md-2,.mx-md-2{margin-right:20px!important}.mb-md-2,.my-md-2{margin-bottom:20px!important}.ml-md-2,.mx-md-2{margin-left:20px!important}.m-md-3{margin:30px!important}.mt-md-3,.my-md-3{margin-top:30px!important}.mr-md-3,.mx-md-3{margin-right:30px!important}.mb-md-3,.my-md-3{margin-bottom:30px!important}.ml-md-3,.mx-md-3{margin-left:30px!important}.m-md-4{margin:40px!important}.mt-md-4,.my-md-4{margin-top:40px!important}.mr-md-4,.mx-md-4{margin-right:40px!important}.mb-md-4,.my-md-4{margin-bottom:40px!important}.ml-md-4,.mx-md-4{margin-left:40px!important}.m-md-5{margin:50px!important}.mt-md-5,.my-md-5{margin-top:50px!important}.mr-md-5,.mx-md-5{margin-right:50px!important}.mb-md-5,.my-md-5{margin-bottom:50px!important}.ml-md-5,.mx-md-5{margin-left:50px!important}.m-md-6{margin:60px!important}.mt-md-6,.my-md-6{margin-top:60px!important}.mr-md-6,.mx-md-6{margin-right:60px!important}.mb-md-6,.my-md-6{margin-bottom:60px!important}.ml-md-6,.mx-md-6{margin-left:60px!important}.m-md-7{margin:70px!important}.mt-md-7,.my-md-7{margin-top:70px!important}.mr-md-7,.mx-md-7{margin-right:70px!important}.mb-md-7,.my-md-7{margin-bottom:70px!important}.ml-md-7,.mx-md-7{margin-left:70px!important}.m-md-8{margin:80px!important}.mt-md-8,.my-md-8{margin-top:80px!important}.mr-md-8,.mx-md-8{margin-right:80px!important}.mb-md-8,.my-md-8{margin-bottom:80px!important}.ml-md-8,.mx-md-8{margin-left:80px!important}.m-md-9{margin:90px!important}.mt-md-9,.my-md-9{margin-top:90px!important}.mr-md-9,.mx-md-9{margin-right:90px!important}.mb-md-9,.my-md-9{margin-bottom:90px!important}.ml-md-9,.mx-md-9{margin-left:90px!important}.m-md-10{margin:100px!important}.mt-md-10,.my-md-10{margin-top:100px!important}.mr-md-10,.mx-md-10{margin-right:100px!important}.mb-md-10,.my-md-10{margin-bottom:100px!important}.ml-md-10,.mx-md-10{margin-left:100px!important}.m-md-11{margin:110px!important}.mt-md-11,.my-md-11{margin-top:110px!important}.mr-md-11,.mx-md-11{margin-right:110px!important}.mb-md-11,.my-md-11{margin-bottom:110px!important}.ml-md-11,.mx-md-11{margin-left:110px!important}.m-md-12{margin:120px!important}.mt-md-12,.my-md-12{margin-top:120px!important}.mr-md-12,.mx-md-12{margin-right:120px!important}.mb-md-12,.my-md-12{margin-bottom:120px!important}.ml-md-12,.mx-md-12{margin-left:120px!important}.m-md-13{margin:130px!important}.mt-md-13,.my-md-13{margin-top:130px!important}.mr-md-13,.mx-md-13{margin-right:130px!important}.mb-md-13,.my-md-13{margin-bottom:130px!important}.ml-md-13,.mx-md-13{margin-left:130px!important}.m-md-14{margin:140px!important}.mt-md-14,.my-md-14{margin-top:140px!important}.mr-md-14,.mx-md-14{margin-right:140px!important}.mb-md-14,.my-md-14{margin-bottom:140px!important}.ml-md-14,.mx-md-14{margin-left:140px!important}.m-md-15{margin:150px!important}.mt-md-15,.my-md-15{margin-top:150px!important}.mr-md-15,.mx-md-15{margin-right:150px!important}.mb-md-15,.my-md-15{margin-bottom:150px!important}.ml-md-15,.mx-md-15{margin-left:150px!important}.m-md-16{margin:160px!important}.mt-md-16,.my-md-16{margin-top:160px!important}.mr-md-16,.mx-md-16{margin-right:160px!important}.mb-md-16,.my-md-16{margin-bottom:160px!important}.ml-md-16,.mx-md-16{margin-left:160px!important}.m-md-17{margin:170px!important}.mt-md-17,.my-md-17{margin-top:170px!important}.mr-md-17,.mx-md-17{margin-right:170px!important}.mb-md-17,.my-md-17{margin-bottom:170px!important}.ml-md-17,.mx-md-17{margin-left:170px!important}.m-md-18{margin:180px!important}.mt-md-18,.my-md-18{margin-top:180px!important}.mr-md-18,.mx-md-18{margin-right:180px!important}.mb-md-18,.my-md-18{margin-bottom:180px!important}.ml-md-18,.mx-md-18{margin-left:180px!important}.m-md-19{margin:190px!important}.mt-md-19,.my-md-19{margin-top:190px!important}.mr-md-19,.mx-md-19{margin-right:190px!important}.mb-md-19,.my-md-19{margin-bottom:190px!important}.ml-md-19,.mx-md-19{margin-left:190px!important}.m-md-20{margin:200px!important}.mt-md-20,.my-md-20{margin-top:200px!important}.mr-md-20,.mx-md-20{margin-right:200px!important}.mb-md-20,.my-md-20{margin-bottom:200px!important}.ml-md-20,.mx-md-20{margin-left:200px!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:10px!important}.pt-md-1,.py-md-1{padding-top:10px!important}.pr-md-1,.px-md-1{padding-right:10px!important}.pb-md-1,.py-md-1{padding-bottom:10px!important}.pl-md-1,.px-md-1{padding-left:10px!important}.p-md-2{padding:20px!important}.pt-md-2,.py-md-2{padding-top:20px!important}.pr-md-2,.px-md-2{padding-right:20px!important}.pb-md-2,.py-md-2{padding-bottom:20px!important}.pl-md-2,.px-md-2{padding-left:20px!important}.p-md-3{padding:30px!important}.pt-md-3,.py-md-3{padding-top:30px!important}.pr-md-3,.px-md-3{padding-right:30px!important}.pb-md-3,.py-md-3{padding-bottom:30px!important}.pl-md-3,.px-md-3{padding-left:30px!important}.p-md-4{padding:40px!important}.pt-md-4,.py-md-4{padding-top:40px!important}.pr-md-4,.px-md-4{padding-right:40px!important}.pb-md-4,.py-md-4{padding-bottom:40px!important}.pl-md-4,.px-md-4{padding-left:40px!important}.p-md-5{padding:50px!important}.pt-md-5,.py-md-5{padding-top:50px!important}.pr-md-5,.px-md-5{padding-right:50px!important}.pb-md-5,.py-md-5{padding-bottom:50px!important}.pl-md-5,.px-md-5{padding-left:50px!important}.p-md-6{padding:60px!important}.pt-md-6,.py-md-6{padding-top:60px!important}.pr-md-6,.px-md-6{padding-right:60px!important}.pb-md-6,.py-md-6{padding-bottom:60px!important}.pl-md-6,.px-md-6{padding-left:60px!important}.p-md-7{padding:70px!important}.pt-md-7,.py-md-7{padding-top:70px!important}.pr-md-7,.px-md-7{padding-right:70px!important}.pb-md-7,.py-md-7{padding-bottom:70px!important}.pl-md-7,.px-md-7{padding-left:70px!important}.p-md-8{padding:80px!important}.pt-md-8,.py-md-8{padding-top:80px!important}.pr-md-8,.px-md-8{padding-right:80px!important}.pb-md-8,.py-md-8{padding-bottom:80px!important}.pl-md-8,.px-md-8{padding-left:80px!important}.p-md-9{padding:90px!important}.pt-md-9,.py-md-9{padding-top:90px!important}.pr-md-9,.px-md-9{padding-right:90px!important}.pb-md-9,.py-md-9{padding-bottom:90px!important}.pl-md-9,.px-md-9{padding-left:90px!important}.p-md-10{padding:100px!important}.pt-md-10,.py-md-10{padding-top:100px!important}.pr-md-10,.px-md-10{padding-right:100px!important}.pb-md-10,.py-md-10{padding-bottom:100px!important}.pl-md-10,.px-md-10{padding-left:100px!important}.p-md-11{padding:110px!important}.pt-md-11,.py-md-11{padding-top:110px!important}.pr-md-11,.px-md-11{padding-right:110px!important}.pb-md-11,.py-md-11{padding-bottom:110px!important}.pl-md-11,.px-md-11{padding-left:110px!important}.p-md-12{padding:120px!important}.pt-md-12,.py-md-12{padding-top:120px!important}.pr-md-12,.px-md-12{padding-right:120px!important}.pb-md-12,.py-md-12{padding-bottom:120px!important}.pl-md-12,.px-md-12{padding-left:120px!important}.p-md-13{padding:130px!important}.pt-md-13,.py-md-13{padding-top:130px!important}.pr-md-13,.px-md-13{padding-right:130px!important}.pb-md-13,.py-md-13{padding-bottom:130px!important}.pl-md-13,.px-md-13{padding-left:130px!important}.p-md-14{padding:140px!important}.pt-md-14,.py-md-14{padding-top:140px!important}.pr-md-14,.px-md-14{padding-right:140px!important}.pb-md-14,.py-md-14{padding-bottom:140px!important}.pl-md-14,.px-md-14{padding-left:140px!important}.p-md-15{padding:150px!important}.pt-md-15,.py-md-15{padding-top:150px!important}.pr-md-15,.px-md-15{padding-right:150px!important}.pb-md-15,.py-md-15{padding-bottom:150px!important}.pl-md-15,.px-md-15{padding-left:150px!important}.p-md-16{padding:160px!important}.pt-md-16,.py-md-16{padding-top:160px!important}.pr-md-16,.px-md-16{padding-right:160px!important}.pb-md-16,.py-md-16{padding-bottom:160px!important}.pl-md-16,.px-md-16{padding-left:160px!important}.p-md-17{padding:170px!important}.pt-md-17,.py-md-17{padding-top:170px!important}.pr-md-17,.px-md-17{padding-right:170px!important}.pb-md-17,.py-md-17{padding-bottom:170px!important}.pl-md-17,.px-md-17{padding-left:170px!important}.p-md-18{padding:180px!important}.pt-md-18,.py-md-18{padding-top:180px!important}.pr-md-18,.px-md-18{padding-right:180px!important}.pb-md-18,.py-md-18{padding-bottom:180px!important}.pl-md-18,.px-md-18{padding-left:180px!important}.p-md-19{padding:190px!important}.pt-md-19,.py-md-19{padding-top:190px!important}.pr-md-19,.px-md-19{padding-right:190px!important}.pb-md-19,.py-md-19{padding-bottom:190px!important}.pl-md-19,.px-md-19{padding-left:190px!important}.p-md-20{padding:200px!important}.pt-md-20,.py-md-20{padding-top:200px!important}.pr-md-20,.px-md-20{padding-right:200px!important}.pb-md-20,.py-md-20{padding-bottom:200px!important}.pl-md-20,.px-md-20{padding-left:200px!important}.m-md-n1{margin:-10px!important}.mt-md-n1,.my-md-n1{margin-top:-10px!important}.mr-md-n1,.mx-md-n1{margin-right:-10px!important}.mb-md-n1,.my-md-n1{margin-bottom:-10px!important}.ml-md-n1,.mx-md-n1{margin-left:-10px!important}.m-md-n2{margin:-20px!important}.mt-md-n2,.my-md-n2{margin-top:-20px!important}.mr-md-n2,.mx-md-n2{margin-right:-20px!important}.mb-md-n2,.my-md-n2{margin-bottom:-20px!important}.ml-md-n2,.mx-md-n2{margin-left:-20px!important}.m-md-n3{margin:-30px!important}.mt-md-n3,.my-md-n3{margin-top:-30px!important}.mr-md-n3,.mx-md-n3{margin-right:-30px!important}.mb-md-n3,.my-md-n3{margin-bottom:-30px!important}.ml-md-n3,.mx-md-n3{margin-left:-30px!important}.m-md-n4{margin:-40px!important}.mt-md-n4,.my-md-n4{margin-top:-40px!important}.mr-md-n4,.mx-md-n4{margin-right:-40px!important}.mb-md-n4,.my-md-n4{margin-bottom:-40px!important}.ml-md-n4,.mx-md-n4{margin-left:-40px!important}.m-md-n5{margin:-50px!important}.mt-md-n5,.my-md-n5{margin-top:-50px!important}.mr-md-n5,.mx-md-n5{margin-right:-50px!important}.mb-md-n5,.my-md-n5{margin-bottom:-50px!important}.ml-md-n5,.mx-md-n5{margin-left:-50px!important}.m-md-n6{margin:-60px!important}.mt-md-n6,.my-md-n6{margin-top:-60px!important}.mr-md-n6,.mx-md-n6{margin-right:-60px!important}.mb-md-n6,.my-md-n6{margin-bottom:-60px!important}.ml-md-n6,.mx-md-n6{margin-left:-60px!important}.m-md-n7{margin:-70px!important}.mt-md-n7,.my-md-n7{margin-top:-70px!important}.mr-md-n7,.mx-md-n7{margin-right:-70px!important}.mb-md-n7,.my-md-n7{margin-bottom:-70px!important}.ml-md-n7,.mx-md-n7{margin-left:-70px!important}.m-md-n8{margin:-80px!important}.mt-md-n8,.my-md-n8{margin-top:-80px!important}.mr-md-n8,.mx-md-n8{margin-right:-80px!important}.mb-md-n8,.my-md-n8{margin-bottom:-80px!important}.ml-md-n8,.mx-md-n8{margin-left:-80px!important}.m-md-n9{margin:-90px!important}.mt-md-n9,.my-md-n9{margin-top:-90px!important}.mr-md-n9,.mx-md-n9{margin-right:-90px!important}.mb-md-n9,.my-md-n9{margin-bottom:-90px!important}.ml-md-n9,.mx-md-n9{margin-left:-90px!important}.m-md-n10{margin:-100px!important}.mt-md-n10,.my-md-n10{margin-top:-100px!important}.mr-md-n10,.mx-md-n10{margin-right:-100px!important}.mb-md-n10,.my-md-n10{margin-bottom:-100px!important}.ml-md-n10,.mx-md-n10{margin-left:-100px!important}.m-md-n11{margin:-110px!important}.mt-md-n11,.my-md-n11{margin-top:-110px!important}.mr-md-n11,.mx-md-n11{margin-right:-110px!important}.mb-md-n11,.my-md-n11{margin-bottom:-110px!important}.ml-md-n11,.mx-md-n11{margin-left:-110px!important}.m-md-n12{margin:-120px!important}.mt-md-n12,.my-md-n12{margin-top:-120px!important}.mr-md-n12,.mx-md-n12{margin-right:-120px!important}.mb-md-n12,.my-md-n12{margin-bottom:-120px!important}.ml-md-n12,.mx-md-n12{margin-left:-120px!important}.m-md-n13{margin:-130px!important}.mt-md-n13,.my-md-n13{margin-top:-130px!important}.mr-md-n13,.mx-md-n13{margin-right:-130px!important}.mb-md-n13,.my-md-n13{margin-bottom:-130px!important}.ml-md-n13,.mx-md-n13{margin-left:-130px!important}.m-md-n14{margin:-140px!important}.mt-md-n14,.my-md-n14{margin-top:-140px!important}.mr-md-n14,.mx-md-n14{margin-right:-140px!important}.mb-md-n14,.my-md-n14{margin-bottom:-140px!important}.ml-md-n14,.mx-md-n14{margin-left:-140px!important}.m-md-n15{margin:-150px!important}.mt-md-n15,.my-md-n15{margin-top:-150px!important}.mr-md-n15,.mx-md-n15{margin-right:-150px!important}.mb-md-n15,.my-md-n15{margin-bottom:-150px!important}.ml-md-n15,.mx-md-n15{margin-left:-150px!important}.m-md-n16{margin:-160px!important}.mt-md-n16,.my-md-n16{margin-top:-160px!important}.mr-md-n16,.mx-md-n16{margin-right:-160px!important}.mb-md-n16,.my-md-n16{margin-bottom:-160px!important}.ml-md-n16,.mx-md-n16{margin-left:-160px!important}.m-md-n17{margin:-170px!important}.mt-md-n17,.my-md-n17{margin-top:-170px!important}.mr-md-n17,.mx-md-n17{margin-right:-170px!important}.mb-md-n17,.my-md-n17{margin-bottom:-170px!important}.ml-md-n17,.mx-md-n17{margin-left:-170px!important}.m-md-n18{margin:-180px!important}.mt-md-n18,.my-md-n18{margin-top:-180px!important}.mr-md-n18,.mx-md-n18{margin-right:-180px!important}.mb-md-n18,.my-md-n18{margin-bottom:-180px!important}.ml-md-n18,.mx-md-n18{margin-left:-180px!important}.m-md-n19{margin:-190px!important}.mt-md-n19,.my-md-n19{margin-top:-190px!important}.mr-md-n19,.mx-md-n19{margin-right:-190px!important}.mb-md-n19,.my-md-n19{margin-bottom:-190px!important}.ml-md-n19,.mx-md-n19{margin-left:-190px!important}.m-md-n20{margin:-200px!important}.mt-md-n20,.my-md-n20{margin-top:-200px!important}.mr-md-n20,.mx-md-n20{margin-right:-200px!important}.mb-md-n20,.my-md-n20{margin-bottom:-200px!important}.ml-md-n20,.mx-md-n20{margin-left:-200px!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media(min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:10px!important}.mt-lg-1,.my-lg-1{margin-top:10px!important}.mr-lg-1,.mx-lg-1{margin-right:10px!important}.mb-lg-1,.my-lg-1{margin-bottom:10px!important}.ml-lg-1,.mx-lg-1{margin-left:10px!important}.m-lg-2{margin:20px!important}.mt-lg-2,.my-lg-2{margin-top:20px!important}.mr-lg-2,.mx-lg-2{margin-right:20px!important}.mb-lg-2,.my-lg-2{margin-bottom:20px!important}.ml-lg-2,.mx-lg-2{margin-left:20px!important}.m-lg-3{margin:30px!important}.mt-lg-3,.my-lg-3{margin-top:30px!important}.mr-lg-3,.mx-lg-3{margin-right:30px!important}.mb-lg-3,.my-lg-3{margin-bottom:30px!important}.ml-lg-3,.mx-lg-3{margin-left:30px!important}.m-lg-4{margin:40px!important}.mt-lg-4,.my-lg-4{margin-top:40px!important}.mr-lg-4,.mx-lg-4{margin-right:40px!important}.mb-lg-4,.my-lg-4{margin-bottom:40px!important}.ml-lg-4,.mx-lg-4{margin-left:40px!important}.m-lg-5{margin:50px!important}.mt-lg-5,.my-lg-5{margin-top:50px!important}.mr-lg-5,.mx-lg-5{margin-right:50px!important}.mb-lg-5,.my-lg-5{margin-bottom:50px!important}.ml-lg-5,.mx-lg-5{margin-left:50px!important}.m-lg-6{margin:60px!important}.mt-lg-6,.my-lg-6{margin-top:60px!important}.mr-lg-6,.mx-lg-6{margin-right:60px!important}.mb-lg-6,.my-lg-6{margin-bottom:60px!important}.ml-lg-6,.mx-lg-6{margin-left:60px!important}.m-lg-7{margin:70px!important}.mt-lg-7,.my-lg-7{margin-top:70px!important}.mr-lg-7,.mx-lg-7{margin-right:70px!important}.mb-lg-7,.my-lg-7{margin-bottom:70px!important}.ml-lg-7,.mx-lg-7{margin-left:70px!important}.m-lg-8{margin:80px!important}.mt-lg-8,.my-lg-8{margin-top:80px!important}.mr-lg-8,.mx-lg-8{margin-right:80px!important}.mb-lg-8,.my-lg-8{margin-bottom:80px!important}.ml-lg-8,.mx-lg-8{margin-left:80px!important}.m-lg-9{margin:90px!important}.mt-lg-9,.my-lg-9{margin-top:90px!important}.mr-lg-9,.mx-lg-9{margin-right:90px!important}.mb-lg-9,.my-lg-9{margin-bottom:90px!important}.ml-lg-9,.mx-lg-9{margin-left:90px!important}.m-lg-10{margin:100px!important}.mt-lg-10,.my-lg-10{margin-top:100px!important}.mr-lg-10,.mx-lg-10{margin-right:100px!important}.mb-lg-10,.my-lg-10{margin-bottom:100px!important}.ml-lg-10,.mx-lg-10{margin-left:100px!important}.m-lg-11{margin:110px!important}.mt-lg-11,.my-lg-11{margin-top:110px!important}.mr-lg-11,.mx-lg-11{margin-right:110px!important}.mb-lg-11,.my-lg-11{margin-bottom:110px!important}.ml-lg-11,.mx-lg-11{margin-left:110px!important}.m-lg-12{margin:120px!important}.mt-lg-12,.my-lg-12{margin-top:120px!important}.mr-lg-12,.mx-lg-12{margin-right:120px!important}.mb-lg-12,.my-lg-12{margin-bottom:120px!important}.ml-lg-12,.mx-lg-12{margin-left:120px!important}.m-lg-13{margin:130px!important}.mt-lg-13,.my-lg-13{margin-top:130px!important}.mr-lg-13,.mx-lg-13{margin-right:130px!important}.mb-lg-13,.my-lg-13{margin-bottom:130px!important}.ml-lg-13,.mx-lg-13{margin-left:130px!important}.m-lg-14{margin:140px!important}.mt-lg-14,.my-lg-14{margin-top:140px!important}.mr-lg-14,.mx-lg-14{margin-right:140px!important}.mb-lg-14,.my-lg-14{margin-bottom:140px!important}.ml-lg-14,.mx-lg-14{margin-left:140px!important}.m-lg-15{margin:150px!important}.mt-lg-15,.my-lg-15{margin-top:150px!important}.mr-lg-15,.mx-lg-15{margin-right:150px!important}.mb-lg-15,.my-lg-15{margin-bottom:150px!important}.ml-lg-15,.mx-lg-15{margin-left:150px!important}.m-lg-16{margin:160px!important}.mt-lg-16,.my-lg-16{margin-top:160px!important}.mr-lg-16,.mx-lg-16{margin-right:160px!important}.mb-lg-16,.my-lg-16{margin-bottom:160px!important}.ml-lg-16,.mx-lg-16{margin-left:160px!important}.m-lg-17{margin:170px!important}.mt-lg-17,.my-lg-17{margin-top:170px!important}.mr-lg-17,.mx-lg-17{margin-right:170px!important}.mb-lg-17,.my-lg-17{margin-bottom:170px!important}.ml-lg-17,.mx-lg-17{margin-left:170px!important}.m-lg-18{margin:180px!important}.mt-lg-18,.my-lg-18{margin-top:180px!important}.mr-lg-18,.mx-lg-18{margin-right:180px!important}.mb-lg-18,.my-lg-18{margin-bottom:180px!important}.ml-lg-18,.mx-lg-18{margin-left:180px!important}.m-lg-19{margin:190px!important}.mt-lg-19,.my-lg-19{margin-top:190px!important}.mr-lg-19,.mx-lg-19{margin-right:190px!important}.mb-lg-19,.my-lg-19{margin-bottom:190px!important}.ml-lg-19,.mx-lg-19{margin-left:190px!important}.m-lg-20{margin:200px!important}.mt-lg-20,.my-lg-20{margin-top:200px!important}.mr-lg-20,.mx-lg-20{margin-right:200px!important}.mb-lg-20,.my-lg-20{margin-bottom:200px!important}.ml-lg-20,.mx-lg-20{margin-left:200px!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:10px!important}.pt-lg-1,.py-lg-1{padding-top:10px!important}.pr-lg-1,.px-lg-1{padding-right:10px!important}.pb-lg-1,.py-lg-1{padding-bottom:10px!important}.pl-lg-1,.px-lg-1{padding-left:10px!important}.p-lg-2{padding:20px!important}.pt-lg-2,.py-lg-2{padding-top:20px!important}.pr-lg-2,.px-lg-2{padding-right:20px!important}.pb-lg-2,.py-lg-2{padding-bottom:20px!important}.pl-lg-2,.px-lg-2{padding-left:20px!important}.p-lg-3{padding:30px!important}.pt-lg-3,.py-lg-3{padding-top:30px!important}.pr-lg-3,.px-lg-3{padding-right:30px!important}.pb-lg-3,.py-lg-3{padding-bottom:30px!important}.pl-lg-3,.px-lg-3{padding-left:30px!important}.p-lg-4{padding:40px!important}.pt-lg-4,.py-lg-4{padding-top:40px!important}.pr-lg-4,.px-lg-4{padding-right:40px!important}.pb-lg-4,.py-lg-4{padding-bottom:40px!important}.pl-lg-4,.px-lg-4{padding-left:40px!important}.p-lg-5{padding:50px!important}.pt-lg-5,.py-lg-5{padding-top:50px!important}.pr-lg-5,.px-lg-5{padding-right:50px!important}.pb-lg-5,.py-lg-5{padding-bottom:50px!important}.pl-lg-5,.px-lg-5{padding-left:50px!important}.p-lg-6{padding:60px!important}.pt-lg-6,.py-lg-6{padding-top:60px!important}.pr-lg-6,.px-lg-6{padding-right:60px!important}.pb-lg-6,.py-lg-6{padding-bottom:60px!important}.pl-lg-6,.px-lg-6{padding-left:60px!important}.p-lg-7{padding:70px!important}.pt-lg-7,.py-lg-7{padding-top:70px!important}.pr-lg-7,.px-lg-7{padding-right:70px!important}.pb-lg-7,.py-lg-7{padding-bottom:70px!important}.pl-lg-7,.px-lg-7{padding-left:70px!important}.p-lg-8{padding:80px!important}.pt-lg-8,.py-lg-8{padding-top:80px!important}.pr-lg-8,.px-lg-8{padding-right:80px!important}.pb-lg-8,.py-lg-8{padding-bottom:80px!important}.pl-lg-8,.px-lg-8{padding-left:80px!important}.p-lg-9{padding:90px!important}.pt-lg-9,.py-lg-9{padding-top:90px!important}.pr-lg-9,.px-lg-9{padding-right:90px!important}.pb-lg-9,.py-lg-9{padding-bottom:90px!important}.pl-lg-9,.px-lg-9{padding-left:90px!important}.p-lg-10{padding:100px!important}.pt-lg-10,.py-lg-10{padding-top:100px!important}.pr-lg-10,.px-lg-10{padding-right:100px!important}.pb-lg-10,.py-lg-10{padding-bottom:100px!important}.pl-lg-10,.px-lg-10{padding-left:100px!important}.p-lg-11{padding:110px!important}.pt-lg-11,.py-lg-11{padding-top:110px!important}.pr-lg-11,.px-lg-11{padding-right:110px!important}.pb-lg-11,.py-lg-11{padding-bottom:110px!important}.pl-lg-11,.px-lg-11{padding-left:110px!important}.p-lg-12{padding:120px!important}.pt-lg-12,.py-lg-12{padding-top:120px!important}.pr-lg-12,.px-lg-12{padding-right:120px!important}.pb-lg-12,.py-lg-12{padding-bottom:120px!important}.pl-lg-12,.px-lg-12{padding-left:120px!important}.p-lg-13{padding:130px!important}.pt-lg-13,.py-lg-13{padding-top:130px!important}.pr-lg-13,.px-lg-13{padding-right:130px!important}.pb-lg-13,.py-lg-13{padding-bottom:130px!important}.pl-lg-13,.px-lg-13{padding-left:130px!important}.p-lg-14{padding:140px!important}.pt-lg-14,.py-lg-14{padding-top:140px!important}.pr-lg-14,.px-lg-14{padding-right:140px!important}.pb-lg-14,.py-lg-14{padding-bottom:140px!important}.pl-lg-14,.px-lg-14{padding-left:140px!important}.p-lg-15{padding:150px!important}.pt-lg-15,.py-lg-15{padding-top:150px!important}.pr-lg-15,.px-lg-15{padding-right:150px!important}.pb-lg-15,.py-lg-15{padding-bottom:150px!important}.pl-lg-15,.px-lg-15{padding-left:150px!important}.p-lg-16{padding:160px!important}.pt-lg-16,.py-lg-16{padding-top:160px!important}.pr-lg-16,.px-lg-16{padding-right:160px!important}.pb-lg-16,.py-lg-16{padding-bottom:160px!important}.pl-lg-16,.px-lg-16{padding-left:160px!important}.p-lg-17{padding:170px!important}.pt-lg-17,.py-lg-17{padding-top:170px!important}.pr-lg-17,.px-lg-17{padding-right:170px!important}.pb-lg-17,.py-lg-17{padding-bottom:170px!important}.pl-lg-17,.px-lg-17{padding-left:170px!important}.p-lg-18{padding:180px!important}.pt-lg-18,.py-lg-18{padding-top:180px!important}.pr-lg-18,.px-lg-18{padding-right:180px!important}.pb-lg-18,.py-lg-18{padding-bottom:180px!important}.pl-lg-18,.px-lg-18{padding-left:180px!important}.p-lg-19{padding:190px!important}.pt-lg-19,.py-lg-19{padding-top:190px!important}.pr-lg-19,.px-lg-19{padding-right:190px!important}.pb-lg-19,.py-lg-19{padding-bottom:190px!important}.pl-lg-19,.px-lg-19{padding-left:190px!important}.p-lg-20{padding:200px!important}.pt-lg-20,.py-lg-20{padding-top:200px!important}.pr-lg-20,.px-lg-20{padding-right:200px!important}.pb-lg-20,.py-lg-20{padding-bottom:200px!important}.pl-lg-20,.px-lg-20{padding-left:200px!important}.m-lg-n1{margin:-10px!important}.mt-lg-n1,.my-lg-n1{margin-top:-10px!important}.mr-lg-n1,.mx-lg-n1{margin-right:-10px!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-10px!important}.ml-lg-n1,.mx-lg-n1{margin-left:-10px!important}.m-lg-n2{margin:-20px!important}.mt-lg-n2,.my-lg-n2{margin-top:-20px!important}.mr-lg-n2,.mx-lg-n2{margin-right:-20px!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-20px!important}.ml-lg-n2,.mx-lg-n2{margin-left:-20px!important}.m-lg-n3{margin:-30px!important}.mt-lg-n3,.my-lg-n3{margin-top:-30px!important}.mr-lg-n3,.mx-lg-n3{margin-right:-30px!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-30px!important}.ml-lg-n3,.mx-lg-n3{margin-left:-30px!important}.m-lg-n4{margin:-40px!important}.mt-lg-n4,.my-lg-n4{margin-top:-40px!important}.mr-lg-n4,.mx-lg-n4{margin-right:-40px!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-40px!important}.ml-lg-n4,.mx-lg-n4{margin-left:-40px!important}.m-lg-n5{margin:-50px!important}.mt-lg-n5,.my-lg-n5{margin-top:-50px!important}.mr-lg-n5,.mx-lg-n5{margin-right:-50px!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-50px!important}.ml-lg-n5,.mx-lg-n5{margin-left:-50px!important}.m-lg-n6{margin:-60px!important}.mt-lg-n6,.my-lg-n6{margin-top:-60px!important}.mr-lg-n6,.mx-lg-n6{margin-right:-60px!important}.mb-lg-n6,.my-lg-n6{margin-bottom:-60px!important}.ml-lg-n6,.mx-lg-n6{margin-left:-60px!important}.m-lg-n7{margin:-70px!important}.mt-lg-n7,.my-lg-n7{margin-top:-70px!important}.mr-lg-n7,.mx-lg-n7{margin-right:-70px!important}.mb-lg-n7,.my-lg-n7{margin-bottom:-70px!important}.ml-lg-n7,.mx-lg-n7{margin-left:-70px!important}.m-lg-n8{margin:-80px!important}.mt-lg-n8,.my-lg-n8{margin-top:-80px!important}.mr-lg-n8,.mx-lg-n8{margin-right:-80px!important}.mb-lg-n8,.my-lg-n8{margin-bottom:-80px!important}.ml-lg-n8,.mx-lg-n8{margin-left:-80px!important}.m-lg-n9{margin:-90px!important}.mt-lg-n9,.my-lg-n9{margin-top:-90px!important}.mr-lg-n9,.mx-lg-n9{margin-right:-90px!important}.mb-lg-n9,.my-lg-n9{margin-bottom:-90px!important}.ml-lg-n9,.mx-lg-n9{margin-left:-90px!important}.m-lg-n10{margin:-100px!important}.mt-lg-n10,.my-lg-n10{margin-top:-100px!important}.mr-lg-n10,.mx-lg-n10{margin-right:-100px!important}.mb-lg-n10,.my-lg-n10{margin-bottom:-100px!important}.ml-lg-n10,.mx-lg-n10{margin-left:-100px!important}.m-lg-n11{margin:-110px!important}.mt-lg-n11,.my-lg-n11{margin-top:-110px!important}.mr-lg-n11,.mx-lg-n11{margin-right:-110px!important}.mb-lg-n11,.my-lg-n11{margin-bottom:-110px!important}.ml-lg-n11,.mx-lg-n11{margin-left:-110px!important}.m-lg-n12{margin:-120px!important}.mt-lg-n12,.my-lg-n12{margin-top:-120px!important}.mr-lg-n12,.mx-lg-n12{margin-right:-120px!important}.mb-lg-n12,.my-lg-n12{margin-bottom:-120px!important}.ml-lg-n12,.mx-lg-n12{margin-left:-120px!important}.m-lg-n13{margin:-130px!important}.mt-lg-n13,.my-lg-n13{margin-top:-130px!important}.mr-lg-n13,.mx-lg-n13{margin-right:-130px!important}.mb-lg-n13,.my-lg-n13{margin-bottom:-130px!important}.ml-lg-n13,.mx-lg-n13{margin-left:-130px!important}.m-lg-n14{margin:-140px!important}.mt-lg-n14,.my-lg-n14{margin-top:-140px!important}.mr-lg-n14,.mx-lg-n14{margin-right:-140px!important}.mb-lg-n14,.my-lg-n14{margin-bottom:-140px!important}.ml-lg-n14,.mx-lg-n14{margin-left:-140px!important}.m-lg-n15{margin:-150px!important}.mt-lg-n15,.my-lg-n15{margin-top:-150px!important}.mr-lg-n15,.mx-lg-n15{margin-right:-150px!important}.mb-lg-n15,.my-lg-n15{margin-bottom:-150px!important}.ml-lg-n15,.mx-lg-n15{margin-left:-150px!important}.m-lg-n16{margin:-160px!important}.mt-lg-n16,.my-lg-n16{margin-top:-160px!important}.mr-lg-n16,.mx-lg-n16{margin-right:-160px!important}.mb-lg-n16,.my-lg-n16{margin-bottom:-160px!important}.ml-lg-n16,.mx-lg-n16{margin-left:-160px!important}.m-lg-n17{margin:-170px!important}.mt-lg-n17,.my-lg-n17{margin-top:-170px!important}.mr-lg-n17,.mx-lg-n17{margin-right:-170px!important}.mb-lg-n17,.my-lg-n17{margin-bottom:-170px!important}.ml-lg-n17,.mx-lg-n17{margin-left:-170px!important}.m-lg-n18{margin:-180px!important}.mt-lg-n18,.my-lg-n18{margin-top:-180px!important}.mr-lg-n18,.mx-lg-n18{margin-right:-180px!important}.mb-lg-n18,.my-lg-n18{margin-bottom:-180px!important}.ml-lg-n18,.mx-lg-n18{margin-left:-180px!important}.m-lg-n19{margin:-190px!important}.mt-lg-n19,.my-lg-n19{margin-top:-190px!important}.mr-lg-n19,.mx-lg-n19{margin-right:-190px!important}.mb-lg-n19,.my-lg-n19{margin-bottom:-190px!important}.ml-lg-n19,.mx-lg-n19{margin-left:-190px!important}.m-lg-n20{margin:-200px!important}.mt-lg-n20,.my-lg-n20{margin-top:-200px!important}.mr-lg-n20,.mx-lg-n20{margin-right:-200px!important}.mb-lg-n20,.my-lg-n20{margin-bottom:-200px!important}.ml-lg-n20,.mx-lg-n20{margin-left:-200px!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media(min-width:1300px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:10px!important}.mt-xl-1,.my-xl-1{margin-top:10px!important}.mr-xl-1,.mx-xl-1{margin-right:10px!important}.mb-xl-1,.my-xl-1{margin-bottom:10px!important}.ml-xl-1,.mx-xl-1{margin-left:10px!important}.m-xl-2{margin:20px!important}.mt-xl-2,.my-xl-2{margin-top:20px!important}.mr-xl-2,.mx-xl-2{margin-right:20px!important}.mb-xl-2,.my-xl-2{margin-bottom:20px!important}.ml-xl-2,.mx-xl-2{margin-left:20px!important}.m-xl-3{margin:30px!important}.mt-xl-3,.my-xl-3{margin-top:30px!important}.mr-xl-3,.mx-xl-3{margin-right:30px!important}.mb-xl-3,.my-xl-3{margin-bottom:30px!important}.ml-xl-3,.mx-xl-3{margin-left:30px!important}.m-xl-4{margin:40px!important}.mt-xl-4,.my-xl-4{margin-top:40px!important}.mr-xl-4,.mx-xl-4{margin-right:40px!important}.mb-xl-4,.my-xl-4{margin-bottom:40px!important}.ml-xl-4,.mx-xl-4{margin-left:40px!important}.m-xl-5{margin:50px!important}.mt-xl-5,.my-xl-5{margin-top:50px!important}.mr-xl-5,.mx-xl-5{margin-right:50px!important}.mb-xl-5,.my-xl-5{margin-bottom:50px!important}.ml-xl-5,.mx-xl-5{margin-left:50px!important}.m-xl-6{margin:60px!important}.mt-xl-6,.my-xl-6{margin-top:60px!important}.mr-xl-6,.mx-xl-6{margin-right:60px!important}.mb-xl-6,.my-xl-6{margin-bottom:60px!important}.ml-xl-6,.mx-xl-6{margin-left:60px!important}.m-xl-7{margin:70px!important}.mt-xl-7,.my-xl-7{margin-top:70px!important}.mr-xl-7,.mx-xl-7{margin-right:70px!important}.mb-xl-7,.my-xl-7{margin-bottom:70px!important}.ml-xl-7,.mx-xl-7{margin-left:70px!important}.m-xl-8{margin:80px!important}.mt-xl-8,.my-xl-8{margin-top:80px!important}.mr-xl-8,.mx-xl-8{margin-right:80px!important}.mb-xl-8,.my-xl-8{margin-bottom:80px!important}.ml-xl-8,.mx-xl-8{margin-left:80px!important}.m-xl-9{margin:90px!important}.mt-xl-9,.my-xl-9{margin-top:90px!important}.mr-xl-9,.mx-xl-9{margin-right:90px!important}.mb-xl-9,.my-xl-9{margin-bottom:90px!important}.ml-xl-9,.mx-xl-9{margin-left:90px!important}.m-xl-10{margin:100px!important}.mt-xl-10,.my-xl-10{margin-top:100px!important}.mr-xl-10,.mx-xl-10{margin-right:100px!important}.mb-xl-10,.my-xl-10{margin-bottom:100px!important}.ml-xl-10,.mx-xl-10{margin-left:100px!important}.m-xl-11{margin:110px!important}.mt-xl-11,.my-xl-11{margin-top:110px!important}.mr-xl-11,.mx-xl-11{margin-right:110px!important}.mb-xl-11,.my-xl-11{margin-bottom:110px!important}.ml-xl-11,.mx-xl-11{margin-left:110px!important}.m-xl-12{margin:120px!important}.mt-xl-12,.my-xl-12{margin-top:120px!important}.mr-xl-12,.mx-xl-12{margin-right:120px!important}.mb-xl-12,.my-xl-12{margin-bottom:120px!important}.ml-xl-12,.mx-xl-12{margin-left:120px!important}.m-xl-13{margin:130px!important}.mt-xl-13,.my-xl-13{margin-top:130px!important}.mr-xl-13,.mx-xl-13{margin-right:130px!important}.mb-xl-13,.my-xl-13{margin-bottom:130px!important}.ml-xl-13,.mx-xl-13{margin-left:130px!important}.m-xl-14{margin:140px!important}.mt-xl-14,.my-xl-14{margin-top:140px!important}.mr-xl-14,.mx-xl-14{margin-right:140px!important}.mb-xl-14,.my-xl-14{margin-bottom:140px!important}.ml-xl-14,.mx-xl-14{margin-left:140px!important}.m-xl-15{margin:150px!important}.mt-xl-15,.my-xl-15{margin-top:150px!important}.mr-xl-15,.mx-xl-15{margin-right:150px!important}.mb-xl-15,.my-xl-15{margin-bottom:150px!important}.ml-xl-15,.mx-xl-15{margin-left:150px!important}.m-xl-16{margin:160px!important}.mt-xl-16,.my-xl-16{margin-top:160px!important}.mr-xl-16,.mx-xl-16{margin-right:160px!important}.mb-xl-16,.my-xl-16{margin-bottom:160px!important}.ml-xl-16,.mx-xl-16{margin-left:160px!important}.m-xl-17{margin:170px!important}.mt-xl-17,.my-xl-17{margin-top:170px!important}.mr-xl-17,.mx-xl-17{margin-right:170px!important}.mb-xl-17,.my-xl-17{margin-bottom:170px!important}.ml-xl-17,.mx-xl-17{margin-left:170px!important}.m-xl-18{margin:180px!important}.mt-xl-18,.my-xl-18{margin-top:180px!important}.mr-xl-18,.mx-xl-18{margin-right:180px!important}.mb-xl-18,.my-xl-18{margin-bottom:180px!important}.ml-xl-18,.mx-xl-18{margin-left:180px!important}.m-xl-19{margin:190px!important}.mt-xl-19,.my-xl-19{margin-top:190px!important}.mr-xl-19,.mx-xl-19{margin-right:190px!important}.mb-xl-19,.my-xl-19{margin-bottom:190px!important}.ml-xl-19,.mx-xl-19{margin-left:190px!important}.m-xl-20{margin:200px!important}.mt-xl-20,.my-xl-20{margin-top:200px!important}.mr-xl-20,.mx-xl-20{margin-right:200px!important}.mb-xl-20,.my-xl-20{margin-bottom:200px!important}.ml-xl-20,.mx-xl-20{margin-left:200px!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:10px!important}.pt-xl-1,.py-xl-1{padding-top:10px!important}.pr-xl-1,.px-xl-1{padding-right:10px!important}.pb-xl-1,.py-xl-1{padding-bottom:10px!important}.pl-xl-1,.px-xl-1{padding-left:10px!important}.p-xl-2{padding:20px!important}.pt-xl-2,.py-xl-2{padding-top:20px!important}.pr-xl-2,.px-xl-2{padding-right:20px!important}.pb-xl-2,.py-xl-2{padding-bottom:20px!important}.pl-xl-2,.px-xl-2{padding-left:20px!important}.p-xl-3{padding:30px!important}.pt-xl-3,.py-xl-3{padding-top:30px!important}.pr-xl-3,.px-xl-3{padding-right:30px!important}.pb-xl-3,.py-xl-3{padding-bottom:30px!important}.pl-xl-3,.px-xl-3{padding-left:30px!important}.p-xl-4{padding:40px!important}.pt-xl-4,.py-xl-4{padding-top:40px!important}.pr-xl-4,.px-xl-4{padding-right:40px!important}.pb-xl-4,.py-xl-4{padding-bottom:40px!important}.pl-xl-4,.px-xl-4{padding-left:40px!important}.p-xl-5{padding:50px!important}.pt-xl-5,.py-xl-5{padding-top:50px!important}.pr-xl-5,.px-xl-5{padding-right:50px!important}.pb-xl-5,.py-xl-5{padding-bottom:50px!important}.pl-xl-5,.px-xl-5{padding-left:50px!important}.p-xl-6{padding:60px!important}.pt-xl-6,.py-xl-6{padding-top:60px!important}.pr-xl-6,.px-xl-6{padding-right:60px!important}.pb-xl-6,.py-xl-6{padding-bottom:60px!important}.pl-xl-6,.px-xl-6{padding-left:60px!important}.p-xl-7{padding:70px!important}.pt-xl-7,.py-xl-7{padding-top:70px!important}.pr-xl-7,.px-xl-7{padding-right:70px!important}.pb-xl-7,.py-xl-7{padding-bottom:70px!important}.pl-xl-7,.px-xl-7{padding-left:70px!important}.p-xl-8{padding:80px!important}.pt-xl-8,.py-xl-8{padding-top:80px!important}.pr-xl-8,.px-xl-8{padding-right:80px!important}.pb-xl-8,.py-xl-8{padding-bottom:80px!important}.pl-xl-8,.px-xl-8{padding-left:80px!important}.p-xl-9{padding:90px!important}.pt-xl-9,.py-xl-9{padding-top:90px!important}.pr-xl-9,.px-xl-9{padding-right:90px!important}.pb-xl-9,.py-xl-9{padding-bottom:90px!important}.pl-xl-9,.px-xl-9{padding-left:90px!important}.p-xl-10{padding:100px!important}.pt-xl-10,.py-xl-10{padding-top:100px!important}.pr-xl-10,.px-xl-10{padding-right:100px!important}.pb-xl-10,.py-xl-10{padding-bottom:100px!important}.pl-xl-10,.px-xl-10{padding-left:100px!important}.p-xl-11{padding:110px!important}.pt-xl-11,.py-xl-11{padding-top:110px!important}.pr-xl-11,.px-xl-11{padding-right:110px!important}.pb-xl-11,.py-xl-11{padding-bottom:110px!important}.pl-xl-11,.px-xl-11{padding-left:110px!important}.p-xl-12{padding:120px!important}.pt-xl-12,.py-xl-12{padding-top:120px!important}.pr-xl-12,.px-xl-12{padding-right:120px!important}.pb-xl-12,.py-xl-12{padding-bottom:120px!important}.pl-xl-12,.px-xl-12{padding-left:120px!important}.p-xl-13{padding:130px!important}.pt-xl-13,.py-xl-13{padding-top:130px!important}.pr-xl-13,.px-xl-13{padding-right:130px!important}.pb-xl-13,.py-xl-13{padding-bottom:130px!important}.pl-xl-13,.px-xl-13{padding-left:130px!important}.p-xl-14{padding:140px!important}.pt-xl-14,.py-xl-14{padding-top:140px!important}.pr-xl-14,.px-xl-14{padding-right:140px!important}.pb-xl-14,.py-xl-14{padding-bottom:140px!important}.pl-xl-14,.px-xl-14{padding-left:140px!important}.p-xl-15{padding:150px!important}.pt-xl-15,.py-xl-15{padding-top:150px!important}.pr-xl-15,.px-xl-15{padding-right:150px!important}.pb-xl-15,.py-xl-15{padding-bottom:150px!important}.pl-xl-15,.px-xl-15{padding-left:150px!important}.p-xl-16{padding:160px!important}.pt-xl-16,.py-xl-16{padding-top:160px!important}.pr-xl-16,.px-xl-16{padding-right:160px!important}.pb-xl-16,.py-xl-16{padding-bottom:160px!important}.pl-xl-16,.px-xl-16{padding-left:160px!important}.p-xl-17{padding:170px!important}.pt-xl-17,.py-xl-17{padding-top:170px!important}.pr-xl-17,.px-xl-17{padding-right:170px!important}.pb-xl-17,.py-xl-17{padding-bottom:170px!important}.pl-xl-17,.px-xl-17{padding-left:170px!important}.p-xl-18{padding:180px!important}.pt-xl-18,.py-xl-18{padding-top:180px!important}.pr-xl-18,.px-xl-18{padding-right:180px!important}.pb-xl-18,.py-xl-18{padding-bottom:180px!important}.pl-xl-18,.px-xl-18{padding-left:180px!important}.p-xl-19{padding:190px!important}.pt-xl-19,.py-xl-19{padding-top:190px!important}.pr-xl-19,.px-xl-19{padding-right:190px!important}.pb-xl-19,.py-xl-19{padding-bottom:190px!important}.pl-xl-19,.px-xl-19{padding-left:190px!important}.p-xl-20{padding:200px!important}.pt-xl-20,.py-xl-20{padding-top:200px!important}.pr-xl-20,.px-xl-20{padding-right:200px!important}.pb-xl-20,.py-xl-20{padding-bottom:200px!important}.pl-xl-20,.px-xl-20{padding-left:200px!important}.m-xl-n1{margin:-10px!important}.mt-xl-n1,.my-xl-n1{margin-top:-10px!important}.mr-xl-n1,.mx-xl-n1{margin-right:-10px!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-10px!important}.ml-xl-n1,.mx-xl-n1{margin-left:-10px!important}.m-xl-n2{margin:-20px!important}.mt-xl-n2,.my-xl-n2{margin-top:-20px!important}.mr-xl-n2,.mx-xl-n2{margin-right:-20px!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-20px!important}.ml-xl-n2,.mx-xl-n2{margin-left:-20px!important}.m-xl-n3{margin:-30px!important}.mt-xl-n3,.my-xl-n3{margin-top:-30px!important}.mr-xl-n3,.mx-xl-n3{margin-right:-30px!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-30px!important}.ml-xl-n3,.mx-xl-n3{margin-left:-30px!important}.m-xl-n4{margin:-40px!important}.mt-xl-n4,.my-xl-n4{margin-top:-40px!important}.mr-xl-n4,.mx-xl-n4{margin-right:-40px!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-40px!important}.ml-xl-n4,.mx-xl-n4{margin-left:-40px!important}.m-xl-n5{margin:-50px!important}.mt-xl-n5,.my-xl-n5{margin-top:-50px!important}.mr-xl-n5,.mx-xl-n5{margin-right:-50px!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-50px!important}.ml-xl-n5,.mx-xl-n5{margin-left:-50px!important}.m-xl-n6{margin:-60px!important}.mt-xl-n6,.my-xl-n6{margin-top:-60px!important}.mr-xl-n6,.mx-xl-n6{margin-right:-60px!important}.mb-xl-n6,.my-xl-n6{margin-bottom:-60px!important}.ml-xl-n6,.mx-xl-n6{margin-left:-60px!important}.m-xl-n7{margin:-70px!important}.mt-xl-n7,.my-xl-n7{margin-top:-70px!important}.mr-xl-n7,.mx-xl-n7{margin-right:-70px!important}.mb-xl-n7,.my-xl-n7{margin-bottom:-70px!important}.ml-xl-n7,.mx-xl-n7{margin-left:-70px!important}.m-xl-n8{margin:-80px!important}.mt-xl-n8,.my-xl-n8{margin-top:-80px!important}.mr-xl-n8,.mx-xl-n8{margin-right:-80px!important}.mb-xl-n8,.my-xl-n8{margin-bottom:-80px!important}.ml-xl-n8,.mx-xl-n8{margin-left:-80px!important}.m-xl-n9{margin:-90px!important}.mt-xl-n9,.my-xl-n9{margin-top:-90px!important}.mr-xl-n9,.mx-xl-n9{margin-right:-90px!important}.mb-xl-n9,.my-xl-n9{margin-bottom:-90px!important}.ml-xl-n9,.mx-xl-n9{margin-left:-90px!important}.m-xl-n10{margin:-100px!important}.mt-xl-n10,.my-xl-n10{margin-top:-100px!important}.mr-xl-n10,.mx-xl-n10{margin-right:-100px!important}.mb-xl-n10,.my-xl-n10{margin-bottom:-100px!important}.ml-xl-n10,.mx-xl-n10{margin-left:-100px!important}.m-xl-n11{margin:-110px!important}.mt-xl-n11,.my-xl-n11{margin-top:-110px!important}.mr-xl-n11,.mx-xl-n11{margin-right:-110px!important}.mb-xl-n11,.my-xl-n11{margin-bottom:-110px!important}.ml-xl-n11,.mx-xl-n11{margin-left:-110px!important}.m-xl-n12{margin:-120px!important}.mt-xl-n12,.my-xl-n12{margin-top:-120px!important}.mr-xl-n12,.mx-xl-n12{margin-right:-120px!important}.mb-xl-n12,.my-xl-n12{margin-bottom:-120px!important}.ml-xl-n12,.mx-xl-n12{margin-left:-120px!important}.m-xl-n13{margin:-130px!important}.mt-xl-n13,.my-xl-n13{margin-top:-130px!important}.mr-xl-n13,.mx-xl-n13{margin-right:-130px!important}.mb-xl-n13,.my-xl-n13{margin-bottom:-130px!important}.ml-xl-n13,.mx-xl-n13{margin-left:-130px!important}.m-xl-n14{margin:-140px!important}.mt-xl-n14,.my-xl-n14{margin-top:-140px!important}.mr-xl-n14,.mx-xl-n14{margin-right:-140px!important}.mb-xl-n14,.my-xl-n14{margin-bottom:-140px!important}.ml-xl-n14,.mx-xl-n14{margin-left:-140px!important}.m-xl-n15{margin:-150px!important}.mt-xl-n15,.my-xl-n15{margin-top:-150px!important}.mr-xl-n15,.mx-xl-n15{margin-right:-150px!important}.mb-xl-n15,.my-xl-n15{margin-bottom:-150px!important}.ml-xl-n15,.mx-xl-n15{margin-left:-150px!important}.m-xl-n16{margin:-160px!important}.mt-xl-n16,.my-xl-n16{margin-top:-160px!important}.mr-xl-n16,.mx-xl-n16{margin-right:-160px!important}.mb-xl-n16,.my-xl-n16{margin-bottom:-160px!important}.ml-xl-n16,.mx-xl-n16{margin-left:-160px!important}.m-xl-n17{margin:-170px!important}.mt-xl-n17,.my-xl-n17{margin-top:-170px!important}.mr-xl-n17,.mx-xl-n17{margin-right:-170px!important}.mb-xl-n17,.my-xl-n17{margin-bottom:-170px!important}.ml-xl-n17,.mx-xl-n17{margin-left:-170px!important}.m-xl-n18{margin:-180px!important}.mt-xl-n18,.my-xl-n18{margin-top:-180px!important}.mr-xl-n18,.mx-xl-n18{margin-right:-180px!important}.mb-xl-n18,.my-xl-n18{margin-bottom:-180px!important}.ml-xl-n18,.mx-xl-n18{margin-left:-180px!important}.m-xl-n19{margin:-190px!important}.mt-xl-n19,.my-xl-n19{margin-top:-190px!important}.mr-xl-n19,.mx-xl-n19{margin-right:-190px!important}.mb-xl-n19,.my-xl-n19{margin-bottom:-190px!important}.ml-xl-n19,.mx-xl-n19{margin-left:-190px!important}.m-xl-n20{margin:-200px!important}.mt-xl-n20,.my-xl-n20{margin-top:-200px!important}.mr-xl-n20,.mx-xl-n20{margin-right:-200px!important}.mb-xl-n20,.my-xl-n20{margin-bottom:-200px!important}.ml-xl-n20,.mx-xl-n20{margin-left:-200px!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media(min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media(min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media(min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media(min-width:1300px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#1de9b6!important}a.text-primary:hover,a.text-primary:focus{color:#10a983!important}.text-secondary{color:#ffca28!important}a.text-secondary:hover,a.text-secondary:focus{color:#dba500!important}.text-success{color:#28a745!important}a.text-success:hover,a.text-success:focus{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:hover,a.text-info:focus{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:hover,a.text-warning:focus{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:hover,a.text-danger:focus{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:hover,a.text-light:focus{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:hover,a.text-dark:focus{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(33,37,41,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-break:break-word!important;overflow-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.container{width:100%;padding-right:10px;padding-left:10px;margin-right:auto;margin-left:auto}@media(min-width:576px){.container{max-width:540px}}@media(min-width:768px){.container{max-width:720px}}@media(min-width:992px){.container{max-width:960px}}@media(min-width:1300px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:10px;padding-left:10px;margin-right:auto;margin-left:auto}.row{display:flex;flex-wrap:wrap;margin-right:-10px;margin-left:-10px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto{position:relative;width:100%;padding-right:10px;padding-left:10px}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}@media(min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-sm-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-sm-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-sm-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-sm-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}}@media(min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-md-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-md-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-md-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-md-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}}@media(min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-lg-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-lg-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-lg-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-lg-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}}@media(min-width:1300px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-xl-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-xl-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-xl-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-xl-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}}.table,.content table{width:100%;margin-bottom:1rem;color:#212529}.table th,.content table th,.table td,.content table td{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th,.content table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody,.content table tbody+tbody{border-top:2px solid #dee2e6}.table-sm th,.table-sm td{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered th,.table-bordered td{border:1px solid #dee2e6}.table-bordered thead th,.table-bordered thead td{border-bottom-width:2px}.table-borderless th,.table-borderless td,.table-borderless thead th,.table-borderless tbody+tbody{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(33,37,41,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(33,37,41,.075)}.table-primary,.table-primary>th,.table-primary>td{background-color:#c0f9eb}.table-primary th,.table-primary td,.table-primary thead th,.table-primary tbody+tbody{border-color:#89f4d9}.table-hover .table-primary:hover{background-color:#a9f7e4}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#a9f7e4}.table-secondary,.table-secondary>th,.table-secondary>td{background-color:#fff0c3}.table-secondary th,.table-secondary td,.table-secondary thead th,.table-secondary tbody+tbody{border-color:#ffe38f}.table-hover .table-secondary:hover{background-color:#ffeaaa}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#ffeaaa}.table-success,.table-success>th,.table-success>td{background-color:#c3e6cb}.table-success th,.table-success td,.table-success thead th,.table-success tbody+tbody{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>th,.table-info>td{background-color:#bee5eb}.table-info th,.table-info td,.table-info thead th,.table-info tbody+tbody{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>th,.table-warning>td{background-color:#ffeeba}.table-warning th,.table-warning td,.table-warning thead th,.table-warning tbody+tbody{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>th,.table-danger>td{background-color:#f5c6cb}.table-danger th,.table-danger td,.table-danger thead th,.table-danger tbody+tbody{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>th,.table-light>td{background-color:#fdfdfe}.table-light th,.table-light td,.table-light thead th,.table-light tbody+tbody{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>th,.table-dark>td{background-color:#c6c8ca}.table-dark th,.table-dark td,.table-dark thead th,.table-dark tbody+tbody{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>th,.table-active>td{background-color:rgba(33,37,41,.075)}.table-hover .table-active:hover{background-color:rgba(22,24,27,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(22,24,27,.075)}.table .thead-dark th,.content table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.table .thead-light th,.content table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark th,.table-dark td,.table-dark thead th{border-color:#454d55}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media(max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media(max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media(max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media(max-width:1299.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}/*!* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
diff --git a/exampleSite/resources/_gen/assets/scss/scss/style.scss_fbbbc62c786286473d9c728ad0108593.json b/exampleSite/resources/_gen/assets/scss/scss/style.scss_fbbbc62c786286473d9c728ad0108593.json
index 6728bf3..b7853b1 100644
--- a/exampleSite/resources/_gen/assets/scss/scss/style.scss_fbbbc62c786286473d9c728ad0108593.json
+++ b/exampleSite/resources/_gen/assets/scss/scss/style.scss_fbbbc62c786286473d9c728ad0108593.json
@@ -1 +1 @@
-{"Target":"css/style.min.020d604e977275cf093999068602ba80e6eb2f78df409ccca5a76f02778bea56.css","MediaType":"text/css","Data":{"Integrity":"sha256-Ag1gTpdydc8JOZkGhgK6gObrL3jfQJzMpadvAneL6lY="}} \ No newline at end of file
+{"Target":"css/style.min.6aa5eecd4ca7c47fb2ca9b0775a7bd787e3e64a2eadf0fef8c9f924498f49127.css","MediaType":"text/css","Data":{"Integrity":"sha256-aqXuzUynxH+yypsHdae9eH4+ZKLq3w/vjJ+SRJj0kSc="}} \ No newline at end of file