modulo_pattern_fecomercio

` content to break out of wrapping code snippets\n overflow: auto;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n // Normalize adds `margin` to `figure`s as browsers apply it inconsistently.\n // We reset that to create a better flow in-page.\n margin: 0 0 1rem;\n}\n\n\n//\n// Images\n//\n\nimg {\n // By default, ``s are `inline-block`. This assumes that, and vertically\n // centers them. This won't apply should you reset them to `block` level.\n vertical-align: middle;\n // Note: ``s are deliberately not made responsive by default.\n // For the rationale behind this, see the comments on the `.img-fluid` class.\n}\n\n\n// iOS \"clickable elements\" fix for role=\"button\"\n//\n// Fixes \"clickability\" issue (and more generally, the firing of events such as focus as well)\n// for traditionally non-focusable elements with role=\"button\"\n// see https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n\n[role=\"button\"] {\n cursor: pointer;\n}\n\n\n// Avoid 300ms click delay on touch devices that support the `touch-action` CSS property.\n//\n// In particular, unlike most other browsers, IE11+Edge on Windows 10 on touch devices and IE Mobile 10-11\n// DON'T remove the click delay when `` is present.\n// However, they DO support removing the click delay via `touch-action: manipulation`.\n// See:\n// * https://v4-alpha.getbootstrap.com/content/reboot/#click-delay-optimization-for-touch\n// * http://caniuse.com/#feat=css-touch-action\n// * https://patrickhlauke.github.io/touch/tests/results/#suppressing-300ms-delay\n\na,\narea,\nbutton,\n[role=\"button\"],\ninput,\nlabel,\nselect,\nsummary,\ntextarea {\n touch-action: manipulation;\n}\n\n\n//\n// Tables\n//\n\ntable {\n // No longer part of Normalize since v4\n border-collapse: collapse;\n // Reset for nesting within parents with `background-color`.\n background-color: $table-bg;\n}\n\ncaption {\n padding-top: $table-cell-padding;\n padding-bottom: $table-cell-padding;\n color: $text-muted;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n // Centered by default, but left-align-ed to match the `td`s below.\n text-align: left;\n}\n\n\n//\n// Forms\n//\n\nlabel {\n // Allow labels to use `margin` for spacing.\n display: inline-block;\n margin-bottom: .5rem;\n}\n\n// Work around a Firefox/IE bug where the transparent `button` background\n// results in a loss of the default `button` focus styles.\n//\n// Credit: https://github.com/suitcss/base/\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\ntextarea {\n // Normalize includes `font: inherit;`, so `font-family`. `font-size`, etc are\n // properly inherited. However, `line-height` isn't inherited there.\n line-height: inherit;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n // Apply a disabled cursor for radios and checkboxes.\n //\n // Note: Neither radios nor checkboxes can be readonly.\n &:disabled {\n cursor: $cursor-disabled;\n }\n}\n\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n // Remove the default appearance of temporal inputs to avoid a Mobile Safari\n // bug where setting a custom line-height prevents text from being vertically\n // centered within the input.\n // See https://bugs.webkit.org/show_bug.cgi?id=139848\n // and https://github.com/twbs/bootstrap/issues/11266\n -webkit-appearance: listbox;\n}\n\ntextarea {\n // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n resize: vertical;\n}\n\nfieldset {\n // Browsers set a default `min-width: min-content;` on fieldsets,\n // unlike e.g. `

`s, which have `min-width: 0;` by default.\n // So we reset that to ensure fieldsets behave more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359\n // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n min-width: 0;\n // Reset the default outline behavior of fieldsets so they don't affect page layout.\n padding: 0;\n margin: 0;\n border: 0;\n}\n\nlegend {\n // Reset the entire legend element to match the `fieldset`\n display: block;\n width: 100%;\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n}\n\ninput[type=\"search\"] {\n // This overrides the extra rounded corners on search inputs in iOS so that our\n // `.form-control` class can properly style them. Note that this cannot simply\n // be added to `.form-control` as it's not specific enough. For details, see\n // https://github.com/twbs/bootstrap/issues/11586.\n -webkit-appearance: none;\n}\n\n// todo: needed?\noutput {\n display: inline-block;\n// font-size: $font-size-base;\n// line-height: $line-height;\n// color: $input-color;\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n[hidden] {\n display: none !important;\n}\n","// // Variables\n// //\n// // Copy settings from this file into the provided `_custom.scss` to override\n// // the Bootstrap defaults without modifying key, versioned files.\n\n\n// // Table of Contents\n// //\n// // Colors\n// // Options\n// // Spacing\n// // Body\n// // Links\n// // Grid breakpoints\n// // Grid containers\n// // Grid columns\n// // Fonts\n// // Components\n// // Tables\n// // Buttons\n// // Forms\n// // Dropdowns\n// // Z-index master list\n// // Navbar\n// // Navs\n// // Pagination\n// // Jumbotron\n// // Form states and alerts\n// // Cards\n// // Tooltips\n// // Popovers\n// // Badges\n// // Modals\n// // Alerts\n// // Progress bars\n// // List group\n// // Image thumbnails\n// // Figures\n// // Breadcrumbs\n// // Carousel\n// // Close\n// // Code\n\n// @mixin _assert-ascending($map, $map-name) {\n// $prev-key: null;\n// $prev-num: null;\n// @each $key, $num in $map {\n// @if $prev-num == null {\n// // Do nothing\n// } @else if not comparable($prev-num, $num) {\n// @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}' !\";\n// } @else if $prev-num >= $num {\n// @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n// }\n// $prev-key: $key;\n// $prev-num: $num;\n// }\n// }\n\n// // Replace `$search` with `$replace` in `$string`\n// // @author Hugo Giraudel\n// // @param {String} $string - Initial string\n// // @param {String} $search - Substring to replace\n// // @param {String} $replace ('') - New value\n// // @return {String} - Updated string\n// @function str-replace($string, $search, $replace: \"\") {\n// $index: str-index($string, $search);\n\n// @if $index {\n// @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n// }\n\n// @return $string;\n// }\n\n// @mixin _assert-starts-at-zero($map) {\n// $values: map-values($map);\n// $first-value: nth($values, 1);\n// @if $first-value != 0 {\n// @warn \"First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.\";\n// }\n// }\n\n\n// // General variable structure\n// //\n// // Variable format should follow the `$component-modifier-state-property` order.\n\n\n// // Colors\n// //\n// // Grayscale and brand colors for use across Bootstrap.\n\n// // Start with assigning color names to specific hex values.\n// $white: #fff !default;\n// $black: #000 !default;\n$red: #d9534f !default;\n// $orange: #f0ad4e !default;\n// $yellow: #ffd500 !default;\n// $green: #5cb85c !default;\n// $blue: #0275d8 !default;\n// $teal: #5bc0de !default;\n// $pink: #ff5b77 !default;\n// $purple: #613d7c !default;\n\n// // Create grayscale\n$gray-dark: #43474C !default;\n$gray-darker: \t\t\t\t\t\t\t #2C2E31;\n$gray-lighter: \t\t\t\t\t\t\t #707883;\n$body-color-darker: \t\t\t\t\t #1B1E20;\n// $gray-light: #636c72 !default;\n// $gray-lighter: #eceeef !default;\n// $gray-lightest: #f7f7f9 !default;\n\n// // Reassign color vars to semantic color scheme\n$brand-primary: #004C99 !default; // blue\n$brand-primary-lighter: \t\t\t #4DA2F8; // lighter blue\n$brand-primary-darker: \t\t\t\t #003972; // darker blue\n$brand-secondary: \t\t\t\t\t\t #D49E18; // yellow\n$bluish-gray: \t\t\t\t\t\t #EAEFF3;\n$bluish-gray-darker: \t\t\t\t\t #707883;\n$line-color: \t\t\t\t\t\t\t\t #CAD6E2;\n$line-color-lighter: \t\t\t\t\t #F2F5F8;\n// $brand-success: $green !default;\n// $brand-info: $teal !default;\n// $brand-warning: $orange !default;\n// $brand-danger: $red !default;\n// $brand-inverse: $gray-dark !default;\n\n\n// // Options\n// //\n// // Quickly modify global styling by enabling or disabling optional features.\n\n// $enable-rounded: true !default;\n// $enable-shadows: false !default;\n// $enable-gradients: false !default;\n// $enable-transitions: true !default;\n// $enable-hover-media-query: false !default;\n// $enable-grid-classes: true !default;\n// $enable-print-styles: true !default;\n\n\n// // Spacing\n// //\n// // Control the default styling of most Bootstrap elements by modifying these\n// // variables. Mostly focused on spacing.\n// // You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 20px !default;\n// $spacer-x: $spacer !default;\n// $spacer-y: $spacer !default;\n// $spacers: (\n// 0: (\n// x: 0,\n// y: 0\n// ),\n// 1: (\n// x: ($spacer-x * .25),\n// y: ($spacer-y * .25)\n// ),\n// 2: (\n// x: ($spacer-x * .5),\n// y: ($spacer-y * .5)\n// ),\n// 3: (\n// x: $spacer-x,\n// y: $spacer-y\n// ),\n// 4: (\n// x: ($spacer-x * 1.5),\n// y: ($spacer-y * 1.5)\n// ),\n// 5: (\n// x: ($spacer-x * 3),\n// y: ($spacer-y * 3)\n// )\n// ) !default;\n// $border-width: 1px !default;\n\n// // This variable affects the `.h-*` and `.w-*` classes.\n// $sizes: (\n// 25: 25%,\n// 50: 50%,\n// 75: 75%,\n// 100: 100%\n// ) !default;\n\n// // Body\n// //\n// // Settings for the `` element.\n\n// $body-bg: $white !default;\n// $body-color: #1B1E20 !default;\n$body-color: \t\t\t #43474C;\n// $inverse-bg: $gray-dark !default;\n// $inverse-color: $gray-lighter !default;\n\n\n// // Links\n// //\n// // Style anchor elements.\n\n// $link-color: $brand-primary !default;\n// $link-decoration: none !default;\n// $link-hover-color: darken($link-color, 15%) !default;\n// $link-hover-decoration: underline !default;\n\n\n// // Grid breakpoints\n// //\n// // Define the minimum dimensions at which your layout will change,\n// // adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n\t\txs: 0,\n\t\tsm: 576px,\n\t\tmd: 768px,\n\t\tlg: 992px,\n\t\txl: 1200px,\n\t\txxl: 1440px\n) !default;\n// @include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n// @include _assert-starts-at-zero($grid-breakpoints);\n\n\n// // Grid containers\n// //\n// // Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1180px\n) !default;\n// @include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// // Grid columns\n// //\n// // Set the number of columns and specify the width of the gutters.\n\n// $grid-columns: 12 !default;\n// $grid-gutter-width-base: 30px !default;\n// $grid-gutter-widths: (\n// xs: $grid-gutter-width-base,\n// sm: $grid-gutter-width-base,\n// md: $grid-gutter-width-base,\n// lg: $grid-gutter-width-base,\n// xl: $grid-gutter-width-base\n// ) !default;\n\n// // Fonts\n// //\n// // Font, line-height, and color for body text, headings, and more.\n\n$font-family-sans-serif: 'Source Sans Pro', -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif !default;\n// $font-family-serif: Georgia, \"Times New Roman\", Times, serif !default;\n// $font-family-monospace: Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n// $font-family-base: $font-family-sans-serif !default;\n\n$font-size-base: .95rem !default; // Assumes the browser default, typically `16px`\n// $font-size-lg: 1.25rem !default;\n// $font-size-sm: .875rem !default;\n// $font-size-xs: .75rem !default;\n\n// $font-weight-normal: 300 !default;\n// $font-weight-bold: 500 !default;\n\n// $font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.55 !default;\n\n// $font-size-h1: 2.5rem !default;\n// $font-size-h2: 2rem !default;\n// $font-size-h3: 1.75rem !default;\n// $font-size-h4: 1.5rem !default;\n// $font-size-h5: 1.25rem !default;\n// $font-size-h6: 1rem !default;\n\n// $headings-margin-bottom: ($spacer / 2) !default;\n// $headings-font-family: inherit !default;\n// $headings-font-weight: 500 !default;\n// $headings-line-height: 1.1 !default;\n// $headings-color: inherit !default;\n\n// $display1-size: 6rem !default;\n// $display2-size: 5.5rem !default;\n// $display3-size: 4.5rem !default;\n// $display4-size: 3.5rem !default;\n\n// $display1-weight: 300 !default;\n// $display2-weight: 300 !default;\n// $display3-weight: 300 !default;\n// $display4-weight: 300 !default;\n// $display-line-height: $headings-line-height !default;\n\n// $lead-font-size: 1.25rem !default;\n// $lead-font-weight: 300 !default;\n\n// $small-font-size: 80% !default;\n\n// $text-muted: $gray-light !default;\n\n// $abbr-border-color: $gray-light !default;\n\n// $blockquote-small-color: $gray-light !default;\n// $blockquote-font-size: ($font-size-base * 1.25) !default;\n// $blockquote-border-color: $gray-lighter !default;\n// $blockquote-border-width: .25rem !default;\n\n// $hr-border-color: rgba($black,.1) !default;\n// $hr-border-width: $border-width !default;\n\n// $mark-padding: .2em !default;\n\n// $dt-font-weight: $font-weight-bold !default;\n\n// $kbd-box-shadow: inset 0 -.1rem 0 rgba($black,.25) !default;\n// $nested-kbd-font-weight: $font-weight-bold !default;\n\n// $list-inline-padding: 5px !default;\n\n\n// // Components\n// //\n// // Define common padding and border radius sizes and more.\n\n// $line-height-lg: (4 / 3) !default;\n// $line-height-sm: 1.5 !default;\n\n// $border-radius: .25rem !default;\n// $border-radius-lg: .3rem !default;\n// $border-radius-sm: .2rem !default;\n\n// $component-active-color: $white !default;\n// $component-active-bg: $brand-primary !default;\n\n// $caret-width: .3em !default;\n\n// $transition-base: all .2s ease-in-out !default;\n// $transition-fade: opacity .15s linear !default;\n// $transition-collapse: height .35s ease !default;\n\n\n// // Tables\n// //\n// // Customizes the `.table` component with basic values, each used across all table variations.\n\n// $table-cell-padding: .75rem !default;\n// $table-sm-cell-padding: .3rem !default;\n\n// $table-bg: transparent !default;\n\n// $table-inverse-bg: $gray-dark !default;\n// $table-inverse-color: $body-bg !default;\n\n// $table-bg-accent: rgba($black,.05) !default;\n// $table-bg-hover: rgba($black,.075) !default;\n// $table-bg-active: $table-bg-hover !default;\n\n// $table-head-bg: $gray-lighter !default;\n// $table-head-color: $gray !default;\n\n// $table-border-width: $border-width !default;\n// $table-border-color: $gray-lighter !default;\n\n\n// // Buttons\n// //\n// // For each of Bootstrap's buttons, define text, background and border color.\n\n// $btn-padding-x: 1rem !default;\n// $btn-padding-y: .5rem !default;\n// $btn-line-height: 1.25 !default;\n// $btn-font-weight: $font-weight-normal !default;\n// $btn-box-shadow: inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default;\n// $btn-focus-box-shadow: 0 0 0 2px rgba($brand-primary, .25) !default;\n// $btn-active-box-shadow: inset 0 3px 5px rgba($black,.125) !default;\n\n// $btn-primary-color: $white !default;\n// $btn-primary-bg: $brand-primary !default;\n// $btn-primary-border: $btn-primary-bg !default;\n\n// $btn-secondary-color: $gray-dark !default;\n// $btn-secondary-bg: $white !default;\n// $btn-secondary-border: #ccc !default;\n\n// $btn-info-color: $white !default;\n// $btn-info-bg: $brand-info !default;\n// $btn-info-border: $btn-info-bg !default;\n\n// $btn-success-color: $white !default;\n// $btn-success-bg: $brand-success !default;\n// $btn-success-border: $btn-success-bg !default;\n\n// $btn-warning-color: $white !default;\n// $btn-warning-bg: $brand-warning !default;\n// $btn-warning-border: $btn-warning-bg !default;\n\n// $btn-danger-color: $white !default;\n// $btn-danger-bg: $brand-danger !default;\n// $btn-danger-border: $btn-danger-bg !default;\n\n// $btn-link-disabled-color: $gray-light !default;\n\n// $btn-padding-x-sm: .5rem !default;\n// $btn-padding-y-sm: .25rem !default;\n\n// $btn-padding-x-lg: 1.5rem !default;\n// $btn-padding-y-lg: .75rem !default;\n\n// $btn-block-spacing-y: .5rem !default;\n// $btn-toolbar-margin: .5rem !default;\n\n// // Allows for customizing button radius independently from global border radius\n// $btn-border-radius: $border-radius !default;\n// $btn-border-radius-lg: $border-radius-lg !default;\n// $btn-border-radius-sm: $border-radius-sm !default;\n\n// $btn-transition: all .2s ease-in-out !default;\n\n\n// // Forms\n\n// $input-padding-x: .75rem !default;\n// $input-padding-y: .5rem !default;\n// $input-line-height: 1.25 !default;\n\n// $input-bg: $white !default;\n// $input-bg-disabled: $gray-lighter !default;\n\n// $input-color: $gray !default;\n// $input-border-color: rgba($black,.15) !default;\n// $input-btn-border-width: $border-width !default; // For form controls and buttons\n// $input-box-shadow: inset 0 1px 1px rgba($black,.075) !default;\n\n// $input-border-radius: $border-radius !default;\n// $input-border-radius-lg: $border-radius-lg !default;\n// $input-border-radius-sm: $border-radius-sm !default;\n\n// $input-bg-focus: $input-bg !default;\n$input-border-focus: $gray-dark;\n// $input-box-shadow-focus: $input-box-shadow, rgba($input-border-focus, .6) !default;\n// $input-color-focus: $input-color !default;\n\n// $input-color-placeholder: $gray-light !default;\n\n// $input-padding-x-sm: .5rem !default;\n// $input-padding-y-sm: .25rem !default;\n\n// $input-padding-x-lg: 1.5rem !default;\n// $input-padding-y-lg: .75rem !default;\n\n// $input-height: (($font-size-base * $input-line-height) + ($input-padding-y * 2)) !default;\n// $input-height-lg: (($font-size-lg * $line-height-lg) + ($input-padding-y-lg * 2)) !default;\n// $input-height-sm: (($font-size-sm * $line-height-sm) + ($input-padding-y-sm * 2)) !default;\n\n// $input-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !default;\n\n// $form-text-margin-top: .25rem !default;\n// $form-feedback-margin-top: $form-text-margin-top !default;\n\n// $form-check-margin-bottom: .5rem !default;\n// $form-check-input-gutter: 1.25rem !default;\n// $form-check-input-margin-y: .25rem !default;\n// $form-check-input-margin-x: .25rem !default;\n\n// $form-check-inline-margin-x: .75rem !default;\n\n// $form-group-margin-bottom: $spacer-y !default;\n\n// $input-group-addon-bg: $gray-lighter !default;\n// $input-group-addon-border-color: $input-border-color !default;\n\n// $cursor-disabled: not-allowed !default;\n\n// $custom-control-gutter: 1.5rem !default;\n// $custom-control-spacer-x: 1rem !default;\n// $custom-control-spacer-y: .25rem !default;\n\n// $custom-control-indicator-size: 1rem !default;\n// $custom-control-indicator-margin-y: (($line-height-base * 1rem) - $custom-control-indicator-size) / -2 !default;\n// $custom-control-indicator-bg: #ddd !default;\n// $custom-control-indicator-bg-size: 50% 50% !default;\n// $custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default;\n\n// $custom-control-disabled-cursor: $cursor-disabled !default;\n// $custom-control-disabled-indicator-bg: $gray-lighter !default;\n// $custom-control-disabled-description-color: $gray-light !default;\n\n// $custom-control-checked-indicator-color: $white !default;\n// $custom-control-checked-indicator-bg: $brand-primary !default;\n// $custom-control-checked-indicator-box-shadow: none !default;\n\n// $custom-control-focus-indicator-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px $brand-primary !default;\n\n// $custom-control-active-indicator-color: $white !default;\n// $custom-control-active-indicator-bg: lighten($brand-primary, 35%) !default;\n// $custom-control-active-indicator-box-shadow: none !default;\n\n// $custom-checkbox-radius: $border-radius !default;\n// $custom-checkbox-checked-icon: 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-checked-indicator-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;\n\n// $custom-checkbox-indeterminate-bg: $brand-primary !default;\n// $custom-checkbox-indeterminate-indicator-color: $custom-control-checked-indicator-color !default;\n// $custom-checkbox-indeterminate-icon: 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-indeterminate-indicator-color}' d='M0 2h4'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n// $custom-checkbox-indeterminate-box-shadow: none !default;\n\n// $custom-radio-radius: 50% !default;\n// $custom-radio-checked-icon: 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-checked-indicator-color}'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n// $custom-select-padding-x: .75rem !default;\n// $custom-select-padding-y: .375rem !default;\n// $custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n// $custom-select-line-height: $input-line-height !default;\n// $custom-select-color: $input-color !default;\n// $custom-select-disabled-color: $gray-light !default;\n// $custom-select-bg: $white !default;\n// $custom-select-disabled-bg: $gray-lighter !default;\n// $custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n// $custom-select-indicator-color: #333 !default;\n// $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;\n// $custom-select-border-width: $input-btn-border-width !default;\n// $custom-select-border-color: $input-border-color !default;\n// $custom-select-border-radius: $border-radius !default;\n\n// $custom-select-focus-border-color: lighten($brand-primary, 25%) !default;\n// $custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;\n\n// $custom-select-sm-padding-y: .2rem !default;\n// $custom-select-sm-font-size: 75% !default;\n\n// $custom-file-height: 2.5rem !default;\n// $custom-file-width: 14rem !default;\n// $custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem $brand-primary !default;\n\n// $custom-file-padding-x: .5rem !default;\n// $custom-file-padding-y: 1rem !default;\n// $custom-file-line-height: 1.5 !default;\n// $custom-file-color: $gray !default;\n// $custom-file-bg: $white !default;\n// $custom-file-border-width: $border-width !default;\n// $custom-file-border-color: $input-border-color !default;\n// $custom-file-border-radius: $border-radius !default;\n// $custom-file-box-shadow: inset 0 .2rem .4rem rgba($black,.05) !default;\n// $custom-file-button-color: $custom-file-color !default;\n// $custom-file-button-bg: $gray-lighter !default;\n// $custom-file-text: (\n// placeholder: (\n// en: \"Choose file...\"\n// ),\n// button-label: (\n// en: \"Browse\"\n// )\n// ) !default;\n\n\n// // Form validation icons\n// $form-icon-success-color: $brand-success !default;\n// $form-icon-success: 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='#{$form-icon-success-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;\n\n// $form-icon-warning-color: $brand-warning !default;\n// $form-icon-warning: 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='#{$form-icon-warning-color}' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n// $form-icon-danger-color: $brand-danger !default;\n// $form-icon-danger: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-icon-danger-color}' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' 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;\n\n\n// // Dropdowns\n// //\n// // Dropdown menu container and contents.\n\n// $dropdown-min-width: 10rem !default;\n// $dropdown-padding-y: .5rem !default;\n// $dropdown-margin-top: .125rem !default;\n// $dropdown-bg: $white !default;\n// $dropdown-border-color: rgba($black,.15) !default;\n// $dropdown-border-width: $border-width !default;\n// $dropdown-divider-bg: $gray-lighter !default;\n// $dropdown-box-shadow: 0 .5rem 1rem rgba($black,.175) !default;\n\n// $dropdown-link-color: $gray-dark !default;\n// $dropdown-link-hover-color: darken($gray-dark, 5%) !default;\n// $dropdown-link-hover-bg: $gray-lightest !default;\n\n// $dropdown-link-active-color: $component-active-color !default;\n// $dropdown-link-active-bg: $component-active-bg !default;\n\n// $dropdown-link-disabled-color: $gray-light !default;\n\n// $dropdown-item-padding-x: 1.5rem !default;\n\n// $dropdown-header-color: $gray-light !default;\n\n\n// // Z-index master list\n// //\n// // Warning: Avoid customizing these values. They're used for a bird's eye view\n// // of components dependent on the z-axis and are designed to all work together.\n\n// $zindex-dropdown-backdrop: 990 !default;\n// $zindex-navbar: 1000 !default;\n// $zindex-dropdown: 1000 !default;\n// $zindex-fixed: 1030 !default;\n// $zindex-sticky: 1030 !default;\n// $zindex-modal-backdrop: 1040 !default;\n// $zindex-modal: 1050 !default;\n// $zindex-popover: 1060 !default;\n// $zindex-tooltip: 1070 !default;\n\n\n// // Navbar\n\n// $navbar-border-radius: $border-radius !default;\n// $navbar-padding-x: $spacer !default;\n// $navbar-padding-y: ($spacer / 2) !default;\n\n// $navbar-brand-padding-y: .25rem !default;\n\n// $navbar-toggler-padding-x: .75rem !default;\n// $navbar-toggler-padding-y: .25rem !default;\n// $navbar-toggler-font-size: $font-size-lg !default;\n// $navbar-toggler-border-radius: $btn-border-radius !default;\n\n// $navbar-inverse-color: rgba($white,.5) !default;\n// $navbar-inverse-hover-color: rgba($white,.75) !default;\n// $navbar-inverse-active-color: rgba($white,1) !default;\n// $navbar-inverse-disabled-color: rgba($white,.25) !default;\n// $navbar-inverse-toggler-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-inverse-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n// $navbar-inverse-toggler-border: rgba($white,.1) !default;\n\n// $navbar-light-color: rgba($black,.5) !default;\n// $navbar-light-hover-color: rgba($black,.7) !default;\n// $navbar-light-active-color: rgba($black,.9) !default;\n// $navbar-light-disabled-color: rgba($black,.3) !default;\n// $navbar-light-toggler-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n// $navbar-light-toggler-border: rgba($black,.1) !default;\n\n// // Navs\n\n// $nav-item-margin: .2rem !default;\n// $nav-item-inline-spacer: 1rem !default;\n// $nav-link-padding: .5em 1em !default;\n// $nav-link-hover-bg: $gray-lighter !default;\n// $nav-disabled-link-color: $gray-light !default;\n\n// $nav-tabs-border-color: #ddd !default;\n// $nav-tabs-border-width: $border-width !default;\n// $nav-tabs-border-radius: $border-radius !default;\n// $nav-tabs-link-hover-border-color: $gray-lighter !default;\n// $nav-tabs-active-link-hover-color: $gray !default;\n// $nav-tabs-active-link-hover-bg: $body-bg !default;\n// $nav-tabs-active-link-hover-border-color: #ddd !default;\n// $nav-tabs-justified-link-border-color: #ddd !default;\n// $nav-tabs-justified-active-link-border-color: $body-bg !default;\n\n// $nav-pills-border-radius: $border-radius !default;\n// $nav-pills-active-link-color: $component-active-color !default;\n// $nav-pills-active-link-bg: $component-active-bg !default;\n\n\n// // Pagination\n\n// $pagination-padding-x: .75rem !default;\n// $pagination-padding-y: .5rem !default;\n// $pagination-padding-x-sm: .5rem !default;\n// $pagination-padding-y-sm: .25rem !default;\n// $pagination-padding-x-lg: 1.5rem !default;\n// $pagination-padding-y-lg: .75rem !default;\n// $pagination-line-height: 1.25 !default;\n\n// $pagination-color: $link-color !default;\n// $pagination-bg: $white !default;\n// $pagination-border-width: $border-width !default;\n// $pagination-border-color: #ddd !default;\n\n// $pagination-hover-color: $link-hover-color !default;\n// $pagination-hover-bg: $gray-lighter !default;\n// $pagination-hover-border: #ddd !default;\n\n// $pagination-active-color: $white !default;\n// $pagination-active-bg: $brand-primary !default;\n// $pagination-active-border: $brand-primary !default;\n\n// $pagination-disabled-color: $gray-light !default;\n// $pagination-disabled-bg: $white !default;\n// $pagination-disabled-border: #ddd !default;\n\n\n// // Jumbotron\n\n// $jumbotron-padding: 2rem !default;\n// $jumbotron-bg: $gray-lighter !default;\n\n\n// // Form states and alerts\n// //\n// // Define colors for form feedback states and, by default, alerts.\n\n// $state-success-text: #3c763d !default;\n// $state-success-bg: #dff0d8 !default;\n// $state-success-border: darken($state-success-bg, 5%) !default;\n\n// $state-info-text: #31708f !default;\n// $state-info-bg: #d9edf7 !default;\n// $state-info-border: darken($state-info-bg, 7%) !default;\n\n// $state-warning-text: #8a6d3b !default;\n// $state-warning-bg: #fcf8e3 !default;\n// $mark-bg: $state-warning-bg !default;\n// $state-warning-border: darken($state-warning-bg, 5%) !default;\n\n// $state-danger-text: #a94442 !default;\n// $state-danger-bg: #f2dede !default;\n// $state-danger-border: darken($state-danger-bg, 5%) !default;\n\n\n// // Cards\n\n// $card-spacer-x: 1.25rem !default;\n// $card-spacer-y: .75rem !default;\n// $card-border-width: 1px !default;\n// $card-border-radius: $border-radius !default;\n// $card-border-color: rgba($black,.125) !default;\n// $card-border-radius-inner: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n// $card-cap-bg: $gray-lightest !default;\n// $card-bg: $white !default;\n\n// $card-link-hover-color: $white !default;\n\n// $card-img-overlay-padding: 1.25rem !default;\n\n// $card-deck-margin: ($grid-gutter-width-base / 2) !default;\n\n// $card-columns-count: 3 !default;\n// $card-columns-gap: 1.25rem !default;\n// $card-columns-margin: $card-spacer-y !default;\n\n\n// // Tooltips\n\n// $tooltip-max-width: 200px !default;\n// $tooltip-color: $white !default;\n// $tooltip-bg: $black !default;\n// $tooltip-opacity: .9 !default;\n// $tooltip-padding-y: 3px !default;\n// $tooltip-padding-x: 8px !default;\n// $tooltip-margin: 3px !default;\n\n// $tooltip-arrow-width: 5px !default;\n// $tooltip-arrow-color: $tooltip-bg !default;\n\n\n// // Popovers\n\n// $popover-inner-padding: 1px !default;\n// $popover-bg: $white !default;\n// $popover-max-width: 276px !default;\n// $popover-border-width: $border-width !default;\n// $popover-border-color: rgba($black,.2) !default;\n// $popover-box-shadow: 0 5px 10px rgba($black,.2) !default;\n\n// $popover-title-bg: darken($popover-bg, 3%) !default;\n// $popover-title-padding-x: 14px !default;\n// $popover-title-padding-y: 8px !default;\n\n// $popover-content-padding-x: 14px !default;\n// $popover-content-padding-y: 9px !default;\n\n// $popover-arrow-width: 10px !default;\n// $popover-arrow-color: $popover-bg !default;\n\n// $popover-arrow-outer-width: ($popover-arrow-width + 1px) !default;\n// $popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// // Badges\n\n// $badge-default-bg: $gray-light !default;\n// $badge-primary-bg: $brand-primary !default;\n// $badge-success-bg: $brand-success !default;\n// $badge-info-bg: $brand-info !default;\n// $badge-warning-bg: $brand-warning !default;\n// $badge-danger-bg: $brand-danger !default;\n\n// $badge-color: $white !default;\n// $badge-link-hover-color: $white !default;\n// $badge-font-size: 75% !default;\n// $badge-font-weight: $font-weight-bold !default;\n// $badge-padding-x: .4em !default;\n// $badge-padding-y: .25em !default;\n\n// $badge-pill-padding-x: .6em !default;\n// // Use a higher than normal value to ensure completely rounded edges when\n// // customizing padding or font-size on labels.\n// $badge-pill-border-radius: 10rem !default;\n\n\n// // Modals\n\n// // Padding applied to the modal body\n// $modal-inner-padding: 15px !default;\n\n// $modal-dialog-margin: 10px !default;\n// $modal-dialog-sm-up-margin-y: 30px !default;\n\n// $modal-title-line-height: $line-height-base !default;\n\n// $modal-content-bg: $white !default;\n// $modal-content-border-color: rgba($black,.2) !default;\n// $modal-content-border-width: $border-width !default;\n// $modal-content-xs-box-shadow: 0 3px 9px rgba($black,.5) !default;\n// $modal-content-sm-up-box-shadow: 0 5px 15px rgba($black,.5) !default;\n\n// $modal-backdrop-bg: $black !default;\n// $modal-backdrop-opacity: .5 !default;\n// $modal-header-border-color: $gray-lighter !default;\n// $modal-footer-border-color: $modal-header-border-color !default;\n// $modal-header-border-width: $modal-content-border-width !default;\n// $modal-footer-border-width: $modal-header-border-width !default;\n// $modal-header-padding: 15px !default;\n\n// $modal-lg: 800px !default;\n// $modal-md: 500px !default;\n// $modal-sm: 300px !default;\n\n// $modal-transition: transform .3s ease-out !default;\n\n\n// // Alerts\n// //\n// // Define alert colors, border radius, and padding.\n\n// $alert-padding-x: 1.25rem !default;\n// $alert-padding-y: .75rem !default;\n// $alert-margin-bottom: $spacer-y !default;\n// $alert-border-radius: $border-radius !default;\n// $alert-link-font-weight: $font-weight-bold !default;\n// $alert-border-width: $border-width !default;\n\n// $alert-success-bg: $state-success-bg !default;\n// $alert-success-text: $state-success-text !default;\n// $alert-success-border: $state-success-border !default;\n\n// $alert-info-bg: $state-info-bg !default;\n// $alert-info-text: $state-info-text !default;\n// $alert-info-border: $state-info-border !default;\n\n// $alert-warning-bg: $state-warning-bg !default;\n// $alert-warning-text: $state-warning-text !default;\n// $alert-warning-border: $state-warning-border !default;\n\n// $alert-danger-bg: $state-danger-bg !default;\n// $alert-danger-text: $state-danger-text !default;\n// $alert-danger-border: $state-danger-border !default;\n\n\n// // Progress bars\n\n// $progress-height: 1rem !default;\n// $progress-font-size: .75rem !default;\n// $progress-bg: $gray-lighter !default;\n// $progress-border-radius: $border-radius !default;\n// $progress-box-shadow: inset 0 .1rem .1rem rgba($black,.1) !default;\n// $progress-bar-color: $white !default;\n// $progress-bar-bg: $brand-primary !default;\n// $progress-bar-animation-timing: 1s linear infinite !default;\n\n// // List group\n\n// $list-group-color: $body-color !default;\n// $list-group-bg: $white !default;\n// $list-group-border-color: rgba($black,.125) !default;\n// $list-group-border-width: $border-width !default;\n// $list-group-border-radius: $border-radius !default;\n\n// $list-group-item-padding-x: 1.25rem !default;\n// $list-group-item-padding-y: .75rem !default;\n\n// $list-group-hover-bg: $gray-lightest !default;\n// $list-group-active-color: $component-active-color !default;\n// $list-group-active-bg: $component-active-bg !default;\n// $list-group-active-border: $list-group-active-bg !default;\n// $list-group-active-text-color: lighten($list-group-active-bg, 50%) !default;\n\n// $list-group-disabled-color: $gray-light !default;\n// $list-group-disabled-bg: $list-group-bg !default;\n// $list-group-disabled-text-color: $list-group-disabled-color !default;\n\n// $list-group-link-color: $gray !default;\n// $list-group-link-heading-color: $gray-dark !default;\n// $list-group-link-hover-color: $list-group-link-color !default;\n\n// $list-group-link-active-color: $list-group-color !default;\n// $list-group-link-active-bg: $gray-lighter !default;\n\n\n// // Image thumbnails\n\n// $thumbnail-padding: .25rem !default;\n// $thumbnail-bg: $body-bg !default;\n// $thumbnail-border-width: $border-width !default;\n// $thumbnail-border-color: #ddd !default;\n// $thumbnail-border-radius: $border-radius !default;\n// $thumbnail-box-shadow: 0 1px 2px rgba($black,.075) !default;\n// $thumbnail-transition: all .2s ease-in-out !default;\n\n\n// // Figures\n\n// $figure-caption-font-size: 90% !default;\n// $figure-caption-color: $gray-light !default;\n\n\n// // Breadcrumbs\n\n// $breadcrumb-padding-y: .75rem !default;\n// $breadcrumb-padding-x: 1rem !default;\n// $breadcrumb-item-padding: .5rem !default;\n\n// $breadcrumb-bg: $gray-lighter !default;\n// $breadcrumb-divider-color: $gray-light !default;\n// $breadcrumb-active-color: $gray-light !default;\n// $breadcrumb-divider: \"/\" !default;\n\n\n// // Carousel\n\n// $carousel-control-color: $white !default;\n// $carousel-control-width: 15% !default;\n// $carousel-control-opacity: .5 !default;\n\n// $carousel-indicator-width: 30px !default;\n// $carousel-indicator-height: 3px !default;\n// $carousel-indicator-spacer: 3px !default;\n// $carousel-indicator-active-bg: $white !default;\n\n// $carousel-caption-width: 70% !default;\n// $carousel-caption-color: $white !default;\n\n// $carousel-control-icon-width: 20px !default;\n\n// $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='M4 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;\n// $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='M1.5 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;\n\n// $carousel-transition: transform .6s ease-in-out !default;\n\n\n// // Close\n\n// $close-font-size: $font-size-base * 1.5 !default;\n// $close-font-weight: $font-weight-bold !default;\n// $close-color: $black !default;\n// $close-text-shadow: 0 1px 0 $white !default;\n\n\n// // Code\n\n// $code-font-size: 90% !default;\n// $code-padding-x: .4rem !default;\n// $code-padding-y: .2rem !default;\n// $code-color: #bd4147 !default;\n// $code-bg: $gray-lightest !default;\n\n// $kbd-color: $white !default;\n// $kbd-bg: $gray-dark !default;\n\n// $pre-bg: $gray-lightest !default;\n// $pre-color: $gray-dark !default;\n// $pre-border-color: #ccc !default;\n// $pre-scrollable-max-height: 340px !default;\n","// Variables\n//\n// Copy settings from this file into the provided `_custom.scss` to override\n// the Bootstrap defaults without modifying key, versioned files.\n\n\n// Table of Contents\n//\n// Colors\n// Options\n// Spacing\n// Body\n// Links\n// Grid breakpoints\n// Grid containers\n// Grid columns\n// Fonts\n// Components\n// Tables\n// Buttons\n// Forms\n// Dropdowns\n// Z-index master list\n// Navbar\n// Navs\n// Pagination\n// Jumbotron\n// Form states and alerts\n// Cards\n// Tooltips\n// Popovers\n// Badges\n// Modals\n// Alerts\n// Progress bars\n// List group\n// Image thumbnails\n// Figures\n// Breadcrumbs\n// Carousel\n// Close\n// Code\n\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @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}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Replace `$search` with `$replace` in `$string`\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n@mixin _assert-starts-at-zero($map) {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.\";\n }\n}\n\n\n// General variable structure\n//\n// Variable format should follow the `$component-modifier-state-property` order.\n\n\n// Colors\n//\n// Grayscale and brand colors for use across Bootstrap.\n\n// Start with assigning color names to specific hex values.\n$white: #fff !default;\n$black: #000 !default;\n$red: #d9534f !default;\n$orange: #f0ad4e !default;\n$yellow: #ffd500 !default;\n$green: #5cb85c !default;\n$blue: #0275d8 !default;\n$teal: #5bc0de !default;\n$pink: #ff5b77 !default;\n$purple: #613d7c !default;\n\n// Create grayscale\n$gray-dark: #292b2c !default;\n$gray: #464a4c !default;\n$gray-light: #636c72 !default;\n$gray-lighter: #eceeef !default;\n$gray-lightest: #f7f7f9 !default;\n\n// Reassign color vars to semantic color scheme\n$brand-primary: $blue !default;\n$brand-success: $green !default;\n$brand-info: $teal !default;\n$brand-warning: $orange !default;\n$brand-danger: $red !default;\n$brand-inverse: $gray-dark !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-hover-media-query: false !default;\n$enable-grid-classes: true !default;\n$enable-print-styles: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacer-x: $spacer !default;\n$spacer-y: $spacer !default;\n$spacers: (\n 0: (\n x: 0,\n y: 0\n ),\n 1: (\n x: ($spacer-x * .25),\n y: ($spacer-y * .25)\n ),\n 2: (\n x: ($spacer-x * .5),\n y: ($spacer-y * .5)\n ),\n 3: (\n x: $spacer-x,\n y: $spacer-y\n ),\n 4: (\n x: ($spacer-x * 1.5),\n y: ($spacer-y * 1.5)\n ),\n 5: (\n x: ($spacer-x * 3),\n y: ($spacer-y * 3)\n )\n) !default;\n$border-width: 1px !default;\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%\n) !default;\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-dark !default;\n$inverse-bg: $gray-dark !default;\n$inverse-color: $gray-lighter !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: $brand-primary !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints);\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width-base: 30px !default;\n$grid-gutter-widths: (\n xs: $grid-gutter-width-base,\n sm: $grid-gutter-width-base,\n md: $grid-gutter-width-base,\n lg: $grid-gutter-width-base,\n xl: $grid-gutter-width-base\n) !default;\n\n// Fonts\n//\n// Font, line-height, and color for body text, headings, and more.\n\n$font-family-sans-serif: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif !default;\n$font-family-serif: Georgia, \"Times New Roman\", Times, serif !default;\n$font-family-monospace: Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: 1.25rem !default;\n$font-size-sm: .875rem !default;\n$font-size-xs: .75rem !default;\n\n$font-weight-normal: normal !default;\n$font-weight-bold: bold !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$font-size-h1: 2.5rem !default;\n$font-size-h2: 2rem !default;\n$font-size-h3: 1.75rem !default;\n$font-size-h4: 1.5rem !default;\n$font-size-h5: 1.25rem !default;\n$font-size-h6: 1rem !default;\n\n$headings-margin-bottom: ($spacer / 2) !default;\n$headings-font-family: inherit !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.1 !default;\n$headings-color: inherit !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: 1.25rem !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-light !default;\n\n$abbr-border-color: $gray-light !default;\n\n$blockquote-small-color: $gray-light !default;\n$blockquote-font-size: ($font-size-base * 1.25) !default;\n$blockquote-border-color: $gray-lighter !default;\n$blockquote-border-width: .25rem !default;\n\n$hr-border-color: rgba($black,.1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black,.25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: 5px !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: (4 / 3) !default;\n$line-height-sm: 1.5 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$component-active-color: $white !default;\n$component-active-bg: $brand-primary !default;\n\n$caret-width: .3em !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-sm-cell-padding: .3rem !default;\n\n$table-bg: transparent !default;\n\n$table-inverse-bg: $gray-dark !default;\n$table-inverse-color: $body-bg !default;\n\n$table-bg-accent: rgba($black,.05) !default;\n$table-bg-hover: rgba($black,.075) !default;\n$table-bg-active: $table-bg-hover !default;\n\n$table-head-bg: $gray-lighter !default;\n$table-head-color: $gray !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $gray-lighter !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background and border color.\n\n$btn-padding-x: 1rem !default;\n$btn-padding-y: .5rem !default;\n$btn-line-height: 1.25 !default;\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default;\n$btn-focus-box-shadow: 0 0 0 2px rgba($brand-primary, .25) !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black,.125) !default;\n\n$btn-primary-color: $white !default;\n$btn-primary-bg: $brand-primary !default;\n$btn-primary-border: $btn-primary-bg !default;\n\n$btn-secondary-color: $gray-dark !default;\n$btn-secondary-bg: $white !default;\n$btn-secondary-border: #ccc !default;\n\n$btn-info-color: $white !default;\n$btn-info-bg: $brand-info !default;\n$btn-info-border: $btn-info-bg !default;\n\n$btn-success-color: $white !default;\n$btn-success-bg: $brand-success !default;\n$btn-success-border: $btn-success-bg !default;\n\n$btn-warning-color: $white !default;\n$btn-warning-bg: $brand-warning !default;\n$btn-warning-border: $btn-warning-bg !default;\n\n$btn-danger-color: $white !default;\n$btn-danger-bg: $brand-danger !default;\n$btn-danger-border: $btn-danger-bg !default;\n\n$btn-link-disabled-color: $gray-light !default;\n\n$btn-padding-x-sm: .5rem !default;\n$btn-padding-y-sm: .25rem !default;\n\n$btn-padding-x-lg: 1.5rem !default;\n$btn-padding-y-lg: .75rem !default;\n\n$btn-block-spacing-y: .5rem !default;\n$btn-toolbar-margin: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-transition: all .2s ease-in-out !default;\n\n\n// Forms\n\n$input-padding-x: .75rem !default;\n$input-padding-y: .5rem !default;\n$input-line-height: 1.25 !default;\n\n$input-bg: $white !default;\n$input-bg-disabled: $gray-lighter !default;\n\n$input-color: $gray !default;\n$input-border-color: rgba($black,.15) !default;\n$input-btn-border-width: $border-width !default; // For form controls and buttons\n$input-box-shadow: inset 0 1px 1px rgba($black,.075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-bg-focus: $input-bg !default;\n$input-border-focus: lighten($brand-primary, 25%) !default;\n$input-box-shadow-focus: $input-box-shadow, rgba($input-border-focus, .6) !default;\n$input-color-focus: $input-color !default;\n\n$input-color-placeholder: $gray-light !default;\n\n$input-padding-x-sm: .5rem !default;\n$input-padding-y-sm: .25rem !default;\n\n$input-padding-x-lg: 1.5rem !default;\n$input-padding-y-lg: .75rem !default;\n\n$input-height: (($font-size-base * $input-line-height) + ($input-padding-y * 2)) !default;\n$input-height-lg: (($font-size-lg * $line-height-lg) + ($input-padding-y-lg * 2)) !default;\n$input-height-sm: (($font-size-sm * $line-height-sm) + ($input-padding-y-sm * 2)) !default;\n\n$input-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !default;\n\n$form-text-margin-top: .25rem !default;\n$form-feedback-margin-top: $form-text-margin-top !default;\n\n$form-check-margin-bottom: .5rem !default;\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .25rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n\n$form-group-margin-bottom: $spacer-y !default;\n\n$input-group-addon-bg: $gray-lighter !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$cursor-disabled: not-allowed !default;\n\n$custom-control-gutter: 1.5rem !default;\n$custom-control-spacer-x: 1rem !default;\n$custom-control-spacer-y: .25rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-margin-y: (($line-height-base * 1rem) - $custom-control-indicator-size) / -2 !default;\n$custom-control-indicator-bg: #ddd !default;\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default;\n\n$custom-control-disabled-cursor: $cursor-disabled !default;\n$custom-control-disabled-indicator-bg: $gray-lighter !default;\n$custom-control-disabled-description-color: $gray-light !default;\n\n$custom-control-checked-indicator-color: $white !default;\n$custom-control-checked-indicator-bg: $brand-primary !default;\n$custom-control-checked-indicator-box-shadow: none !default;\n\n$custom-control-focus-indicator-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px $brand-primary !default;\n\n$custom-control-active-indicator-color: $white !default;\n$custom-control-active-indicator-bg: lighten($brand-primary, 35%) !default;\n$custom-control-active-indicator-box-shadow: none !default;\n\n$custom-checkbox-radius: $border-radius !default;\n$custom-checkbox-checked-icon: 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-checked-indicator-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;\n\n$custom-checkbox-indeterminate-bg: $brand-primary !default;\n$custom-checkbox-indeterminate-indicator-color: $custom-control-checked-indicator-color !default;\n$custom-checkbox-indeterminate-icon: 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-indeterminate-indicator-color}' d='M0 2h4'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-checkbox-indeterminate-box-shadow: none !default;\n\n$custom-radio-radius: 50% !default;\n$custom-radio-checked-icon: 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-checked-indicator-color}'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-select-padding-x: .75rem !default;\n$custom-select-padding-y: .375rem !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-light !default;\n$custom-select-bg: $white !default;\n$custom-select-disabled-bg: $gray-lighter !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: #333 !default;\n$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;\n$custom-select-border-width: $input-btn-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n\n$custom-select-focus-border-color: lighten($brand-primary, 25%) !default;\n$custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;\n\n$custom-select-sm-padding-y: .2rem !default;\n$custom-select-sm-font-size: 75% !default;\n\n$custom-file-height: 2.5rem !default;\n$custom-file-width: 14rem !default;\n$custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem $brand-primary !default;\n\n$custom-file-padding-x: .5rem !default;\n$custom-file-padding-y: 1rem !default;\n$custom-file-line-height: 1.5 !default;\n$custom-file-color: $gray !default;\n$custom-file-bg: $white !default;\n$custom-file-border-width: $border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $border-radius !default;\n$custom-file-box-shadow: inset 0 .2rem .4rem rgba($black,.05) !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $gray-lighter !default;\n$custom-file-text: (\n placeholder: (\n en: \"Choose file...\"\n ),\n button-label: (\n en: \"Browse\"\n )\n) !default;\n\n\n// Form validation icons\n$form-icon-success-color: $brand-success !default;\n$form-icon-success: 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='#{$form-icon-success-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;\n\n$form-icon-warning-color: $brand-warning !default;\n$form-icon-warning: 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='#{$form-icon-warning-color}' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$form-icon-danger-color: $brand-danger !default;\n$form-icon-danger: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-icon-danger-color}' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' 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;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-margin-top: .125rem !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black,.15) !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-divider-bg: $gray-lighter !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black,.175) !default;\n\n$dropdown-link-color: $gray-dark !default;\n$dropdown-link-hover-color: darken($gray-dark, 5%) !default;\n$dropdown-link-hover-bg: $gray-lightest !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-light !default;\n\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-light !default;\n\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown-backdrop: 990 !default;\n$zindex-navbar: 1000 !default;\n$zindex-dropdown: 1000 !default;\n$zindex-fixed: 1030 !default;\n$zindex-sticky: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navbar\n\n$navbar-border-radius: $border-radius !default;\n$navbar-padding-x: $spacer !default;\n$navbar-padding-y: ($spacer / 2) !default;\n\n$navbar-brand-padding-y: .25rem !default;\n\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-inverse-color: rgba($white,.5) !default;\n$navbar-inverse-hover-color: rgba($white,.75) !default;\n$navbar-inverse-active-color: rgba($white,1) !default;\n$navbar-inverse-disabled-color: rgba($white,.25) !default;\n$navbar-inverse-toggler-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-inverse-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-inverse-toggler-border: rgba($white,.1) !default;\n\n$navbar-light-color: rgba($black,.5) !default;\n$navbar-light-hover-color: rgba($black,.7) !default;\n$navbar-light-active-color: rgba($black,.9) !default;\n$navbar-light-disabled-color: rgba($black,.3) !default;\n$navbar-light-toggler-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-light-toggler-border: rgba($black,.1) !default;\n\n// Navs\n\n$nav-item-margin: .2rem !default;\n$nav-item-inline-spacer: 1rem !default;\n$nav-link-padding: .5em 1em !default;\n$nav-link-hover-bg: $gray-lighter !default;\n$nav-disabled-link-color: $gray-light !default;\n\n$nav-tabs-border-color: #ddd !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-lighter !default;\n$nav-tabs-active-link-hover-color: $gray !default;\n$nav-tabs-active-link-hover-bg: $body-bg !default;\n$nav-tabs-active-link-hover-border-color: #ddd !default;\n$nav-tabs-justified-link-border-color: #ddd !default;\n$nav-tabs-justified-active-link-border-color: $body-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-active-link-color: $component-active-color !default;\n$nav-pills-active-link-bg: $component-active-bg !default;\n\n\n// Pagination\n\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: #ddd !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-lighter !default;\n$pagination-hover-border: #ddd !default;\n\n$pagination-active-color: $white !default;\n$pagination-active-bg: $brand-primary !default;\n$pagination-active-border: $brand-primary !default;\n\n$pagination-disabled-color: $gray-light !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border: #ddd !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-bg: $gray-lighter !default;\n\n\n// Form states and alerts\n//\n// Define colors for form feedback states and, by default, alerts.\n\n$state-success-text: #3c763d !default;\n$state-success-bg: #dff0d8 !default;\n$state-success-border: darken($state-success-bg, 5%) !default;\n\n$state-info-text: #31708f !default;\n$state-info-bg: #d9edf7 !default;\n$state-info-border: darken($state-info-bg, 7%) !default;\n\n$state-warning-text: #8a6d3b !default;\n$state-warning-bg: #fcf8e3 !default;\n$mark-bg: $state-warning-bg !default;\n$state-warning-border: darken($state-warning-bg, 5%) !default;\n\n$state-danger-text: #a94442 !default;\n$state-danger-bg: #f2dede !default;\n$state-danger-border: darken($state-danger-bg, 5%) !default;\n\n\n// Cards\n\n$card-spacer-x: 1.25rem !default;\n$card-spacer-y: .75rem !default;\n$card-border-width: 1px !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black,.125) !default;\n$card-border-radius-inner: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: $gray-lightest !default;\n$card-bg: $white !default;\n\n$card-link-hover-color: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-deck-margin: ($grid-gutter-width-base / 2) !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: 3px !default;\n$tooltip-padding-x: 8px !default;\n$tooltip-margin: 3px !default;\n\n$tooltip-arrow-width: 5px !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n\n// Popovers\n\n$popover-inner-padding: 1px !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black,.2) !default;\n$popover-box-shadow: 0 5px 10px rgba($black,.2) !default;\n\n$popover-title-bg: darken($popover-bg, 3%) !default;\n$popover-title-padding-x: 14px !default;\n$popover-title-padding-y: 8px !default;\n\n$popover-content-padding-x: 14px !default;\n$popover-content-padding-y: 9px !default;\n\n$popover-arrow-width: 10px !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-width: ($popover-arrow-width + 1px) !default;\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Badges\n\n$badge-default-bg: $gray-light !default;\n$badge-primary-bg: $brand-primary !default;\n$badge-success-bg: $brand-success !default;\n$badge-info-bg: $brand-info !default;\n$badge-warning-bg: $brand-warning !default;\n$badge-danger-bg: $brand-danger !default;\n\n$badge-color: $white !default;\n$badge-link-hover-color: $white !default;\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-x: .4em !default;\n$badge-padding-y: .25em !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 15px !default;\n\n$modal-dialog-margin: 10px !default;\n$modal-dialog-sm-up-margin-y: 30px !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black,.2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-xs-box-shadow: 0 3px 9px rgba($black,.5) !default;\n$modal-content-sm-up-box-shadow: 0 5px 15px rgba($black,.5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $gray-lighter !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding: 15px !default;\n\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-x: 1.25rem !default;\n$alert-padding-y: .75rem !default;\n$alert-margin-bottom: $spacer-y !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-success-bg: $state-success-bg !default;\n$alert-success-text: $state-success-text !default;\n$alert-success-border: $state-success-border !default;\n\n$alert-info-bg: $state-info-bg !default;\n$alert-info-text: $state-info-text !default;\n$alert-info-border: $state-info-border !default;\n\n$alert-warning-bg: $state-warning-bg !default;\n$alert-warning-text: $state-warning-text !default;\n$alert-warning-border: $state-warning-border !default;\n\n$alert-danger-bg: $state-danger-bg !default;\n$alert-danger-text: $state-danger-text !default;\n$alert-danger-border: $state-danger-border !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: .75rem !default;\n$progress-bg: $gray-lighter !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black,.1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: $brand-primary !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n\n// List group\n\n$list-group-color: $body-color !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black,.125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-x: 1.25rem !default;\n$list-group-item-padding-y: .75rem !default;\n\n$list-group-hover-bg: $gray-lightest !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border: $list-group-active-bg !default;\n$list-group-active-text-color: lighten($list-group-active-bg, 50%) !default;\n\n$list-group-disabled-color: $gray-light !default;\n$list-group-disabled-bg: $list-group-bg !default;\n$list-group-disabled-text-color: $list-group-disabled-color !default;\n\n$list-group-link-color: $gray !default;\n$list-group-link-heading-color: $gray-dark !default;\n$list-group-link-hover-color: $list-group-link-color !default;\n\n$list-group-link-active-color: $list-group-color !default;\n$list-group-link-active-bg: $gray-lighter !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: #ddd !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black,.075) !default;\n$thumbnail-transition: all .2s ease-in-out !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-light !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-bg: $gray-lighter !default;\n$breadcrumb-divider-color: $gray-light !default;\n$breadcrumb-active-color: $gray-light !default;\n$breadcrumb-divider: \"/\" !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$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='M4 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;\n$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='M1.5 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;\n\n$carousel-transition: transform .6s ease-in-out !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 90% !default;\n$code-padding-x: .4rem !default;\n$code-padding-y: .2rem !default;\n$code-color: #bd4147 !default;\n$code-bg: $gray-lightest !default;\n\n$kbd-color: $white !default;\n$kbd-bg: $gray-dark !default;\n\n$pre-bg: $gray-lightest !default;\n$pre-color: $gray-dark !default;\n$pre-border-color: #ccc !default;\n$pre-scrollable-max-height: 340px !default;\n","@mixin hover {\n // TODO: re-enable along with mq4-hover-shim\n// @if $enable-hover-media-query {\n// // See Media Queries Level 4: https://drafts.csswg.org/mediaqueries/#hover\n// // Currently shimmed by https://github.com/twbs/mq4-hover-shim\n// @media (hover: hover) {\n// &:hover { @content }\n// }\n// }\n// @else {\n &:hover { @content }\n// }\n}\n\n@mixin hover-focus {\n @if $enable-hover-media-query {\n &:focus { @content }\n @include hover { @content }\n }\n @else {\n &:focus,\n &:hover {\n @content\n }\n }\n}\n\n@mixin plain-hover-focus {\n @if $enable-hover-media-query {\n &,\n &:focus {\n @content\n }\n @include hover { @content }\n }\n @else {\n &,\n &:focus,\n &:hover {\n @content\n }\n }\n}\n\n@mixin hover-focus-active {\n @if $enable-hover-media-query {\n &:focus,\n &:active {\n @content\n }\n @include hover { @content }\n }\n @else {\n &:focus,\n &:active,\n &:hover {\n @content\n }\n }\n}\n","//\n// Headings\n//\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n margin-bottom: $headings-margin-bottom;\n font-family: $headings-font-family;\n font-weight: $headings-font-weight;\n line-height: $headings-line-height;\n color: $headings-color;\n}\n\nh1, .h1 { font-size: $font-size-h1; }\nh2, .h2 { font-size: $font-size-h2; }\nh3, .h3 { font-size: $font-size-h3; }\nh4, .h4 { font-size: $font-size-h4; }\nh5, .h5 { font-size: $font-size-h5; }\nh6, .h6 { font-size: $font-size-h6; }\n\n.lead {\n font-size: $lead-font-size;\n font-weight: $lead-font-weight;\n}\n\n// Type display classes\n.display-1 {\n font-size: $display1-size;\n font-weight: $display1-weight;\n line-height: $display-line-height;\n}\n.display-2 {\n font-size: $display2-size;\n font-weight: $display2-weight;\n line-height: $display-line-height;\n}\n.display-3 {\n font-size: $display3-size;\n font-weight: $display3-weight;\n line-height: $display-line-height;\n}\n.display-4 {\n font-size: $display4-size;\n font-weight: $display4-weight;\n line-height: $display-line-height;\n}\n\n\n//\n// Horizontal rules\n//\n\nhr {\n margin-top: $spacer-y;\n margin-bottom: $spacer-y;\n border: 0;\n border-top: $hr-border-width solid $hr-border-color;\n}\n\n\n//\n// Emphasis\n//\n\nsmall,\n.small {\n font-size: $small-font-size;\n font-weight: $font-weight-normal;\n}\n\nmark,\n.mark {\n padding: $mark-padding;\n background-color: $mark-bg;\n}\n\n\n//\n// Lists\n//\n\n.list-unstyled {\n @include list-unstyled;\n}\n\n// Inline turns list items into inline-block\n.list-inline {\n @include list-unstyled;\n}\n.list-inline-item {\n display: inline-block;\n\n &:not(:last-child) {\n margin-right: $list-inline-padding;\n }\n}\n\n\n//\n// Misc\n//\n\n// Builds on `abbr`\n.initialism {\n font-size: 90%;\n text-transform: uppercase;\n}\n\n// Blockquotes\n.blockquote {\n padding: ($spacer / 2) $spacer;\n margin-bottom: $spacer;\n font-size: $blockquote-font-size;\n border-left: $blockquote-border-width solid $blockquote-border-color;\n}\n\n.blockquote-footer {\n display: block;\n font-size: 80%; // back to default font-size\n color: $blockquote-small-color;\n\n &::before {\n content: \"\\2014 \\00A0\"; // em dash, nbsp\n }\n}\n\n// Opposite alignment of blockquote\n.blockquote-reverse {\n padding-right: $spacer;\n padding-left: 0;\n text-align: right;\n border-right: $blockquote-border-width solid $blockquote-border-color;\n border-left: 0;\n}\n\n.blockquote-reverse .blockquote-footer {\n &::before {\n content: \"\";\n }\n &::after {\n content: \"\\00A0 \\2014\"; // nbsp, em dash\n }\n}\n","// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled {\n padding-left: 0;\n list-style: none;\n}\n","// Responsive images (ensure images don't scale beyond their parents)\n//\n// This is purposefully opt-in via an explicit class rather than being the default for all ``s.\n// We previously tried the \"images are responsive by default\" approach in Bootstrap v2,\n// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)\n// which weren't expecting the images within themselves to be involuntarily resized.\n// See also https://github.com/twbs/bootstrap/issues/18178\n.img-fluid {\n @include img-fluid;\n}\n\n\n// Image thumbnails\n.img-thumbnail {\n padding: $thumbnail-padding;\n background-color: $thumbnail-bg;\n border: $thumbnail-border-width solid $thumbnail-border-color;\n @include border-radius($thumbnail-border-radius);\n @include transition($thumbnail-transition);\n @include box-shadow($thumbnail-box-shadow);\n\n // Keep them at most 100% wide\n @include img-fluid;\n}\n\n//\n// Figures\n//\n\n.figure {\n // Ensures the caption's text aligns with the image.\n display: inline-block;\n}\n\n.figure-img {\n margin-bottom: ($spacer-y / 2);\n line-height: 1;\n}\n\n.figure-caption {\n font-size: $figure-caption-font-size;\n color: $figure-caption-color;\n}\n","// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid {\n // Part 1: Set a maximum relative to the parent\n max-width: 100%;\n // Part 2: Override the height to auto, otherwise images will be stretched\n // when setting a width and height attribute on the img element.\n height: auto;\n}\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size.\n\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\n background-image: url($file-1x);\n\n // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,\n // but doesn't convert dppx=>dpi.\n // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.\n // Compatibility info: http://caniuse.com/#feat=css-media-resolution\n @media\n only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx\n only screen and (min-resolution: 2dppx) { // Standardized\n background-image: url($file-2x);\n background-size: $width-1x $height-1x;\n }\n}\n","// Single side border-radius\n\n@mixin border-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n border-top-left-radius: $radius;\n }\n}\n","// Toggles\n//\n// Used in conjunction with global variables to enable certain theme features.\n\n@mixin box-shadow($shadow...) {\n @if $enable-shadows {\n box-shadow: $shadow;\n }\n}\n\n@mixin transition($transition...) {\n @if $enable-transitions {\n @if length($transition) == 0 {\n transition: $transition-base;\n } @else {\n transition: $transition;\n }\n }\n}\n\n// Utilities\n@import \"mixins/breakpoints\";\n@import \"mixins/hover\";\n@import \"mixins/image\";\n@import \"mixins/badge\";\n@import \"mixins/resize\";\n@import \"mixins/screen-reader\";\n@import \"mixins/size\";\n@import \"mixins/reset-text\";\n@import \"mixins/text-emphasis\";\n@import \"mixins/text-hide\";\n@import \"mixins/text-truncate\";\n@import \"mixins/transforms\";\n@import \"mixins/visibility\";\n\n// // Components\n@import \"mixins/alert\";\n@import \"mixins/buttons\";\n@import \"mixins/cards\";\n@import \"mixins/pagination\";\n@import \"mixins/lists\";\n@import \"mixins/list-group\";\n@import \"mixins/nav-divider\";\n@import \"mixins/forms\";\n@import \"mixins/table-row\";\n\n// // Skins\n@import \"mixins/background-variant\";\n@import \"mixins/border-radius\";\n@import \"mixins/gradients\";\n\n// // Layout\n@import \"mixins/clearfix\";\n// @import \"mixins/navbar-align\";\n@import \"mixins/grid-framework\";\n@import \"mixins/grid\";\n@import \"mixins/float\";\n","// Inline and block code styles\ncode,\nkbd,\npre,\nsamp {\n font-family: $font-family-monospace;\n}\n\n// Inline code\ncode {\n padding: $code-padding-y $code-padding-x;\n font-size: $code-font-size;\n color: $code-color;\n background-color: $code-bg;\n @include border-radius($border-radius);\n\n // Streamline the style when inside anchors to avoid broken underline and more\n a > & {\n padding: 0;\n color: inherit;\n background-color: inherit;\n }\n}\n\n// User input typically entered via keyboard\nkbd {\n padding: $code-padding-y $code-padding-x;\n font-size: $code-font-size;\n color: $kbd-color;\n background-color: $kbd-bg;\n @include border-radius($border-radius-sm);\n @include box-shadow($kbd-box-shadow);\n\n kbd {\n padding: 0;\n font-size: 100%;\n font-weight: $nested-kbd-font-weight;\n @include box-shadow(none);\n }\n}\n\n// Blocks of code\npre {\n display: block;\n margin-top: 0;\n margin-bottom: 1rem;\n font-size: $code-font-size;\n color: $pre-color;\n\n // Account for some code outputs that place code tags in pre tags\n code {\n padding: 0;\n font-size: inherit;\n color: inherit;\n background-color: transparent;\n border-radius: 0;\n }\n}\n\n// Enable scrollable blocks of code\n.pre-scrollable {\n max-height: $pre-scrollable-max-height;\n overflow-y: scroll;\n}\n","// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid-classes {\n .container {\n @include make-container();\n @include make-container-max-widths();\n }\n}\n\n// Fluid container\n//\n// Utilizes the mixin meant for fixed width containers, but without any defined\n// width for fluid, full width layouts.\n\n@if $enable-grid-classes {\n .container-fluid {\n @include make-container();\n }\n}\n\n// Row\n//\n// Rows contain and clear the floats of your columns.\n\n@if $enable-grid-classes {\n .row {\n @include make-row();\n }\n\n // Remove the negative margin from default .row, then the horizontal padding\n // from all immediate children columns (to prevent runaway style inheritance).\n .no-gutters {\n margin-right: 0;\n margin-left: 0;\n\n > .col,\n > [class*=\"col-\"] {\n padding-right: 0;\n padding-left: 0;\n }\n }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n @include make-grid-columns();\n}\n","/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container($gutters: $grid-gutter-widths) {\n position: relative;\n margin-left: auto;\n margin-right: auto;\n\n @each $breakpoint in map-keys($gutters) {\n @include media-breakpoint-up($breakpoint) {\n $gutter: map-get($gutters, $breakpoint);\n padding-right: ($gutter / 2);\n padding-left: ($gutter / 2);\n }\n }\n}\n\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n @each $breakpoint, $container-max-width in $max-widths {\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n width: $container-max-width;\n max-width: 100%;\n }\n }\n}\n\n@mixin make-gutters($gutters: $grid-gutter-widths) {\n @each $breakpoint in map-keys($gutters) {\n @include media-breakpoint-up($breakpoint) {\n $gutter: map-get($gutters, $breakpoint);\n padding-right: ($gutter / 2);\n padding-left: ($gutter / 2);\n }\n }\n}\n\n@mixin make-row($gutters: $grid-gutter-widths) {\n display: flex;\n flex-wrap: wrap;\n\n @each $breakpoint in map-keys($gutters) {\n @include media-breakpoint-up($breakpoint) {\n $gutter: map-get($gutters, $breakpoint);\n margin-right: ($gutter / -2);\n margin-left: ($gutter / -2);\n }\n }\n}\n\n@mixin make-col-ready($gutters: $grid-gutter-widths) {\n position: relative;\n // Prevent columns from becoming too narrow when at smaller grid tiers by\n // always setting `width: 100%;`. This works because we use `flex` values\n // later on to override this initial width.\n width: 100%;\n min-height: 1px; // Prevent collapsing\n\n @each $breakpoint in map-keys($gutters) {\n @include media-breakpoint-up($breakpoint) {\n $gutter: map-get($gutters, $breakpoint);\n padding-right: ($gutter / 2);\n padding-left: ($gutter / 2);\n }\n }\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n flex: 0 0 percentage($size / $columns);\n // width: percentage($size / $columns);\n // Add a `max-width` to ensure content within each column does not blow out\n // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n // do not appear to require this.\n max-width: percentage($size / $columns);\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n margin-left: percentage($size / $columns);\n}\n\n@mixin make-col-push($size, $columns: $grid-columns) {\n left: if($size > 0, percentage($size / $columns), auto);\n}\n\n@mixin make-col-pull($size, $columns: $grid-columns) {\n right: if($size > 0, percentage($size / $columns), auto);\n}\n\n@mixin make-col-modifier($type, $size, $columns) {\n // Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)\n @if $type == push {\n @include make-col-push($size, $columns);\n } @else if $type == pull {\n @include make-col-pull($size, $columns);\n } @else if $type == offset {\n @include make-col-offset($size, $columns);\n }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.1.\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px))\n// 767px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - 1px, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n @include media-breakpoint-up($lower, $breakpoints) {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n @include media-breakpoint-between($name, $name, $breakpoints) {\n @content;\n }\n}\n","// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutters: $grid-gutter-widths, $breakpoints: $grid-breakpoints) {\n // Common properties for all breakpoints\n %grid-column {\n position: relative;\n width: 100%;\n min-height: 1px; // Prevent columns from collapsing when empty\n\n @include make-gutters($gutters);\n }\n\n @each $breakpoint in map-keys($breakpoints) {\n $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n // Allow columns to stretch full width below their breakpoints\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @extend %grid-column;\n }\n }\n .col#{$infix} {\n @extend %grid-column;\n }\n\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n .col#{$infix} {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n }\n .col#{$infix}-auto {\n flex: 0 0 auto;\n width: auto;\n }\n\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @include make-col($i, $columns);\n }\n }\n\n @each $modifier in (pull, push) {\n @for $i from 0 through $columns {\n .#{$modifier}#{$infix}-#{$i} {\n @include make-col-modifier($modifier, $i, $columns)\n }\n }\n }\n\n // `$columns - 1` because offsetting by the width of an entire row isn't possible\n @for $i from 0 through ($columns - 1) {\n @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-xs-0\n .offset#{$infix}-#{$i} {\n @include make-col-modifier(offset, $i, $columns)\n }\n }\n }\n }\n }\n}\n","//\n// Basic Bootstrap table\n//\n\n.table {\n width: 100%;\n max-width: 100%;\n margin-bottom: $spacer;\n\n th,\n td {\n padding: $table-cell-padding;\n vertical-align: top;\n border-top: $table-border-width solid $table-border-color;\n }\n\n thead th {\n vertical-align: bottom;\n border-bottom: (2 * $table-border-width) solid $table-border-color;\n }\n\n tbody + tbody {\n border-top: (2 * $table-border-width) solid $table-border-color;\n }\n\n .table {\n background-color: $body-bg;\n }\n}\n\n\n//\n// Condensed table w/ half padding\n//\n\n.table-sm {\n th,\n td {\n padding: $table-sm-cell-padding;\n }\n}\n\n\n// Bordered version\n//\n// Add borders all around the table and between all the columns.\n\n.table-bordered {\n border: $table-border-width solid $table-border-color;\n\n th,\n td {\n border: $table-border-width solid $table-border-color;\n }\n\n thead {\n th,\n td {\n border-bottom-width: (2 * $table-border-width);\n }\n }\n}\n\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped {\n tbody tr:nth-of-type(odd) {\n background-color: $table-bg-accent;\n }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover {\n tbody tr {\n @include hover {\n background-color: $table-bg-hover;\n }\n }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.table-striped` and prevent\n// inheritance to nested tables.\n\n// Generate the contextual variants\n@include table-row-variant(active, $table-bg-active);\n@include table-row-variant(success, $state-success-bg);\n@include table-row-variant(info, $state-info-bg);\n@include table-row-variant(warning, $state-warning-bg);\n@include table-row-variant(danger, $state-danger-bg);\n\n\n// Inverse styles\n//\n// Same table markup, but inverted color scheme: dark background and light text.\n\n.thead-inverse {\n th {\n color: $table-inverse-color;\n background-color: $table-inverse-bg;\n }\n}\n\n.thead-default {\n th {\n color: $table-head-color;\n background-color: $table-head-bg;\n }\n}\n\n.table-inverse {\n color: $table-inverse-color;\n background-color: $table-inverse-bg;\n\n th,\n td,\n thead th {\n border-color: $body-bg;\n }\n\n &.table-bordered {\n border: 0;\n }\n}\n\n\n\n// Responsive tables\n//\n// Add `.table-responsive` to `.table`s and we'll make them mobile friendly by\n// enabling horizontal scrolling. Only applies <768px. Everything above that\n// will display normally.\n\n.table-responsive {\n display: block;\n width: 100%;\n overflow-x: auto;\n -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057\n\n // Prevent double border on horizontal scroll due to use of `display: block;`\n &.table-bordered {\n border: 0;\n }\n}\n","// Tables\n\n@mixin table-row-variant($state, $background) {\n // Exact selectors below required to override `.table-striped` and prevent\n // inheritance to nested tables.\n .table-#{$state} {\n &,\n > th,\n > td {\n background-color: $background;\n }\n }\n\n // Hover states for `.table-hover`\n // Note: this is not available for cells or rows within `thead` or `tfoot`.\n .table-hover {\n $hover-background: darken($background, 5%);\n\n .table-#{$state} {\n @include hover {\n background-color: $hover-background;\n\n > td,\n > th {\n background-color: $hover-background;\n }\n }\n }\n }\n}\n","// scss-lint:disable QualifyingElement\n\n//\n// Textual form controls\n//\n\n.form-control {\n display: block;\n width: 100%;\n // // Make inputs at least the height of their button counterpart (base line-height + padding + border)\n // height: $input-height;\n padding: $input-padding-y $input-padding-x;\n font-size: $font-size-base;\n line-height: $input-line-height;\n color: $input-color;\n background-color: $input-bg;\n // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214.\n background-image: none;\n background-clip: padding-box;\n border: $input-btn-border-width solid $input-border-color;\n\n // Note: This has no effect on `s in CSS.\n @if $enable-rounded {\n // Manually use the if/else instead of the mixin to account for iOS override\n border-radius: $input-border-radius;\n } @else {\n // Otherwise undo the iOS default\n border-radius: 0;\n }\n\n @include box-shadow($input-box-shadow);\n @include transition($input-transition);\n\n // Unstyle the caret on ` receives focus\n // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to\n // match the appearance of the native widget.\n // See https://github.com/twbs/bootstrap/issues/19398.\n color: $input-color;\n background-color: $input-bg;\n }\n}\n\n// Make file inputs better match text inputs by forcing them to new lines.\n.form-control-file,\n.form-control-range {\n display: block;\n}\n\n\n//\n// Labels\n//\n\n// For use with horizontal and inline forms, when you need the label text to\n// align with the form controls.\n.col-form-label {\n padding-top: calc(#{$input-padding-y} - #{$input-btn-border-width} * 2);\n padding-bottom: calc(#{$input-padding-y} - #{$input-btn-border-width} * 2);\n margin-bottom: 0; // Override the `` default\n}\n\n.col-form-label-lg {\n padding-top: calc(#{$input-padding-y-lg} - #{$input-btn-border-width} * 2);\n padding-bottom: calc(#{$input-padding-y-lg} - #{$input-btn-border-width} * 2);\n font-size: $font-size-lg;\n}\n\n.col-form-label-sm {\n padding-top: calc(#{$input-padding-y-sm} - #{$input-btn-border-width} * 2);\n padding-bottom: calc(#{$input-padding-y-sm} - #{$input-btn-border-width} * 2);\n font-size: $font-size-sm;\n}\n\n\n//\n// Legends\n//\n\n// For use with horizontal and inline forms, when you need the legend text to\n// be the same size as regular labels, and to align with the form controls.\n.col-form-legend {\n padding-top: $input-padding-y;\n padding-bottom: $input-padding-y;\n margin-bottom: 0;\n font-size: $font-size-base;\n}\n\n\n// Static form control text\n//\n// Apply class to an element to make any string of text align with labels in a\n// horizontal form layout.\n\n.form-control-static {\n padding-top: $input-padding-y;\n padding-bottom: $input-padding-y;\n margin-bottom: 0; // match inputs if this class comes on inputs with default margins\n line-height: $input-line-height;\n border: solid transparent;\n border-width: $input-btn-border-width 0;\n\n &.form-control-sm,\n &.form-control-lg {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n\n// Form control sizing\n//\n// Build on `.form-control` with modifier classes to decrease or increase the\n// height and font-size of form controls.\n//\n// The `.form-group-* form-control` variations are sadly duplicated to avoid the\n// issue documented in https://github.com/twbs/bootstrap/issues/15074.\n\n.form-control-sm {\n padding: $input-padding-y-sm $input-padding-x-sm;\n font-size: $font-size-sm;\n @include border-radius($input-border-radius-sm);\n}\n\nselect.form-control-sm {\n &:not([size]):not([multiple]) {\n height: $input-height-sm;\n }\n}\n\n.form-control-lg {\n padding: $input-padding-y-lg $input-padding-x-lg;\n font-size: $font-size-lg;\n @include border-radius($input-border-radius-lg);\n}\n\nselect.form-control-lg {\n &:not([size]):not([multiple]) {\n height: $input-height-lg;\n }\n}\n\n\n// Form groups\n//\n// Designed to help with the organization and spacing of vertical forms. For\n// horizontal forms, use the predefined grid classes.\n\n.form-group {\n margin-bottom: $form-group-margin-bottom;\n}\n\n.form-text {\n display: block;\n margin-top: $form-text-margin-top;\n}\n\n\n// Checkboxes and radios\n//\n// Indent the labels to position radios/checkboxes as hanging controls.\n\n.form-check {\n position: relative;\n display: block;\n margin-bottom: $form-check-margin-bottom;\n\n &.disabled {\n .form-check-label {\n color: $text-muted;\n cursor: $cursor-disabled;\n }\n }\n}\n\n.form-check-label {\n padding-left: $form-check-input-gutter;\n margin-bottom: 0; // Override default `` bottom margin\n cursor: pointer;\n}\n\n.form-check-input {\n position: absolute;\n margin-top: $form-check-input-margin-y;\n margin-left: -$form-check-input-gutter;\n\n &:only-child {\n position: static;\n }\n}\n\n// Radios and checkboxes on same line\n.form-check-inline {\n display: inline-block;\n\n .form-check-label {\n vertical-align: middle;\n }\n\n + .form-check-inline {\n margin-left: $form-check-inline-margin-x;\n }\n}\n\n\n// Form control feedback states\n//\n// Apply contextual and semantic states to individual form controls.\n\n.form-control-feedback {\n margin-top: $form-feedback-margin-top;\n}\n\n.form-control-success,\n.form-control-warning,\n.form-control-danger {\n padding-right: ($input-padding-x * 3);\n background-repeat: no-repeat;\n background-position: center right ($input-height / 4);\n background-size: ($input-height / 2) ($input-height / 2);\n}\n\n// Form validation states\n.has-success {\n @include form-control-validation($brand-success);\n\n .form-control-success {\n background-image: $form-icon-success;\n }\n}\n\n.has-warning {\n @include form-control-validation($brand-warning);\n\n .form-control-warning {\n background-image: $form-icon-warning;\n }\n}\n\n.has-danger {\n @include form-control-validation($brand-danger);\n\n .form-control-danger {\n background-image: $form-icon-danger;\n }\n}\n\n\n// Inline forms\n//\n// Make forms appear inline(-block) by adding the `.form-inline` class. Inline\n// forms begin stacked on extra small (mobile) devices and then go inline when\n// viewports reach <768px.\n//\n// Requires wrapping inputs and labels with `.form-group` for proper display of\n// default HTML form controls and our custom form controls (e.g., input groups).\n\n.form-inline {\n display: flex;\n flex-flow: row wrap;\n align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)\n\n // Because we use flex, the initial sizing of checkboxes is collapsed and\n // doesn't occupy the full-width (which is what we want for xs grid tier),\n // so we force that here.\n .form-check {\n width: 100%;\n }\n\n // Kick in the inline\n @include media-breakpoint-up(sm) {\n label {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 0;\n }\n\n // Inline-block all the things for \"inline\"\n .form-group {\n display: flex;\n flex: 0 0 auto;\n flex-flow: row wrap;\n align-items: center;\n margin-bottom: 0;\n }\n\n // Allow folks to *not* use `.form-group`\n .form-control {\n display: inline-block;\n width: auto; // Prevent labels from stacking above inputs in `.form-group`\n vertical-align: middle;\n }\n\n // Make static controls behave like regular ones\n .form-control-static {\n display: inline-block;\n }\n\n .input-group {\n width: auto;\n }\n\n .form-control-label {\n margin-bottom: 0;\n vertical-align: middle;\n }\n\n // Remove default margin on radios/checkboxes that were used for stacking, and\n // then undo the floating of radios and checkboxes to match.\n .form-check {\n display: flex;\n align-items: center;\n justify-content: center;\n width: auto;\n margin-top: 0;\n margin-bottom: 0;\n }\n .form-check-label {\n padding-left: 0;\n }\n .form-check-input {\n position: relative;\n margin-top: 0;\n margin-right: $form-check-input-margin-x;\n margin-left: 0;\n }\n\n // Custom form controls\n .custom-control {\n display: flex;\n align-items: center;\n justify-content: center;\n padding-left: 0;\n }\n .custom-control-indicator {\n position: static;\n display: inline-block;\n margin-right: $form-check-input-margin-x; // Flexbox alignment means we lose our HTML space here, so we compensate.\n vertical-align: text-bottom;\n }\n\n // Re-override the feedback icon.\n .has-feedback .form-control-feedback {\n top: 0;\n }\n }\n}\n","// Form validation states\n//\n// Used in _forms.scss to generate the form validation CSS for warnings, errors,\n// and successes.\n\n@mixin form-control-validation($color) {\n // Color the label and help text\n .form-control-feedback,\n .form-control-label,\n .col-form-label,\n .form-check-label,\n .custom-control {\n color: $color;\n }\n\n // Set the border and box shadow on specific inputs to match\n .form-control {\n border-color: $color;\n\n &:focus {\n @include box-shadow($input-box-shadow, 0 0 6px lighten($color, 20%));\n }\n }\n\n // Set validation states also for addons\n .input-group-addon {\n color: $color;\n border-color: $color;\n background-color: lighten($color, 40%);\n }\n}\n\n// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `@input-border-focus` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n@mixin form-control-focus() {\n &:focus {\n color: $input-color-focus;\n background-color: $input-bg-focus;\n border-color: $input-border-focus;\n outline: none;\n @include box-shadow($input-box-shadow-focus);\n }\n}\n\n// Form control sizing\n//\n// Relative text size, padding, and border-radii changes for form controls. For\n// horizontal sizing, wrap controls in the predefined grid classes. ` receives focus\n // in IE and (under certain conditions) Edge.\n // See https://github.com/twbs/bootstrap/issues/19398.\n color: $input-color;\n background-color: $input-bg;\n }\n }\n\n &:disabled {\n color: $custom-select-disabled-color;\n cursor: $cursor-disabled;\n background-color: $custom-select-disabled-bg;\n }\n\n // Hides the default caret in IE11\n &::-ms-expand {\n opacity: 0;\n }\n}\n\n.custom-select-sm {\n padding-top: $custom-select-padding-y;\n padding-bottom: $custom-select-padding-y;\n font-size: $custom-select-sm-font-size;\n\n // &:not([multiple]) {\n // height: 26px;\n // min-height: 26px;\n // }\n}\n\n\n// File\n//\n// Custom file input.\n\n.custom-file {\n position: relative;\n display: inline-block;\n max-width: 100%;\n height: $custom-file-height;\n margin-bottom: 0;\n cursor: pointer;\n}\n\n.custom-file-input {\n min-width: $custom-file-width;\n max-width: 100%;\n height: $custom-file-height;\n margin: 0;\n filter: alpha(opacity = 0);\n opacity: 0;\n\n &:focus ~ .custom-file-control {\n @include box-shadow($custom-file-focus-box-shadow);\n }\n}\n\n.custom-file-control {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n z-index: 5;\n height: $custom-file-height;\n padding: $custom-file-padding-x $custom-file-padding-y;\n line-height: $custom-file-line-height;\n color: $custom-file-color;\n pointer-events: none;\n user-select: none;\n background-color: $custom-file-bg;\n border: $custom-file-border-width solid $custom-file-border-color;\n @include border-radius($custom-file-border-radius);\n @include box-shadow($custom-file-box-shadow);\n\n @each $lang, $text in map-get($custom-file-text, placeholder) {\n &:lang(#{$lang})::after {\n content: $text;\n }\n }\n\n &::before {\n position: absolute;\n top: -$custom-file-border-width;\n right: -$custom-file-border-width;\n bottom: -$custom-file-border-width;\n z-index: 6;\n display: block;\n height: $custom-file-height;\n padding: $custom-file-padding-x $custom-file-padding-y;\n line-height: $custom-file-line-height;\n color: $custom-file-button-color;\n background-color: $custom-file-button-bg;\n border: $custom-file-border-width solid $custom-file-border-color;\n @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);\n }\n\n @each $lang, $text in map-get($custom-file-text, button-label) {\n &:lang(#{$lang})::before {\n content: $text;\n }\n }\n}\n","// Base class\n//\n// Kickstart any navigation component with a set of style resets. Works with\n// `

`s or `

\n background-color: $card-cap-bg;\n border-bottom: $card-border-width solid $card-border-color;\n\n &:first-child {\n @include border-radius($card-border-radius-inner $card-border-radius-inner 0 0);\n }\n}\n\n.card-footer {\n padding: $card-spacer-y $card-spacer-x;\n background-color: $card-cap-bg;\n border-top: $card-border-width solid $card-border-color;\n\n &:last-child {\n @include border-radius(0 0 $card-border-radius-inner $card-border-radius-inner);\n }\n}\n\n\n//\n// Header navs\n//\n\n.card-header-tabs {\n margin-right: -($card-spacer-x / 2);\n margin-bottom: -$card-spacer-y;\n margin-left: -($card-spacer-x / 2);\n border-bottom: 0;\n}\n\n.card-header-pills {\n margin-right: -($card-spacer-x / 2);\n margin-left: -($card-spacer-x / 2);\n}\n\n\n//\n// Background variations\n//\n\n.card-primary {\n @include card-variant($brand-primary, $brand-primary);\n}\n.card-success {\n @include card-variant($brand-success, $brand-success);\n}\n.card-info {\n @include card-variant($brand-info, $brand-info);\n}\n.card-warning {\n @include card-variant($brand-warning, $brand-warning);\n}\n.card-danger {\n @include card-variant($brand-danger, $brand-danger);\n}\n\n// Remove all backgrounds\n.card-outline-primary {\n @include card-outline-variant($btn-primary-bg);\n}\n.card-outline-secondary {\n @include card-outline-variant($btn-secondary-border);\n}\n.card-outline-info {\n @include card-outline-variant($btn-info-bg);\n}\n.card-outline-success {\n @include card-outline-variant($btn-success-bg);\n}\n.card-outline-warning {\n @include card-outline-variant($btn-warning-bg);\n}\n.card-outline-danger {\n @include card-outline-variant($btn-danger-bg);\n}\n\n//\n// Inverse text within a card for use with dark backgrounds\n//\n\n.card-inverse {\n @include card-inverse;\n}\n\n//\n// Blockquote\n//\n\n.card-blockquote {\n padding: 0;\n margin-bottom: 0;\n border-left: 0;\n}\n\n// Card image\n.card-img {\n // margin: -1.325rem;\n @include border-radius($card-border-radius-inner);\n}\n.card-img-overlay {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: $card-img-overlay-padding;\n}\n\n\n\n// Card image caps\n.card-img-top {\n @include border-top-radius($card-border-radius-inner);\n}\n.card-img-bottom {\n @include border-bottom-radius($card-border-radius-inner);\n}\n\n\n// Card deck\n\n@include media-breakpoint-up(sm) {\n .card-deck {\n display: flex;\n flex-flow: row wrap;\n\n .card {\n display: flex;\n flex: 1 0 0;\n flex-direction: column;\n\n // Selectively apply horizontal margins to cards to avoid doing the\n // negative margin dance like our grid. This differs from the grid\n // due to the use of margins as gutters instead of padding.\n &:not(:first-child) { margin-left: $card-deck-margin; }\n &:not(:last-child) { margin-right: $card-deck-margin; }\n }\n }\n}\n\n\n//\n// Card groups\n//\n\n@include media-breakpoint-up(sm) {\n .card-group {\n display: flex;\n flex-flow: row wrap;\n\n .card {\n flex: 1 0 0;\n\n + .card {\n margin-left: 0;\n border-left: 0;\n }\n\n // Handle rounded corners\n @if $enable-rounded {\n &:first-child {\n @include border-right-radius(0);\n\n .card-img-top {\n border-top-right-radius: 0;\n }\n .card-img-bottom {\n border-bottom-right-radius: 0;\n }\n }\n &:last-child {\n @include border-left-radius(0);\n\n .card-img-top {\n border-top-left-radius: 0;\n }\n .card-img-bottom {\n border-bottom-left-radius: 0;\n }\n }\n\n &:not(:first-child):not(:last-child) {\n border-radius: 0;\n\n .card-img-top,\n .card-img-bottom {\n border-radius: 0;\n }\n }\n }\n }\n }\n}\n\n\n//\n// Columns\n//\n\n@include media-breakpoint-up(sm) {\n .card-columns {\n column-count: $card-columns-count;\n column-gap: $card-columns-gap;\n\n .card {\n display: inline-block; // Don't let them vertically span multiple columns\n width: 100%; // Don't let their width change\n margin-bottom: $card-columns-margin;\n }\n }\n}\n","// Card variants\n\n@mixin card-variant($background, $border) {\n background-color: $background;\n border-color: $border;\n\n .card-header,\n .card-footer {\n background-color: transparent;\n }\n}\n\n@mixin card-outline-variant($color) {\n background-color: transparent;\n border-color: $color;\n}\n\n//\n// Inverse text within a card for use with dark backgrounds\n//\n\n@mixin card-inverse {\n color: rgba(255,255,255,.65);\n\n .card-header,\n .card-footer {\n background-color: transparent;\n border-color: rgba(255,255,255,.2);\n }\n .card-header,\n .card-footer,\n .card-title,\n .card-blockquote {\n color: #fff;\n }\n .card-link,\n .card-text,\n .card-subtitle,\n .card-blockquote .blockquote-footer {\n color: rgba(255,255,255,.65);\n }\n .card-link {\n @include hover-focus {\n color: $card-link-hover-color;\n }\n }\n}\n",".breadcrumb {\n padding: $breadcrumb-padding-y $breadcrumb-padding-x;\n margin-bottom: $spacer-y;\n list-style: none;\n background-color: $breadcrumb-bg;\n @include border-radius($border-radius);\n @include clearfix;\n}\n\n.breadcrumb-item {\n float: left;\n\n // The separator between breadcrumbs (by default, a forward-slash: \"/\")\n + .breadcrumb-item::before {\n display: inline-block; // Suppress underlining of the separator in modern browsers\n padding-right: $breadcrumb-item-padding;\n padding-left: $breadcrumb-item-padding;\n color: $breadcrumb-divider-color;\n content: \"#{$breadcrumb-divider}\";\n }\n\n // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built\n // without `

.\n\n.list-group {\n display: flex;\n flex-direction: column;\n\n // No need to set list-style: none; since .list-group-item is block level\n padding-left: 0; // reset padding because ul and ol\n margin-bottom: 0;\n}\n\n\n// Interactive list items\n//\n// Use anchor or button elements instead of `li`s or `div`s to create interactive\n// list items. Includes an extra `.active` modifier class for selected items.\n\n.list-group-item-action {\n width: 100%; // For `

`-`

`-`

`-`