diff options
author | Robert Austin <rob@jugglerdigital.com> | 2019-07-23 04:03:11 +0300 |
---|---|---|
committer | Robert Austin <rob@jugglerdigital.com> | 2019-07-23 04:03:11 +0300 |
commit | d39f310357f1f1322f7244ed03d6acc520e37958 (patch) | |
tree | 82c0113cfa88e398ccba049ade7a48485bbb9dde | |
parent | 2e1cee539fe640bef8eca869d7a64e72a09ba4d0 (diff) |
update to bootstrap 4.3.1
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 |