`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\n// 1. Correct the text wrapping in Edge and IE.\n// 2. Correct the color inheritance from `fieldset` elements in IE.\nlegend {\n display: block;\n width: 100%;\n max-width: 100%; // 1\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit; // 2\n white-space: normal; // 1\n}\n\nprogress {\n vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\n}\n\n// Correct the cursor style of increment and decrement buttons in Chrome.\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[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 outline-offset: -2px; // 2. Correct the outline style in Safari.\n -webkit-appearance: none;\n}\n\n//\n// Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n//\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n//\n// 1. Correct the inability to style clickable types in iOS and Safari.\n// 2. Change font properties to `inherit` in Safari.\n//\n\n::-webkit-file-upload-button {\n font: inherit; // 2\n -webkit-appearance: button; // 1\n}\n\n//\n// Correct element displays\n//\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item; // Add the correct display in all browsers\n cursor: pointer;\n}\n\ntemplate {\n display: none; // Add the correct display in IE\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n// Needed for proper display in IE 10-.\n[hidden] {\n display: none !important;\n}\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n\n//\n// Color system\n//\n\n// stylelint-disable\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n$grays: map-merge((\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n), $grays);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n$colors: map-merge((\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n), $colors);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n$theme-colors: map-merge((\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n), $theme-colors);\n// stylelint-enable\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\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; // Deprecated, no longer affects any compiled CSS\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// stylelint-disable\n$spacer: 1rem !default;\n$spacers: () !default;\n$spacers: map-merge((\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n), $spacers);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n$sizes: map-merge((\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n), $sizes);\n// stylelint-enable\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !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\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\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: 30px !default;\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"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// Fonts\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: ($font-size-base * 1.25) !default;\n$font-size-sm: ($font-size-base * .875) !default;\n\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !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.2 !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: ($font-size-base * 1.25) !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-font-size: ($font-size-base * 1.25) !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: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !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-cell-padding-sm: .3rem !default;\n\n$table-bg: transparent !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $gray-300 !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-bg: $gray-900 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($gray-900, 7.5%) !default;\n$table-dark-color: $body-bg !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\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-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .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: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\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-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;\n$input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default;\n\n$input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;\n$input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;\n\n$input-height-inner-lg: ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;\n$input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-control-gutter: 1.5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $gray-300 !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-indicator-disabled-bg: $gray-200 !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n\n$custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-select-padding-y: .375rem !default;\n$custom-select-padding-x: .75rem !default;\n$custom-select-height: $input-height !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-btn-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !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: $input-focus-border-color !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-font-size-sm: 75% !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-font-size-lg: 125% !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$custom-file-padding-y: $input-btn-padding-y !default;\n$custom-file-padding-x: $input-btn-padding-x !default;\n$custom-file-line-height: $input-btn-line-height !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-btn-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !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-spacer: .125rem !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !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-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !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: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 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// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !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-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: ($spacer / 2) !default;\n\n// Navbar\n\n$navbar-padding-y: ($spacer / 2) !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-dark-toggler-border-color: 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-icon-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !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: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: ($grid-gutter-width / 2) !default;\n$card-deck-margin: $card-group-margin !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-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !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-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !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: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !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-border-radius: $border-radius-lg !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $gray-200 !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: 1rem !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-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !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-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: ($font-size-base * .75) !default;\n$progress-bg: $gray-200 !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: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n// List group\n\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-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !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: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !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-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !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='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\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='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$carousel-transition: transform .6s ease !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\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// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Printing\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n","/*\r\nTemplate Name: Greeva - Responsive Bootstrap 4 Admin Dashboard\r\nAuthor: CoderThemes\r\nFile: Main Css File\r\n*/\n/* =================\r\n01. Bootstrap\r\n02. Common (Helper) \r\n03. Menu\r\n04. Topbar\r\n05. Right Sidebar\r\n06. Footer\r\n07. Boxed Laayout\r\n08. Components\r\n09. Helper\r\n10. Form Elements\r\n11. Dashboard \r\n12. Account Pages\r\n13. Calendar\r\n14. Charts\r\n15. Email\r\n16. FAQs\r\n17. Timeline\r\n18. Pricing\r\n================= */\n/* ===== 01. Bootstrap ===== */\n@import url(\"https://fonts.googleapis.com/css?family=Libre+Franklin:300,400,500,600,700\");\n/*!\n * Bootstrap v4.1.1 (https://getbootstrap.com/)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 2011-2018 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n */\n:root {\n --blue: #188ae2;\n --indigo: #4eb7eb;\n --purple: #6b5eae;\n --pink: #ff679b;\n --red: #f34943;\n --orange: #fd7e14;\n --yellow: #fbcc5c;\n --green: #31ce77;\n --teal: #02a8b5;\n --cyan: #35b8e0;\n --white: #fff;\n --gray: #98a6ad;\n --gray-dark: #343a40;\n --primary: #188ae2;\n --secondary: #6c757d;\n --success: #31ce77;\n --info: #35b8e0;\n --warning: #fbcc5c;\n --danger: #f34943;\n --light: #f3f6f8;\n --dark: #3b3e47;\n --breakpoint-xs: 0;\n --breakpoint-sm: 576px;\n --breakpoint-md: 768px;\n --breakpoint-lg: 992px;\n --breakpoint-xl: 1200px;\n --font-family-sans-serif: \"Libre Franklin\", sans-serif;\n --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; }\n\n*,\n*::before,\n*::after {\n box-sizing: border-box; }\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n -ms-overflow-style: scrollbar;\n -webkit-tap-highlight-color: transparent; }\n\n@-ms-viewport {\n width: device-width; }\n\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block; }\n\nbody {\n margin: 0;\n font-family: \"Libre Franklin\", sans-serif;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n color: #6c757d;\n text-align: left;\n background-color: #f8f9fa; }\n\n[tabindex=\"-1\"]:focus {\n outline: 0 !important; }\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible; }\n\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: 1.5rem; }\n\np {\n margin-top: 0;\n margin-bottom: 1rem; }\n\nabbr[title],\nabbr[data-original-title] {\n text-decoration: underline;\n text-decoration: underline dotted;\n cursor: help;\n border-bottom: 0; }\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit; }\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem; }\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0; }\n\ndt {\n font-weight: 700; }\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; }\n\nblockquote {\n margin: 0 0 1rem; }\n\ndfn {\n font-style: italic; }\n\nb,\nstrong {\n font-weight: bolder; }\n\nsmall {\n font-size: 80%; }\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline; }\n\nsub {\n bottom: -.25em; }\n\nsup {\n top: -.5em; }\n\na {\n color: #188ae2;\n text-decoration: none;\n background-color: transparent;\n -webkit-text-decoration-skip: objects; }\n a:hover {\n color: #11609d;\n text-decoration: none; }\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none; }\n a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {\n color: inherit;\n text-decoration: none; }\n a:not([href]):not([tabindex]):focus {\n outline: 0; }\n\npre,\ncode,\nkbd,\nsamp {\n font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n font-size: 1em; }\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n -ms-overflow-style: scrollbar; }\n\nfigure {\n margin: 0 0 1rem; }\n\nimg {\n vertical-align: middle;\n border-style: none; }\n\nsvg:not(:root) {\n overflow: hidden; }\n\ntable {\n border-collapse: collapse; }\n\ncaption {\n padding-top: 0.95rem;\n padding-bottom: 0.95rem;\n color: #6c757d;\n text-align: left;\n caption-side: bottom; }\n\nth {\n text-align: inherit; }\n\nlabel {\n display: inline-block;\n margin-bottom: 0.5rem; }\n\nbutton {\n border-radius: 0; }\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color; }\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit; }\n\nbutton,\ninput {\n overflow: visible; }\n\nbutton,\nselect {\n text-transform: none; }\n\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; }\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none; }\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box;\n padding: 0; }\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n -webkit-appearance: listbox; }\n\ntextarea {\n overflow: auto;\n resize: vertical; }\n\nfieldset {\n min-width: 0;\n padding: 0;\n margin: 0;\n border: 0; }\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit;\n white-space: normal; }\n\nprogress {\n vertical-align: baseline; }\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto; }\n\n[type=\"search\"] {\n outline-offset: -2px;\n -webkit-appearance: none; }\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none; }\n\n::-webkit-file-upload-button {\n font: inherit;\n -webkit-appearance: button; }\n\noutput {\n display: inline-block; }\n\nsummary {\n display: list-item;\n cursor: pointer; }\n\ntemplate {\n display: none; }\n\n[hidden] {\n display: none !important; }\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n margin-bottom: 1.5rem;\n font-family: inherit;\n font-weight: 400;\n line-height: 1.1;\n color: inherit; }\n\nh1, .h1 {\n font-size: 2.25rem; }\n\nh2, .h2 {\n font-size: 1.875rem; }\n\nh3, .h3 {\n font-size: 1.5rem; }\n\nh4, .h4 {\n font-size: 1.125rem; }\n\nh5, .h5 {\n font-size: 0.9375rem; }\n\nh6, .h6 {\n font-size: 0.75rem; }\n\n.lead {\n font-size: 1.09375rem;\n font-weight: 300; }\n\n.display-1 {\n font-size: 6rem;\n font-weight: 300;\n line-height: 1.1; }\n\n.display-2 {\n font-size: 5.5rem;\n font-weight: 300;\n line-height: 1.1; }\n\n.display-3 {\n font-size: 4.5rem;\n font-weight: 300;\n line-height: 1.1; }\n\n.display-4 {\n font-size: 3.5rem;\n font-weight: 300;\n line-height: 1.1; }\n\nhr {\n margin-top: 1rem;\n margin-bottom: 1rem;\n border: 0;\n border-top: 1px solid #f3f6f8; }\n\nsmall,\n.small {\n font-size: 0.75rem;\n font-weight: 400; }\n\nmark,\n.mark {\n padding: 0.2em;\n background-color: #fcf8e3; }\n\n.list-unstyled {\n padding-left: 0;\n list-style: none; }\n\n.list-inline {\n padding-left: 0;\n list-style: none; }\n\n.list-inline-item {\n display: inline-block; }\n .list-inline-item:not(:last-child) {\n margin-right: 6px; }\n\n.initialism {\n font-size: 90%;\n text-transform: uppercase; }\n\n.blockquote {\n margin-bottom: 1.5rem;\n font-size: 1.09375rem; }\n\n.blockquote-footer {\n display: block;\n font-size: 80%;\n color: #6c757d; }\n .blockquote-footer::before {\n content: \"\\2014 \\00A0\"; }\n\n.img-fluid {\n max-width: 100%;\n height: auto; }\n\n.img-thumbnail {\n padding: 0.25rem;\n background-color: #fff;\n border: 1px solid #dee2e6;\n border-radius: 0.25rem;\n max-width: 100%;\n height: auto; }\n\n.figure {\n display: inline-block; }\n\n.figure-img {\n margin-bottom: 0.75rem;\n line-height: 1; }\n\n.figure-caption {\n font-size: 0.75rem;\n color: #6c757d; }\n\ncode {\n font-size: 87.5%;\n color: #35b8e0;\n word-break: break-word; }\n a > code {\n color: inherit; }\n\nkbd {\n padding: 0.2rem 0.4rem;\n font-size: 87.5%;\n color: #fff;\n background-color: #212529;\n border-radius: 0.2rem; }\n kbd kbd {\n padding: 0;\n font-size: 100%;\n font-weight: 700; }\n\npre {\n display: block;\n font-size: 87.5%;\n color: #212529; }\n pre code {\n font-size: inherit;\n color: inherit;\n word-break: normal; }\n\n.pre-scrollable {\n max-height: 340px;\n overflow-y: scroll; }\n\n.container {\n width: 100%;\n padding-right: 15px;\n padding-left: 15px;\n margin-right: auto;\n margin-left: auto; }\n @media (min-width: 576px) {\n .container {\n max-width: 540px; } }\n @media (min-width: 768px) {\n .container {\n max-width: 720px; } }\n @media (min-width: 992px) {\n .container {\n max-width: 960px; } }\n @media (min-width: 1200px) {\n .container {\n max-width: 1140px; } }\n\n.container-fluid {\n width: 100%;\n padding-right: 15px;\n padding-left: 15px;\n margin-right: auto;\n margin-left: auto; }\n\n.row {\n display: flex;\n flex-wrap: wrap;\n margin-right: -15px;\n margin-left: -15px; }\n\n.no-gutters {\n margin-right: 0;\n margin-left: 0; }\n .no-gutters > .col,\n .no-gutters > [class*=\"col-\"] {\n padding-right: 0;\n padding-left: 0; }\n\n.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,\n.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,\n.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,\n.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,\n.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,\n.col-xl-auto {\n position: relative;\n width: 100%;\n min-height: 1px;\n padding-right: 15px;\n padding-left: 15px; }\n\n.col {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%; }\n\n.col-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none; }\n\n.col-1 {\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n\n.col-2 {\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n\n.col-3 {\n flex: 0 0 25%;\n max-width: 25%; }\n\n.col-4 {\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n\n.col-5 {\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n\n.col-6 {\n flex: 0 0 50%;\n max-width: 50%; }\n\n.col-7 {\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n\n.col-8 {\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n\n.col-9 {\n flex: 0 0 75%;\n max-width: 75%; }\n\n.col-10 {\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n\n.col-11 {\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n\n.col-12 {\n flex: 0 0 100%;\n max-width: 100%; }\n\n.order-first {\n order: -1; }\n\n.order-last {\n order: 13; }\n\n.order-0 {\n order: 0; }\n\n.order-1 {\n order: 1; }\n\n.order-2 {\n order: 2; }\n\n.order-3 {\n order: 3; }\n\n.order-4 {\n order: 4; }\n\n.order-5 {\n order: 5; }\n\n.order-6 {\n order: 6; }\n\n.order-7 {\n order: 7; }\n\n.order-8 {\n order: 8; }\n\n.order-9 {\n order: 9; }\n\n.order-10 {\n order: 10; }\n\n.order-11 {\n order: 11; }\n\n.order-12 {\n order: 12; }\n\n.offset-1 {\n margin-left: 8.33333%; }\n\n.offset-2 {\n margin-left: 16.66667%; }\n\n.offset-3 {\n margin-left: 25%; }\n\n.offset-4 {\n margin-left: 33.33333%; }\n\n.offset-5 {\n margin-left: 41.66667%; }\n\n.offset-6 {\n margin-left: 50%; }\n\n.offset-7 {\n margin-left: 58.33333%; }\n\n.offset-8 {\n margin-left: 66.66667%; }\n\n.offset-9 {\n margin-left: 75%; }\n\n.offset-10 {\n margin-left: 83.33333%; }\n\n.offset-11 {\n margin-left: 91.66667%; }\n\n@media (min-width: 576px) {\n .col-sm {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%; }\n .col-sm-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none; }\n .col-sm-1 {\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n .col-sm-2 {\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n .col-sm-3 {\n flex: 0 0 25%;\n max-width: 25%; }\n .col-sm-4 {\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n .col-sm-5 {\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n .col-sm-6 {\n flex: 0 0 50%;\n max-width: 50%; }\n .col-sm-7 {\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n .col-sm-8 {\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n .col-sm-9 {\n flex: 0 0 75%;\n max-width: 75%; }\n .col-sm-10 {\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n .col-sm-11 {\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n .col-sm-12 {\n flex: 0 0 100%;\n max-width: 100%; }\n .order-sm-first {\n order: -1; }\n .order-sm-last {\n order: 13; }\n .order-sm-0 {\n order: 0; }\n .order-sm-1 {\n order: 1; }\n .order-sm-2 {\n order: 2; }\n .order-sm-3 {\n order: 3; }\n .order-sm-4 {\n order: 4; }\n .order-sm-5 {\n order: 5; }\n .order-sm-6 {\n order: 6; }\n .order-sm-7 {\n order: 7; }\n .order-sm-8 {\n order: 8; }\n .order-sm-9 {\n order: 9; }\n .order-sm-10 {\n order: 10; }\n .order-sm-11 {\n order: 11; }\n .order-sm-12 {\n order: 12; }\n .offset-sm-0 {\n margin-left: 0; }\n .offset-sm-1 {\n margin-left: 8.33333%; }\n .offset-sm-2 {\n margin-left: 16.66667%; }\n .offset-sm-3 {\n margin-left: 25%; }\n .offset-sm-4 {\n margin-left: 33.33333%; }\n .offset-sm-5 {\n margin-left: 41.66667%; }\n .offset-sm-6 {\n margin-left: 50%; }\n .offset-sm-7 {\n margin-left: 58.33333%; }\n .offset-sm-8 {\n margin-left: 66.66667%; }\n .offset-sm-9 {\n margin-left: 75%; }\n .offset-sm-10 {\n margin-left: 83.33333%; }\n .offset-sm-11 {\n margin-left: 91.66667%; } }\n\n@media (min-width: 768px) {\n .col-md {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%; }\n .col-md-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none; }\n .col-md-1 {\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n .col-md-2 {\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n .col-md-3 {\n flex: 0 0 25%;\n max-width: 25%; }\n .col-md-4 {\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n .col-md-5 {\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n .col-md-6 {\n flex: 0 0 50%;\n max-width: 50%; }\n .col-md-7 {\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n .col-md-8 {\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n .col-md-9 {\n flex: 0 0 75%;\n max-width: 75%; }\n .col-md-10 {\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n .col-md-11 {\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n .col-md-12 {\n flex: 0 0 100%;\n max-width: 100%; }\n .order-md-first {\n order: -1; }\n .order-md-last {\n order: 13; }\n .order-md-0 {\n order: 0; }\n .order-md-1 {\n order: 1; }\n .order-md-2 {\n order: 2; }\n .order-md-3 {\n order: 3; }\n .order-md-4 {\n order: 4; }\n .order-md-5 {\n order: 5; }\n .order-md-6 {\n order: 6; }\n .order-md-7 {\n order: 7; }\n .order-md-8 {\n order: 8; }\n .order-md-9 {\n order: 9; }\n .order-md-10 {\n order: 10; }\n .order-md-11 {\n order: 11; }\n .order-md-12 {\n order: 12; }\n .offset-md-0 {\n margin-left: 0; }\n .offset-md-1 {\n margin-left: 8.33333%; }\n .offset-md-2 {\n margin-left: 16.66667%; }\n .offset-md-3 {\n margin-left: 25%; }\n .offset-md-4 {\n margin-left: 33.33333%; }\n .offset-md-5 {\n margin-left: 41.66667%; }\n .offset-md-6 {\n margin-left: 50%; }\n .offset-md-7 {\n margin-left: 58.33333%; }\n .offset-md-8 {\n margin-left: 66.66667%; }\n .offset-md-9 {\n margin-left: 75%; }\n .offset-md-10 {\n margin-left: 83.33333%; }\n .offset-md-11 {\n margin-left: 91.66667%; } }\n\n@media (min-width: 992px) {\n .col-lg {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%; }\n .col-lg-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none; }\n .col-lg-1 {\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n .col-lg-2 {\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n .col-lg-3 {\n flex: 0 0 25%;\n max-width: 25%; }\n .col-lg-4 {\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n .col-lg-5 {\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n .col-lg-6 {\n flex: 0 0 50%;\n max-width: 50%; }\n .col-lg-7 {\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n .col-lg-8 {\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n .col-lg-9 {\n flex: 0 0 75%;\n max-width: 75%; }\n .col-lg-10 {\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n .col-lg-11 {\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n .col-lg-12 {\n flex: 0 0 100%;\n max-width: 100%; }\n .order-lg-first {\n order: -1; }\n .order-lg-last {\n order: 13; }\n .order-lg-0 {\n order: 0; }\n .order-lg-1 {\n order: 1; }\n .order-lg-2 {\n order: 2; }\n .order-lg-3 {\n order: 3; }\n .order-lg-4 {\n order: 4; }\n .order-lg-5 {\n order: 5; }\n .order-lg-6 {\n order: 6; }\n .order-lg-7 {\n order: 7; }\n .order-lg-8 {\n order: 8; }\n .order-lg-9 {\n order: 9; }\n .order-lg-10 {\n order: 10; }\n .order-lg-11 {\n order: 11; }\n .order-lg-12 {\n order: 12; }\n .offset-lg-0 {\n margin-left: 0; }\n .offset-lg-1 {\n margin-left: 8.33333%; }\n .offset-lg-2 {\n margin-left: 16.66667%; }\n .offset-lg-3 {\n margin-left: 25%; }\n .offset-lg-4 {\n margin-left: 33.33333%; }\n .offset-lg-5 {\n margin-left: 41.66667%; }\n .offset-lg-6 {\n margin-left: 50%; }\n .offset-lg-7 {\n margin-left: 58.33333%; }\n .offset-lg-8 {\n margin-left: 66.66667%; }\n .offset-lg-9 {\n margin-left: 75%; }\n .offset-lg-10 {\n margin-left: 83.33333%; }\n .offset-lg-11 {\n margin-left: 91.66667%; } }\n\n@media (min-width: 1200px) {\n .col-xl {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%; }\n .col-xl-auto {\n flex: 0 0 auto;\n width: auto;\n max-width: none; }\n .col-xl-1 {\n flex: 0 0 8.33333%;\n max-width: 8.33333%; }\n .col-xl-2 {\n flex: 0 0 16.66667%;\n max-width: 16.66667%; }\n .col-xl-3 {\n flex: 0 0 25%;\n max-width: 25%; }\n .col-xl-4 {\n flex: 0 0 33.33333%;\n max-width: 33.33333%; }\n .col-xl-5 {\n flex: 0 0 41.66667%;\n max-width: 41.66667%; }\n .col-xl-6 {\n flex: 0 0 50%;\n max-width: 50%; }\n .col-xl-7 {\n flex: 0 0 58.33333%;\n max-width: 58.33333%; }\n .col-xl-8 {\n flex: 0 0 66.66667%;\n max-width: 66.66667%; }\n .col-xl-9 {\n flex: 0 0 75%;\n max-width: 75%; }\n .col-xl-10 {\n flex: 0 0 83.33333%;\n max-width: 83.33333%; }\n .col-xl-11 {\n flex: 0 0 91.66667%;\n max-width: 91.66667%; }\n .col-xl-12 {\n flex: 0 0 100%;\n max-width: 100%; }\n .order-xl-first {\n order: -1; }\n .order-xl-last {\n order: 13; }\n .order-xl-0 {\n order: 0; }\n .order-xl-1 {\n order: 1; }\n .order-xl-2 {\n order: 2; }\n .order-xl-3 {\n order: 3; }\n .order-xl-4 {\n order: 4; }\n .order-xl-5 {\n order: 5; }\n .order-xl-6 {\n order: 6; }\n .order-xl-7 {\n order: 7; }\n .order-xl-8 {\n order: 8; }\n .order-xl-9 {\n order: 9; }\n .order-xl-10 {\n order: 10; }\n .order-xl-11 {\n order: 11; }\n .order-xl-12 {\n order: 12; }\n .offset-xl-0 {\n margin-left: 0; }\n .offset-xl-1 {\n margin-left: 8.33333%; }\n .offset-xl-2 {\n margin-left: 16.66667%; }\n .offset-xl-3 {\n margin-left: 25%; }\n .offset-xl-4 {\n margin-left: 33.33333%; }\n .offset-xl-5 {\n margin-left: 41.66667%; }\n .offset-xl-6 {\n margin-left: 50%; }\n .offset-xl-7 {\n margin-left: 58.33333%; }\n .offset-xl-8 {\n margin-left: 66.66667%; }\n .offset-xl-9 {\n margin-left: 75%; }\n .offset-xl-10 {\n margin-left: 83.33333%; }\n .offset-xl-11 {\n margin-left: 91.66667%; } }\n\n.table {\n width: 100%;\n max-width: 100%;\n margin-bottom: 1.5rem;\n background-color: transparent; }\n .table th,\n .table td {\n padding: 0.95rem;\n vertical-align: top;\n border-top: 1px solid #dee2e6; }\n .table thead th {\n vertical-align: bottom;\n border-bottom: 2px solid #dee2e6; }\n .table tbody + tbody {\n border-top: 2px solid #dee2e6; }\n .table .table {\n background-color: #f8f9fa; }\n\n.table-sm th,\n.table-sm td {\n padding: 0.5rem; }\n\n.table-bordered {\n border: 1px solid #dee2e6; }\n .table-bordered th,\n .table-bordered td {\n border: 1px solid #dee2e6; }\n .table-bordered thead th,\n .table-bordered thead td {\n border-bottom-width: 2px; }\n\n.table-borderless th,\n.table-borderless td,\n.table-borderless thead th,\n.table-borderless tbody + tbody {\n border: 0; }\n\n.table-striped tbody tr:nth-of-type(odd) {\n background-color: #f8f9fa; }\n\n.table-hover tbody tr:hover {\n background-color: #f8f9fa; }\n\n.table-primary,\n.table-primary > th,\n.table-primary > td {\n background-color: #bedef7; }\n\n.table-hover .table-primary:hover {\n background-color: #a7d2f4; }\n .table-hover .table-primary:hover > td,\n .table-hover .table-primary:hover > th {\n background-color: #a7d2f4; }\n\n.table-secondary,\n.table-secondary > th,\n.table-secondary > td {\n background-color: #d6d8db; }\n\n.table-hover .table-secondary:hover {\n background-color: #c8cbcf; }\n .table-hover .table-secondary:hover > td,\n .table-hover .table-secondary:hover > th {\n background-color: #c8cbcf; }\n\n.table-success,\n.table-success > th,\n.table-success > td {\n background-color: #c5f1d9; }\n\n.table-hover .table-success:hover {\n background-color: #b0eccc; }\n .table-hover .table-success:hover > td,\n .table-hover .table-success:hover > th {\n background-color: #b0eccc; }\n\n.table-info,\n.table-info > th,\n.table-info > td {\n background-color: #c6ebf6; }\n\n.table-hover .table-info:hover {\n background-color: #b0e3f3; }\n .table-hover .table-info:hover > td,\n .table-hover .table-info:hover > th {\n background-color: #b0e3f3; }\n\n.table-warning,\n.table-warning > th,\n.table-warning > td {\n background-color: #fef1d1; }\n\n.table-hover .table-warning:hover {\n background-color: #fde9b8; }\n .table-hover .table-warning:hover > td,\n .table-hover .table-warning:hover > th {\n background-color: #fde9b8; }\n\n.table-danger,\n.table-danger > th,\n.table-danger > td {\n background-color: #fcccca; }\n\n.table-hover .table-danger:hover {\n background-color: #fbb5b2; }\n .table-hover .table-danger:hover > td,\n .table-hover .table-danger:hover > th {\n background-color: #fbb5b2; }\n\n.table-light,\n.table-light > th,\n.table-light > td {\n background-color: #fcfcfd; }\n\n.table-hover .table-light:hover {\n background-color: #ededf3; }\n .table-hover .table-light:hover > td,\n .table-hover .table-light:hover > th {\n background-color: #ededf3; }\n\n.table-dark,\n.table-dark > th,\n.table-dark > td {\n background-color: #c8c9cb; }\n\n.table-hover .table-dark:hover {\n background-color: #bbbcbf; }\n .table-hover .table-dark:hover > td,\n .table-hover .table-dark:hover > th {\n background-color: #bbbcbf; }\n\n.table-active,\n.table-active > th,\n.table-active > td {\n background-color: rgba(0, 0, 0, 0.075); }\n\n.table-hover .table-active:hover {\n background-color: rgba(0, 0, 0, 0.075); }\n .table-hover .table-active:hover > td,\n .table-hover .table-active:hover > th {\n background-color: rgba(0, 0, 0, 0.075); }\n\n.table .thead-dark th {\n color: #fff;\n background-color: #212529;\n border-color: #32383e; }\n\n.table .thead-light th {\n color: #495057;\n background-color: #e9ecef;\n border-color: #dee2e6; }\n\n.table-dark {\n color: #fff;\n background-color: #212529; }\n .table-dark th,\n .table-dark td,\n .table-dark thead th {\n border-color: #32383e; }\n .table-dark.table-bordered {\n border: 0; }\n .table-dark.table-striped tbody tr:nth-of-type(odd) {\n background-color: rgba(255, 255, 255, 0.05); }\n .table-dark.table-hover tbody tr:hover {\n background-color: rgba(255, 255, 255, 0.075); }\n\n@media (max-width: 575.98px) {\n .table-responsive-sm {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar; }\n .table-responsive-sm > .table-bordered {\n border: 0; } }\n\n@media (max-width: 767.98px) {\n .table-responsive-md {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar; }\n .table-responsive-md > .table-bordered {\n border: 0; } }\n\n@media (max-width: 991.98px) {\n .table-responsive-lg {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar; }\n .table-responsive-lg > .table-bordered {\n border: 0; } }\n\n@media (max-width: 1199.98px) {\n .table-responsive-xl {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar; }\n .table-responsive-xl > .table-bordered {\n border: 0; } }\n\n.table-responsive {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar; }\n .table-responsive > .table-bordered {\n border: 0; }\n\n.form-control {\n display: block;\n width: 100%;\n padding: 0.375rem 0.75rem;\n font-size: 0.875rem;\n line-height: 1.5;\n color: #6c757d;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid #ced4da;\n border-radius: 0.25rem;\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }\n @media screen and (prefers-reduced-motion: reduce) {\n .form-control {\n transition: none; } }\n .form-control::-ms-expand {\n background-color: transparent;\n border: 0; }\n .form-control:focus {\n color: #495057;\n background-color: #fff;\n border-color: #80bdff;\n outline: 0;\n box-shadow: transparent; }\n .form-control::placeholder {\n color: #adb5bd;\n opacity: 1; }\n .form-control:disabled, .form-control[readonly] {\n background-color: #e9ecef;\n opacity: 1; }\n\nselect.form-control:not([size]):not([multiple]) {\n height: calc(2.25rem + 2px); }\n\nselect.form-control:focus::-ms-value {\n color: #6c757d;\n background-color: #fff; }\n\n.form-control-file,\n.form-control-range {\n display: block;\n width: 100%; }\n\n.col-form-label {\n padding-top: calc(0.375rem + 1px);\n padding-bottom: calc(0.375rem + 1px);\n margin-bottom: 0;\n font-size: inherit;\n line-height: 1.5; }\n\n.col-form-label-lg {\n padding-top: calc(0.5rem + 1px);\n padding-bottom: calc(0.5rem + 1px);\n font-size: 1.09375rem;\n line-height: 1.5; }\n\n.col-form-label-sm {\n padding-top: calc(0.22rem + 1px);\n padding-bottom: calc(0.22rem + 1px);\n font-size: 0.76563rem;\n line-height: 1.5; }\n\n.form-control-plaintext {\n display: block;\n width: 100%;\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n margin-bottom: 0;\n line-height: 1.5;\n color: #212529;\n background-color: transparent;\n border: solid transparent;\n border-width: 1px 0; }\n .form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control,\n .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,\n .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,\n .input-group-sm > .input-group-prepend > .form-control-plaintext.btn,\n .input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control,\n .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,\n .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,\n .input-group-lg > .input-group-prepend > .form-control-plaintext.btn,\n .input-group-lg > .input-group-append > .form-control-plaintext.btn {\n padding-right: 0;\n padding-left: 0; }\n\n.form-control-sm, .input-group-sm > .form-control,\n.input-group-sm > .input-group-prepend > .input-group-text,\n.input-group-sm > .input-group-append > .input-group-text,\n.input-group-sm > .input-group-prepend > .btn,\n.input-group-sm > .input-group-append > .btn {\n padding: 0.22rem 0.7rem;\n font-size: 0.76563rem;\n line-height: 1.5;\n border-radius: 0.2rem; }\n\nselect.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),\n.input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),\n.input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),\n.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),\n.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {\n height: calc(1.8125rem + 2px); }\n\n.form-control-lg, .input-group-lg > .form-control,\n.input-group-lg > .input-group-prepend > .input-group-text,\n.input-group-lg > .input-group-append > .input-group-text,\n.input-group-lg > .input-group-prepend > .btn,\n.input-group-lg > .input-group-append > .btn {\n padding: 0.5rem 1rem;\n font-size: 1.09375rem;\n line-height: 1.5;\n border-radius: 0.3rem; }\n\nselect.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),\n.input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),\n.input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),\n.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),\n.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {\n height: calc(2.875rem + 2px); }\n\n.form-group {\n margin-bottom: 1rem; }\n\n.form-text {\n display: block;\n margin-top: 0.25rem; }\n\n.form-row {\n display: flex;\n flex-wrap: wrap;\n margin-right: -5px;\n margin-left: -5px; }\n .form-row > .col,\n .form-row > [class*=\"col-\"] {\n padding-right: 5px;\n padding-left: 5px; }\n\n.form-check {\n position: relative;\n display: block;\n padding-left: 1.25rem; }\n\n.form-check-input {\n position: absolute;\n margin-top: 0.3rem;\n margin-left: -1.25rem; }\n .form-check-input:disabled ~ .form-check-label {\n color: #98a6ad; }\n\n.form-check-label {\n margin-bottom: 0; }\n\n.form-check-inline {\n display: inline-flex;\n align-items: center;\n padding-left: 0;\n margin-right: 0.75rem; }\n .form-check-inline .form-check-input {\n position: static;\n margin-top: 0;\n margin-right: 0.3125rem;\n margin-left: 0; }\n\n.valid-feedback {\n display: none;\n width: 100%;\n margin-top: 0.25rem;\n font-size: 80%;\n color: #28a745; }\n\n.valid-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%;\n padding: .5rem;\n margin-top: .1rem;\n font-size: .875rem;\n line-height: 1;\n color: #fff;\n background-color: rgba(40, 167, 69, 0.8);\n border-radius: .2rem; }\n\n.was-validated .form-control:valid, .form-control.is-valid, .was-validated\n.custom-select:valid,\n.custom-select.is-valid {\n border-color: #28a745; }\n .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated\n .custom-select:valid:focus,\n .custom-select.is-valid:focus {\n border-color: #28a745;\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }\n .was-validated .form-control:valid ~ .valid-feedback,\n .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,\n .form-control.is-valid ~ .valid-tooltip, .was-validated\n .custom-select:valid ~ .valid-feedback,\n .was-validated\n .custom-select:valid ~ .valid-tooltip,\n .custom-select.is-valid ~ .valid-feedback,\n .custom-select.is-valid ~ .valid-tooltip {\n display: block; }\n\n.was-validated .form-control-file:valid ~ .valid-feedback,\n.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,\n.form-control-file.is-valid ~ .valid-tooltip {\n display: block; }\n\n.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {\n color: #28a745; }\n\n.was-validated .form-check-input:valid ~ .valid-feedback,\n.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,\n.form-check-input.is-valid ~ .valid-tooltip {\n display: block; }\n\n.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {\n color: #28a745; }\n .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {\n background-color: #71dd8a; }\n\n.was-validated .custom-control-input:valid ~ .valid-feedback,\n.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,\n.custom-control-input.is-valid ~ .valid-tooltip {\n display: block; }\n\n.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {\n background-color: #34ce57; }\n\n.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 1px #f8f9fa, 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }\n\n.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {\n border-color: #28a745; }\n .was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {\n border-color: inherit; }\n\n.was-validated .custom-file-input:valid ~ .valid-feedback,\n.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,\n.custom-file-input.is-valid ~ .valid-tooltip {\n display: block; }\n\n.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); }\n\n.invalid-feedback {\n display: none;\n width: 100%;\n margin-top: 0.25rem;\n font-size: 80%;\n color: #dc3545; }\n\n.invalid-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%;\n padding: .5rem;\n margin-top: .1rem;\n font-size: .875rem;\n line-height: 1;\n color: #fff;\n background-color: rgba(220, 53, 69, 0.8);\n border-radius: .2rem; }\n\n.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated\n.custom-select:invalid,\n.custom-select.is-invalid {\n border-color: #dc3545; }\n .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated\n .custom-select:invalid:focus,\n .custom-select.is-invalid:focus {\n border-color: #dc3545;\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }\n .was-validated .form-control:invalid ~ .invalid-feedback,\n .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,\n .form-control.is-invalid ~ .invalid-tooltip, .was-validated\n .custom-select:invalid ~ .invalid-feedback,\n .was-validated\n .custom-select:invalid ~ .invalid-tooltip,\n .custom-select.is-invalid ~ .invalid-feedback,\n .custom-select.is-invalid ~ .invalid-tooltip {\n display: block; }\n\n.was-validated .form-control-file:invalid ~ .invalid-feedback,\n.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,\n.form-control-file.is-invalid ~ .invalid-tooltip {\n display: block; }\n\n.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {\n color: #dc3545; }\n\n.was-validated .form-check-input:invalid ~ .invalid-feedback,\n.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,\n.form-check-input.is-invalid ~ .invalid-tooltip {\n display: block; }\n\n.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {\n color: #dc3545; }\n .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {\n background-color: #efa2a9; }\n\n.was-validated .custom-control-input:invalid ~ .invalid-feedback,\n.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,\n.custom-control-input.is-invalid ~ .invalid-tooltip {\n display: block; }\n\n.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {\n background-color: #e4606d; }\n\n.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 1px #f8f9fa, 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }\n\n.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {\n border-color: #dc3545; }\n .was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {\n border-color: inherit; }\n\n.was-validated .custom-file-input:invalid ~ .invalid-feedback,\n.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,\n.custom-file-input.is-invalid ~ .invalid-tooltip {\n display: block; }\n\n.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }\n\n.form-inline {\n display: flex;\n flex-flow: row wrap;\n align-items: center; }\n .form-inline .form-check {\n width: 100%; }\n @media (min-width: 576px) {\n .form-inline label {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 0; }\n .form-inline .form-group {\n display: flex;\n flex: 0 0 auto;\n flex-flow: row wrap;\n align-items: center;\n margin-bottom: 0; }\n .form-inline .form-control {\n display: inline-block;\n width: auto;\n vertical-align: middle; }\n .form-inline .form-control-plaintext {\n display: inline-block; }\n .form-inline .input-group,\n .form-inline .custom-select {\n width: auto; }\n .form-inline .form-check {\n display: flex;\n align-items: center;\n justify-content: center;\n width: auto;\n padding-left: 0; }\n .form-inline .form-check-input {\n position: relative;\n margin-top: 0;\n margin-right: 0.25rem;\n margin-left: 0; }\n .form-inline .custom-control {\n align-items: center;\n justify-content: center; }\n .form-inline .custom-control-label {\n margin-bottom: 0; } }\n\n.btn {\n display: inline-block;\n font-weight: 400;\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n user-select: none;\n border: 1px solid transparent;\n padding: 0.375rem 0.75rem;\n font-size: 0.875rem;\n line-height: 1.5;\n border-radius: 0.15rem;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }\n @media screen and (prefers-reduced-motion: reduce) {\n .btn {\n transition: none; } }\n .btn:hover, .btn:focus {\n text-decoration: none; }\n .btn:focus, .btn.focus {\n outline: 0;\n box-shadow: 0 0 0 0.15rem rgba(59, 62, 71, 0.25); }\n .btn.disabled, .btn:disabled {\n opacity: 0.65; }\n .btn:not(:disabled):not(.disabled) {\n cursor: pointer; }\n .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {\n background-image: none; }\n\na.btn.disabled,\nfieldset:disabled a.btn {\n pointer-events: none; }\n\n.btn-primary {\n color: #fff;\n background-color: #188ae2;\n border-color: #188ae2; }\n .btn-primary:hover {\n color: #fff;\n background-color: #1475bf;\n border-color: #136eb4; }\n .btn-primary:focus, .btn-primary.focus {\n box-shadow: 0 0 0 0.2rem rgba(24, 138, 226, 0.5); }\n .btn-primary.disabled, .btn-primary:disabled {\n color: #fff;\n background-color: #188ae2;\n border-color: #188ae2; }\n .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,\n .show > .btn-primary.dropdown-toggle {\n color: #fff;\n background-color: #136eb4;\n border-color: #1267a8; }\n .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,\n .show > .btn-primary.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(24, 138, 226, 0.5); }\n\n.btn-secondary {\n color: #fff;\n background-color: #6c757d;\n border-color: #6c757d; }\n .btn-secondary:hover {\n color: #fff;\n background-color: #5a6268;\n border-color: #545b62; }\n .btn-secondary:focus, .btn-secondary.focus {\n box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }\n .btn-secondary.disabled, .btn-secondary:disabled {\n color: #fff;\n background-color: #6c757d;\n border-color: #6c757d; }\n .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,\n .show > .btn-secondary.dropdown-toggle {\n color: #fff;\n background-color: #545b62;\n border-color: #4e555b; }\n .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,\n .show > .btn-secondary.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }\n\n.btn-success {\n color: #fff;\n background-color: #31ce77;\n border-color: #31ce77; }\n .btn-success:hover {\n color: #fff;\n background-color: #2aaf65;\n border-color: #27a55f; }\n .btn-success:focus, .btn-success.focus {\n box-shadow: 0 0 0 0.2rem rgba(49, 206, 119, 0.5); }\n .btn-success.disabled, .btn-success:disabled {\n color: #fff;\n background-color: #31ce77;\n border-color: #31ce77; }\n .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,\n .show > .btn-success.dropdown-toggle {\n color: #fff;\n background-color: #27a55f;\n border-color: #259b59; }\n .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,\n .show > .btn-success.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(49, 206, 119, 0.5); }\n\n.btn-info {\n color: #fff;\n background-color: #35b8e0;\n border-color: #35b8e0; }\n .btn-info:hover {\n color: #fff;\n background-color: #20a6cf;\n border-color: #1e9dc4; }\n .btn-info:focus, .btn-info.focus {\n box-shadow: 0 0 0 0.2rem rgba(53, 184, 224, 0.5); }\n .btn-info.disabled, .btn-info:disabled {\n color: #fff;\n background-color: #35b8e0;\n border-color: #35b8e0; }\n .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,\n .show > .btn-info.dropdown-toggle {\n color: #fff;\n background-color: #1e9dc4;\n border-color: #1c94b9; }\n .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,\n .show > .btn-info.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(53, 184, 224, 0.5); }\n\n.btn-warning {\n color: #3b3e47;\n background-color: #fbcc5c;\n border-color: #fbcc5c; }\n .btn-warning:hover {\n color: #3b3e47;\n background-color: #fac037;\n border-color: #fabc2a; }\n .btn-warning:focus, .btn-warning.focus {\n box-shadow: 0 0 0 0.2rem rgba(251, 204, 92, 0.5); }\n .btn-warning.disabled, .btn-warning:disabled {\n color: #3b3e47;\n background-color: #fbcc5c;\n border-color: #fbcc5c; }\n .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,\n .show > .btn-warning.dropdown-toggle {\n color: #3b3e47;\n background-color: #fabc2a;\n border-color: #f9b91e; }\n .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,\n .show > .btn-warning.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(251, 204, 92, 0.5); }\n\n.btn-danger {\n color: #fff;\n background-color: #f34943;\n border-color: #f34943; }\n .btn-danger:hover {\n color: #fff;\n background-color: #f1261f;\n border-color: #f01b13; }\n .btn-danger:focus, .btn-danger.focus {\n box-shadow: 0 0 0 0.2rem rgba(243, 73, 67, 0.5); }\n .btn-danger.disabled, .btn-danger:disabled {\n color: #fff;\n background-color: #f34943;\n border-color: #f34943; }\n .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,\n .show > .btn-danger.dropdown-toggle {\n color: #fff;\n background-color: #f01b13;\n border-color: #e7160f; }\n .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,\n .show > .btn-danger.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(243, 73, 67, 0.5); }\n\n.btn-light {\n color: #3b3e47;\n background-color: #f3f6f8;\n border-color: #f3f6f8; }\n .btn-light:hover {\n color: #3b3e47;\n background-color: #dbe4ea;\n border-color: #d3dee5; }\n .btn-light:focus, .btn-light.focus {\n box-shadow: 0 0 0 0.2rem rgba(243, 246, 248, 0.5); }\n .btn-light.disabled, .btn-light:disabled {\n color: #3b3e47;\n background-color: #f3f6f8;\n border-color: #f3f6f8; }\n .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,\n .show > .btn-light.dropdown-toggle {\n color: #3b3e47;\n background-color: #d3dee5;\n border-color: #cbd8e1; }\n .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,\n .show > .btn-light.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(243, 246, 248, 0.5); }\n\n.btn-dark {\n color: #fff;\n background-color: #3b3e47;\n border-color: #3b3e47; }\n .btn-dark:hover {\n color: #fff;\n background-color: #2a2c32;\n border-color: #24262b; }\n .btn-dark:focus, .btn-dark.focus {\n box-shadow: 0 0 0 0.2rem rgba(59, 62, 71, 0.5); }\n .btn-dark.disabled, .btn-dark:disabled {\n color: #fff;\n background-color: #3b3e47;\n border-color: #3b3e47; }\n .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,\n .show > .btn-dark.dropdown-toggle {\n color: #fff;\n background-color: #24262b;\n border-color: #1e2024; }\n .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,\n .show > .btn-dark.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(59, 62, 71, 0.5); }\n\n.btn-outline-primary {\n color: #188ae2;\n background-color: transparent;\n background-image: none;\n border-color: #188ae2; }\n .btn-outline-primary:hover {\n color: #fff;\n background-color: #188ae2;\n border-color: #188ae2; }\n .btn-outline-primary:focus, .btn-outline-primary.focus {\n box-shadow: 0 0 0 0.2rem rgba(24, 138, 226, 0.5); }\n .btn-outline-primary.disabled, .btn-outline-primary:disabled {\n color: #188ae2;\n background-color: transparent; }\n .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,\n .show > .btn-outline-primary.dropdown-toggle {\n color: #fff;\n background-color: #188ae2;\n border-color: #188ae2; }\n .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,\n .show > .btn-outline-primary.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(24, 138, 226, 0.5); }\n\n.btn-outline-secondary {\n color: #6c757d;\n background-color: transparent;\n background-image: none;\n border-color: #6c757d; }\n .btn-outline-secondary:hover {\n color: #fff;\n background-color: #6c757d;\n border-color: #6c757d; }\n .btn-outline-secondary:focus, .btn-outline-secondary.focus {\n box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }\n .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {\n color: #6c757d;\n background-color: transparent; }\n .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,\n .show > .btn-outline-secondary.dropdown-toggle {\n color: #fff;\n background-color: #6c757d;\n border-color: #6c757d; }\n .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,\n .show > .btn-outline-secondary.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }\n\n.btn-outline-success {\n color: #31ce77;\n background-color: transparent;\n background-image: none;\n border-color: #31ce77; }\n .btn-outline-success:hover {\n color: #fff;\n background-color: #31ce77;\n border-color: #31ce77; }\n .btn-outline-success:focus, .btn-outline-success.focus {\n box-shadow: 0 0 0 0.2rem rgba(49, 206, 119, 0.5); }\n .btn-outline-success.disabled, .btn-outline-success:disabled {\n color: #31ce77;\n background-color: transparent; }\n .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,\n .show > .btn-outline-success.dropdown-toggle {\n color: #fff;\n background-color: #31ce77;\n border-color: #31ce77; }\n .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,\n .show > .btn-outline-success.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(49, 206, 119, 0.5); }\n\n.btn-outline-info {\n color: #35b8e0;\n background-color: transparent;\n background-image: none;\n border-color: #35b8e0; }\n .btn-outline-info:hover {\n color: #fff;\n background-color: #35b8e0;\n border-color: #35b8e0; }\n .btn-outline-info:focus, .btn-outline-info.focus {\n box-shadow: 0 0 0 0.2rem rgba(53, 184, 224, 0.5); }\n .btn-outline-info.disabled, .btn-outline-info:disabled {\n color: #35b8e0;\n background-color: transparent; }\n .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,\n .show > .btn-outline-info.dropdown-toggle {\n color: #fff;\n background-color: #35b8e0;\n border-color: #35b8e0; }\n .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,\n .show > .btn-outline-info.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(53, 184, 224, 0.5); }\n\n.btn-outline-warning {\n color: #fbcc5c;\n background-color: transparent;\n background-image: none;\n border-color: #fbcc5c; }\n .btn-outline-warning:hover {\n color: #3b3e47;\n background-color: #fbcc5c;\n border-color: #fbcc5c; }\n .btn-outline-warning:focus, .btn-outline-warning.focus {\n box-shadow: 0 0 0 0.2rem rgba(251, 204, 92, 0.5); }\n .btn-outline-warning.disabled, .btn-outline-warning:disabled {\n color: #fbcc5c;\n background-color: transparent; }\n .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,\n .show > .btn-outline-warning.dropdown-toggle {\n color: #3b3e47;\n background-color: #fbcc5c;\n border-color: #fbcc5c; }\n .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,\n .show > .btn-outline-warning.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(251, 204, 92, 0.5); }\n\n.btn-outline-danger {\n color: #f34943;\n background-color: transparent;\n background-image: none;\n border-color: #f34943; }\n .btn-outline-danger:hover {\n color: #fff;\n background-color: #f34943;\n border-color: #f34943; }\n .btn-outline-danger:focus, .btn-outline-danger.focus {\n box-shadow: 0 0 0 0.2rem rgba(243, 73, 67, 0.5); }\n .btn-outline-danger.disabled, .btn-outline-danger:disabled {\n color: #f34943;\n background-color: transparent; }\n .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,\n .show > .btn-outline-danger.dropdown-toggle {\n color: #fff;\n background-color: #f34943;\n border-color: #f34943; }\n .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,\n .show > .btn-outline-danger.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(243, 73, 67, 0.5); }\n\n.btn-outline-light {\n color: #f3f6f8;\n background-color: transparent;\n background-image: none;\n border-color: #f3f6f8; }\n .btn-outline-light:hover {\n color: #3b3e47;\n background-color: #f3f6f8;\n border-color: #f3f6f8; }\n .btn-outline-light:focus, .btn-outline-light.focus {\n box-shadow: 0 0 0 0.2rem rgba(243, 246, 248, 0.5); }\n .btn-outline-light.disabled, .btn-outline-light:disabled {\n color: #f3f6f8;\n background-color: transparent; }\n .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,\n .show > .btn-outline-light.dropdown-toggle {\n color: #3b3e47;\n background-color: #f3f6f8;\n border-color: #f3f6f8; }\n .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,\n .show > .btn-outline-light.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(243, 246, 248, 0.5); }\n\n.btn-outline-dark {\n color: #3b3e47;\n background-color: transparent;\n background-image: none;\n border-color: #3b3e47; }\n .btn-outline-dark:hover {\n color: #fff;\n background-color: #3b3e47;\n border-color: #3b3e47; }\n .btn-outline-dark:focus, .btn-outline-dark.focus {\n box-shadow: 0 0 0 0.2rem rgba(59, 62, 71, 0.5); }\n .btn-outline-dark.disabled, .btn-outline-dark:disabled {\n color: #3b3e47;\n background-color: transparent; }\n .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,\n .show > .btn-outline-dark.dropdown-toggle {\n color: #fff;\n background-color: #3b3e47;\n border-color: #3b3e47; }\n .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,\n .show > .btn-outline-dark.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(59, 62, 71, 0.5); }\n\n.btn-link {\n font-weight: 400;\n color: #188ae2;\n background-color: transparent; }\n .btn-link:hover {\n color: #11609d;\n text-decoration: none;\n background-color: transparent;\n border-color: transparent; }\n .btn-link:focus, .btn-link.focus {\n text-decoration: none;\n border-color: transparent;\n box-shadow: none; }\n .btn-link:disabled, .btn-link.disabled {\n color: #adb5bd;\n pointer-events: none; }\n\n.btn-lg, .btn-group-lg > .btn {\n padding: 0.5rem 1rem;\n font-size: 1.09375rem;\n line-height: 1.5;\n border-radius: 0.15rem; }\n\n.btn-sm, .btn-group-sm > .btn {\n padding: 0.22rem 0.7rem;\n font-size: 0.76563rem;\n line-height: 1.5;\n border-radius: 0.15rem; }\n\n.btn-block {\n display: block;\n width: 100%; }\n .btn-block + .btn-block {\n margin-top: 0.5rem; }\n\ninput[type=\"submit\"].btn-block,\ninput[type=\"reset\"].btn-block,\ninput[type=\"button\"].btn-block {\n width: 100%; }\n\n.fade {\n transition: opacity 0.15s linear; }\n @media screen and (prefers-reduced-motion: reduce) {\n .fade {\n transition: none; } }\n .fade:not(.show) {\n opacity: 0; }\n\n.collapse:not(.show) {\n display: none; }\n\n.collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n transition: height 0.35s ease; }\n @media screen and (prefers-reduced-motion: reduce) {\n .collapsing {\n transition: none; } }\n\n.dropup,\n.dropright,\n.dropdown,\n.dropleft {\n position: relative; }\n\n.dropdown-toggle::after {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: 0.2125em;\n vertical-align: 0.2125em;\n content: \"\";\n border-top: 0.25em solid;\n border-right: 0.25em solid transparent;\n border-bottom: 0;\n border-left: 0.25em solid transparent; }\n\n.dropdown-toggle:empty::after {\n margin-left: 0; }\n\n.dropdown-menu {\n position: absolute;\n top: 100%;\n left: 0;\n z-index: 1000;\n display: none;\n float: left;\n min-width: 10rem;\n padding: 0.5rem 0;\n margin: 0.125rem 0 0;\n font-size: 0.875rem;\n color: #6c757d;\n text-align: left;\n list-style: none;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.15);\n border-radius: 0.25rem; }\n\n.dropdown-menu-right {\n right: 0;\n left: auto; }\n\n.dropup .dropdown-menu {\n top: auto;\n bottom: 100%;\n margin-top: 0;\n margin-bottom: 0.125rem; }\n\n.dropup .dropdown-toggle::after {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: 0.2125em;\n vertical-align: 0.2125em;\n content: \"\";\n border-top: 0;\n border-right: 0.25em solid transparent;\n border-bottom: 0.25em solid;\n border-left: 0.25em solid transparent; }\n\n.dropup .dropdown-toggle:empty::after {\n margin-left: 0; }\n\n.dropright .dropdown-menu {\n top: 0;\n right: auto;\n left: 100%;\n margin-top: 0;\n margin-left: 0.125rem; }\n\n.dropright .dropdown-toggle::after {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: 0.2125em;\n vertical-align: 0.2125em;\n content: \"\";\n border-top: 0.25em solid transparent;\n border-right: 0;\n border-bottom: 0.25em solid transparent;\n border-left: 0.25em solid; }\n\n.dropright .dropdown-toggle:empty::after {\n margin-left: 0; }\n\n.dropright .dropdown-toggle::after {\n vertical-align: 0; }\n\n.dropleft .dropdown-menu {\n top: 0;\n right: 100%;\n left: auto;\n margin-top: 0;\n margin-right: 0.125rem; }\n\n.dropleft .dropdown-toggle::after {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: 0.2125em;\n vertical-align: 0.2125em;\n content: \"\"; }\n\n.dropleft .dropdown-toggle::after {\n display: none; }\n\n.dropleft .dropdown-toggle::before {\n display: inline-block;\n width: 0;\n height: 0;\n margin-right: 0.2125em;\n vertical-align: 0.2125em;\n content: \"\";\n border-top: 0.25em solid transparent;\n border-right: 0.25em solid;\n border-bottom: 0.25em solid transparent; }\n\n.dropleft .dropdown-toggle:empty::after {\n margin-left: 0; }\n\n.dropleft .dropdown-toggle::before {\n vertical-align: 0; }\n\n.dropdown-menu[x-placement^=\"top\"], .dropdown-menu[x-placement^=\"right\"], .dropdown-menu[x-placement^=\"bottom\"], .dropdown-menu[x-placement^=\"left\"] {\n right: auto;\n bottom: auto; }\n\n.dropdown-divider {\n height: 0;\n margin: 0.5rem 0;\n overflow: hidden;\n border-top: 1px solid #e9ecef; }\n\n.dropdown-item {\n display: block;\n width: 100%;\n padding: 0.375rem 1.5rem;\n clear: both;\n font-weight: 400;\n color: #6c757d;\n text-align: inherit;\n white-space: nowrap;\n background-color: transparent;\n border: 0; }\n .dropdown-item:hover, .dropdown-item:focus {\n color: inherit;\n text-decoration: none;\n background-color: #f8f9fa; }\n .dropdown-item.active, .dropdown-item:active {\n color: #fff;\n text-decoration: none;\n background-color: #188ae2; }\n .dropdown-item.disabled, .dropdown-item:disabled {\n color: #6c757d;\n background-color: transparent; }\n\n.dropdown-menu.show {\n display: block; }\n\n.dropdown-header {\n display: block;\n padding: 0.5rem 1.5rem;\n margin-bottom: 0;\n font-size: 0.76563rem;\n color: inherit;\n white-space: nowrap; }\n\n.dropdown-item-text {\n display: block;\n padding: 0.375rem 1.5rem;\n color: #6c757d; }\n\n.btn-group,\n.btn-group-vertical {\n position: relative;\n display: inline-flex;\n vertical-align: middle; }\n .btn-group > .btn,\n .btn-group-vertical > .btn {\n position: relative;\n flex: 0 1 auto; }\n .btn-group > .btn:hover,\n .btn-group-vertical > .btn:hover {\n z-index: 1; }\n .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,\n .btn-group-vertical > .btn:focus,\n .btn-group-vertical > .btn:active,\n .btn-group-vertical > .btn.active {\n z-index: 1; }\n .btn-group .btn + .btn,\n .btn-group .btn + .btn-group,\n .btn-group .btn-group + .btn,\n .btn-group .btn-group + .btn-group,\n .btn-group-vertical .btn + .btn,\n .btn-group-vertical .btn + .btn-group,\n .btn-group-vertical .btn-group + .btn,\n .btn-group-vertical .btn-group + .btn-group {\n margin-left: -1px; }\n\n.btn-toolbar {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start; }\n .btn-toolbar .input-group {\n width: auto; }\n\n.btn-group > .btn:first-child {\n margin-left: 0; }\n\n.btn-group > .btn:not(:last-child):not(.dropdown-toggle),\n.btn-group > .btn-group:not(:last-child) > .btn {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n\n.btn-group > .btn:not(:first-child),\n.btn-group > .btn-group:not(:first-child) > .btn {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n\n.dropdown-toggle-split {\n padding-right: 0.5625rem;\n padding-left: 0.5625rem; }\n .dropdown-toggle-split::after,\n .dropup .dropdown-toggle-split::after,\n .dropright .dropdown-toggle-split::after {\n margin-left: 0; }\n .dropleft .dropdown-toggle-split::before {\n margin-right: 0; }\n\n.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {\n padding-right: 0.525rem;\n padding-left: 0.525rem; }\n\n.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {\n padding-right: 0.75rem;\n padding-left: 0.75rem; }\n\n.btn-group-vertical {\n flex-direction: column;\n align-items: flex-start;\n justify-content: center; }\n .btn-group-vertical .btn,\n .btn-group-vertical .btn-group {\n width: 100%; }\n .btn-group-vertical > .btn + .btn,\n .btn-group-vertical > .btn + .btn-group,\n .btn-group-vertical > .btn-group + .btn,\n .btn-group-vertical > .btn-group + .btn-group {\n margin-top: -1px;\n margin-left: 0; }\n .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),\n .btn-group-vertical > .btn-group:not(:last-child) > .btn {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0; }\n .btn-group-vertical > .btn:not(:first-child),\n .btn-group-vertical > .btn-group:not(:first-child) > .btn {\n border-top-left-radius: 0;\n border-top-right-radius: 0; }\n\n.btn-group-toggle > .btn,\n.btn-group-toggle > .btn-group > .btn {\n margin-bottom: 0; }\n .btn-group-toggle > .btn input[type=\"radio\"],\n .btn-group-toggle > .btn input[type=\"checkbox\"],\n .btn-group-toggle > .btn-group > .btn input[type=\"radio\"],\n .btn-group-toggle > .btn-group > .btn input[type=\"checkbox\"] {\n position: absolute;\n clip: rect(0, 0, 0, 0);\n pointer-events: none; }\n\n.input-group {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: stretch;\n width: 100%; }\n .input-group > .form-control,\n .input-group > .custom-select,\n .input-group > .custom-file {\n position: relative;\n flex: 1 1 auto;\n width: 1%;\n margin-bottom: 0; }\n .input-group > .form-control:focus,\n .input-group > .custom-select:focus,\n .input-group > .custom-file:focus {\n z-index: 3; }\n .input-group > .form-control + .form-control,\n .input-group > .form-control + .custom-select,\n .input-group > .form-control + .custom-file,\n .input-group > .custom-select + .form-control,\n .input-group > .custom-select + .custom-select,\n .input-group > .custom-select + .custom-file,\n .input-group > .custom-file + .form-control,\n .input-group > .custom-file + .custom-select,\n .input-group > .custom-file + .custom-file {\n margin-left: -1px; }\n .input-group > .form-control:not(:last-child),\n .input-group > .custom-select:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n .input-group > .form-control:not(:first-child),\n .input-group > .custom-select:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n .input-group > .custom-file {\n display: flex;\n align-items: center; }\n .input-group > .custom-file:not(:last-child) .custom-file-label,\n .input-group > .custom-file:not(:last-child) .custom-file-label::after {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n .input-group > .custom-file:not(:first-child) .custom-file-label {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n\n.input-group-prepend,\n.input-group-append {\n display: flex; }\n .input-group-prepend .btn,\n .input-group-append .btn {\n position: relative;\n z-index: 2; }\n .input-group-prepend .btn + .btn,\n .input-group-prepend .btn + .input-group-text,\n .input-group-prepend .input-group-text + .input-group-text,\n .input-group-prepend .input-group-text + .btn,\n .input-group-append .btn + .btn,\n .input-group-append .btn + .input-group-text,\n .input-group-append .input-group-text + .input-group-text,\n .input-group-append .input-group-text + .btn {\n margin-left: -1px; }\n\n.input-group-prepend {\n margin-right: -1px; }\n\n.input-group-append {\n margin-left: -1px; }\n\n.input-group-text {\n display: flex;\n align-items: center;\n padding: 0.375rem 0.75rem;\n margin-bottom: 0;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n color: #495057;\n text-align: center;\n white-space: nowrap;\n background-color: #e9ecef;\n border: 1px solid #ced4da;\n border-radius: 0.25rem; }\n .input-group-text input[type=\"radio\"],\n .input-group-text input[type=\"checkbox\"] {\n margin-top: 0; }\n\n.input-group > .input-group-prepend > .btn,\n.input-group > .input-group-prepend > .input-group-text,\n.input-group > .input-group-append:not(:last-child) > .btn,\n.input-group > .input-group-append:not(:last-child) > .input-group-text,\n.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n\n.input-group > .input-group-append > .btn,\n.input-group > .input-group-append > .input-group-text,\n.input-group > .input-group-prepend:not(:first-child) > .btn,\n.input-group > .input-group-prepend:not(:first-child) > .input-group-text,\n.input-group > .input-group-prepend:first-child > .btn:not(:first-child),\n.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n\n.custom-control {\n position: relative;\n display: block;\n min-height: 1.5rem;\n padding-left: 1.5rem; }\n\n.custom-control-inline {\n display: inline-flex;\n margin-right: 1rem; }\n\n.custom-control-input {\n position: absolute;\n z-index: -1;\n opacity: 0; }\n .custom-control-input:checked ~ .custom-control-label::before {\n color: #188ae2;\n background-color: #188ae2; }\n .custom-control-input:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }\n .custom-control-input:active ~ .custom-control-label::before {\n color: #fff;\n background-color: #b3d7ff; }\n .custom-control-input:disabled ~ .custom-control-label {\n color: #6c757d; }\n .custom-control-input:disabled ~ .custom-control-label::before {\n background-color: #e9ecef; }\n\n.custom-control-label {\n position: relative;\n margin-bottom: 0; }\n .custom-control-label::before {\n position: absolute;\n top: 0.25rem;\n left: -1.5rem;\n display: block;\n width: 1rem;\n height: 1rem;\n pointer-events: none;\n content: \"\";\n user-select: none;\n background-color: #dee2e6; }\n .custom-control-label::after {\n position: absolute;\n top: 0.25rem;\n left: -1.5rem;\n display: block;\n width: 1rem;\n height: 1rem;\n content: \"\";\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 50% 50%; }\n\n.custom-checkbox .custom-control-label::before {\n border-radius: 0.25rem; }\n\n.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {\n background-color: #188ae2; }\n\n.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' 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\"); }\n\n.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {\n background-color: #007bff; }\n\n.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E\"); }\n\n.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {\n background-color: rgba(0, 123, 255, 0.5); }\n\n.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {\n background-color: rgba(0, 123, 255, 0.5); }\n\n.custom-radio .custom-control-label::before {\n border-radius: 50%; }\n\n.custom-radio .custom-control-input:checked ~ .custom-control-label::before {\n background-color: #188ae2; }\n\n.custom-radio .custom-control-input:checked ~ .custom-control-label::after {\n background-image: 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='%23fff'/%3E%3C/svg%3E\"); }\n\n.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {\n background-color: rgba(0, 123, 255, 0.5); }\n\n.custom-select {\n display: inline-block;\n width: 100%;\n height: calc(2.25rem + 2px);\n padding: 0.375rem 1.75rem 0.375rem 0.75rem;\n line-height: 1.5;\n color: #495057;\n vertical-align: middle;\n background: #fff url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E\") no-repeat right 0.75rem center;\n background-size: 8px 10px;\n border: 1px solid #ced4da;\n border-radius: 0.25rem;\n appearance: none; }\n .custom-select:focus {\n border-color: #80bdff;\n outline: 0;\n box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 189, 255, 0.5); }\n .custom-select:focus::-ms-value {\n color: #6c757d;\n background-color: #fff; }\n .custom-select[multiple], .custom-select[size]:not([size=\"1\"]) {\n height: auto;\n padding-right: 0.75rem;\n background-image: none; }\n .custom-select:disabled {\n color: #6c757d;\n background-color: #e9ecef; }\n .custom-select::-ms-expand {\n opacity: 0; }\n\n.custom-select-sm {\n height: calc(1.8125rem + 2px);\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n font-size: 75%; }\n\n.custom-select-lg {\n height: calc(2.875rem + 2px);\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n font-size: 125%; }\n\n.custom-file {\n position: relative;\n display: inline-block;\n width: 100%;\n height: calc(2.25rem + 2px);\n margin-bottom: 0; }\n\n.custom-file-input {\n position: relative;\n z-index: 2;\n width: 100%;\n height: calc(2.25rem + 2px);\n margin: 0;\n opacity: 0; }\n .custom-file-input:focus ~ .custom-file-label {\n border-color: #80bdff;\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }\n .custom-file-input:focus ~ .custom-file-label::after {\n border-color: #80bdff; }\n .custom-file-input:lang(en) ~ .custom-file-label::after {\n content: \"Browse\"; }\n\n.custom-file-label {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1;\n height: calc(2.25rem + 2px);\n padding: 0.375rem 0.75rem;\n line-height: 1.5;\n color: #495057;\n background-color: #fff;\n border: 1px solid #ced4da;\n border-radius: 0.25rem; }\n .custom-file-label::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n z-index: 3;\n display: block;\n height: 2.25rem;\n padding: 0.375rem 0.75rem;\n line-height: 1.5;\n color: #495057;\n content: \"Browse\";\n background-color: #e9ecef;\n border-left: 1px solid #ced4da;\n border-radius: 0 0.25rem 0.25rem 0; }\n\n.custom-range {\n width: 100%;\n padding-left: 0;\n background-color: transparent;\n appearance: none; }\n .custom-range:focus {\n outline: none; }\n .custom-range::-moz-focus-outer {\n border: 0; }\n .custom-range::-webkit-slider-thumb {\n width: 1rem;\n height: 1rem;\n margin-top: -0.25rem;\n background-color: #007bff;\n border: 0;\n border-radius: 1rem;\n appearance: none; }\n .custom-range::-webkit-slider-thumb:focus {\n outline: none;\n box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }\n .custom-range::-webkit-slider-thumb:active {\n background-color: #b3d7ff; }\n .custom-range::-webkit-slider-runnable-track {\n width: 100%;\n height: 0.5rem;\n color: transparent;\n cursor: pointer;\n background-color: #dee2e6;\n border-color: transparent;\n border-radius: 1rem; }\n .custom-range::-moz-range-thumb {\n width: 1rem;\n height: 1rem;\n background-color: #007bff;\n border: 0;\n border-radius: 1rem;\n appearance: none; }\n .custom-range::-moz-range-thumb:focus {\n outline: none;\n box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }\n .custom-range::-moz-range-thumb:active {\n background-color: #b3d7ff; }\n .custom-range::-moz-range-track {\n width: 100%;\n height: 0.5rem;\n color: transparent;\n cursor: pointer;\n background-color: #dee2e6;\n border-color: transparent;\n border-radius: 1rem; }\n .custom-range::-ms-thumb {\n width: 1rem;\n height: 1rem;\n background-color: #007bff;\n border: 0;\n border-radius: 1rem;\n appearance: none; }\n .custom-range::-ms-thumb:focus {\n outline: none;\n box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }\n .custom-range::-ms-thumb:active {\n background-color: #b3d7ff; }\n .custom-range::-ms-track {\n width: 100%;\n height: 0.5rem;\n color: transparent;\n cursor: pointer;\n background-color: transparent;\n border-color: transparent;\n border-width: 0.5rem; }\n .custom-range::-ms-fill-lower {\n background-color: #dee2e6;\n border-radius: 1rem; }\n .custom-range::-ms-fill-upper {\n margin-right: 15px;\n background-color: #dee2e6;\n border-radius: 1rem; }\n\n.nav {\n display: flex;\n flex-wrap: wrap;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none; }\n\n.nav-link {\n display: block;\n padding: 0.5rem 1rem; }\n .nav-link:hover, .nav-link:focus {\n text-decoration: none; }\n .nav-link.disabled {\n color: #6c757d; }\n\n.nav-tabs {\n border-bottom: 1px solid #dee2e6; }\n .nav-tabs .nav-item {\n margin-bottom: -1px; }\n .nav-tabs .nav-link {\n border: 1px solid transparent;\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem; }\n .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {\n border-color: #e9ecef #e9ecef #dee2e6; }\n .nav-tabs .nav-link.disabled {\n color: #6c757d;\n background-color: transparent;\n border-color: transparent; }\n .nav-tabs .nav-link.active,\n .nav-tabs .nav-item.show .nav-link {\n color: #495057;\n background-color: #fff;\n border-color: #dee2e6 #dee2e6 #fff; }\n .nav-tabs .dropdown-menu {\n margin-top: -1px;\n border-top-left-radius: 0;\n border-top-right-radius: 0; }\n\n.nav-pills .nav-link {\n border-radius: 0.25rem; }\n\n.nav-pills .nav-link.active,\n.nav-pills .show > .nav-link {\n color: #fff;\n background-color: #188ae2; }\n\n.nav-fill .nav-item {\n flex: 1 1 auto;\n text-align: center; }\n\n.nav-justified .nav-item {\n flex-basis: 0;\n flex-grow: 1;\n text-align: center; }\n\n.tab-content > .tab-pane {\n display: none; }\n\n.tab-content > .active {\n display: block; }\n\n.navbar {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n padding: 0.5rem 1rem; }\n .navbar > .container,\n .navbar > .container-fluid {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between; }\n\n.navbar-brand {\n display: inline-block;\n padding-top: 0.3125rem;\n padding-bottom: 0.3125rem;\n margin-right: 1rem;\n font-size: 1.25rem;\n line-height: inherit;\n white-space: nowrap; }\n .navbar-brand:hover, .navbar-brand:focus {\n text-decoration: none; }\n\n.navbar-nav {\n display: flex;\n flex-direction: column;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none; }\n .navbar-nav .nav-link {\n padding-right: 0;\n padding-left: 0; }\n .navbar-nav .dropdown-menu {\n position: static;\n float: none; }\n\n.navbar-text {\n display: inline-block;\n padding-top: 0.5rem;\n padding-bottom: 0.5rem; }\n\n.navbar-collapse {\n flex-basis: 100%;\n flex-grow: 1;\n align-items: center; }\n\n.navbar-toggler {\n padding: 0.25rem 0.75rem;\n font-size: 1.25rem;\n line-height: 1;\n background-color: transparent;\n border: 1px solid transparent;\n border-radius: 0.25rem; }\n .navbar-toggler:hover, .navbar-toggler:focus {\n text-decoration: none; }\n .navbar-toggler:not(:disabled):not(.disabled) {\n cursor: pointer; }\n\n.navbar-toggler-icon {\n display: inline-block;\n width: 1.5em;\n height: 1.5em;\n vertical-align: middle;\n content: \"\";\n background: no-repeat center center;\n background-size: 100% 100%; }\n\n@media (max-width: 575.98px) {\n .navbar-expand-sm > .container,\n .navbar-expand-sm > .container-fluid {\n padding-right: 0;\n padding-left: 0; } }\n\n@media (min-width: 576px) {\n .navbar-expand-sm {\n flex-flow: row nowrap;\n justify-content: flex-start; }\n .navbar-expand-sm .navbar-nav {\n flex-direction: row; }\n .navbar-expand-sm .navbar-nav .dropdown-menu {\n position: absolute; }\n .navbar-expand-sm .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem; }\n .navbar-expand-sm > .container,\n .navbar-expand-sm > .container-fluid {\n flex-wrap: nowrap; }\n .navbar-expand-sm .navbar-collapse {\n display: flex !important;\n flex-basis: auto; }\n .navbar-expand-sm .navbar-toggler {\n display: none; } }\n\n@media (max-width: 767.98px) {\n .navbar-expand-md > .container,\n .navbar-expand-md > .container-fluid {\n padding-right: 0;\n padding-left: 0; } }\n\n@media (min-width: 768px) {\n .navbar-expand-md {\n flex-flow: row nowrap;\n justify-content: flex-start; }\n .navbar-expand-md .navbar-nav {\n flex-direction: row; }\n .navbar-expand-md .navbar-nav .dropdown-menu {\n position: absolute; }\n .navbar-expand-md .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem; }\n .navbar-expand-md > .container,\n .navbar-expand-md > .container-fluid {\n flex-wrap: nowrap; }\n .navbar-expand-md .navbar-collapse {\n display: flex !important;\n flex-basis: auto; }\n .navbar-expand-md .navbar-toggler {\n display: none; } }\n\n@media (max-width: 991.98px) {\n .navbar-expand-lg > .container,\n .navbar-expand-lg > .container-fluid {\n padding-right: 0;\n padding-left: 0; } }\n\n@media (min-width: 992px) {\n .navbar-expand-lg {\n flex-flow: row nowrap;\n justify-content: flex-start; }\n .navbar-expand-lg .navbar-nav {\n flex-direction: row; }\n .navbar-expand-lg .navbar-nav .dropdown-menu {\n position: absolute; }\n .navbar-expand-lg .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem; }\n .navbar-expand-lg > .container,\n .navbar-expand-lg > .container-fluid {\n flex-wrap: nowrap; }\n .navbar-expand-lg .navbar-collapse {\n display: flex !important;\n flex-basis: auto; }\n .navbar-expand-lg .navbar-toggler {\n display: none; } }\n\n@media (max-width: 1199.98px) {\n .navbar-expand-xl > .container,\n .navbar-expand-xl > .container-fluid {\n padding-right: 0;\n padding-left: 0; } }\n\n@media (min-width: 1200px) {\n .navbar-expand-xl {\n flex-flow: row nowrap;\n justify-content: flex-start; }\n .navbar-expand-xl .navbar-nav {\n flex-direction: row; }\n .navbar-expand-xl .navbar-nav .dropdown-menu {\n position: absolute; }\n .navbar-expand-xl .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem; }\n .navbar-expand-xl > .container,\n .navbar-expand-xl > .container-fluid {\n flex-wrap: nowrap; }\n .navbar-expand-xl .navbar-collapse {\n display: flex !important;\n flex-basis: auto; }\n .navbar-expand-xl .navbar-toggler {\n display: none; } }\n\n.navbar-expand {\n flex-flow: row nowrap;\n justify-content: flex-start; }\n .navbar-expand > .container,\n .navbar-expand > .container-fluid {\n padding-right: 0;\n padding-left: 0; }\n .navbar-expand .navbar-nav {\n flex-direction: row; }\n .navbar-expand .navbar-nav .dropdown-menu {\n position: absolute; }\n .navbar-expand .navbar-nav .nav-link {\n padding-right: 0.5rem;\n padding-left: 0.5rem; }\n .navbar-expand > .container,\n .navbar-expand > .container-fluid {\n flex-wrap: nowrap; }\n .navbar-expand .navbar-collapse {\n display: flex !important;\n flex-basis: auto; }\n .navbar-expand .navbar-toggler {\n display: none; }\n\n.navbar-light .navbar-brand {\n color: rgba(0, 0, 0, 0.9); }\n .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {\n color: rgba(0, 0, 0, 0.9); }\n\n.navbar-light .navbar-nav .nav-link {\n color: rgba(0, 0, 0, 0.5); }\n .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {\n color: rgba(0, 0, 0, 0.7); }\n .navbar-light .navbar-nav .nav-link.disabled {\n color: rgba(0, 0, 0, 0.3); }\n\n.navbar-light .navbar-nav .show > .nav-link,\n.navbar-light .navbar-nav .active > .nav-link,\n.navbar-light .navbar-nav .nav-link.show,\n.navbar-light .navbar-nav .nav-link.active {\n color: rgba(0, 0, 0, 0.9); }\n\n.navbar-light .navbar-toggler {\n color: rgba(0, 0, 0, 0.5);\n border-color: rgba(0, 0, 0, 0.1); }\n\n.navbar-light .navbar-toggler-icon {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"); }\n\n.navbar-light .navbar-text {\n color: rgba(0, 0, 0, 0.5); }\n .navbar-light .navbar-text a {\n color: rgba(0, 0, 0, 0.9); }\n .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {\n color: rgba(0, 0, 0, 0.9); }\n\n.navbar-dark .navbar-brand {\n color: #fff; }\n .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {\n color: #fff; }\n\n.navbar-dark .navbar-nav .nav-link {\n color: rgba(255, 255, 255, 0.5); }\n .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {\n color: rgba(255, 255, 255, 0.75); }\n .navbar-dark .navbar-nav .nav-link.disabled {\n color: rgba(255, 255, 255, 0.25); }\n\n.navbar-dark .navbar-nav .show > .nav-link,\n.navbar-dark .navbar-nav .active > .nav-link,\n.navbar-dark .navbar-nav .nav-link.show,\n.navbar-dark .navbar-nav .nav-link.active {\n color: #fff; }\n\n.navbar-dark .navbar-toggler {\n color: rgba(255, 255, 255, 0.5);\n border-color: rgba(255, 255, 255, 0.1); }\n\n.navbar-dark .navbar-toggler-icon {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\"); }\n\n.navbar-dark .navbar-text {\n color: rgba(255, 255, 255, 0.5); }\n .navbar-dark .navbar-text a {\n color: #fff; }\n .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {\n color: #fff; }\n\n.card {\n position: relative;\n display: flex;\n flex-direction: column;\n min-width: 0;\n word-wrap: break-word;\n background-color: #fff;\n background-clip: border-box;\n border: 1px solid transparent;\n border-radius: 0.25rem; }\n .card > hr {\n margin-right: 0;\n margin-left: 0; }\n .card > .list-group:first-child .list-group-item:first-child {\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem; }\n .card > .list-group:last-child .list-group-item:last-child {\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem; }\n\n.card-body {\n flex: 1 1 auto;\n padding: 1.5rem; }\n\n.card-title {\n margin-bottom: 1rem; }\n\n.card-subtitle {\n margin-top: -0.5rem;\n margin-bottom: 0; }\n\n.card-text:last-child {\n margin-bottom: 0; }\n\n.card-link:hover {\n text-decoration: none; }\n\n.card-link + .card-link {\n margin-left: 1.5rem; }\n\n.card-header {\n padding: 1rem 1.5rem;\n margin-bottom: 0;\n background-color: #f8f9fa;\n border-bottom: 1px solid transparent; }\n .card-header:first-child {\n border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }\n .card-header + .list-group .list-group-item:first-child {\n border-top: 0; }\n\n.card-footer {\n padding: 1rem 1.5rem;\n background-color: #f8f9fa;\n border-top: 1px solid transparent; }\n .card-footer:last-child {\n border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }\n\n.card-header-tabs {\n margin-right: -0.75rem;\n margin-bottom: -1rem;\n margin-left: -0.75rem;\n border-bottom: 0; }\n\n.card-header-pills {\n margin-right: -0.75rem;\n margin-left: -0.75rem; }\n\n.card-img-overlay {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: 1.25rem; }\n\n.card-img {\n width: 100%;\n border-radius: calc(0.25rem - 1px); }\n\n.card-img-top {\n width: 100%;\n border-top-left-radius: calc(0.25rem - 1px);\n border-top-right-radius: calc(0.25rem - 1px); }\n\n.card-img-bottom {\n width: 100%;\n border-bottom-right-radius: calc(0.25rem - 1px);\n border-bottom-left-radius: calc(0.25rem - 1px); }\n\n.card-deck {\n display: flex;\n flex-direction: column; }\n .card-deck .card {\n margin-bottom: 15px; }\n @media (min-width: 576px) {\n .card-deck {\n flex-flow: row wrap;\n margin-right: -15px;\n margin-left: -15px; }\n .card-deck .card {\n display: flex;\n flex: 1 0 0%;\n flex-direction: column;\n margin-right: 15px;\n margin-bottom: 0;\n margin-left: 15px; } }\n\n.card-group {\n display: flex;\n flex-direction: column; }\n .card-group > .card {\n margin-bottom: 15px; }\n @media (min-width: 576px) {\n .card-group {\n flex-flow: row wrap; }\n .card-group > .card {\n flex: 1 0 0%;\n margin-bottom: 0; }\n .card-group > .card + .card {\n margin-left: 0;\n border-left: 0; }\n .card-group > .card:first-child {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n .card-group > .card:first-child .card-img-top,\n .card-group > .card:first-child .card-header {\n border-top-right-radius: 0; }\n .card-group > .card:first-child .card-img-bottom,\n .card-group > .card:first-child .card-footer {\n border-bottom-right-radius: 0; }\n .card-group > .card:last-child {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n .card-group > .card:last-child .card-img-top,\n .card-group > .card:last-child .card-header {\n border-top-left-radius: 0; }\n .card-group > .card:last-child .card-img-bottom,\n .card-group > .card:last-child .card-footer {\n border-bottom-left-radius: 0; }\n .card-group > .card:only-child {\n border-radius: 0.25rem; }\n .card-group > .card:only-child .card-img-top,\n .card-group > .card:only-child .card-header {\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem; }\n .card-group > .card:only-child .card-img-bottom,\n .card-group > .card:only-child .card-footer {\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem; }\n .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {\n border-radius: 0; }\n .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,\n .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,\n .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,\n .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {\n border-radius: 0; } }\n\n.card-columns .card {\n margin-bottom: 30px; }\n\n@media (min-width: 576px) {\n .card-columns {\n column-count: 3;\n column-gap: 30px;\n orphans: 1;\n widows: 1; }\n .card-columns .card {\n display: inline-block;\n width: 100%; } }\n\n.accordion .card:not(:first-of-type):not(:last-of-type) {\n border-bottom: 0;\n border-radius: 0; }\n\n.accordion .card:not(:first-of-type) .card-header:first-child {\n border-radius: 0; }\n\n.accordion .card:first-of-type {\n border-bottom: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0; }\n\n.accordion .card:last-of-type {\n border-top-left-radius: 0;\n border-top-right-radius: 0; }\n\n.breadcrumb {\n display: flex;\n flex-wrap: wrap;\n padding: 1rem 0;\n margin-bottom: 1rem;\n list-style: none;\n background-color: transparent;\n border-radius: 0.25rem; }\n\n.breadcrumb-item + .breadcrumb-item {\n padding-left: 0.5rem; }\n .breadcrumb-item + .breadcrumb-item::before {\n display: inline-block;\n padding-right: 0.5rem;\n color: #ced4da;\n content: \"/\"; }\n\n.breadcrumb-item + .breadcrumb-item:hover::before {\n text-decoration: underline; }\n\n.breadcrumb-item + .breadcrumb-item:hover::before {\n text-decoration: none; }\n\n.breadcrumb-item.active {\n color: #adb5bd; }\n\n.pagination {\n display: flex;\n padding-left: 0;\n list-style: none;\n border-radius: 0.25rem; }\n\n.page-link {\n position: relative;\n display: block;\n padding: 0.5rem 0.75rem;\n margin-left: -1px;\n line-height: 1.25;\n color: #3b3e47;\n background-color: #fff;\n border: 1px solid #dee2e6; }\n .page-link:hover {\n z-index: 2;\n color: #3b3e47;\n text-decoration: none;\n background-color: #e9ecef;\n border-color: #dee2e6; }\n .page-link:focus {\n z-index: 2;\n outline: 0;\n box-shadow: 0 0 0 0.15rem rgba(59, 62, 71, 0.25); }\n .page-link:not(:disabled):not(.disabled) {\n cursor: pointer; }\n\n.page-item:first-child .page-link {\n margin-left: 0;\n border-top-left-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem; }\n\n.page-item:last-child .page-link {\n border-top-right-radius: 0.25rem;\n border-bottom-right-radius: 0.25rem; }\n\n.page-item.active .page-link {\n z-index: 1;\n color: #fff;\n background-color: #757b8c;\n border-color: #757b8c; }\n\n.page-item.disabled .page-link {\n color: #6c757d;\n pointer-events: none;\n cursor: auto;\n background-color: #fff;\n border-color: #dee2e6; }\n\n.pagination-lg .page-link {\n padding: 0.75rem 1.5rem;\n font-size: 1.09375rem;\n line-height: 1.5; }\n\n.pagination-lg .page-item:first-child .page-link {\n border-top-left-radius: 0.3rem;\n border-bottom-left-radius: 0.3rem; }\n\n.pagination-lg .page-item:last-child .page-link {\n border-top-right-radius: 0.3rem;\n border-bottom-right-radius: 0.3rem; }\n\n.pagination-sm .page-link {\n padding: 0.25rem 0.5rem;\n font-size: 0.76563rem;\n line-height: 1.5; }\n\n.pagination-sm .page-item:first-child .page-link {\n border-top-left-radius: 0.2rem;\n border-bottom-left-radius: 0.2rem; }\n\n.pagination-sm .page-item:last-child .page-link {\n border-top-right-radius: 0.2rem;\n border-bottom-right-radius: 0.2rem; }\n\n.badge {\n display: inline-block;\n padding: 0.25em 0.4em;\n font-size: 75%;\n font-weight: 700;\n line-height: 1;\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n border-radius: 0.25rem; }\n .badge:empty {\n display: none; }\n\n.btn .badge {\n position: relative;\n top: -1px; }\n\n.badge-pill {\n padding-right: 0.6em;\n padding-left: 0.6em;\n border-radius: 10rem; }\n\n.badge-primary {\n color: #fff;\n background-color: #188ae2; }\n .badge-primary[href]:hover, .badge-primary[href]:focus {\n color: #fff;\n text-decoration: none;\n background-color: #136eb4; }\n\n.badge-secondary {\n color: #fff;\n background-color: #6c757d; }\n .badge-secondary[href]:hover, .badge-secondary[href]:focus {\n color: #fff;\n text-decoration: none;\n background-color: #545b62; }\n\n.badge-success {\n color: #fff;\n background-color: #31ce77; }\n .badge-success[href]:hover, .badge-success[href]:focus {\n color: #fff;\n text-decoration: none;\n background-color: #27a55f; }\n\n.badge-info {\n color: #fff;\n background-color: #35b8e0; }\n .badge-info[href]:hover, .badge-info[href]:focus {\n color: #fff;\n text-decoration: none;\n background-color: #1e9dc4; }\n\n.badge-warning {\n color: #3b3e47;\n background-color: #fbcc5c; }\n .badge-warning[href]:hover, .badge-warning[href]:focus {\n color: #3b3e47;\n text-decoration: none;\n background-color: #fabc2a; }\n\n.badge-danger {\n color: #fff;\n background-color: #f34943; }\n .badge-danger[href]:hover, .badge-danger[href]:focus {\n color: #fff;\n text-decoration: none;\n background-color: #f01b13; }\n\n.badge-light {\n color: #3b3e47;\n background-color: #f3f6f8; }\n .badge-light[href]:hover, .badge-light[href]:focus {\n color: #3b3e47;\n text-decoration: none;\n background-color: #d3dee5; }\n\n.badge-dark {\n color: #fff;\n background-color: #3b3e47; }\n .badge-dark[href]:hover, .badge-dark[href]:focus {\n color: #fff;\n text-decoration: none;\n background-color: #24262b; }\n\n.jumbotron {\n padding: 2rem 1rem;\n margin-bottom: 2rem;\n background-color: #e9ecef;\n border-radius: 0.3rem; }\n @media (min-width: 576px) {\n .jumbotron {\n padding: 4rem 2rem; } }\n\n.jumbotron-fluid {\n padding-right: 0;\n padding-left: 0;\n border-radius: 0; }\n\n.alert {\n position: relative;\n padding: 0.75rem 1.25rem;\n margin-bottom: 1rem;\n border: 1px solid transparent;\n border-radius: 0.25rem; }\n\n.alert-heading {\n color: inherit; }\n\n.alert-link {\n font-weight: 700; }\n\n.alert-dismissible {\n padding-right: 4rem; }\n .alert-dismissible .close {\n position: absolute;\n top: 0;\n right: 0;\n padding: 0.75rem 1.25rem;\n color: inherit; }\n\n.alert-primary {\n color: #0c4876;\n background-color: #d1e8f9;\n border-color: #bedef7; }\n .alert-primary hr {\n border-top-color: #a7d2f4; }\n .alert-primary .alert-link {\n color: #072c48; }\n\n.alert-secondary {\n color: #383d41;\n background-color: #e2e3e5;\n border-color: #d6d8db; }\n .alert-secondary hr {\n border-top-color: #c8cbcf; }\n .alert-secondary .alert-link {\n color: #202326; }\n\n.alert-success {\n color: #196b3e;\n background-color: #d6f5e4;\n border-color: #c5f1d9; }\n .alert-success hr {\n border-top-color: #b0eccc; }\n .alert-success .alert-link {\n color: #0f4226; }\n\n.alert-info {\n color: #1c6074;\n background-color: #d7f1f9;\n border-color: #c6ebf6; }\n .alert-info hr {\n border-top-color: #b0e3f3; }\n .alert-info .alert-link {\n color: #123e4b; }\n\n.alert-warning {\n color: #836a30;\n background-color: #fef5de;\n border-color: #fef1d1; }\n .alert-warning hr {\n border-top-color: #fde9b8; }\n .alert-warning .alert-link {\n color: #5e4c22; }\n\n.alert-danger {\n color: #7e2623;\n background-color: #fddbd9;\n border-color: #fcccca; }\n .alert-danger hr {\n border-top-color: #fbb5b2; }\n .alert-danger .alert-link {\n color: #561a18; }\n\n.alert-light {\n color: #7e8081;\n background-color: #fdfdfe;\n border-color: #fcfcfd; }\n .alert-light hr {\n border-top-color: #ededf3; }\n .alert-light .alert-link {\n color: #656667; }\n\n.alert-dark {\n color: #1f2025;\n background-color: #d8d8da;\n border-color: #c8c9cb; }\n .alert-dark hr {\n border-top-color: #bbbcbf; }\n .alert-dark .alert-link {\n color: #080809; }\n\n@keyframes progress-bar-stripes {\n from {\n background-position: 1rem 0; }\n to {\n background-position: 0 0; } }\n\n.progress {\n display: flex;\n height: 1rem;\n overflow: hidden;\n font-size: 0.75rem;\n background-color: #e9ecef;\n border-radius: 0.25rem; }\n\n.progress-bar {\n display: flex;\n flex-direction: column;\n justify-content: center;\n color: #fff;\n text-align: center;\n white-space: nowrap;\n background-color: #188ae2;\n transition: width 0.6s ease; }\n @media screen and (prefers-reduced-motion: reduce) {\n .progress-bar {\n transition: none; } }\n\n.progress-bar-striped {\n background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-size: 1rem 1rem; }\n\n.progress-bar-animated {\n animation: progress-bar-stripes 1s linear infinite; }\n\n.media {\n display: flex;\n align-items: flex-start; }\n\n.media-body {\n flex: 1; }\n\n.list-group {\n display: flex;\n flex-direction: column;\n padding-left: 0;\n margin-bottom: 0; }\n\n.list-group-item-action {\n width: 100%;\n color: #495057;\n text-align: inherit; }\n .list-group-item-action:hover, .list-group-item-action:focus {\n color: #495057;\n text-decoration: none;\n background-color: #f8f9fa; }\n .list-group-item-action:active {\n color: #212529;\n background-color: #e9ecef; }\n\n.list-group-item {\n position: relative;\n display: block;\n padding: 0.75rem 1.25rem;\n margin-bottom: -1px;\n background-color: #fff;\n border: 1px solid rgba(0, 0, 0, 0.125); }\n .list-group-item:first-child {\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem; }\n .list-group-item:last-child {\n margin-bottom: 0;\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem; }\n .list-group-item:hover, .list-group-item:focus {\n z-index: 1;\n text-decoration: none; }\n .list-group-item.disabled, .list-group-item:disabled {\n color: #6c757d;\n background-color: #fff; }\n .list-group-item.active {\n z-index: 2;\n color: #fff;\n background-color: #188ae2;\n border-color: #007bff; }\n\n.list-group-flush .list-group-item {\n border-right: 0;\n border-left: 0;\n border-radius: 0; }\n\n.list-group-flush:first-child .list-group-item:first-child {\n border-top: 0; }\n\n.list-group-flush:last-child .list-group-item:last-child {\n border-bottom: 0; }\n\n.list-group-item-primary {\n color: #0c4876;\n background-color: #bedef7; }\n .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {\n color: #0c4876;\n background-color: #a7d2f4; }\n .list-group-item-primary.list-group-item-action.active {\n color: #fff;\n background-color: #0c4876;\n border-color: #0c4876; }\n\n.list-group-item-secondary {\n color: #383d41;\n background-color: #d6d8db; }\n .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {\n color: #383d41;\n background-color: #c8cbcf; }\n .list-group-item-secondary.list-group-item-action.active {\n color: #fff;\n background-color: #383d41;\n border-color: #383d41; }\n\n.list-group-item-success {\n color: #196b3e;\n background-color: #c5f1d9; }\n .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {\n color: #196b3e;\n background-color: #b0eccc; }\n .list-group-item-success.list-group-item-action.active {\n color: #fff;\n background-color: #196b3e;\n border-color: #196b3e; }\n\n.list-group-item-info {\n color: #1c6074;\n background-color: #c6ebf6; }\n .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {\n color: #1c6074;\n background-color: #b0e3f3; }\n .list-group-item-info.list-group-item-action.active {\n color: #fff;\n background-color: #1c6074;\n border-color: #1c6074; }\n\n.list-group-item-warning {\n color: #836a30;\n background-color: #fef1d1; }\n .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {\n color: #836a30;\n background-color: #fde9b8; }\n .list-group-item-warning.list-group-item-action.active {\n color: #fff;\n background-color: #836a30;\n border-color: #836a30; }\n\n.list-group-item-danger {\n color: #7e2623;\n background-color: #fcccca; }\n .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {\n color: #7e2623;\n background-color: #fbb5b2; }\n .list-group-item-danger.list-group-item-action.active {\n color: #fff;\n background-color: #7e2623;\n border-color: #7e2623; }\n\n.list-group-item-light {\n color: #7e8081;\n background-color: #fcfcfd; }\n .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {\n color: #7e8081;\n background-color: #ededf3; }\n .list-group-item-light.list-group-item-action.active {\n color: #fff;\n background-color: #7e8081;\n border-color: #7e8081; }\n\n.list-group-item-dark {\n color: #1f2025;\n background-color: #c8c9cb; }\n .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {\n color: #1f2025;\n background-color: #bbbcbf; }\n .list-group-item-dark.list-group-item-action.active {\n color: #fff;\n background-color: #1f2025;\n border-color: #1f2025; }\n\n.close {\n float: right;\n font-size: 1.5rem;\n font-weight: 700;\n line-height: 1;\n color: #000;\n text-shadow: 0 1px 0 #fff;\n opacity: .5; }\n .close:hover, .close:focus {\n color: #000;\n text-decoration: none;\n opacity: .75; }\n .close:not(:disabled):not(.disabled) {\n cursor: pointer; }\n\nbutton.close {\n padding: 0;\n background-color: transparent;\n border: 0;\n -webkit-appearance: none; }\n\n.modal-open {\n overflow: hidden; }\n\n.modal {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1050;\n display: none;\n overflow: hidden;\n outline: 0; }\n .modal-open .modal {\n overflow-x: hidden;\n overflow-y: auto; }\n\n.modal-dialog {\n position: relative;\n width: auto;\n margin: 0.5rem;\n pointer-events: none; }\n .modal.fade .modal-dialog {\n transition: transform 0.3s ease-out;\n transform: translate(0, -25%); }\n @media screen and (prefers-reduced-motion: reduce) {\n .modal.fade .modal-dialog {\n transition: none; } }\n .modal.show .modal-dialog {\n transform: translate(0, 0); }\n\n.modal-dialog-centered {\n display: flex;\n align-items: center;\n min-height: calc(100% - (0.5rem * 2)); }\n\n.modal-content {\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n pointer-events: auto;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 0.3rem;\n outline: 0; }\n\n.modal-backdrop {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1040;\n background-color: #000; }\n .modal-backdrop.fade {\n opacity: 0; }\n .modal-backdrop.show {\n opacity: 0.5; }\n\n.modal-header {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n padding: 1.5rem;\n border-bottom: 1px solid #e9ecef;\n border-top-left-radius: 0.3rem;\n border-top-right-radius: 0.3rem; }\n .modal-header .close {\n padding: 1.5rem;\n margin: -1.5rem -1.5rem -1.5rem auto; }\n\n.modal-title {\n margin-bottom: 0;\n line-height: 1.5; }\n\n.modal-body {\n position: relative;\n flex: 1 1 auto;\n padding: 1.5rem; }\n\n.modal-footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: 1.5rem;\n border-top: 1px solid #e9ecef; }\n .modal-footer > :not(:first-child) {\n margin-left: .25rem; }\n .modal-footer > :not(:last-child) {\n margin-right: .25rem; }\n\n.modal-scrollbar-measure {\n position: absolute;\n top: -9999px;\n width: 50px;\n height: 50px;\n overflow: scroll; }\n\n@media (min-width: 576px) {\n .modal-dialog {\n max-width: 500px;\n margin: 1.75rem auto; }\n .modal-dialog-centered {\n min-height: calc(100% - (1.75rem * 2)); }\n .modal-sm {\n max-width: 300px; } }\n\n@media (min-width: 992px) {\n .modal-lg {\n max-width: 800px; } }\n\n.tooltip {\n position: absolute;\n z-index: 1070;\n display: block;\n margin: 0;\n font-family: \"Libre Franklin\", sans-serif;\n font-style: normal;\n font-weight: 400;\n line-height: 1.5;\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n white-space: normal;\n line-break: auto;\n font-size: 0.76563rem;\n word-wrap: break-word;\n opacity: 0; }\n .tooltip.show {\n opacity: 0.9; }\n .tooltip .arrow {\n position: absolute;\n display: block;\n width: 0.8rem;\n height: 0.4rem; }\n .tooltip .arrow::before {\n position: absolute;\n content: \"\";\n border-color: transparent;\n border-style: solid; }\n\n.bs-tooltip-top, .bs-tooltip-auto[x-placement^=\"top\"] {\n padding: 0.4rem 0; }\n .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=\"top\"] .arrow {\n bottom: 0; }\n .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=\"top\"] .arrow::before {\n top: 0;\n border-width: 0.4rem 0.4rem 0;\n border-top-color: #000; }\n\n.bs-tooltip-right, .bs-tooltip-auto[x-placement^=\"right\"] {\n padding: 0 0.4rem; }\n .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=\"right\"] .arrow {\n left: 0;\n width: 0.4rem;\n height: 0.8rem; }\n .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=\"right\"] .arrow::before {\n right: 0;\n border-width: 0.4rem 0.4rem 0.4rem 0;\n border-right-color: #000; }\n\n.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=\"bottom\"] {\n padding: 0.4rem 0; }\n .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=\"bottom\"] .arrow {\n top: 0; }\n .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=\"bottom\"] .arrow::before {\n bottom: 0;\n border-width: 0 0.4rem 0.4rem;\n border-bottom-color: #000; }\n\n.bs-tooltip-left, .bs-tooltip-auto[x-placement^=\"left\"] {\n padding: 0 0.4rem; }\n .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=\"left\"] .arrow {\n right: 0;\n width: 0.4rem;\n height: 0.8rem; }\n .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=\"left\"] .arrow::before {\n left: 0;\n border-width: 0.4rem 0 0.4rem 0.4rem;\n border-left-color: #000; }\n\n.tooltip-inner {\n max-width: 200px;\n padding: 0.25rem 0.5rem;\n color: #fff;\n text-align: center;\n background-color: #000;\n border-radius: 0.25rem; }\n\n.popover {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1060;\n display: block;\n max-width: 276px;\n font-family: \"Libre Franklin\", sans-serif;\n font-style: normal;\n font-weight: 400;\n line-height: 1.5;\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n white-space: normal;\n line-break: auto;\n font-size: 0.76563rem;\n word-wrap: break-word;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid #ced4da;\n border-radius: 0.3rem; }\n .popover .arrow {\n position: absolute;\n display: block;\n width: 1rem;\n height: 0.5rem;\n margin: 0 0.3rem; }\n .popover .arrow::before, .popover .arrow::after {\n position: absolute;\n display: block;\n content: \"\";\n border-color: transparent;\n border-style: solid; }\n\n.bs-popover-top, .bs-popover-auto[x-placement^=\"top\"] {\n margin-bottom: 0.5rem; }\n .bs-popover-top .arrow, .bs-popover-auto[x-placement^=\"top\"] .arrow {\n bottom: calc((0.5rem + 1px) * -1); }\n .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^=\"top\"] .arrow::before,\n .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^=\"top\"] .arrow::after {\n border-width: 0.5rem 0.5rem 0; }\n .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^=\"top\"] .arrow::before {\n bottom: 0;\n border-top-color: rgba(0, 0, 0, 0.25); }\n .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^=\"top\"] .arrow::after {\n bottom: 1px;\n border-top-color: #fff; }\n\n.bs-popover-right, .bs-popover-auto[x-placement^=\"right\"] {\n margin-left: 0.5rem; }\n .bs-popover-right .arrow, .bs-popover-auto[x-placement^=\"right\"] .arrow {\n left: calc((0.5rem + 1px) * -1);\n width: 0.5rem;\n height: 1rem;\n margin: 0.3rem 0; }\n .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^=\"right\"] .arrow::before,\n .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^=\"right\"] .arrow::after {\n border-width: 0.5rem 0.5rem 0.5rem 0; }\n .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^=\"right\"] .arrow::before {\n left: 0;\n border-right-color: rgba(0, 0, 0, 0.25); }\n .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^=\"right\"] .arrow::after {\n left: 1px;\n border-right-color: #fff; }\n\n.bs-popover-bottom, .bs-popover-auto[x-placement^=\"bottom\"] {\n margin-top: 0.5rem; }\n .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^=\"bottom\"] .arrow {\n top: calc((0.5rem + 1px) * -1); }\n .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^=\"bottom\"] .arrow::before,\n .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^=\"bottom\"] .arrow::after {\n border-width: 0 0.5rem 0.5rem 0.5rem; }\n .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^=\"bottom\"] .arrow::before {\n top: 0;\n border-bottom-color: rgba(0, 0, 0, 0.25); }\n .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^=\"bottom\"] .arrow::after {\n top: 1px;\n border-bottom-color: #fff; }\n .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=\"bottom\"] .popover-header::before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: 1rem;\n margin-left: -0.5rem;\n content: \"\";\n border-bottom: 1px solid #f7f7f7; }\n\n.bs-popover-left, .bs-popover-auto[x-placement^=\"left\"] {\n margin-right: 0.5rem; }\n .bs-popover-left .arrow, .bs-popover-auto[x-placement^=\"left\"] .arrow {\n right: calc((0.5rem + 1px) * -1);\n width: 0.5rem;\n height: 1rem;\n margin: 0.3rem 0; }\n .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^=\"left\"] .arrow::before,\n .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^=\"left\"] .arrow::after {\n border-width: 0.5rem 0 0.5rem 0.5rem; }\n .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^=\"left\"] .arrow::before {\n right: 0;\n border-left-color: rgba(0, 0, 0, 0.25); }\n .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^=\"left\"] .arrow::after {\n right: 1px;\n border-left-color: #fff; }\n\n.popover-header {\n padding: 0.8rem 0.95rem;\n margin-bottom: 0;\n font-size: 0.875rem;\n color: inherit;\n background-color: #f7f7f7;\n border-bottom: 1px solid #ebebeb;\n border-top-left-radius: calc(0.3rem - 1px);\n border-top-right-radius: calc(0.3rem - 1px); }\n .popover-header:empty {\n display: none; }\n\n.popover-body {\n padding: 0.5rem 0.75rem;\n color: #212529; }\n\n.carousel {\n position: relative; }\n\n.carousel-inner {\n position: relative;\n width: 100%;\n overflow: hidden; }\n\n.carousel-item {\n position: relative;\n display: none;\n align-items: center;\n width: 100%;\n transition: transform 0.6s ease;\n backface-visibility: hidden;\n perspective: 1000px; }\n @media screen and (prefers-reduced-motion: reduce) {\n .carousel-item {\n transition: none; } }\n\n.carousel-item.active,\n.carousel-item-next,\n.carousel-item-prev {\n display: block; }\n\n.carousel-item-next,\n.carousel-item-prev {\n position: absolute;\n top: 0; }\n\n.carousel-item-next.carousel-item-left,\n.carousel-item-prev.carousel-item-right {\n transform: translateX(0); }\n @supports (transform-style: preserve-3d) {\n .carousel-item-next.carousel-item-left,\n .carousel-item-prev.carousel-item-right {\n transform: translate3d(0, 0, 0); } }\n\n.carousel-item-next,\n.active.carousel-item-right {\n transform: translateX(100%); }\n @supports (transform-style: preserve-3d) {\n .carousel-item-next,\n .active.carousel-item-right {\n transform: translate3d(100%, 0, 0); } }\n\n.carousel-item-prev,\n.active.carousel-item-left {\n transform: translateX(-100%); }\n @supports (transform-style: preserve-3d) {\n .carousel-item-prev,\n .active.carousel-item-left {\n transform: translate3d(-100%, 0, 0); } }\n\n.carousel-fade .carousel-item {\n opacity: 0;\n transition-duration: .6s;\n transition-property: opacity; }\n\n.carousel-fade .carousel-item.active,\n.carousel-fade .carousel-item-next.carousel-item-left,\n.carousel-fade .carousel-item-prev.carousel-item-right {\n opacity: 1; }\n\n.carousel-fade .active.carousel-item-left,\n.carousel-fade .active.carousel-item-right {\n opacity: 0; }\n\n.carousel-fade .carousel-item-next,\n.carousel-fade .carousel-item-prev,\n.carousel-fade .carousel-item.active,\n.carousel-fade .active.carousel-item-left,\n.carousel-fade .active.carousel-item-prev {\n transform: translateX(0); }\n @supports (transform-style: preserve-3d) {\n .carousel-fade .carousel-item-next,\n .carousel-fade .carousel-item-prev,\n .carousel-fade .carousel-item.active,\n .carousel-fade .active.carousel-item-left,\n .carousel-fade .active.carousel-item-prev {\n transform: translate3d(0, 0, 0); } }\n\n.carousel-control-prev,\n.carousel-control-next {\n position: absolute;\n top: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 15%;\n color: #fff;\n text-align: center;\n opacity: 0.5; }\n .carousel-control-prev:hover, .carousel-control-prev:focus,\n .carousel-control-next:hover,\n .carousel-control-next:focus {\n color: #fff;\n text-decoration: none;\n outline: 0;\n opacity: .9; }\n\n.carousel-control-prev {\n left: 0; }\n\n.carousel-control-next {\n right: 0; }\n\n.carousel-control-prev-icon,\n.carousel-control-next-icon {\n display: inline-block;\n width: 20px;\n height: 20px;\n background: transparent no-repeat center center;\n background-size: 100% 100%; }\n\n.carousel-control-prev-icon {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E\"); }\n\n.carousel-control-next-icon {\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E\"); }\n\n.carousel-indicators {\n position: absolute;\n right: 0;\n bottom: 10px;\n left: 0;\n z-index: 15;\n display: flex;\n justify-content: center;\n padding-left: 0;\n margin-right: 15%;\n margin-left: 15%;\n list-style: none; }\n .carousel-indicators li {\n position: relative;\n flex: 0 1 auto;\n width: 30px;\n height: 3px;\n margin-right: 3px;\n margin-left: 3px;\n text-indent: -999px;\n cursor: pointer;\n background-color: rgba(255, 255, 255, 0.5); }\n .carousel-indicators li::before {\n position: absolute;\n top: -10px;\n left: 0;\n display: inline-block;\n width: 100%;\n height: 10px;\n content: \"\"; }\n .carousel-indicators li::after {\n position: absolute;\n bottom: -10px;\n left: 0;\n display: inline-block;\n width: 100%;\n height: 10px;\n content: \"\"; }\n .carousel-indicators .active {\n background-color: #fff; }\n\n.carousel-caption {\n position: absolute;\n right: 15%;\n bottom: 20px;\n left: 15%;\n z-index: 10;\n padding-top: 20px;\n padding-bottom: 20px;\n color: #fff;\n text-align: center; }\n\n.align-baseline {\n vertical-align: baseline !important; }\n\n.align-top {\n vertical-align: top !important; }\n\n.align-middle {\n vertical-align: middle !important; }\n\n.align-bottom {\n vertical-align: bottom !important; }\n\n.align-text-bottom {\n vertical-align: text-bottom !important; }\n\n.align-text-top {\n vertical-align: text-top !important; }\n\n.bg-primary {\n background-color: #188ae2 !important; }\n\na.bg-primary:hover, a.bg-primary:focus,\nbutton.bg-primary:hover,\nbutton.bg-primary:focus {\n background-color: #136eb4 !important; }\n\n.bg-secondary {\n background-color: #6c757d !important; }\n\na.bg-secondary:hover, a.bg-secondary:focus,\nbutton.bg-secondary:hover,\nbutton.bg-secondary:focus {\n background-color: #545b62 !important; }\n\n.bg-success {\n background-color: #31ce77 !important; }\n\na.bg-success:hover, a.bg-success:focus,\nbutton.bg-success:hover,\nbutton.bg-success:focus {\n background-color: #27a55f !important; }\n\n.bg-info {\n background-color: #35b8e0 !important; }\n\na.bg-info:hover, a.bg-info:focus,\nbutton.bg-info:hover,\nbutton.bg-info:focus {\n background-color: #1e9dc4 !important; }\n\n.bg-warning {\n background-color: #fbcc5c !important; }\n\na.bg-warning:hover, a.bg-warning:focus,\nbutton.bg-warning:hover,\nbutton.bg-warning:focus {\n background-color: #fabc2a !important; }\n\n.bg-danger {\n background-color: #f34943 !important; }\n\na.bg-danger:hover, a.bg-danger:focus,\nbutton.bg-danger:hover,\nbutton.bg-danger:focus {\n background-color: #f01b13 !important; }\n\n.bg-light {\n background-color: #f3f6f8 !important; }\n\na.bg-light:hover, a.bg-light:focus,\nbutton.bg-light:hover,\nbutton.bg-light:focus {\n background-color: #d3dee5 !important; }\n\n.bg-dark {\n background-color: #3b3e47 !important; }\n\na.bg-dark:hover, a.bg-dark:focus,\nbutton.bg-dark:hover,\nbutton.bg-dark:focus {\n background-color: #24262b !important; }\n\n.bg-white {\n background-color: #fff !important; }\n\n.bg-transparent {\n background-color: transparent !important; }\n\n.border {\n border: 1px solid #dee2e6 !important; }\n\n.border-top {\n border-top: 1px solid #dee2e6 !important; }\n\n.border-right {\n border-right: 1px solid #dee2e6 !important; }\n\n.border-bottom {\n border-bottom: 1px solid #dee2e6 !important; }\n\n.border-left {\n border-left: 1px solid #dee2e6 !important; }\n\n.border-0 {\n border: 0 !important; }\n\n.border-top-0 {\n border-top: 0 !important; }\n\n.border-right-0 {\n border-right: 0 !important; }\n\n.border-bottom-0 {\n border-bottom: 0 !important; }\n\n.border-left-0 {\n border-left: 0 !important; }\n\n.border-primary {\n border-color: #188ae2 !important; }\n\n.border-secondary {\n border-color: #6c757d !important; }\n\n.border-success {\n border-color: #31ce77 !important; }\n\n.border-info {\n border-color: #35b8e0 !important; }\n\n.border-warning {\n border-color: #fbcc5c !important; }\n\n.border-danger {\n border-color: #f34943 !important; }\n\n.border-light {\n border-color: #f3f6f8 !important; }\n\n.border-dark {\n border-color: #3b3e47 !important; }\n\n.border-white {\n border-color: #fff !important; }\n\n.rounded {\n border-radius: 0.25rem !important; }\n\n.rounded-top {\n border-top-left-radius: 0.25rem !important;\n border-top-right-radius: 0.25rem !important; }\n\n.rounded-right {\n border-top-right-radius: 0.25rem !important;\n border-bottom-right-radius: 0.25rem !important; }\n\n.rounded-bottom {\n border-bottom-right-radius: 0.25rem !important;\n border-bottom-left-radius: 0.25rem !important; }\n\n.rounded-left {\n border-top-left-radius: 0.25rem !important;\n border-bottom-left-radius: 0.25rem !important; }\n\n.rounded-circle {\n border-radius: 50% !important; }\n\n.rounded-0 {\n border-radius: 0 !important; }\n\n.clearfix::after {\n display: block;\n clear: both;\n content: \"\"; }\n\n.d-none {\n display: none !important; }\n\n.d-inline {\n display: inline !important; }\n\n.d-inline-block {\n display: inline-block !important; }\n\n.d-block {\n display: block !important; }\n\n.d-table {\n display: table !important; }\n\n.d-table-row {\n display: table-row !important; }\n\n.d-table-cell {\n display: table-cell !important; }\n\n.d-flex {\n display: flex !important; }\n\n.d-inline-flex {\n display: inline-flex !important; }\n\n@media (min-width: 576px) {\n .d-sm-none {\n display: none !important; }\n .d-sm-inline {\n display: inline !important; }\n .d-sm-inline-block {\n display: inline-block !important; }\n .d-sm-block {\n display: block !important; }\n .d-sm-table {\n display: table !important; }\n .d-sm-table-row {\n display: table-row !important; }\n .d-sm-table-cell {\n display: table-cell !important; }\n .d-sm-flex {\n display: flex !important; }\n .d-sm-inline-flex {\n display: inline-flex !important; } }\n\n@media (min-width: 768px) {\n .d-md-none {\n display: none !important; }\n .d-md-inline {\n display: inline !important; }\n .d-md-inline-block {\n display: inline-block !important; }\n .d-md-block {\n display: block !important; }\n .d-md-table {\n display: table !important; }\n .d-md-table-row {\n display: table-row !important; }\n .d-md-table-cell {\n display: table-cell !important; }\n .d-md-flex {\n display: flex !important; }\n .d-md-inline-flex {\n display: inline-flex !important; } }\n\n@media (min-width: 992px) {\n .d-lg-none {\n display: none !important; }\n .d-lg-inline {\n display: inline !important; }\n .d-lg-inline-block {\n display: inline-block !important; }\n .d-lg-block {\n display: block !important; }\n .d-lg-table {\n display: table !important; }\n .d-lg-table-row {\n display: table-row !important; }\n .d-lg-table-cell {\n display: table-cell !important; }\n .d-lg-flex {\n display: flex !important; }\n .d-lg-inline-flex {\n display: inline-flex !important; } }\n\n@media (min-width: 1200px) {\n .d-xl-none {\n display: none !important; }\n .d-xl-inline {\n display: inline !important; }\n .d-xl-inline-block {\n display: inline-block !important; }\n .d-xl-block {\n display: block !important; }\n .d-xl-table {\n display: table !important; }\n .d-xl-table-row {\n display: table-row !important; }\n .d-xl-table-cell {\n display: table-cell !important; }\n .d-xl-flex {\n display: flex !important; }\n .d-xl-inline-flex {\n display: inline-flex !important; } }\n\n@media print {\n .d-print-none {\n display: none !important; }\n .d-print-inline {\n display: inline !important; }\n .d-print-inline-block {\n display: inline-block !important; }\n .d-print-block {\n display: block !important; }\n .d-print-table {\n display: table !important; }\n .d-print-table-row {\n display: table-row !important; }\n .d-print-table-cell {\n display: table-cell !important; }\n .d-print-flex {\n display: flex !important; }\n .d-print-inline-flex {\n display: inline-flex !important; } }\n\n.embed-responsive {\n position: relative;\n display: block;\n width: 100%;\n padding: 0;\n overflow: hidden; }\n .embed-responsive::before {\n display: block;\n content: \"\"; }\n .embed-responsive .embed-responsive-item,\n .embed-responsive iframe,\n .embed-responsive embed,\n .embed-responsive object,\n .embed-responsive video {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0; }\n\n.embed-responsive-21by9::before {\n padding-top: 42.85714%; }\n\n.embed-responsive-16by9::before {\n padding-top: 56.25%; }\n\n.embed-responsive-4by3::before {\n padding-top: 75%; }\n\n.embed-responsive-1by1::before {\n padding-top: 100%; }\n\n.flex-row {\n flex-direction: row !important; }\n\n.flex-column {\n flex-direction: column !important; }\n\n.flex-row-reverse {\n flex-direction: row-reverse !important; }\n\n.flex-column-reverse {\n flex-direction: column-reverse !important; }\n\n.flex-wrap {\n flex-wrap: wrap !important; }\n\n.flex-nowrap {\n flex-wrap: nowrap !important; }\n\n.flex-wrap-reverse {\n flex-wrap: wrap-reverse !important; }\n\n.flex-fill {\n flex: 1 1 auto !important; }\n\n.flex-grow-0 {\n flex-grow: 0 !important; }\n\n.flex-grow-1 {\n flex-grow: 1 !important; }\n\n.flex-shrink-0 {\n flex-shrink: 0 !important; }\n\n.flex-shrink-1 {\n flex-shrink: 1 !important; }\n\n.justify-content-start {\n justify-content: flex-start !important; }\n\n.justify-content-end {\n justify-content: flex-end !important; }\n\n.justify-content-center {\n justify-content: center !important; }\n\n.justify-content-between {\n justify-content: space-between !important; }\n\n.justify-content-around {\n justify-content: space-around !important; }\n\n.align-items-start {\n align-items: flex-start !important; }\n\n.align-items-end {\n align-items: flex-end !important; }\n\n.align-items-center {\n align-items: center !important; }\n\n.align-items-baseline {\n align-items: baseline !important; }\n\n.align-items-stretch {\n align-items: stretch !important; }\n\n.align-content-start {\n align-content: flex-start !important; }\n\n.align-content-end {\n align-content: flex-end !important; }\n\n.align-content-center {\n align-content: center !important; }\n\n.align-content-between {\n align-content: space-between !important; }\n\n.align-content-around {\n align-content: space-around !important; }\n\n.align-content-stretch {\n align-content: stretch !important; }\n\n.align-self-auto {\n align-self: auto !important; }\n\n.align-self-start {\n align-self: flex-start !important; }\n\n.align-self-end {\n align-self: flex-end !important; }\n\n.align-self-center {\n align-self: center !important; }\n\n.align-self-baseline {\n align-self: baseline !important; }\n\n.align-self-stretch {\n align-self: stretch !important; }\n\n@media (min-width: 576px) {\n .flex-sm-row {\n flex-direction: row !important; }\n .flex-sm-column {\n flex-direction: column !important; }\n .flex-sm-row-reverse {\n flex-direction: row-reverse !important; }\n .flex-sm-column-reverse {\n flex-direction: column-reverse !important; }\n .flex-sm-wrap {\n flex-wrap: wrap !important; }\n .flex-sm-nowrap {\n flex-wrap: nowrap !important; }\n .flex-sm-wrap-reverse {\n flex-wrap: wrap-reverse !important; }\n .flex-sm-fill {\n flex: 1 1 auto !important; }\n .flex-sm-grow-0 {\n flex-grow: 0 !important; }\n .flex-sm-grow-1 {\n flex-grow: 1 !important; }\n .flex-sm-shrink-0 {\n flex-shrink: 0 !important; }\n .flex-sm-shrink-1 {\n flex-shrink: 1 !important; }\n .justify-content-sm-start {\n justify-content: flex-start !important; }\n .justify-content-sm-end {\n justify-content: flex-end !important; }\n .justify-content-sm-center {\n justify-content: center !important; }\n .justify-content-sm-between {\n justify-content: space-between !important; }\n .justify-content-sm-around {\n justify-content: space-around !important; }\n .align-items-sm-start {\n align-items: flex-start !important; }\n .align-items-sm-end {\n align-items: flex-end !important; }\n .align-items-sm-center {\n align-items: center !important; }\n .align-items-sm-baseline {\n align-items: baseline !important; }\n .align-items-sm-stretch {\n align-items: stretch !important; }\n .align-content-sm-start {\n align-content: flex-start !important; }\n .align-content-sm-end {\n align-content: flex-end !important; }\n .align-content-sm-center {\n align-content: center !important; }\n .align-content-sm-between {\n align-content: space-between !important; }\n .align-content-sm-around {\n align-content: space-around !important; }\n .align-content-sm-stretch {\n align-content: stretch !important; }\n .align-self-sm-auto {\n align-self: auto !important; }\n .align-self-sm-start {\n align-self: flex-start !important; }\n .align-self-sm-end {\n align-self: flex-end !important; }\n .align-self-sm-center {\n align-self: center !important; }\n .align-self-sm-baseline {\n align-self: baseline !important; }\n .align-self-sm-stretch {\n align-self: stretch !important; } }\n\n@media (min-width: 768px) {\n .flex-md-row {\n flex-direction: row !important; }\n .flex-md-column {\n flex-direction: column !important; }\n .flex-md-row-reverse {\n flex-direction: row-reverse !important; }\n .flex-md-column-reverse {\n flex-direction: column-reverse !important; }\n .flex-md-wrap {\n flex-wrap: wrap !important; }\n .flex-md-nowrap {\n flex-wrap: nowrap !important; }\n .flex-md-wrap-reverse {\n flex-wrap: wrap-reverse !important; }\n .flex-md-fill {\n flex: 1 1 auto !important; }\n .flex-md-grow-0 {\n flex-grow: 0 !important; }\n .flex-md-grow-1 {\n flex-grow: 1 !important; }\n .flex-md-shrink-0 {\n flex-shrink: 0 !important; }\n .flex-md-shrink-1 {\n flex-shrink: 1 !important; }\n .justify-content-md-start {\n justify-content: flex-start !important; }\n .justify-content-md-end {\n justify-content: flex-end !important; }\n .justify-content-md-center {\n justify-content: center !important; }\n .justify-content-md-between {\n justify-content: space-between !important; }\n .justify-content-md-around {\n justify-content: space-around !important; }\n .align-items-md-start {\n align-items: flex-start !important; }\n .align-items-md-end {\n align-items: flex-end !important; }\n .align-items-md-center {\n align-items: center !important; }\n .align-items-md-baseline {\n align-items: baseline !important; }\n .align-items-md-stretch {\n align-items: stretch !important; }\n .align-content-md-start {\n align-content: flex-start !important; }\n .align-content-md-end {\n align-content: flex-end !important; }\n .align-content-md-center {\n align-content: center !important; }\n .align-content-md-between {\n align-content: space-between !important; }\n .align-content-md-around {\n align-content: space-around !important; }\n .align-content-md-stretch {\n align-content: stretch !important; }\n .align-self-md-auto {\n align-self: auto !important; }\n .align-self-md-start {\n align-self: flex-start !important; }\n .align-self-md-end {\n align-self: flex-end !important; }\n .align-self-md-center {\n align-self: center !important; }\n .align-self-md-baseline {\n align-self: baseline !important; }\n .align-self-md-stretch {\n align-self: stretch !important; } }\n\n@media (min-width: 992px) {\n .flex-lg-row {\n flex-direction: row !important; }\n .flex-lg-column {\n flex-direction: column !important; }\n .flex-lg-row-reverse {\n flex-direction: row-reverse !important; }\n .flex-lg-column-reverse {\n flex-direction: column-reverse !important; }\n .flex-lg-wrap {\n flex-wrap: wrap !important; }\n .flex-lg-nowrap {\n flex-wrap: nowrap !important; }\n .flex-lg-wrap-reverse {\n flex-wrap: wrap-reverse !important; }\n .flex-lg-fill {\n flex: 1 1 auto !important; }\n .flex-lg-grow-0 {\n flex-grow: 0 !important; }\n .flex-lg-grow-1 {\n flex-grow: 1 !important; }\n .flex-lg-shrink-0 {\n flex-shrink: 0 !important; }\n .flex-lg-shrink-1 {\n flex-shrink: 1 !important; }\n .justify-content-lg-start {\n justify-content: flex-start !important; }\n .justify-content-lg-end {\n justify-content: flex-end !important; }\n .justify-content-lg-center {\n justify-content: center !important; }\n .justify-content-lg-between {\n justify-content: space-between !important; }\n .justify-content-lg-around {\n justify-content: space-around !important; }\n .align-items-lg-start {\n align-items: flex-start !important; }\n .align-items-lg-end {\n align-items: flex-end !important; }\n .align-items-lg-center {\n align-items: center !important; }\n .align-items-lg-baseline {\n align-items: baseline !important; }\n .align-items-lg-stretch {\n align-items: stretch !important; }\n .align-content-lg-start {\n align-content: flex-start !important; }\n .align-content-lg-end {\n align-content: flex-end !important; }\n .align-content-lg-center {\n align-content: center !important; }\n .align-content-lg-between {\n align-content: space-between !important; }\n .align-content-lg-around {\n align-content: space-around !important; }\n .align-content-lg-stretch {\n align-content: stretch !important; }\n .align-self-lg-auto {\n align-self: auto !important; }\n .align-self-lg-start {\n align-self: flex-start !important; }\n .align-self-lg-end {\n align-self: flex-end !important; }\n .align-self-lg-center {\n align-self: center !important; }\n .align-self-lg-baseline {\n align-self: baseline !important; }\n .align-self-lg-stretch {\n align-self: stretch !important; } }\n\n@media (min-width: 1200px) {\n .flex-xl-row {\n flex-direction: row !important; }\n .flex-xl-column {\n flex-direction: column !important; }\n .flex-xl-row-reverse {\n flex-direction: row-reverse !important; }\n .flex-xl-column-reverse {\n flex-direction: column-reverse !important; }\n .flex-xl-wrap {\n flex-wrap: wrap !important; }\n .flex-xl-nowrap {\n flex-wrap: nowrap !important; }\n .flex-xl-wrap-reverse {\n flex-wrap: wrap-reverse !important; }\n .flex-xl-fill {\n flex: 1 1 auto !important; }\n .flex-xl-grow-0 {\n flex-grow: 0 !important; }\n .flex-xl-grow-1 {\n flex-grow: 1 !important; }\n .flex-xl-shrink-0 {\n flex-shrink: 0 !important; }\n .flex-xl-shrink-1 {\n flex-shrink: 1 !important; }\n .justify-content-xl-start {\n justify-content: flex-start !important; }\n .justify-content-xl-end {\n justify-content: flex-end !important; }\n .justify-content-xl-center {\n justify-content: center !important; }\n .justify-content-xl-between {\n justify-content: space-between !important; }\n .justify-content-xl-around {\n justify-content: space-around !important; }\n .align-items-xl-start {\n align-items: flex-start !important; }\n .align-items-xl-end {\n align-items: flex-end !important; }\n .align-items-xl-center {\n align-items: center !important; }\n .align-items-xl-baseline {\n align-items: baseline !important; }\n .align-items-xl-stretch {\n align-items: stretch !important; }\n .align-content-xl-start {\n align-content: flex-start !important; }\n .align-content-xl-end {\n align-content: flex-end !important; }\n .align-content-xl-center {\n align-content: center !important; }\n .align-content-xl-between {\n align-content: space-between !important; }\n .align-content-xl-around {\n align-content: space-around !important; }\n .align-content-xl-stretch {\n align-content: stretch !important; }\n .align-self-xl-auto {\n align-self: auto !important; }\n .align-self-xl-start {\n align-self: flex-start !important; }\n .align-self-xl-end {\n align-self: flex-end !important; }\n .align-self-xl-center {\n align-self: center !important; }\n .align-self-xl-baseline {\n align-self: baseline !important; }\n .align-self-xl-stretch {\n align-self: stretch !important; } }\n\n.float-left {\n float: left !important; }\n\n.float-right {\n float: right !important; }\n\n.float-none {\n float: none !important; }\n\n@media (min-width: 576px) {\n .float-sm-left {\n float: left !important; }\n .float-sm-right {\n float: right !important; }\n .float-sm-none {\n float: none !important; } }\n\n@media (min-width: 768px) {\n .float-md-left {\n float: left !important; }\n .float-md-right {\n float: right !important; }\n .float-md-none {\n float: none !important; } }\n\n@media (min-width: 992px) {\n .float-lg-left {\n float: left !important; }\n .float-lg-right {\n float: right !important; }\n .float-lg-none {\n float: none !important; } }\n\n@media (min-width: 1200px) {\n .float-xl-left {\n float: left !important; }\n .float-xl-right {\n float: right !important; }\n .float-xl-none {\n float: none !important; } }\n\n.position-static {\n position: static !important; }\n\n.position-relative {\n position: relative !important; }\n\n.position-absolute {\n position: absolute !important; }\n\n.position-fixed {\n position: fixed !important; }\n\n.position-sticky {\n position: sticky !important; }\n\n.fixed-top {\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1030; }\n\n.fixed-bottom {\n position: fixed;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1030; }\n\n@supports (position: sticky) {\n .sticky-top {\n position: sticky;\n top: 0;\n z-index: 1020; } }\n\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0; }\n\n.sr-only-focusable:active, .sr-only-focusable:focus {\n position: static;\n width: auto;\n height: auto;\n overflow: visible;\n clip: auto;\n white-space: normal; }\n\n.shadow-sm {\n box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }\n\n.shadow {\n box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }\n\n.shadow-lg {\n box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }\n\n.shadow-none {\n box-shadow: none !important; }\n\n.w-25 {\n width: 25% !important; }\n\n.w-50 {\n width: 50% !important; }\n\n.w-75 {\n width: 75% !important; }\n\n.w-100 {\n width: 100% !important; }\n\n.w-auto {\n width: auto !important; }\n\n.w-15 {\n width: 15% !important; }\n\n.h-25 {\n height: 25% !important; }\n\n.h-50 {\n height: 50% !important; }\n\n.h-75 {\n height: 75% !important; }\n\n.h-100 {\n height: 100% !important; }\n\n.h-auto {\n height: auto !important; }\n\n.h-15 {\n height: 15% !important; }\n\n.mw-100 {\n max-width: 100% !important; }\n\n.mh-100 {\n max-height: 100% !important; }\n\n.m-0 {\n margin: 0 !important; }\n\n.mt-0,\n.my-0 {\n margin-top: 0 !important; }\n\n.mr-0,\n.mx-0 {\n margin-right: 0 !important; }\n\n.mb-0,\n.my-0 {\n margin-bottom: 0 !important; }\n\n.ml-0,\n.mx-0 {\n margin-left: 0 !important; }\n\n.m-1 {\n margin: 0.375rem !important; }\n\n.mt-1,\n.my-1 {\n margin-top: 0.375rem !important; }\n\n.mr-1,\n.mx-1 {\n margin-right: 0.375rem !important; }\n\n.mb-1,\n.my-1 {\n margin-bottom: 0.375rem !important; }\n\n.ml-1,\n.mx-1 {\n margin-left: 0.375rem !important; }\n\n.m-2 {\n margin: 0.75rem !important; }\n\n.mt-2,\n.my-2 {\n margin-top: 0.75rem !important; }\n\n.mr-2,\n.mx-2 {\n margin-right: 0.75rem !important; }\n\n.mb-2,\n.my-2 {\n margin-bottom: 0.75rem !important; }\n\n.ml-2,\n.mx-2 {\n margin-left: 0.75rem !important; }\n\n.m-3 {\n margin: 1.5rem !important; }\n\n.mt-3,\n.my-3 {\n margin-top: 1.5rem !important; }\n\n.mr-3,\n.mx-3 {\n margin-right: 1.5rem !important; }\n\n.mb-3,\n.my-3 {\n margin-bottom: 1.5rem !important; }\n\n.ml-3,\n.mx-3 {\n margin-left: 1.5rem !important; }\n\n.m-4 {\n margin: 2.25rem !important; }\n\n.mt-4,\n.my-4 {\n margin-top: 2.25rem !important; }\n\n.mr-4,\n.mx-4 {\n margin-right: 2.25rem !important; }\n\n.mb-4,\n.my-4 {\n margin-bottom: 2.25rem !important; }\n\n.ml-4,\n.mx-4 {\n margin-left: 2.25rem !important; }\n\n.m-5 {\n margin: 4.5rem !important; }\n\n.mt-5,\n.my-5 {\n margin-top: 4.5rem !important; }\n\n.mr-5,\n.mx-5 {\n margin-right: 4.5rem !important; }\n\n.mb-5,\n.my-5 {\n margin-bottom: 4.5rem !important; }\n\n.ml-5,\n.mx-5 {\n margin-left: 4.5rem !important; }\n\n.p-0 {\n padding: 0 !important; }\n\n.pt-0,\n.py-0 {\n padding-top: 0 !important; }\n\n.pr-0,\n.px-0 {\n padding-right: 0 !important; }\n\n.pb-0,\n.py-0 {\n padding-bottom: 0 !important; }\n\n.pl-0,\n.px-0 {\n padding-left: 0 !important; }\n\n.p-1 {\n padding: 0.375rem !important; }\n\n.pt-1,\n.py-1 {\n padding-top: 0.375rem !important; }\n\n.pr-1,\n.px-1 {\n padding-right: 0.375rem !important; }\n\n.pb-1,\n.py-1 {\n padding-bottom: 0.375rem !important; }\n\n.pl-1,\n.px-1 {\n padding-left: 0.375rem !important; }\n\n.p-2 {\n padding: 0.75rem !important; }\n\n.pt-2,\n.py-2 {\n padding-top: 0.75rem !important; }\n\n.pr-2,\n.px-2 {\n padding-right: 0.75rem !important; }\n\n.pb-2,\n.py-2 {\n padding-bottom: 0.75rem !important; }\n\n.pl-2,\n.px-2 {\n padding-left: 0.75rem !important; }\n\n.p-3 {\n padding: 1.5rem !important; }\n\n.pt-3,\n.py-3 {\n padding-top: 1.5rem !important; }\n\n.pr-3,\n.px-3 {\n padding-right: 1.5rem !important; }\n\n.pb-3,\n.py-3 {\n padding-bottom: 1.5rem !important; }\n\n.pl-3,\n.px-3 {\n padding-left: 1.5rem !important; }\n\n.p-4 {\n padding: 2.25rem !important; }\n\n.pt-4,\n.py-4 {\n padding-top: 2.25rem !important; }\n\n.pr-4,\n.px-4 {\n padding-right: 2.25rem !important; }\n\n.pb-4,\n.py-4 {\n padding-bottom: 2.25rem !important; }\n\n.pl-4,\n.px-4 {\n padding-left: 2.25rem !important; }\n\n.p-5 {\n padding: 4.5rem !important; }\n\n.pt-5,\n.py-5 {\n padding-top: 4.5rem !important; }\n\n.pr-5,\n.px-5 {\n padding-right: 4.5rem !important; }\n\n.pb-5,\n.py-5 {\n padding-bottom: 4.5rem !important; }\n\n.pl-5,\n.px-5 {\n padding-left: 4.5rem !important; }\n\n.m-auto {\n margin: auto !important; }\n\n.mt-auto,\n.my-auto {\n margin-top: auto !important; }\n\n.mr-auto,\n.mx-auto {\n margin-right: auto !important; }\n\n.mb-auto,\n.my-auto {\n margin-bottom: auto !important; }\n\n.ml-auto,\n.mx-auto {\n margin-left: auto !important; }\n\n@media (min-width: 576px) {\n .m-sm-0 {\n margin: 0 !important; }\n .mt-sm-0,\n .my-sm-0 {\n margin-top: 0 !important; }\n .mr-sm-0,\n .mx-sm-0 {\n margin-right: 0 !important; }\n .mb-sm-0,\n .my-sm-0 {\n margin-bottom: 0 !important; }\n .ml-sm-0,\n .mx-sm-0 {\n margin-left: 0 !important; }\n .m-sm-1 {\n margin: 0.375rem !important; }\n .mt-sm-1,\n .my-sm-1 {\n margin-top: 0.375rem !important; }\n .mr-sm-1,\n .mx-sm-1 {\n margin-right: 0.375rem !important; }\n .mb-sm-1,\n .my-sm-1 {\n margin-bottom: 0.375rem !important; }\n .ml-sm-1,\n .mx-sm-1 {\n margin-left: 0.375rem !important; }\n .m-sm-2 {\n margin: 0.75rem !important; }\n .mt-sm-2,\n .my-sm-2 {\n margin-top: 0.75rem !important; }\n .mr-sm-2,\n .mx-sm-2 {\n margin-right: 0.75rem !important; }\n .mb-sm-2,\n .my-sm-2 {\n margin-bottom: 0.75rem !important; }\n .ml-sm-2,\n .mx-sm-2 {\n margin-left: 0.75rem !important; }\n .m-sm-3 {\n margin: 1.5rem !important; }\n .mt-sm-3,\n .my-sm-3 {\n margin-top: 1.5rem !important; }\n .mr-sm-3,\n .mx-sm-3 {\n margin-right: 1.5rem !important; }\n .mb-sm-3,\n .my-sm-3 {\n margin-bottom: 1.5rem !important; }\n .ml-sm-3,\n .mx-sm-3 {\n margin-left: 1.5rem !important; }\n .m-sm-4 {\n margin: 2.25rem !important; }\n .mt-sm-4,\n .my-sm-4 {\n margin-top: 2.25rem !important; }\n .mr-sm-4,\n .mx-sm-4 {\n margin-right: 2.25rem !important; }\n .mb-sm-4,\n .my-sm-4 {\n margin-bottom: 2.25rem !important; }\n .ml-sm-4,\n .mx-sm-4 {\n margin-left: 2.25rem !important; }\n .m-sm-5 {\n margin: 4.5rem !important; }\n .mt-sm-5,\n .my-sm-5 {\n margin-top: 4.5rem !important; }\n .mr-sm-5,\n .mx-sm-5 {\n margin-right: 4.5rem !important; }\n .mb-sm-5,\n .my-sm-5 {\n margin-bottom: 4.5rem !important; }\n .ml-sm-5,\n .mx-sm-5 {\n margin-left: 4.5rem !important; }\n .p-sm-0 {\n padding: 0 !important; }\n .pt-sm-0,\n .py-sm-0 {\n padding-top: 0 !important; }\n .pr-sm-0,\n .px-sm-0 {\n padding-right: 0 !important; }\n .pb-sm-0,\n .py-sm-0 {\n padding-bottom: 0 !important; }\n .pl-sm-0,\n .px-sm-0 {\n padding-left: 0 !important; }\n .p-sm-1 {\n padding: 0.375rem !important; }\n .pt-sm-1,\n .py-sm-1 {\n padding-top: 0.375rem !important; }\n .pr-sm-1,\n .px-sm-1 {\n padding-right: 0.375rem !important; }\n .pb-sm-1,\n .py-sm-1 {\n padding-bottom: 0.375rem !important; }\n .pl-sm-1,\n .px-sm-1 {\n padding-left: 0.375rem !important; }\n .p-sm-2 {\n padding: 0.75rem !important; }\n .pt-sm-2,\n .py-sm-2 {\n padding-top: 0.75rem !important; }\n .pr-sm-2,\n .px-sm-2 {\n padding-right: 0.75rem !important; }\n .pb-sm-2,\n .py-sm-2 {\n padding-bottom: 0.75rem !important; }\n .pl-sm-2,\n .px-sm-2 {\n padding-left: 0.75rem !important; }\n .p-sm-3 {\n padding: 1.5rem !important; }\n .pt-sm-3,\n .py-sm-3 {\n padding-top: 1.5rem !important; }\n .pr-sm-3,\n .px-sm-3 {\n padding-right: 1.5rem !important; }\n .pb-sm-3,\n .py-sm-3 {\n padding-bottom: 1.5rem !important; }\n .pl-sm-3,\n .px-sm-3 {\n padding-left: 1.5rem !important; }\n .p-sm-4 {\n padding: 2.25rem !important; }\n .pt-sm-4,\n .py-sm-4 {\n padding-top: 2.25rem !important; }\n .pr-sm-4,\n .px-sm-4 {\n padding-right: 2.25rem !important; }\n .pb-sm-4,\n .py-sm-4 {\n padding-bottom: 2.25rem !important; }\n .pl-sm-4,\n .px-sm-4 {\n padding-left: 2.25rem !important; }\n .p-sm-5 {\n padding: 4.5rem !important; }\n .pt-sm-5,\n .py-sm-5 {\n padding-top: 4.5rem !important; }\n .pr-sm-5,\n .px-sm-5 {\n padding-right: 4.5rem !important; }\n .pb-sm-5,\n .py-sm-5 {\n padding-bottom: 4.5rem !important; }\n .pl-sm-5,\n .px-sm-5 {\n padding-left: 4.5rem !important; }\n .m-sm-auto {\n margin: auto !important; }\n .mt-sm-auto,\n .my-sm-auto {\n margin-top: auto !important; }\n .mr-sm-auto,\n .mx-sm-auto {\n margin-right: auto !important; }\n .mb-sm-auto,\n .my-sm-auto {\n margin-bottom: auto !important; }\n .ml-sm-auto,\n .mx-sm-auto {\n margin-left: auto !important; } }\n\n@media (min-width: 768px) {\n .m-md-0 {\n margin: 0 !important; }\n .mt-md-0,\n .my-md-0 {\n margin-top: 0 !important; }\n .mr-md-0,\n .mx-md-0 {\n margin-right: 0 !important; }\n .mb-md-0,\n .my-md-0 {\n margin-bottom: 0 !important; }\n .ml-md-0,\n .mx-md-0 {\n margin-left: 0 !important; }\n .m-md-1 {\n margin: 0.375rem !important; }\n .mt-md-1,\n .my-md-1 {\n margin-top: 0.375rem !important; }\n .mr-md-1,\n .mx-md-1 {\n margin-right: 0.375rem !important; }\n .mb-md-1,\n .my-md-1 {\n margin-bottom: 0.375rem !important; }\n .ml-md-1,\n .mx-md-1 {\n margin-left: 0.375rem !important; }\n .m-md-2 {\n margin: 0.75rem !important; }\n .mt-md-2,\n .my-md-2 {\n margin-top: 0.75rem !important; }\n .mr-md-2,\n .mx-md-2 {\n margin-right: 0.75rem !important; }\n .mb-md-2,\n .my-md-2 {\n margin-bottom: 0.75rem !important; }\n .ml-md-2,\n .mx-md-2 {\n margin-left: 0.75rem !important; }\n .m-md-3 {\n margin: 1.5rem !important; }\n .mt-md-3,\n .my-md-3 {\n margin-top: 1.5rem !important; }\n .mr-md-3,\n .mx-md-3 {\n margin-right: 1.5rem !important; }\n .mb-md-3,\n .my-md-3 {\n margin-bottom: 1.5rem !important; }\n .ml-md-3,\n .mx-md-3 {\n margin-left: 1.5rem !important; }\n .m-md-4 {\n margin: 2.25rem !important; }\n .mt-md-4,\n .my-md-4 {\n margin-top: 2.25rem !important; }\n .mr-md-4,\n .mx-md-4 {\n margin-right: 2.25rem !important; }\n .mb-md-4,\n .my-md-4 {\n margin-bottom: 2.25rem !important; }\n .ml-md-4,\n .mx-md-4 {\n margin-left: 2.25rem !important; }\n .m-md-5 {\n margin: 4.5rem !important; }\n .mt-md-5,\n .my-md-5 {\n margin-top: 4.5rem !important; }\n .mr-md-5,\n .mx-md-5 {\n margin-right: 4.5rem !important; }\n .mb-md-5,\n .my-md-5 {\n margin-bottom: 4.5rem !important; }\n .ml-md-5,\n .mx-md-5 {\n margin-left: 4.5rem !important; }\n .p-md-0 {\n padding: 0 !important; }\n .pt-md-0,\n .py-md-0 {\n padding-top: 0 !important; }\n .pr-md-0,\n .px-md-0 {\n padding-right: 0 !important; }\n .pb-md-0,\n .py-md-0 {\n padding-bottom: 0 !important; }\n .pl-md-0,\n .px-md-0 {\n padding-left: 0 !important; }\n .p-md-1 {\n padding: 0.375rem !important; }\n .pt-md-1,\n .py-md-1 {\n padding-top: 0.375rem !important; }\n .pr-md-1,\n .px-md-1 {\n padding-right: 0.375rem !important; }\n .pb-md-1,\n .py-md-1 {\n padding-bottom: 0.375rem !important; }\n .pl-md-1,\n .px-md-1 {\n padding-left: 0.375rem !important; }\n .p-md-2 {\n padding: 0.75rem !important; }\n .pt-md-2,\n .py-md-2 {\n padding-top: 0.75rem !important; }\n .pr-md-2,\n .px-md-2 {\n padding-right: 0.75rem !important; }\n .pb-md-2,\n .py-md-2 {\n padding-bottom: 0.75rem !important; }\n .pl-md-2,\n .px-md-2 {\n padding-left: 0.75rem !important; }\n .p-md-3 {\n padding: 1.5rem !important; }\n .pt-md-3,\n .py-md-3 {\n padding-top: 1.5rem !important; }\n .pr-md-3,\n .px-md-3 {\n padding-right: 1.5rem !important; }\n .pb-md-3,\n .py-md-3 {\n padding-bottom: 1.5rem !important; }\n .pl-md-3,\n .px-md-3 {\n padding-left: 1.5rem !important; }\n .p-md-4 {\n padding: 2.25rem !important; }\n .pt-md-4,\n .py-md-4 {\n padding-top: 2.25rem !important; }\n .pr-md-4,\n .px-md-4 {\n padding-right: 2.25rem !important; }\n .pb-md-4,\n .py-md-4 {\n padding-bottom: 2.25rem !important; }\n .pl-md-4,\n .px-md-4 {\n padding-left: 2.25rem !important; }\n .p-md-5 {\n padding: 4.5rem !important; }\n .pt-md-5,\n .py-md-5 {\n padding-top: 4.5rem !important; }\n .pr-md-5,\n .px-md-5 {\n padding-right: 4.5rem !important; }\n .pb-md-5,\n .py-md-5 {\n padding-bottom: 4.5rem !important; }\n .pl-md-5,\n .px-md-5 {\n padding-left: 4.5rem !important; }\n .m-md-auto {\n margin: auto !important; }\n .mt-md-auto,\n .my-md-auto {\n margin-top: auto !important; }\n .mr-md-auto,\n .mx-md-auto {\n margin-right: auto !important; }\n .mb-md-auto,\n .my-md-auto {\n margin-bottom: auto !important; }\n .ml-md-auto,\n .mx-md-auto {\n margin-left: auto !important; } }\n\n@media (min-width: 992px) {\n .m-lg-0 {\n margin: 0 !important; }\n .mt-lg-0,\n .my-lg-0 {\n margin-top: 0 !important; }\n .mr-lg-0,\n .mx-lg-0 {\n margin-right: 0 !important; }\n .mb-lg-0,\n .my-lg-0 {\n margin-bottom: 0 !important; }\n .ml-lg-0,\n .mx-lg-0 {\n margin-left: 0 !important; }\n .m-lg-1 {\n margin: 0.375rem !important; }\n .mt-lg-1,\n .my-lg-1 {\n margin-top: 0.375rem !important; }\n .mr-lg-1,\n .mx-lg-1 {\n margin-right: 0.375rem !important; }\n .mb-lg-1,\n .my-lg-1 {\n margin-bottom: 0.375rem !important; }\n .ml-lg-1,\n .mx-lg-1 {\n margin-left: 0.375rem !important; }\n .m-lg-2 {\n margin: 0.75rem !important; }\n .mt-lg-2,\n .my-lg-2 {\n margin-top: 0.75rem !important; }\n .mr-lg-2,\n .mx-lg-2 {\n margin-right: 0.75rem !important; }\n .mb-lg-2,\n .my-lg-2 {\n margin-bottom: 0.75rem !important; }\n .ml-lg-2,\n .mx-lg-2 {\n margin-left: 0.75rem !important; }\n .m-lg-3 {\n margin: 1.5rem !important; }\n .mt-lg-3,\n .my-lg-3 {\n margin-top: 1.5rem !important; }\n .mr-lg-3,\n .mx-lg-3 {\n margin-right: 1.5rem !important; }\n .mb-lg-3,\n .my-lg-3 {\n margin-bottom: 1.5rem !important; }\n .ml-lg-3,\n .mx-lg-3 {\n margin-left: 1.5rem !important; }\n .m-lg-4 {\n margin: 2.25rem !important; }\n .mt-lg-4,\n .my-lg-4 {\n margin-top: 2.25rem !important; }\n .mr-lg-4,\n .mx-lg-4 {\n margin-right: 2.25rem !important; }\n .mb-lg-4,\n .my-lg-4 {\n margin-bottom: 2.25rem !important; }\n .ml-lg-4,\n .mx-lg-4 {\n margin-left: 2.25rem !important; }\n .m-lg-5 {\n margin: 4.5rem !important; }\n .mt-lg-5,\n .my-lg-5 {\n margin-top: 4.5rem !important; }\n .mr-lg-5,\n .mx-lg-5 {\n margin-right: 4.5rem !important; }\n .mb-lg-5,\n .my-lg-5 {\n margin-bottom: 4.5rem !important; }\n .ml-lg-5,\n .mx-lg-5 {\n margin-left: 4.5rem !important; }\n .p-lg-0 {\n padding: 0 !important; }\n .pt-lg-0,\n .py-lg-0 {\n padding-top: 0 !important; }\n .pr-lg-0,\n .px-lg-0 {\n padding-right: 0 !important; }\n .pb-lg-0,\n .py-lg-0 {\n padding-bottom: 0 !important; }\n .pl-lg-0,\n .px-lg-0 {\n padding-left: 0 !important; }\n .p-lg-1 {\n padding: 0.375rem !important; }\n .pt-lg-1,\n .py-lg-1 {\n padding-top: 0.375rem !important; }\n .pr-lg-1,\n .px-lg-1 {\n padding-right: 0.375rem !important; }\n .pb-lg-1,\n .py-lg-1 {\n padding-bottom: 0.375rem !important; }\n .pl-lg-1,\n .px-lg-1 {\n padding-left: 0.375rem !important; }\n .p-lg-2 {\n padding: 0.75rem !important; }\n .pt-lg-2,\n .py-lg-2 {\n padding-top: 0.75rem !important; }\n .pr-lg-2,\n .px-lg-2 {\n padding-right: 0.75rem !important; }\n .pb-lg-2,\n .py-lg-2 {\n padding-bottom: 0.75rem !important; }\n .pl-lg-2,\n .px-lg-2 {\n padding-left: 0.75rem !important; }\n .p-lg-3 {\n padding: 1.5rem !important; }\n .pt-lg-3,\n .py-lg-3 {\n padding-top: 1.5rem !important; }\n .pr-lg-3,\n .px-lg-3 {\n padding-right: 1.5rem !important; }\n .pb-lg-3,\n .py-lg-3 {\n padding-bottom: 1.5rem !important; }\n .pl-lg-3,\n .px-lg-3 {\n padding-left: 1.5rem !important; }\n .p-lg-4 {\n padding: 2.25rem !important; }\n .pt-lg-4,\n .py-lg-4 {\n padding-top: 2.25rem !important; }\n .pr-lg-4,\n .px-lg-4 {\n padding-right: 2.25rem !important; }\n .pb-lg-4,\n .py-lg-4 {\n padding-bottom: 2.25rem !important; }\n .pl-lg-4,\n .px-lg-4 {\n padding-left: 2.25rem !important; }\n .p-lg-5 {\n padding: 4.5rem !important; }\n .pt-lg-5,\n .py-lg-5 {\n padding-top: 4.5rem !important; }\n .pr-lg-5,\n .px-lg-5 {\n padding-right: 4.5rem !important; }\n .pb-lg-5,\n .py-lg-5 {\n padding-bottom: 4.5rem !important; }\n .pl-lg-5,\n .px-lg-5 {\n padding-left: 4.5rem !important; }\n .m-lg-auto {\n margin: auto !important; }\n .mt-lg-auto,\n .my-lg-auto {\n margin-top: auto !important; }\n .mr-lg-auto,\n .mx-lg-auto {\n margin-right: auto !important; }\n .mb-lg-auto,\n .my-lg-auto {\n margin-bottom: auto !important; }\n .ml-lg-auto,\n .mx-lg-auto {\n margin-left: auto !important; } }\n\n@media (min-width: 1200px) {\n .m-xl-0 {\n margin: 0 !important; }\n .mt-xl-0,\n .my-xl-0 {\n margin-top: 0 !important; }\n .mr-xl-0,\n .mx-xl-0 {\n margin-right: 0 !important; }\n .mb-xl-0,\n .my-xl-0 {\n margin-bottom: 0 !important; }\n .ml-xl-0,\n .mx-xl-0 {\n margin-left: 0 !important; }\n .m-xl-1 {\n margin: 0.375rem !important; }\n .mt-xl-1,\n .my-xl-1 {\n margin-top: 0.375rem !important; }\n .mr-xl-1,\n .mx-xl-1 {\n margin-right: 0.375rem !important; }\n .mb-xl-1,\n .my-xl-1 {\n margin-bottom: 0.375rem !important; }\n .ml-xl-1,\n .mx-xl-1 {\n margin-left: 0.375rem !important; }\n .m-xl-2 {\n margin: 0.75rem !important; }\n .mt-xl-2,\n .my-xl-2 {\n margin-top: 0.75rem !important; }\n .mr-xl-2,\n .mx-xl-2 {\n margin-right: 0.75rem !important; }\n .mb-xl-2,\n .my-xl-2 {\n margin-bottom: 0.75rem !important; }\n .ml-xl-2,\n .mx-xl-2 {\n margin-left: 0.75rem !important; }\n .m-xl-3 {\n margin: 1.5rem !important; }\n .mt-xl-3,\n .my-xl-3 {\n margin-top: 1.5rem !important; }\n .mr-xl-3,\n .mx-xl-3 {\n margin-right: 1.5rem !important; }\n .mb-xl-3,\n .my-xl-3 {\n margin-bottom: 1.5rem !important; }\n .ml-xl-3,\n .mx-xl-3 {\n margin-left: 1.5rem !important; }\n .m-xl-4 {\n margin: 2.25rem !important; }\n .mt-xl-4,\n .my-xl-4 {\n margin-top: 2.25rem !important; }\n .mr-xl-4,\n .mx-xl-4 {\n margin-right: 2.25rem !important; }\n .mb-xl-4,\n .my-xl-4 {\n margin-bottom: 2.25rem !important; }\n .ml-xl-4,\n .mx-xl-4 {\n margin-left: 2.25rem !important; }\n .m-xl-5 {\n margin: 4.5rem !important; }\n .mt-xl-5,\n .my-xl-5 {\n margin-top: 4.5rem !important; }\n .mr-xl-5,\n .mx-xl-5 {\n margin-right: 4.5rem !important; }\n .mb-xl-5,\n .my-xl-5 {\n margin-bottom: 4.5rem !important; }\n .ml-xl-5,\n .mx-xl-5 {\n margin-left: 4.5rem !important; }\n .p-xl-0 {\n padding: 0 !important; }\n .pt-xl-0,\n .py-xl-0 {\n padding-top: 0 !important; }\n .pr-xl-0,\n .px-xl-0 {\n padding-right: 0 !important; }\n .pb-xl-0,\n .py-xl-0 {\n padding-bottom: 0 !important; }\n .pl-xl-0,\n .px-xl-0 {\n padding-left: 0 !important; }\n .p-xl-1 {\n padding: 0.375rem !important; }\n .pt-xl-1,\n .py-xl-1 {\n padding-top: 0.375rem !important; }\n .pr-xl-1,\n .px-xl-1 {\n padding-right: 0.375rem !important; }\n .pb-xl-1,\n .py-xl-1 {\n padding-bottom: 0.375rem !important; }\n .pl-xl-1,\n .px-xl-1 {\n padding-left: 0.375rem !important; }\n .p-xl-2 {\n padding: 0.75rem !important; }\n .pt-xl-2,\n .py-xl-2 {\n padding-top: 0.75rem !important; }\n .pr-xl-2,\n .px-xl-2 {\n padding-right: 0.75rem !important; }\n .pb-xl-2,\n .py-xl-2 {\n padding-bottom: 0.75rem !important; }\n .pl-xl-2,\n .px-xl-2 {\n padding-left: 0.75rem !important; }\n .p-xl-3 {\n padding: 1.5rem !important; }\n .pt-xl-3,\n .py-xl-3 {\n padding-top: 1.5rem !important; }\n .pr-xl-3,\n .px-xl-3 {\n padding-right: 1.5rem !important; }\n .pb-xl-3,\n .py-xl-3 {\n padding-bottom: 1.5rem !important; }\n .pl-xl-3,\n .px-xl-3 {\n padding-left: 1.5rem !important; }\n .p-xl-4 {\n padding: 2.25rem !important; }\n .pt-xl-4,\n .py-xl-4 {\n padding-top: 2.25rem !important; }\n .pr-xl-4,\n .px-xl-4 {\n padding-right: 2.25rem !important; }\n .pb-xl-4,\n .py-xl-4 {\n padding-bottom: 2.25rem !important; }\n .pl-xl-4,\n .px-xl-4 {\n padding-left: 2.25rem !important; }\n .p-xl-5 {\n padding: 4.5rem !important; }\n .pt-xl-5,\n .py-xl-5 {\n padding-top: 4.5rem !important; }\n .pr-xl-5,\n .px-xl-5 {\n padding-right: 4.5rem !important; }\n .pb-xl-5,\n .py-xl-5 {\n padding-bottom: 4.5rem !important; }\n .pl-xl-5,\n .px-xl-5 {\n padding-left: 4.5rem !important; }\n .m-xl-auto {\n margin: auto !important; }\n .mt-xl-auto,\n .my-xl-auto {\n margin-top: auto !important; }\n .mr-xl-auto,\n .mx-xl-auto {\n margin-right: auto !important; }\n .mb-xl-auto,\n .my-xl-auto {\n margin-bottom: auto !important; }\n .ml-xl-auto,\n .mx-xl-auto {\n margin-left: auto !important; } }\n\n.text-monospace {\n font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; }\n\n.text-justify {\n text-align: justify !important; }\n\n.text-nowrap {\n white-space: nowrap !important; }\n\n.text-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n\n.text-left {\n text-align: left !important; }\n\n.text-right {\n text-align: right !important; }\n\n.text-center {\n text-align: center !important; }\n\n@media (min-width: 576px) {\n .text-sm-left {\n text-align: left !important; }\n .text-sm-right {\n text-align: right !important; }\n .text-sm-center {\n text-align: center !important; } }\n\n@media (min-width: 768px) {\n .text-md-left {\n text-align: left !important; }\n .text-md-right {\n text-align: right !important; }\n .text-md-center {\n text-align: center !important; } }\n\n@media (min-width: 992px) {\n .text-lg-left {\n text-align: left !important; }\n .text-lg-right {\n text-align: right !important; }\n .text-lg-center {\n text-align: center !important; } }\n\n@media (min-width: 1200px) {\n .text-xl-left {\n text-align: left !important; }\n .text-xl-right {\n text-align: right !important; }\n .text-xl-center {\n text-align: center !important; } }\n\n.text-lowercase {\n text-transform: lowercase !important; }\n\n.text-uppercase {\n text-transform: uppercase !important; }\n\n.text-capitalize {\n text-transform: capitalize !important; }\n\n.font-weight-light {\n font-weight: 300 !important; }\n\n.font-weight-normal {\n font-weight: 400 !important; }\n\n.font-weight-bold {\n font-weight: 700 !important; }\n\n.font-italic {\n font-style: italic !important; }\n\n.text-white {\n color: #fff !important; }\n\n.text-primary {\n color: #188ae2 !important; }\n\na.text-primary:hover, a.text-primary:focus {\n color: #136eb4 !important; }\n\n.text-secondary {\n color: #6c757d !important; }\n\na.text-secondary:hover, a.text-secondary:focus {\n color: #545b62 !important; }\n\n.text-success {\n color: #31ce77 !important; }\n\na.text-success:hover, a.text-success:focus {\n color: #27a55f !important; }\n\n.text-info {\n color: #35b8e0 !important; }\n\na.text-info:hover, a.text-info:focus {\n color: #1e9dc4 !important; }\n\n.text-warning {\n color: #fbcc5c !important; }\n\na.text-warning:hover, a.text-warning:focus {\n color: #fabc2a !important; }\n\n.text-danger {\n color: #f34943 !important; }\n\na.text-danger:hover, a.text-danger:focus {\n color: #f01b13 !important; }\n\n.text-light {\n color: #f3f6f8 !important; }\n\na.text-light:hover, a.text-light:focus {\n color: #d3dee5 !important; }\n\n.text-dark {\n color: #3b3e47 !important; }\n\na.text-dark:hover, a.text-dark:focus {\n color: #24262b !important; }\n\n.text-body {\n color: #6c757d !important; }\n\n.text-muted {\n color: #98a6ad !important; }\n\n.text-black-50 {\n color: rgba(0, 0, 0, 0.5) !important; }\n\n.text-white-50 {\n color: rgba(255, 255, 255, 0.5) !important; }\n\n.text-hide {\n font: 0/0 a;\n color: transparent;\n text-shadow: none;\n background-color: transparent;\n border: 0; }\n\n.visible {\n visibility: visible !important; }\n\n.invisible {\n visibility: hidden !important; }\n\n@media print {\n *,\n *::before,\n *::after {\n text-shadow: none !important;\n box-shadow: none !important; }\n a:not(.btn) {\n text-decoration: underline; }\n abbr[title]::after {\n content: \" (\" attr(title) \")\"; }\n pre {\n white-space: pre-wrap !important; }\n pre,\n blockquote {\n border: 1px solid #adb5bd;\n page-break-inside: avoid; }\n thead {\n display: table-header-group; }\n tr,\n img {\n page-break-inside: avoid; }\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3; }\n h2,\n h3 {\n page-break-after: avoid; }\n @page {\n size: a3; }\n body {\n min-width: 992px !important; }\n .container {\n min-width: 992px !important; }\n .navbar {\n display: none; }\n .badge {\n border: 1px solid #000; }\n .table {\n border-collapse: collapse !important; }\n .table td,\n .table th {\n background-color: #fff !important; }\n .table-bordered th,\n .table-bordered td {\n border: 1px solid #dee2e6 !important; }\n .table-dark {\n color: inherit; }\n .table-dark th,\n .table-dark td,\n .table-dark thead th,\n .table-dark tbody + tbody {\n border-color: #dee2e6; }\n .table .thead-dark th {\n color: inherit;\n border-color: #dee2e6; } }\n\n/* ===== 02. Common ===== */\nhtml {\n position: relative;\n min-height: 100%; }\n\nbody {\n margin: 0;\n padding-bottom: 60px;\n overflow-x: hidden;\n font-size: 0.875rem;\n background-color: #f3f6f8; }\n\n/* ===== 03. Menu ===== */\n/* ===========\r\n Menu\r\n =============*/\n.container-fluid {\n max-width: 95%; }\n\n.wrapper {\n padding-top: 140px; }\n\n#topnav {\n background: #343b4a;\n position: fixed;\n left: 0;\n right: 0;\n z-index: 1001; }\n #topnav .has-submenu.active a {\n color: #fff; }\n #topnav .has-submenu.active a i {\n color: #fff; }\n #topnav .has-submenu.active .submenu li.active > a {\n color: #188ae2; }\n #topnav .navbar-toggle {\n border: 0;\n position: relative;\n padding: 0;\n margin: 0;\n cursor: pointer; }\n #topnav .navbar-toggle:hover, #topnav .navbar-toggle:focus {\n background-color: transparent; }\n #topnav .navbar-toggle:hover span, #topnav .navbar-toggle:focus span {\n background-color: #fff; }\n #topnav .navbar-toggle .lines {\n width: 25px;\n display: block;\n position: relative;\n margin: 15px 10px 0 0;\n padding-top: 13px;\n height: 44px;\n -webkit-transition: all .5s ease;\n transition: all .5s ease; }\n #topnav .navbar-toggle span {\n height: 2px;\n width: 100%;\n background-color: rgba(255, 255, 255, 0.8);\n display: block;\n margin-bottom: 5px;\n -webkit-transition: -webkit-transform .5s ease;\n transition: -webkit-transform .5s ease;\n transition: transform .5s ease; }\n #topnav .navbar-toggle.open span {\n position: absolute; }\n #topnav .navbar-toggle.open span:first-child {\n top: 18px;\n -webkit-transform: rotate(45deg);\n transform: rotate(45deg); }\n #topnav .navbar-toggle.open span:nth-child(2) {\n visibility: hidden; }\n #topnav .navbar-toggle.open span:last-child {\n width: 100%;\n top: 18px;\n -webkit-transform: rotate(-45deg);\n transform: rotate(-45deg); }\n #topnav .navigation-menu {\n list-style: none;\n margin: 0;\n padding: 0; }\n #topnav .navigation-menu > li {\n float: left;\n position: relative; }\n #topnav .navigation-menu > li > a {\n display: block;\n color: rgba(255, 255, 255, 0.7);\n font-size: 15px;\n -webkit-transition: all .5s ease;\n transition: all .5s ease;\n line-height: 20px;\n padding-left: 25px;\n padding-right: 25px; }\n #topnav .navigation-menu > li > a i {\n font-size: 15px;\n margin-right: 8px;\n -webkit-transition: all .5s ease;\n transition: all .5s ease; }\n #topnav .navigation-menu > li > a:hover,\n #topnav .navigation-menu > li > a:focus {\n background-color: transparent; }\n\n/*\r\n Responsive Menu\r\n */\n@media (min-width: 992px) {\n #topnav .navigation-menu > li > a {\n padding-top: 20px;\n padding-bottom: 20px; }\n #topnav .navigation-menu > li > a:hover, #topnav .navigation-menu > li > a:focus, #topnav .navigation-menu > li > a:active {\n color: #fff; }\n #topnav .topbar-menu {\n padding-bottom: 10px; }\n #topnav .navigation-menu > li:first-of-type > a {\n padding-left: 0; }\n #topnav .navigation-menu > li.last-elements .submenu {\n left: auto;\n right: 0; }\n #topnav .navigation-menu > li.last-elements .submenu > li.has-submenu .submenu {\n left: auto;\n right: 100%;\n margin-left: 0;\n margin-right: 10px; }\n #topnav .navigation-menu > li:hover a {\n color: #fff; }\n #topnav .navigation-menu > li:hover a i {\n color: #fff; }\n #topnav .navigation-menu > li > ul > li.has-submenu:active > a,\n #topnav .navigation-menu > li > ul > li.has-submenu:hover > a {\n color: #188ae2; }\n #topnav .navigation-menu > li .submenu {\n position: absolute;\n top: 100%;\n left: 0;\n z-index: 1000;\n padding: 10px 0;\n list-style: none;\n min-width: 200px;\n text-align: left;\n visibility: hidden;\n opacity: 0;\n margin-top: 10px;\n border-radius: 4px;\n -webkit-transition: all .2s ease;\n transition: all .2s ease;\n background-color: #fff;\n box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.12); }\n #topnav .navigation-menu > li .submenu:before {\n left: 20px;\n top: -10px;\n content: \"\";\n display: block;\n position: absolute;\n background-color: transparent;\n border-left: 12px solid transparent;\n border-right: 12px solid transparent;\n border-bottom: 12px solid #fff;\n z-index: 9999; }\n #topnav .navigation-menu > li .submenu.megamenu {\n white-space: nowrap;\n width: auto; }\n #topnav .navigation-menu > li .submenu.megamenu > li {\n overflow: hidden;\n width: 200px;\n display: inline-block;\n vertical-align: top; }\n #topnav .navigation-menu > li .submenu > li.has-submenu > a:after {\n content: \"\\F142\";\n font-family: \"Material Design Icons\";\n position: absolute;\n right: 20px;\n top: 5px;\n font-size: 18px; }\n #topnav .navigation-menu > li .submenu > li .submenu {\n left: 100%;\n top: 0;\n margin-left: 10px;\n margin-top: -1px; }\n #topnav .navigation-menu > li .submenu > li .submenu:before {\n display: none !important; }\n #topnav .navigation-menu > li .submenu li {\n position: relative; }\n #topnav .navigation-menu > li .submenu li ul {\n list-style: none;\n padding-left: 0;\n margin: 0; }\n #topnav .navigation-menu > li .submenu li a {\n display: block;\n padding: 9px 25px;\n clear: both;\n white-space: nowrap;\n color: #3b3e47;\n -webkit-transition: all .35s ease;\n transition: all .35s ease; }\n #topnav .navigation-menu > li .submenu li a:hover {\n color: #188ae2; }\n #topnav .navigation-menu > li .submenu li span {\n display: block;\n padding: 8px 25px;\n clear: both;\n line-height: 1.42857143;\n white-space: nowrap;\n font-size: 10px;\n text-transform: uppercase;\n letter-spacing: 2px;\n font-weight: 500;\n color: #3b3e47; }\n #topnav .navbar-toggle {\n display: none; }\n #topnav #navigation {\n display: block !important; } }\n\n@media (max-width: 991px) {\n .wrapper {\n padding-top: 70px; }\n .container {\n width: auto !important; }\n #topnav .navigation-menu {\n float: none;\n max-height: 400px;\n text-align: left; }\n #topnav .has-submenu.active a {\n color: #188ae2; }\n #topnav .has-submenu.active a i {\n color: #188ae2; }\n #topnav .has-submenu.active .submenu li.active > a {\n color: #188ae2; }\n #topnav .navigation-menu > li {\n display: block;\n float: none; }\n #topnav .navigation-menu > li > a {\n color: #3b3e47;\n padding: 15px; }\n #topnav .navigation-menu > li > a i {\n display: inline-block;\n margin-right: 10px;\n margin-bottom: 0;\n vertical-align: inherit; }\n #topnav .navigation-menu > li > a:after {\n position: absolute;\n right: 15px; }\n #topnav .navigation-menu > li .submenu {\n display: none;\n list-style: none;\n padding-left: 20px;\n margin: 0; }\n #topnav .navigation-menu > li .submenu li a {\n display: block;\n position: relative;\n padding: 7px 20px;\n color: #3b3e47; }\n #topnav .navigation-menu > li .submenu li a:hover {\n color: #188ae2; }\n #topnav .navigation-menu > li .submenu li.has-submenu > a:after {\n content: \"\\F140\";\n font-family: \"Material Design Icons\";\n position: absolute;\n right: 30px; }\n #topnav .navigation-menu > li .submenu.open {\n display: block; }\n #topnav .navigation-menu > li .submenu .submenu {\n display: none;\n list-style: none; }\n #topnav .navigation-menu > li .submenu .submenu.open {\n display: block; }\n #topnav .navigation-menu > li .submenu.megamenu > li > ul {\n list-style: none;\n padding-left: 0; }\n #topnav .navigation-menu > li .submenu.megamenu > li > ul > li > span {\n display: block;\n position: relative;\n padding: 15px;\n text-transform: uppercase;\n font-size: 11px;\n letter-spacing: 2px;\n color: #3b3e47; }\n #topnav .navigation-menu > li.has-submenu.open > a {\n color: #188ae2; }\n #topnav .navbar-header {\n float: left; }\n #navigation {\n position: absolute;\n top: 70px;\n left: 0;\n width: 100%;\n display: none;\n height: auto;\n padding-bottom: 0;\n overflow: auto;\n border-top: 1px solid #e7e7e7;\n border-bottom: 1px solid #e7e7e7;\n background-color: #fff; }\n #navigation.open {\n display: block;\n overflow-y: auto; }\n #topnav .has-submenu.active a {\n color: #188ae2; }\n #topnav .has-submenu.active a:active, #topnav .has-submenu.active a:focus,\n #topnav .has-submenu.active a i {\n color: #188ae2; } }\n\n@media (min-width: 768px) {\n #topnav .navigation-menu > li.has-submenu:hover > .submenu {\n visibility: visible;\n opacity: 1;\n margin-top: 0; }\n #topnav .navigation-menu > li.has-submenu.last-elements:hover > .submenu:before {\n right: 20px;\n left: auto; }\n #topnav .navigation-menu > li.has-submenu:hover > .submenu > li.has-submenu:hover > .submenu {\n visibility: visible;\n opacity: 1;\n margin-left: 0;\n margin-right: 0; }\n .navbar-toggle {\n display: block; } }\n\n@media (max-height: 320px) {\n .navigation-menu {\n max-height: 240px !important; } }\n\n/* ===== 04. Topbar ===== */\n.navbar-custom {\n border-radius: 0;\n min-height: 70px;\n color: #fff;\n z-index: 2; }\n .navbar-custom .nav-link {\n padding: 0;\n line-height: 69px;\n color: rgba(255, 255, 255, 0.8); }\n .navbar-custom .dropdown-toggle:after {\n content: initial; }\n .navbar-custom .menu-left {\n overflow: hidden; }\n .navbar-custom .topbar-right-menu li {\n float: left; }\n .navbar-custom .logo {\n line-height: 70px;\n margin-right: 50px; }\n .navbar-custom .logo .logo-sm {\n display: none; }\n .navbar-custom .dropdown-menu-right {\n transform: none !important;\n top: 100% !important;\n right: 0 !important;\n left: auto !important; }\n\n/* Search */\n.app-search {\n padding-top: 16px;\n padding-right: 20px; }\n .app-search .form-control,\n .app-search .form-control:focus {\n border: none;\n height: 38px;\n color: #fff;\n padding-left: 20px;\n padding-right: 20px;\n background-color: rgba(255, 255, 255, 0.1);\n box-shadow: none;\n border-radius: 5px;\n min-width: 180px;\n width: 50%; }\n\n/* Notification */\n.notification-wrapper {\n max-height: 190px; }\n\n.notification-list {\n margin-left: 0; }\n .notification-list .noti-title {\n background-color: #fff;\n padding: 15px 20px; }\n .notification-list .noti-icon {\n font-size: 20px;\n padding: 0 15px;\n vertical-align: middle; }\n .notification-list .noti-icon-badge {\n display: inline-block;\n position: absolute;\n top: 14px;\n right: 8px; }\n .notification-list .notify-item {\n padding: 12px 20px; }\n .notification-list .notify-item .notify-icon {\n float: left;\n height: 36px;\n width: 36px;\n line-height: 36px;\n text-align: center;\n margin-right: 10px;\n border-radius: 50%;\n color: #fff; }\n .notification-list .notify-item .notify-details {\n margin-bottom: 0;\n overflow: hidden;\n margin-left: 45px;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #3b3e47;\n font-size: 13px;\n font-weight: 500; }\n .notification-list .notify-item .notify-details b {\n font-weight: 500; }\n .notification-list .notify-item .notify-details small {\n display: block; }\n .notification-list .notify-item .notify-details span {\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 13px; }\n .notification-list .notify-item .user-msg {\n margin-left: 45px;\n white-space: normal;\n line-height: 20px; }\n .notification-list .profile-dropdown .notify-item {\n padding: 7px 20px; }\n\n.profile-dropdown {\n width: 170px; }\n .profile-dropdown i {\n vertical-align: middle;\n margin-right: 5px; }\n .profile-dropdown span {\n vertical-align: middle; }\n\n.nav-user {\n padding: 0 12px !important; }\n .nav-user img {\n height: 32px;\n width: 32px; }\n\n.noti-scroll {\n max-height: 230px; }\n\n@media (max-width: 640px) {\n .app-search {\n display: none; }\n .nav-user span {\n display: none; }\n .navbar-custom .logo .logo-lg {\n display: none; }\n .navbar-custom .logo .logo-sm {\n display: inline-block; } }\n\n/* ===== 05. Right Sidebar ===== */\n/* Right sidebar */\n.right-bar {\n -moz-transition: all 200ms ease-out;\n -webkit-transition: all 200ms ease-out;\n background-color: #fff;\n box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);\n display: block;\n position: fixed;\n transition: all 200ms ease-out;\n width: 260px;\n z-index: 9999;\n float: right !important;\n right: -270px;\n top: 0;\n bottom: 0;\n padding-bottom: 50px; }\n .right-bar .rightbar-title {\n background-color: #188ae2;\n padding: 27px 25px;\n color: #fff; }\n .right-bar .right-bar-toggle {\n background-color: #4b4f5a;\n height: 24px;\n width: 24px;\n line-height: 27px;\n color: #fff;\n text-align: center;\n border-radius: 50%;\n margin-top: -4px; }\n .right-bar .right-bar-toggle:hover {\n background-color: #525663; }\n .right-bar .user-box {\n padding: 25px;\n text-align: center; }\n .right-bar .user-box .user-img {\n position: relative;\n height: 64px;\n width: 64px;\n margin: 0 auto 15px auto; }\n .right-bar .user-box .user-img .user-edit {\n position: absolute;\n right: -5px;\n bottom: 0px;\n height: 24px;\n width: 24px;\n background-color: #fff;\n line-height: 24px;\n border-radius: 50%;\n box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.12); }\n .right-bar .user-box h5 {\n margin-bottom: 2px; }\n .right-bar .user-box h5 a {\n color: #3b3e47; }\n\n.right-bar-enabled .right-bar {\n right: 0; }\n\n.timeline-alt {\n padding: 20px 0;\n position: relative; }\n .timeline-alt:before {\n background-color: #f3f6f8;\n bottom: 30px;\n content: \"\";\n left: 9px;\n position: absolute;\n top: 30px;\n width: 2px;\n z-index: 0; }\n .timeline-alt .timeline-item {\n position: relative; }\n .timeline-alt .timeline-item .timeline-icon {\n float: left;\n height: 20px;\n width: 20px;\n border-radius: 50%;\n border: 2px solid transparent;\n font-size: 12px;\n text-align: center;\n line-height: 16px;\n background-color: #fff; }\n .timeline-alt .timeline-item .timeline-item-info {\n margin-left: 30px; }\n\n@media (max-width: 767.98px) {\n .right-bar {\n overflow: auto; }\n .right-bar .slimscroll-menu {\n height: auto !important; } }\n\n/* ===== 06. Footer ===== */\n.footer {\n border-top: 1px solid rgba(152, 166, 173, 0.2);\n bottom: 0;\n padding: 19px 0;\n position: absolute;\n right: 0;\n color: #98a6ad;\n left: 0;\n background-color: #fff; }\n\n/* ===== 07. Boxed Layout ===== */\n#boxed-layout .wrapper, #boxed-layout .navbar-custom, #boxed-layout .topbar-menu {\n max-width: 1200px;\n margin: 0 auto; }\n\n/* ===== 08. Components ===== */\n.jq-toast-single {\n padding: 15px;\n font-family: \"Libre Franklin\", sans-serif;\n background-color: #35b8e0;\n font-size: 13px;\n line-height: 22px; }\n .jq-toast-single h2 {\n font-family: \"Libre Franklin\", sans-serif; }\n .jq-toast-single a {\n font-size: 14px; }\n .jq-toast-single a:hover {\n color: #fff; }\n\n.jq-has-icon {\n padding: 10px 10px 10px 50px; }\n\n.jq-icon-info {\n background-color: #35b8e0;\n color: #fff;\n border-color: #35b8e0; }\n\n.jq-icon-success {\n background-color: #31ce77;\n color: #fff;\n border-color: #31ce77; }\n\n.jq-icon-warning {\n background-color: #fbcc5c;\n color: #fff;\n border-color: #fbcc5c; }\n\n.jq-icon-error {\n background-color: #f34943;\n color: #fff;\n border-color: #f34943; }\n\n.close-jq-toast-single {\n position: absolute;\n top: -12px;\n right: -12px;\n font-size: 20px;\n cursor: pointer;\n height: 32px;\n width: 32px;\n background-color: #525663;\n border-radius: 50%;\n text-align: center;\n line-height: 32px; }\n\n.jq-toast-loader {\n height: 3px;\n top: 0;\n border-radius: 0; }\n\n.badge {\n font-family: \"Libre Franklin\", sans-serif; }\n\nbutton:focus {\n outline: none; }\n\n.btn-rounded {\n border-radius: 2em; }\n\n.card {\n box-shadow: 0px 10px 35px 0px rgba(154, 161, 171, 0.1);\n border: none !important; }\n\n.card-box {\n padding: 20px;\n border-radius: 3px;\n margin-bottom: 30px;\n background-color: #fff;\n box-shadow: 0px 10px 35px 0px rgba(154, 161, 171, 0.1); }\n .card-box .header-title {\n margin-bottom: 8px;\n font-size: 1.00625rem;\n margin-top: 0; }\n .card-box .card-drop {\n font-size: 20px;\n line-height: 30px;\n color: inherit;\n height: 30px;\n width: 30px;\n border-radius: 50%;\n text-align: center;\n display: inline-block;\n margin-top: -6px; }\n .card-box .card-drop:hover {\n background-color: #f3f6f8;\n color: #3b3e47; }\n\n.card-title, .card-header {\n margin-top: 0 !important; }\n\n.checkbox label {\n display: inline-block;\n padding-left: 8px;\n position: relative;\n font-weight: normal;\n margin-bottom: 0; }\n .checkbox label::before {\n -o-transition: 0.3s ease-in-out;\n -webkit-transition: 0.3s ease-in-out;\n background-color: #fff;\n border-radius: 3px;\n border: 2px solid #98a6ad;\n content: \"\";\n display: inline-block;\n height: 18px;\n left: 0;\n margin-left: -18px;\n position: absolute;\n transition: 0.3s ease-in-out;\n width: 18px;\n outline: none !important;\n top: 2px; }\n .checkbox label::after {\n color: #6c757d;\n display: inline-block;\n font-size: 11px;\n height: 18px;\n left: 0;\n margin-left: -18px;\n padding-left: 3px;\n padding-top: 2px;\n position: absolute;\n top: 0;\n width: 18px; }\n\n.checkbox input[type=\"checkbox\"] {\n cursor: pointer;\n opacity: 0;\n z-index: 1;\n outline: none !important; }\n .checkbox input[type=\"checkbox\"]:disabled + label {\n opacity: 0.65; }\n\n.checkbox input[type=\"checkbox\"]:focus + label::before {\n outline-offset: -2px;\n outline: none; }\n\n.checkbox input[type=\"checkbox\"]:checked + label::after {\n content: \"\";\n position: absolute;\n top: 6px;\n left: 7px;\n display: table;\n width: 4px;\n height: 8px;\n border: 1px solid #3b3e47;\n border-top-width: 0;\n border-left-width: 0;\n -webkit-transform: rotate(45deg);\n -ms-transform: rotate(45deg);\n -o-transform: rotate(45deg);\n transform: rotate(45deg); }\n\n.checkbox input[type=\"checkbox\"]:disabled + label::before {\n background-color: #f3f6f8;\n cursor: not-allowed; }\n\n.checkbox.checkbox-circle label::before {\n border-radius: 50%; }\n\n.checkbox.checkbox-inline {\n margin-top: 0; }\n\n.checkbox.checkbox-single input {\n height: 18px;\n width: 18px;\n position: absolute; }\n\n.checkbox.checkbox-single label {\n height: 18px;\n width: 18px; }\n .checkbox.checkbox-single label:before {\n margin-left: 0; }\n .checkbox.checkbox-single label:after {\n margin-left: 0; }\n\n.checkbox-primary input[type=\"checkbox\"]:checked + label::before {\n background-color: #188ae2;\n border-color: #188ae2; }\n\n.checkbox-primary input[type=\"checkbox\"]:checked + label::after {\n border-color: #fff; }\n\n.checkbox-danger input[type=\"checkbox\"]:checked + label::before {\n background-color: #f34943;\n border-color: #f34943; }\n\n.checkbox-danger input[type=\"checkbox\"]:checked + label::after {\n border-color: #fff; }\n\n.checkbox-info input[type=\"checkbox\"]:checked + label::before {\n background-color: #35b8e0;\n border-color: #35b8e0; }\n\n.checkbox-info input[type=\"checkbox\"]:checked + label::after {\n border-color: #fff; }\n\n.checkbox-warning input[type=\"checkbox\"]:checked + label::before {\n background-color: #fbcc5c;\n border-color: #fbcc5c; }\n\n.checkbox-warning input[type=\"checkbox\"]:checked + label::after {\n border-color: #fff; }\n\n.checkbox-success input[type=\"checkbox\"]:checked + label::before {\n background-color: #31ce77;\n border-color: #31ce77; }\n\n.checkbox-success input[type=\"checkbox\"]:checked + label::after {\n border-color: #fff; }\n\n.checkbox-purple input[type=\"checkbox\"]:checked + label::before {\n background-color: #6b5eae;\n border-color: #6b5eae; }\n\n.checkbox-purple input[type=\"checkbox\"]:checked + label::after {\n border-color: #fff; }\n\n.checkbox-pink input[type=\"checkbox\"]:checked + label::before {\n background-color: #ff679b;\n border-color: #ff679b; }\n\n.checkbox-pink input[type=\"checkbox\"]:checked + label::after {\n border-color: #fff; }\n\n.checkbox-dark input[type=\"checkbox\"]:checked + label::before {\n background-color: #3b3e47;\n border-color: #3b3e47; }\n\n.checkbox-dark input[type=\"checkbox\"]:checked + label::after {\n border-color: #fff; }\n\n.radio label {\n display: inline-block;\n padding-left: 8px;\n position: relative;\n font-weight: normal;\n margin-bottom: 0; }\n .radio label::before {\n -o-transition: border 0.5s ease-in-out;\n -webkit-transition: border 0.5s ease-in-out;\n background-color: #fff;\n border-radius: 50%;\n border: 2px solid #98a6ad;\n content: \"\";\n display: inline-block;\n height: 18px;\n left: 0;\n margin-left: -18px;\n position: absolute;\n transition: border 0.5s ease-in-out;\n width: 18px;\n outline: none !important; }\n .radio label::after {\n -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);\n -ms-transform: scale(0, 0);\n -o-transform: scale(0, 0);\n -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);\n -webkit-transform: scale(0, 0);\n -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);\n background-color: #6c757d;\n border-radius: 50%;\n content: \" \";\n display: inline-block;\n height: 10px;\n left: 6px;\n margin-left: -20px;\n position: absolute;\n top: 4px;\n transform: scale(0, 0);\n transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);\n width: 10px; }\n\n.radio input[type=\"radio\"] {\n cursor: pointer;\n opacity: 0;\n z-index: 1;\n outline: none !important; }\n .radio input[type=\"radio\"]:disabled + label {\n opacity: 0.65; }\n\n.radio input[type=\"radio\"]:focus + label::before {\n outline-offset: -2px;\n outline: 5px auto -webkit-focus-ring-color;\n outline: thin dotted; }\n\n.radio input[type=\"radio\"]:checked + label::after {\n -ms-transform: scale(1, 1);\n -o-transform: scale(1, 1);\n -webkit-transform: scale(1, 1);\n transform: scale(1, 1); }\n\n.radio input[type=\"radio\"]:disabled + label::before {\n cursor: not-allowed; }\n\n.radio.radio-inline {\n margin-top: 0; }\n\n.radio.radio-single label {\n height: 17px; }\n\n.radio-primary input[type=\"radio\"] + label::after {\n background-color: #188ae2; }\n\n.radio-primary input[type=\"radio\"]:checked + label::before {\n border-color: #188ae2; }\n\n.radio-primary input[type=\"radio\"]:checked + label::after {\n background-color: #188ae2; }\n\n.radio-danger input[type=\"radio\"] + label::after {\n background-color: #f34943; }\n\n.radio-danger input[type=\"radio\"]:checked + label::before {\n border-color: #f34943; }\n\n.radio-danger input[type=\"radio\"]:checked + label::after {\n background-color: #f34943; }\n\n.radio-info input[type=\"radio\"] + label::after {\n background-color: #35b8e0; }\n\n.radio-info input[type=\"radio\"]:checked + label::before {\n border-color: #35b8e0; }\n\n.radio-info input[type=\"radio\"]:checked + label::after {\n background-color: #35b8e0; }\n\n.radio-warning input[type=\"radio\"] + label::after {\n background-color: #fbcc5c; }\n\n.radio-warning input[type=\"radio\"]:checked + label::before {\n border-color: #fbcc5c; }\n\n.radio-warning input[type=\"radio\"]:checked + label::after {\n background-color: #fbcc5c; }\n\n.radio-success input[type=\"radio\"] + label::after {\n background-color: #31ce77; }\n\n.radio-success input[type=\"radio\"]:checked + label::before {\n border-color: #31ce77; }\n\n.radio-success input[type=\"radio\"]:checked + label::after {\n background-color: #31ce77; }\n\n.radio-purple input[type=\"radio\"] + label::after {\n background-color: #6b5eae; }\n\n.radio-purple input[type=\"radio\"]:checked + label::before {\n border-color: #6b5eae; }\n\n.radio-purple input[type=\"radio\"]:checked + label::after {\n background-color: #6b5eae; }\n\n.radio-pink input[type=\"radio\"] + label::after {\n background-color: #ff679b; }\n\n.radio-pink input[type=\"radio\"]:checked + label::before {\n border-color: #ff679b; }\n\n.radio-pink input[type=\"radio\"]:checked + label::after {\n background-color: #ff679b; }\n\n.dropdown-menu {\n padding: 4px 0;\n font-size: 0.875rem;\n box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.12);\n border: none; }\n\n.dropdown-menu-animated {\n display: block;\n visibility: hidden;\n opacity: 0;\n transition: all 300ms ease;\n margin-top: 20px !important; }\n\n.show > .dropdown-menu {\n visibility: visible;\n opacity: 1;\n margin-top: 0 !important; }\n\n.dropdown-item.active,\n.dropdown-item:active {\n color: #3b3e47;\n text-decoration: none;\n background-color: #f7f7f7; }\n\n.dropdown-item {\n padding: 6px 1.5rem; }\n\n.dropdown-lg {\n width: 320px; }\n\n@media (max-width: 767px) {\n .dropdown-lg {\n width: 200px !important; } }\n\n.arrow-none:after {\n border: none;\n margin: 0;\n display: none; }\n\n.gmaps,\n.gmaps-panaroma {\n height: 300px;\n background: #f3f6f8;\n border-radius: 3px; }\n\n.gmaps-overlay {\n display: block;\n text-align: center;\n color: #fff;\n font-size: 16px;\n line-height: 40px;\n background: #35b8e0;\n border-radius: 4px;\n padding: 10px 20px; }\n\n.gmaps-overlay_arrow {\n left: 50%;\n margin-left: -16px;\n width: 0;\n height: 0;\n position: absolute; }\n\n.gmaps-overlay_arrow.above {\n bottom: -15px;\n border-left: 16px solid transparent;\n border-right: 16px solid transparent;\n border-top: 16px solid #35b8e0; }\n\n.gmaps-overlay_arrow.below {\n top: -15px;\n border-left: 16px solid transparent;\n border-right: 16px solid transparent;\n border-bottom: 16px solid #35b8e0; }\n\n.jqvmap-label {\n background: #3b3e47;\n padding: 0.3rem 0.6rem;\n font-family: \"Libre Franklin\", sans-serif; }\n\n.jqvmap-zoomin, .jqvmap-zoomout {\n width: 24px;\n height: 24px;\n line-height: 15px; }\n\n.jqvmap-zoomout {\n top: 40px; }\n\n.modal .modal-dialog .modal-title {\n margin: 0; }\n\n.custombox-open body {\n padding-right: 0 !important; }\n\n.modal-demo {\n background-color: #fff;\n width: 600px !important;\n border-radius: 4px;\n display: none;\n position: relative; }\n .modal-demo .close {\n position: absolute;\n top: 15px;\n right: 25px;\n color: #f3f6f8; }\n\n@media (max-width: 768px) {\n .modal-demo {\n width: 100% !important; } }\n\n.custom-modal-title {\n padding: 15px 25px 15px 25px;\n line-height: 22px;\n font-size: 18px;\n background-color: #3b3e47;\n color: #fff;\n text-align: left;\n margin: 0; }\n\n.custom-modal-text {\n padding: 20px; }\n\n.custombox-modal-wrapper {\n text-align: left; }\n\n.custombox-modal-flash .close, .custombox-modal-rotatedown .close {\n top: 20px;\n z-index: 9999; }\n\n.page-title-alt-bg {\n position: absolute;\n left: 0;\n right: 0;\n height: 30px;\n background-color: #343b4a; }\n\n.page-title-box {\n background-color: #fff;\n padding: 0 20px;\n box-shadow: 0px 10px 35px 0px rgba(154, 161, 171, 0.1);\n margin-bottom: 30px;\n position: relative;\n border-radius: 5px; }\n .page-title-box .page-title {\n font-size: 18px;\n margin: 0;\n line-height: 50px; }\n .page-title-box .breadcrumb {\n margin-bottom: 0;\n padding: 14px 0; }\n .page-title-box .breadcrumb a {\n color: #98a6ad; }\n\n@media (max-width: 1023px) {\n .page-title-box {\n margin: 0 0 30px 0; }\n .page-title-box .page-title {\n font-size: 16px;\n display: block;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden; }\n .page-title-box .breadcrumb {\n display: none; } }\n\n@media (max-width: 419px) {\n .page-title-box .breadcrumb {\n display: none; } }\n\n@media print {\n #topnav, .page-title-box, .footer {\n display: none;\n margin: 0;\n padding: 0; }\n .container-fluid {\n max-width: 100%; }\n .wrapper {\n padding-top: 0; }\n .card-box {\n padding: 20px 0 0 0;\n border: none; } }\n\n.progress-sm {\n height: 5px; }\n\n.progress-md {\n height: 8px; }\n\n.progress-lg {\n height: 12px; }\n\n.progress-xl {\n height: 15px; }\n\n.progress-xxl {\n height: 30px; }\n\nth {\n font-weight: 600; }\n\n.table-centered td {\n vertical-align: middle !important; }\n\ntable.dataTable {\n border-collapse: collapse !important;\n margin-bottom: 10px !important; }\n\n.dataTables_wrapper.container-fluid {\n max-width: 100%;\n padding: 0; }\n\ntable.dataTable th.focus,\ntable.dataTable td.focus {\n outline: 2px solid #188ae2 !important;\n outline-offset: -1px;\n background-color: rgba(24, 138, 226, 0.15); }\n\ntable.dataTable tbody > tr.selected,\ntable.dataTable tbody > tr > .selected {\n background-color: #188ae2; }\n\ntable.dataTable.dtr-inline.collapsed > tbody > tr[role=\"row\"] > td:first-child:before,\ntable.dataTable.dtr-inline.collapsed > tbody > tr[role=\"row\"] > th:first-child:before {\n box-shadow: 0 0 3px rgba(67, 89, 102, 0.2);\n background-color: #31ce77; }\n\ntable.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,\ntable.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {\n background-color: #f34943; }\n\ntable.dataTable > tbody > tr.child span.dtr-title {\n font-family: \"Libre Franklin\", sans-serif;\n font-weight: 700; }\n\ntable.dataTable.dtr-inline.collapsed > tbody > tr[role=\"row\"] > td:first-child:before,\ntable.dataTable.dtr-inline.collapsed > tbody > tr[role=\"row\"] > th:first-child:before {\n top: 17px; }\n\n@media (max-width: 640px) {\n .dataTables_paginate ul {\n display: block;\n margin-top: 20px !important; }\n .dataTables_paginate ul li {\n display: none; }\n .dataTables_paginate ul li:first-of-type, .dataTables_paginate ul li:last-of-type {\n display: inline-block; } }\n\n/* Responsive Table */\n.table-rep-plugin .dropdown-menu li.checkbox-row {\n padding: 7px 15px; }\n\n.table-rep-plugin .table-responsive {\n border: none; }\n\n.table-rep-plugin tbody th {\n font-size: 14px;\n font-weight: normal; }\n\n.table-rep-plugin .checkbox-row {\n padding-left: 40px; }\n .table-rep-plugin .checkbox-row label {\n display: inline-block;\n padding-left: 5px;\n position: relative;\n margin-bottom: 0; }\n .table-rep-plugin .checkbox-row label::before {\n -o-transition: 0.3s ease-in-out;\n -webkit-transition: 0.3s ease-in-out;\n background-color: #fff;\n border-radius: 3px;\n border: 1px solid #adb5bd;\n content: \"\";\n display: inline-block;\n height: 17px;\n left: 0;\n margin-left: -20px;\n position: absolute;\n transition: 0.3s ease-in-out;\n width: 17px;\n outline: none; }\n .table-rep-plugin .checkbox-row label::after {\n color: #adb5bd;\n display: inline-block;\n font-size: 11px;\n height: 16px;\n left: 0;\n margin-left: -20px;\n padding-left: 3px;\n padding-top: 1px;\n position: absolute;\n top: -1px;\n width: 16px; }\n .table-rep-plugin .checkbox-row input[type=\"checkbox\"] {\n cursor: pointer;\n opacity: 0;\n z-index: 1;\n outline: none; }\n .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:disabled + label {\n opacity: 0.65; }\n .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:focus + label::before {\n outline-offset: -2px;\n outline: none; }\n .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:checked + label::after {\n content: \"\\f00c\";\n font-family: 'FontAwesome'; }\n .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:disabled + label::before {\n background-color: #f3f6f8;\n cursor: not-allowed; }\n .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:checked + label::before {\n background-color: #fff;\n border-color: #188ae2; }\n .table-rep-plugin .checkbox-row input[type=\"checkbox\"]:checked + label::after {\n color: #188ae2; }\n\n.table-rep-plugin table.focus-on tbody tr.focused th,\n.table-rep-plugin table.focus-on tbody tr.focused td,\n.table-rep-plugin .sticky-table-header {\n background: #188ae2;\n color: #fff;\n border-color: #188ae2; }\n\n.table-rep-plugin .fixed-solution .sticky-table-header {\n top: 141px !important; }\n\n.table-rep-plugin .btn-default {\n background-color: #fff;\n border: 1px solid rgba(59, 62, 71, 0.3); }\n\n.table-rep-plugin .btn-group.pull-right {\n float: right; }\n\n.table-rep-plugin .btn-default.btn-primary {\n background-color: #188ae2;\n border-color: #188ae2;\n box-shadow: 0 0 0 2px rgba(24, 138, 226, 0.5); }\n\n.table-rep-plugin .btn-toolbar {\n display: block; }\n\n@media (max-width: 992px) {\n .table-rep-plugin .fixed-solution .sticky-table-header {\n top: 70px !important; } }\n\n.tab-content {\n padding: 20px 0 0 0; }\n\n.navtab-bg li > a {\n background-color: #f8f9fa;\n margin: 0 5px; }\n\n.nav-tabs > li > a, .nav-pills > li > a, .nav-pills-tab > a {\n color: #3b3e47;\n font-weight: 600;\n font-family: \"Libre Franklin\", sans-serif; }\n\n.tabs-bordered {\n border-bottom: 2px solid rgba(152, 166, 173, 0.2) !important; }\n .tabs-bordered .nav-item {\n margin-bottom: -2px; }\n\n.tabs-bordered li a, .tabs-bordered li a:hover, .tabs-bordered li a:focus {\n border: 0 !important;\n padding: 10px 20px !important; }\n\n.tabs-bordered li a.active {\n border-bottom: 2px solid #98a6ad !important; }\n\n.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {\n font-family: \"Libre Franklin\", sans-serif;\n margin: 10px 0;\n font-weight: 600; }\n\np {\n line-height: 1.8; }\n\n.widget-flat {\n border: 2px solid #3b3e47;\n position: relative; }\n .widget-flat i {\n position: absolute;\n bottom: -20px;\n font-size: 78px;\n opacity: 0.25;\n left: 0;\n transition: bottom 0.5s ease 0s; }\n .widget-flat:hover i {\n bottom: 0; }\n\n.widget-chart-one {\n min-height: 120px; }\n .widget-chart-one .widget-chart-one-content {\n margin-left: 100px; }\n\n.widget-chart-two {\n min-height: 120px; }\n .widget-chart-two .widget-chart-one-content {\n margin-right: 100px; }\n\n.tilebox-one i {\n font-size: 30px; }\n\n.inbox-widget .inbox-item {\n border-bottom: 1px solid white;\n overflow: hidden;\n padding: 10px 0;\n position: relative; }\n .inbox-widget .inbox-item .inbox-item-img {\n display: block;\n float: left;\n margin-right: 15px;\n width: 40px; }\n .inbox-widget .inbox-item img {\n width: 40px; }\n .inbox-widget .inbox-item .inbox-item-author {\n color: #3b3e47;\n display: block;\n margin: 0;\n font-weight: 500; }\n .inbox-widget .inbox-item .inbox-item-text {\n color: #98a6ad;\n display: block;\n font-size: 13px;\n margin: 0;\n overflow: hidden; }\n .inbox-widget .inbox-item .inbox-item-date {\n color: #98a6ad;\n font-size: 9px;\n position: absolute;\n right: 7px;\n top: 15px; }\n\n.comment-list .comment-box-item {\n position: relative; }\n .comment-list .comment-box-item .commnet-item-date {\n color: #98a6ad;\n font-size: 11px;\n position: absolute;\n right: 7px;\n top: 2px; }\n .comment-list .comment-box-item .commnet-item-msg {\n color: #3b3e47;\n display: block;\n margin: 10px 0;\n font-weight: normal;\n font-size: 15px;\n line-height: 24px; }\n .comment-list .comment-box-item .commnet-item-user {\n color: #98a6ad;\n display: block;\n font-size: 14px;\n margin: 0; }\n\n.comment-list a + a {\n margin-top: 15px;\n display: block; }\n\n.transaction-list li {\n padding: 7px 0;\n border-bottom: 1px solid white;\n clear: both;\n position: relative; }\n\n.transaction-list i {\n width: 20px;\n position: absolute;\n top: 10px;\n font-size: 12px; }\n\n.transaction-list .tran-text {\n padding-left: 25px;\n white-space: nowrap;\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 150px; }\n\n.transaction-list .tran-price {\n margin-left: 30px; }\n\n.progress-w-percent {\n min-height: 20px;\n margin-bottom: 20px; }\n .progress-w-percent .progress {\n width: 80%;\n float: left;\n margin-top: 8px; }\n .progress-w-percent .progress-value {\n width: 20%;\n float: right;\n text-align: right;\n line-height: 20px; }\n\n.popover-header {\n margin: 0; }\n\n.swal2-modal {\n font-family: \"Libre Franklin\", sans-serif;\n box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1); }\n .swal2-modal .swal2-title {\n font-size: 28px; }\n .swal2-modal .swal2-content {\n font-size: 16px; }\n .swal2-modal .swal2-spacer {\n margin: 10px 0; }\n .swal2-modal .swal2-file, .swal2-modal .swal2-input, .swal2-modal .swal2-textarea {\n border: 2px solid #dee2e6;\n font-size: 16px;\n box-shadow: none; }\n .swal2-modal .swal2-confirm.btn-confirm {\n background-color: #188ae2 !important;\n font-size: 0.875rem; }\n .swal2-modal .swal2-cancel.btn-cancel {\n background-color: #f34943 !important;\n font-size: 0.875rem; }\n .swal2-modal .swal2-styled:focus {\n box-shadow: none !important; }\n\n.swal2-icon.swal2-question {\n color: #188ae2;\n border-color: #188ae2; }\n\n.swal2-icon.swal2-success {\n border-color: #31ce77; }\n .swal2-icon.swal2-success .line, .swal2-icon.swal2-success [class^=swal2-success-line][class$=long],\n .swal2-icon.swal2-success [class^=swal2-success-line] {\n background-color: #31ce77; }\n .swal2-icon.swal2-success .placeholder, .swal2-icon.swal2-success .swal2-success-ring {\n border-color: #31ce77; }\n\n.swal2-icon.swal2-warning {\n color: #fbcc5c;\n border-color: #fbcc5c; }\n\n.swal2-icon.swal2-error {\n border-color: #f34943; }\n .swal2-icon.swal2-error .line {\n background-color: #f34943; }\n\n.swal2-modal .swal2-file:focus, .swal2-modal .swal2-input:focus, .swal2-modal .swal2-textarea:focus {\n outline: 0;\n border: 2px solid #188ae2; }\n\n.swal2-container.swal2-shown {\n background-color: rgba(59, 62, 71, 0.9); }\n\n/* =================\r\n Ribbons\r\n==================== */\n.ribbon-box {\n position: relative;\n /* Ribbon two */ }\n .ribbon-box .ribbon {\n position: relative;\n float: left;\n clear: both;\n padding: 5px 12px 5px 12px;\n margin-left: -30px;\n margin-bottom: 15px;\n -moz-box-shadow: 2px 5px 10px rgba(59, 62, 71, 0.15);\n -webkit-box-shadow: 2px 5px 10px rgba(59, 62, 71, 0.15);\n -o-box-shadow: 2px 5px 10px rgba(59, 62, 71, 0.15);\n box-shadow: 2px 5px 10px rgba(59, 62, 71, 0.15);\n color: #fff;\n font-size: 13px;\n font-weight: 600; }\n .ribbon-box .ribbon:before {\n content: \" \";\n border-style: solid;\n border-width: 10px;\n display: block;\n position: absolute;\n bottom: -10px;\n left: 0;\n margin-bottom: -10px;\n z-index: -1; }\n .ribbon-box .ribbon + p {\n clear: both; }\n .ribbon-box .ribbon-primary {\n background: #188ae2; }\n .ribbon-box .ribbon-primary:before {\n border-color: #136eb4 transparent transparent; }\n .ribbon-box .ribbon-success {\n background: #31ce77; }\n .ribbon-box .ribbon-success:before {\n border-color: #27a55f transparent transparent; }\n .ribbon-box .ribbon-info {\n background: #35b8e0; }\n .ribbon-box .ribbon-info:before {\n border-color: #1e9dc4 transparent transparent; }\n .ribbon-box .ribbon-warning {\n background: #fbcc5c; }\n .ribbon-box .ribbon-warning:before {\n border-color: #fabc2a transparent transparent; }\n .ribbon-box .ribbon-danger {\n background: #f34943; }\n .ribbon-box .ribbon-danger:before {\n border-color: #f01b13 transparent transparent; }\n .ribbon-box .ribbon-dark {\n background: #3b3e47; }\n .ribbon-box .ribbon-dark:before {\n border-color: #24262b transparent transparent; }\n .ribbon-box .ribbon-two {\n position: absolute;\n left: -5px;\n top: -5px;\n z-index: 1;\n overflow: hidden;\n width: 75px;\n height: 75px;\n text-align: right; }\n .ribbon-box .ribbon-two span {\n font-size: 13px;\n color: #fff;\n font-family: \"Libre Franklin\", sans-serif;\n text-align: center;\n line-height: 20px;\n transform: rotate(-45deg);\n -webkit-transform: rotate(-45deg);\n width: 100px;\n display: block;\n box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);\n position: absolute;\n top: 19px;\n left: -21px;\n font-weight: 600; }\n .ribbon-box .ribbon-two span:before {\n content: \"\";\n position: absolute;\n left: 0;\n top: 100%;\n z-index: -1;\n border-right: 3px solid transparent;\n border-bottom: 3px solid transparent; }\n .ribbon-box .ribbon-two span:after {\n content: \"\";\n position: absolute;\n right: 0;\n top: 100%;\n z-index: -1;\n border-left: 3px solid transparent;\n border-bottom: 3px solid transparent; }\n .ribbon-box .ribbon-two-primary span {\n background: #188ae2; }\n .ribbon-box .ribbon-two-primary span:before {\n border-left: 3px solid #11609d;\n border-top: 3px solid #11609d; }\n .ribbon-box .ribbon-two-primary span:after {\n border-right: 3px solid #11609d;\n border-top: 3px solid #11609d; }\n .ribbon-box .ribbon-two-success span {\n background: #31ce77; }\n .ribbon-box .ribbon-two-success span:before {\n border-left: 3px solid #229053;\n border-top: 3px solid #229053; }\n .ribbon-box .ribbon-two-success span:after {\n border-right: 3px solid #229053;\n border-top: 3px solid #229053; }\n .ribbon-box .ribbon-two-info span {\n background: #35b8e0; }\n .ribbon-box .ribbon-two-info span:before {\n border-left: 3px solid #1b8bae;\n border-top: 3px solid #1b8bae; }\n .ribbon-box .ribbon-two-info span:after {\n border-right: 3px solid #1b8bae;\n border-top: 3px solid #1b8bae; }\n .ribbon-box .ribbon-two-warning span {\n background: #fbcc5c; }\n .ribbon-box .ribbon-two-warning span:before {\n border-left: 3px solid #f9b511;\n border-top: 3px solid #f9b511; }\n .ribbon-box .ribbon-two-warning span:after {\n border-right: 3px solid #f9b511;\n border-top: 3px solid #f9b511; }\n .ribbon-box .ribbon-two-danger span {\n background: #f34943; }\n .ribbon-box .ribbon-two-danger span:before {\n border-left: 3px solid #db150e;\n border-top: 3px solid #db150e; }\n .ribbon-box .ribbon-two-danger span:after {\n border-right: 3px solid #db150e;\n border-top: 3px solid #db150e; }\n .ribbon-box .ribbon-two-dark span {\n background: #3b3e47; }\n .ribbon-box .ribbon-two-dark span:before {\n border-left: 3px solid #181a1d;\n border-top: 3px solid #181a1d; }\n .ribbon-box .ribbon-two-dark span:after {\n border-right: 3px solid #181a1d;\n border-top: 3px solid #181a1d; }\n\n/* ===== 09. Helper ===== */\n.m-b-30 {\n margin-bottom: 30px !important; }\n\n.m-t-50 {\n margin-top: 50px !important; }\n\n.margin-m-b-20 {\n margin-bottom: -20px; }\n\n@media (max-width: 767px) {\n .mt-md-30 {\n margin-top: 30px; } }\n\n.p-l-r-10 {\n padding-left: 10px;\n padding-right: 10px; }\n\n.w-xs {\n min-width: 80px; }\n\n.w-sm {\n min-width: 95px; }\n\n.w-md {\n min-width: 110px; }\n\n.w-lg {\n min-width: 140px; }\n\n.text-overflow {\n text-overflow: ellipsis;\n white-space: nowrap;\n display: block;\n width: 100%;\n overflow: hidden; }\n\n.pull-in {\n margin-left: -20px;\n margin-right: -20px; }\n\n.line-h-24 {\n line-height: 24px; }\n\n.font-13 {\n font-size: 13px !important; }\n\n.font-14 {\n font-size: 14px !important; }\n\n.font-15 {\n font-size: 15px !important; }\n\n.font-16 {\n font-size: 16px !important; }\n\n.font-18 {\n font-size: 18px !important; }\n\n.font-weight-medium {\n font-weight: 500; }\n\n.font-weight-semi-bold {\n font-weight: 600; }\n\n.bx-shadow {\n box-shadow: 0px 10px 35px 0px rgba(154, 161, 171, 0.1); }\n\n.bx-shadow-lg {\n box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.12); }\n\n.bx-shadow-none {\n box-shadow: none !important; }\n\n.thumb-sm {\n height: 36px;\n width: 36px; }\n\n.thumb-md {\n height: 48px;\n width: 48px; }\n\n.thumb-lg {\n height: 88px;\n width: 88px; }\n\n.thumb-xl {\n height: 120px;\n width: 120px; }\n\n.slimScrollDiv {\n height: auto !important; }\n\n.table-box {\n display: table;\n height: 100%;\n width: 100%; }\n .table-box .table-detail {\n display: table-cell;\n vertical-align: middle; }\n\n.social-links li a {\n border-radius: 50%;\n color: rgba(108, 117, 125, 0.8);\n display: inline-block;\n height: 30px;\n line-height: 27px;\n border: 2px solid rgba(108, 117, 125, 0.5);\n text-align: center;\n width: 30px; }\n .social-links li a:hover {\n color: #6c757d;\n border: 2px solid #6c757d; }\n\n.button-list {\n margin-left: -8px;\n margin-bottom: -12px; }\n .button-list .btn {\n margin-bottom: 12px;\n margin-left: 8px; }\n\n.icons-list-demo div {\n cursor: pointer;\n line-height: 45px;\n white-space: nowrap;\n text-overflow: ellipsis;\n display: block;\n overflow: hidden; }\n .icons-list-demo div p {\n margin-bottom: 0;\n line-height: inherit; }\n\n.icons-list-demo i {\n text-align: center;\n vertical-align: middle;\n font-size: 22px;\n width: 50px;\n height: 50px;\n line-height: 50px;\n margin-right: 12px;\n color: rgba(59, 62, 71, 0.7);\n border-radius: 3px;\n display: inline-block;\n transition: all 0.2s; }\n\n.icons-list-demo .col-md-4 {\n -webkit-border-radius: 3px;\n border-radius: 3px;\n -moz-border-radius: 3px;\n background-clip: padding-box;\n margin-bottom: 10px; }\n .icons-list-demo .col-md-4:hover, .icons-list-demo .col-md-4:hover i {\n color: #35b8e0; }\n\n.gradient-primary {\n background-image: linear-gradient(15deg, #9ecff5 0%, #188ae2 100%); }\n\n.gradient-success {\n background-image: linear-gradient(15deg, #02a8b5 0%, #31ce77 100%); }\n\n.gradient-info {\n background-image: linear-gradient(15deg, #61c8e7 0%, #4eb7eb 100%); }\n\n.gradient-warning {\n background-image: linear-gradient(15deg, #fcdc8e 0%, #fbcc5c 100%); }\n\n.gradient-danger {\n background-image: linear-gradient(15deg, #f67773 0%, #ff679b 100%); }\n\n.gradient-dark {\n background-image: linear-gradient(15deg, #525663 0%, #3b3e47 100%); }\n\n/* ===== 10. Forms ===== */\nlabel {\n font-weight: 500; }\n\ninput[type=\"color\"], input[type=range] {\n min-height: 38px; }\n\ninput[type=range] {\n -webkit-appearance: none;\n width: 100%; }\n\ninput[type=range]::-webkit-slider-runnable-track {\n width: 100%;\n height: 7px;\n background: #dee2e6;\n border: none;\n border-radius: 3px; }\n\ninput[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n border: none;\n height: 16px;\n width: 16px;\n border-radius: 50%;\n background: #188ae2;\n margin-top: -4px; }\n\ninput[type=range]:focus::-webkit-slider-runnable-track {\n background: #ccc; }\n\ninput[type=range]::-moz-range-track {\n width: 100%;\n height: 7px;\n background: #dee2e6;\n border: none;\n border-radius: 3px; }\n\ninput[type=range]::-moz-range-thumb {\n border: none;\n height: 16px;\n width: 16px;\n border-radius: 50%;\n background: #188ae2; }\n\n.note-editor.note-frame {\n border: 3px solid #f8f9fa;\n box-shadow: none; }\n\n.note-popover .popover-content, .card-header.note-toolbar {\n border: none; }\n\n.note-editor.note-frame .note-statusbar {\n background-color: #f8f9fa;\n border-color: #f8f9fa; }\n\n.note-editor.note-frame .note-editing-area .note-editable {\n padding: 10px 20px; }\n\n.select2-container {\n width: 100% !important; }\n .select2-container .select2-selection--single {\n border: 1px solid #ced4da;\n height: 38px; }\n .select2-container .select2-selection--single .select2-selection__rendered {\n line-height: 36px;\n padding-left: 12px;\n outline: none; }\n .select2-container .select2-selection--single .select2-selection__arrow {\n height: 34px;\n width: 34px;\n right: 3px; }\n .select2-container .select2-selection--single .select2-selection__arrow b {\n border-color: #c3d2dc transparent transparent transparent;\n border-width: 6px 6px 0 6px; }\n\n.select2-container--open .select2-selection--single .select2-selection__arrow b {\n border-color: transparent transparent #c3d2dc transparent !important;\n border-width: 0 6px 6px 6px !important; }\n\n.select2-results__option {\n padding: 6px 12px; }\n\n.select2-dropdown {\n border: 1px solid #e3eaef;\n box-shadow: 0px 10px 35px 0px rgba(154, 161, 171, 0.1); }\n\n.select2-container--default .select2-search--dropdown {\n padding: 10px;\n background-color: white; }\n .select2-container--default .select2-search--dropdown .select2-search__field {\n border: 1px solid #e3eaef;\n outline: none; }\n\n.select2-container--default .select2-results__option--highlighted[aria-selected] {\n background-color: #35b8e0; }\n\n.select2-container--default .select2-results__option[aria-selected=true] {\n background-color: #f3f6f8;\n color: #3b3e47; }\n .select2-container--default .select2-results__option[aria-selected=true]:hover {\n background-color: #35b8e0;\n color: #fff; }\n\n.select2-container .select2-selection--multiple {\n min-height: 38px;\n border: 1px solid #ced4da !important; }\n .select2-container .select2-selection--multiple .select2-selection__rendered {\n padding: 2px 10px; }\n .select2-container .select2-selection--multiple .select2-search__field {\n margin-top: 7px;\n border: 0; }\n .select2-container .select2-selection--multiple .select2-selection__choice {\n background-color: #35b8e0;\n border: 1px solid transparent;\n color: #fff;\n border-radius: 3px;\n padding: 0 7px; }\n .select2-container .select2-selection--multiple .select2-selection__choice__remove {\n color: #fff;\n margin-right: 5px; }\n .select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {\n color: #fff; }\n\n/* Bootstrap tagsinput */\n.bootstrap-tagsinput {\n box-shadow: none;\n padding: 3px 7px 5px;\n width: 100%;\n line-height: 1;\n border: 1px solid #e3eaef; }\n .bootstrap-tagsinput .label-info {\n background-color: #188ae2;\n display: inline-block;\n padding: 4px 8px;\n font-size: 13px;\n margin: 3px 1px;\n border-radius: 3px; }\n\n/* Bootstrap select */\n.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {\n width: 100% !important; }\n\n.bootstrap-select .dropdown-toggle:focus {\n outline: none !important; }\n\n.bootstrap-select .dropdown-menu li a {\n outline: none !important; }\n\n.bootstrap-select.show > .dropdown-menu > .dropdown-menu {\n display: block; }\n\n.bootstrap-select > .dropdown-menu > .dropdown-menu li.hidden {\n display: none; }\n\n.bootstrap-select > .dropdown-menu > .dropdown-menu li a {\n display: block;\n width: 100%;\n padding: 3px 1.5rem;\n clear: both;\n font-weight: 400;\n color: #3b3e47;\n text-align: inherit;\n white-space: nowrap;\n background: 0 0;\n border: 0; }\n .bootstrap-select > .dropdown-menu > .dropdown-menu li a:hover {\n background-color: #188ae2;\n color: #fff; }\n\n.bootstrap-select .bs-ok-default:after {\n border-color: #188ae2;\n border-width: 0 .15em .15em 0; }\n\n.bootstrap-select button {\n overflow: hidden;\n text-overflow: ellipsis; }\n\n.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {\n margin-top: 0; }\n\n.bootstrap-select.btn-group .no-results {\n background-color: #fff;\n color: #f34943; }\n\n/* Time Picker */\n.bootstrap-timepicker-widget table td input {\n height: 32px;\n width: 32px;\n color: #fff;\n border: none;\n background-color: #188ae2;\n border-radius: 50%; }\n\n.bootstrap-timepicker-widget table td a:hover {\n background-color: transparent;\n border: 1px solid transparent;\n color: #188ae2; }\n\n/* Date Range Picker */\n.daterangepicker .ranges li.active, .daterangepicker td.active, .daterangepicker td.active:hover {\n background-color: #188ae2; }\n\n/* Datepicker */\n.datepicker-dropdown {\n padding: 10px !important; }\n\n.datepicker > div {\n display: inherit; }\n\n.datepicker td,\n.datepicker th {\n width: 30px;\n height: 30px; }\n\n.datepicker table tr td.active:hover,\n.datepicker table tr td.active:hover:hover,\n.datepicker table tr td.active.disabled:hover,\n.datepicker table tr td.active.disabled:hover:hover,\n.datepicker table tr td.active:active,\n.datepicker table tr td.active:hover:active,\n.datepicker table tr td.active.disabled:active,\n.datepicker table tr td.active.disabled:hover:active,\n.datepicker table tr td.active.active,\n.datepicker table tr td.active:hover.active,\n.datepicker table tr td.active.disabled.active,\n.datepicker table tr td.active.disabled:hover.active,\n.datepicker table tr td.active.disabled,\n.datepicker table tr td.active:hover.disabled,\n.datepicker table tr td.active.disabled.disabled,\n.datepicker table tr td.active.disabled:hover.disabled,\n.datepicker table tr td.active[disabled],\n.datepicker table tr td.active:hover[disabled],\n.datepicker table tr td.active.disabled[disabled],\n.datepicker table tr td.active.disabled:hover[disabled],\n.datepicker table tr td.selected,\n.datepicker table tr td.selected:hover,\n.datepicker table tr td.selected.disabled,\n.datepicker table tr td.selected.disabled:hover {\n background-color: #188ae2 !important;\n color: #fff !important;\n background-image: none !important;\n text-shadow: none !important; }\n\n.datepicker table tr td.today,\n.datepicker table tr td.today:hover,\n.datepicker table tr td.today.disabled,\n.datepicker table tr td.today.disabled:hover {\n background-color: #188ae2 !important;\n color: #fff !important;\n background-image: none !important; }\n\n.datepicker-inline {\n border: 2px solid #e3eaef;\n width: 100%; }\n .datepicker-inline table {\n width: 100%; }\n\n.datepicker .datepicker-switch:hover,\n.datepicker .next:hover,\n.datepicker .prev:hover,\n.datepicker tfoot tr th:hover,\n.datepicker table tr td.day.focused,\n.datepicker table tr td.day:hover {\n background: #f3f6f8; }\n\n.parsley-errors-list {\n margin: 0;\n padding: 0; }\n\n.parsley-errors-list > li {\n list-style: none;\n color: #f34943;\n margin-top: 5px;\n padding-left: 20px;\n position: relative; }\n .parsley-errors-list > li:before {\n content: \"\\F159\";\n font-family: \"Material Design Icons\";\n position: absolute;\n left: 2px;\n top: -1px; }\n\n.wizard > .steps {\n position: relative;\n display: block;\n width: 100%; }\n\n.wizard.vertical > .steps {\n display: inline;\n float: left;\n width: 30%; }\n\n.wizard > .steps .number {\n font-size: 1.429em; }\n\n.wizard > .steps > ul > li {\n width: 25%; }\n\n.wizard > .steps > ul > li,\n.wizard > .actions > ul > li {\n float: left; }\n\n.wizard.vertical > .steps > ul > li {\n float: none;\n width: 100%; }\n\n.wizard > .steps a,\n.wizard > .steps a:hover,\n.wizard > .steps a:active {\n display: block;\n width: auto;\n margin: 0 0.5em 0.5em;\n padding: 1em 1em;\n text-decoration: none;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px; }\n\n.wizard > .steps .disabled a,\n.wizard > .steps .disabled a:hover,\n.wizard > .steps .disabled a:active {\n background: #eee;\n color: #aaa;\n cursor: default; }\n\n.wizard > .steps .current a,\n.wizard > .steps .current a:hover,\n.wizard > .steps .current a:active {\n background: #2184be;\n color: #fff;\n cursor: default; }\n\n.wizard > .steps .done a,\n.wizard > .steps .done a:hover,\n.wizard > .steps .done a:active {\n background: #9dc8e2;\n color: #fff; }\n\n.wizard > .steps .error a,\n.wizard > .steps .error a:hover,\n.wizard > .steps .error a:active {\n background: #ff3111;\n color: #fff; }\n\n.wizard > .content {\n background: #eee;\n display: block;\n margin: 0.5em;\n min-height: 35em;\n overflow: hidden;\n position: relative;\n width: auto;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px; }\n\n.wizard.vertical > .content {\n display: inline;\n float: left;\n margin: 0 2.5% 0.5em 2.5%;\n width: 65%; }\n\n.wizard > .content > .body {\n float: left;\n position: absolute;\n width: 95%;\n height: 95%;\n padding: 2.5%; }\n\n.wizard > .content > .body ul {\n list-style: disc !important; }\n\n.wizard > .content > .body ul > li {\n display: list-item; }\n\n.wizard > .content > .body > iframe {\n border: 0 none;\n width: 100%;\n height: 100%; }\n\n.wizard > .content > .body input {\n display: block;\n border: 1px solid #ccc; }\n\n.wizard > .content > .body input[type=\"checkbox\"] {\n display: inline-block; }\n\n.wizard > .content > .body input.error {\n background: #fbe3e4;\n border: 1px solid #fbc2c4;\n color: #8a1f11; }\n\n.wizard > .content > .body label {\n display: inline-block;\n margin-bottom: 0.5em; }\n\n.wizard > .content > .body label.error {\n color: #8a1f11;\n display: inline-block;\n margin-left: 1.5em; }\n\n.wizard > .actions {\n position: relative;\n display: block;\n text-align: right;\n width: 100%; }\n\n.wizard.vertical > .actions {\n display: inline;\n float: right;\n margin: 0 2.5%;\n width: 95%; }\n\n.wizard > .actions > ul {\n display: inline-block;\n text-align: right; }\n\n.wizard > .actions > ul > li {\n margin: 0 0.5em; }\n\n.wizard.vertical > .actions > ul > li {\n margin: 0 0 0 1em; }\n\n.wizard > .actions a,\n.wizard > .actions a:hover,\n.wizard > .actions a:active {\n background: #188ae2;\n color: #fff;\n display: block;\n padding: 0.5em 1em;\n text-decoration: none;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px; }\n\n.wizard > .actions .disabled a,\n.wizard > .actions .disabled a:hover,\n.wizard > .actions .disabled a:active {\n background: #eee;\n color: #aaa; }\n\n.wizard > .content {\n background: #fff;\n min-height: 240px;\n padding: 20px;\n margin-top: 0; }\n\n.wizard > .content > .body {\n padding: 0;\n position: relative; }\n .wizard > .content > .body ul > li {\n display: block;\n line-height: 30px; }\n .wizard > .content > .body label.error {\n color: #f34943;\n margin-left: 0; }\n .wizard > .content > .body label {\n display: inline-block;\n margin-top: 10px; }\n .wizard > .content > .body input {\n border-color: #ced4da; }\n .wizard > .content > .body input:focus {\n border-color: #80bdff; }\n\n.wizard > .steps {\n background-color: #f8f9fa; }\n .wizard > .steps .number {\n border-radius: 50%;\n background-color: rgba(255, 255, 255, 0.3);\n display: inline-block;\n line-height: 30px;\n margin-right: 10px;\n width: 30px;\n text-align: center; }\n .wizard > .steps .disabled a,\n .wizard > .steps .disabled a:hover,\n .wizard > .steps .disabled a:active {\n background: transparent;\n color: #3b3e47;\n cursor: default;\n border: none; }\n .wizard > .steps .current a {\n background: #35b8e0; }\n .wizard > .steps .current a:hover, .wizard > .steps .current a:active {\n background: #35b8e0; }\n .wizard > .steps .current a:hover .number, .wizard > .steps .current a:active .number {\n color: #fff; }\n .wizard > .steps .current a .number {\n color: #fff; }\n .wizard > .steps .done a {\n background: #dee2e6;\n color: #3b3e47; }\n .wizard > .steps .done a:hover, .wizard > .steps .done a:active {\n background: #dee2e6;\n color: #3b3e47; }\n\n.wizard > .steps a,\n.wizard > .steps a:hover,\n.wizard > .steps a:active {\n border-radius: 2px;\n margin: 0; }\n\n.wizard > .actions {\n padding: 0 20px;\n margin: 0 !important; }\n .wizard > .actions a,\n .wizard > .actions a:hover,\n .wizard > .actions a:active {\n background: #35b8e0;\n border-radius: 2px;\n color: #fff; }\n .wizard > .actions .disabled a,\n .wizard > .actions .disabled a:hover,\n .wizard > .actions .disabled a:active {\n background: #f2f2f2;\n color: #3b3e47;\n cursor: default;\n border: none; }\n\n/*\r\n Common \r\n*/\n.wizard,\n.tabcontrol {\n display: block;\n width: 100%;\n overflow: hidden; }\n\n.wizard a,\n.tabcontrol a {\n outline: 0; }\n\n.wizard ul,\n.tabcontrol ul {\n list-style: none !important;\n padding: 0;\n margin: 0; }\n\n.wizard ul > li,\n.tabcontrol ul > li {\n display: block;\n padding: 0; }\n\n/* Accessibility */\n.wizard > .steps .current-info,\n.tabcontrol > .steps .current-info {\n position: absolute;\n left: -999em; }\n\n.wizard > .content > .title,\n.tabcontrol > .content > .title {\n position: absolute;\n left: -999em; }\n\n@media (max-width: 767.98px) {\n .wizard > .steps > ul > li, .wizard.vertical > .steps, .wizard.vertical > .content {\n width: 100%; } }\n\n.dropzone {\n border: 2px dashed rgba(59, 62, 71, 0.3);\n background: #fff;\n border-radius: 6px; }\n\n/* ===== 11. Dashboard ===== */\n.dash-sales-chart {\n height: 165px; }\n\n.high-performing-product {\n height: 309px; }\n\n.conversion-chart {\n height: 309px; }\n\n.dash-doughnut {\n height: 193px; }\n\n.dash-usa-map {\n height: 300px; }\n\n.datauses-area {\n height: 198px; }\n\n/* ===== 12. Account Pages ===== */\n.home-wrapper {\n margin: 10% 0; }\n\n.bg-account-pages {\n background-image: url(\"../images/bg-pattern.png\");\n background-color: #343b4a;\n background-size: cover;\n padding-bottom: 0;\n min-height: 100px; }\n\n.wrapper-page {\n display: table;\n height: 100vh;\n width: 100%; }\n\n.account-pages {\n display: table-cell;\n vertical-align: middle; }\n\n.account-box {\n position: relative;\n max-width: 460px;\n margin: 20px auto;\n background-color: #fff;\n border-radius: 5px;\n box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.12); }\n .account-box .account-content {\n padding: 30px; }\n .account-box .account-btn {\n position: absolute;\n left: 0;\n right: 0; }\n\n.account-logo-box {\n padding: 30px 30px 0 30px; }\n\n.text-error {\n color: #188ae2;\n text-shadow: rgba(24, 138, 226, 0.3) 5px 1px, rgba(24, 138, 226, 0.2) 10px 3px;\n font-size: 84px;\n font-weight: 700;\n line-height: 90px; }\n\n.checkmark {\n width: 100px;\n margin: 0 auto;\n padding: 20px 0; }\n\n.path {\n stroke-dasharray: 1000;\n stroke-dashoffset: 0;\n animation: dash 2s ease-in-out;\n -webkit-animation: dash 2s ease-in-out; }\n\n.spin {\n animation: spin 2s;\n -webkit-animation: spin 2s;\n transform-origin: 50% 50%;\n -webkit-transform-origin: 50% 50%; }\n\n@-webkit-keyframes dash {\n 0% {\n stroke-dashoffset: 1000; }\n 100% {\n stroke-dashoffset: 0; } }\n\n@keyframes dash {\n 0% {\n stroke-dashoffset: 1000; }\n 100% {\n stroke-dashoffset: 0; } }\n\n@-webkit-keyframes spin {\n 0% {\n -webkit-transform: rotate(0deg); }\n 100% {\n -webkit-transform: rotate(360deg); } }\n\n@keyframes spin {\n 0% {\n -webkit-transform: rotate(0deg); }\n 100% {\n -webkit-transform: rotate(360deg); } }\n\n@-webkit-keyframes text {\n 0% {\n opacity: 0; }\n 100% {\n opacity: 1; } }\n\n@keyframes text {\n 0% {\n opacity: 0; }\n 100% {\n opacity: 1; } }\n\n/* ===== 13. Calendar ===== */\n.calendar {\n float: left;\n margin-bottom: 0; }\n\n.fc-view {\n margin-top: 30px; }\n\n.none-border .modal-footer {\n border-top: none; }\n\n.fc-toolbar {\n margin-bottom: 5px;\n margin-top: 15px; }\n .fc-toolbar h2 {\n font-size: 20px;\n font-family: \"Libre Franklin\", sans-serif;\n line-height: 30px;\n text-transform: uppercase; }\n\n.fc-day-grid-event .fc-time {\n font-family: \"Libre Franklin\", sans-serif;\n font-weight: 700; }\n\n.fc-day {\n background: #fff; }\n\n.fc-toolbar .fc-state-active,\n.fc-toolbar .ui-state-active,\n.fc-toolbar button:focus,\n.fc-toolbar button:hover,\n.fc-toolbar .ui-state-hover,\n.fc-view, .fc-view > table {\n z-index: 0; }\n\n.fc th.fc-widget-header {\n background: #f3f6f8;\n font-size: 13px;\n line-height: 20px;\n padding: 10px 0;\n text-transform: uppercase; }\n\n.fc-unthemed th,\n.fc-unthemed td,\n.fc-unthemed thead,\n.fc-unthemed tbody,\n.fc-unthemed .fc-divider,\n.fc-unthemed .fc-row,\n.fc-unthemed .fc-popover {\n border-color: #f3f6f8; }\n\n.fc-button {\n background: #f3f6f8;\n border: none;\n color: #6c757d;\n text-transform: capitalize;\n box-shadow: none;\n border-radius: 3px;\n margin: 0 3px;\n padding: 6px 12px;\n height: auto; }\n\n.fc-text-arrow {\n font-family: inherit;\n font-size: 16px; }\n\n.fc-state-hover {\n background: #dee2e6; }\n\n.fc-state-highlight {\n background: #f0f0f0; }\n\n.fc-state-down,\n.fc-state-active,\n.fc-state-disabled {\n background-color: #188ae2;\n color: #fff;\n text-shadow: none; }\n\n.fc-cell-overlay {\n background: #f0f0f0; }\n\n.fc-unthemed .fc-today {\n background: #f1f8fe !important; }\n\n.fc-event {\n border-radius: 2px;\n border: none;\n cursor: move;\n font-size: 13px;\n margin: 5px 7px;\n padding: 5px 5px;\n text-align: center; }\n\n.external-event {\n cursor: move;\n margin: 10px 0;\n padding: 8px 10px;\n color: #fff; }\n\n.fc-basic-view td.fc-week-number span {\n padding-right: 8px;\n font-family: \"Libre Franklin\", sans-serif; }\n\n.fc-basic-view td.fc-day-number {\n padding-right: 8px;\n font-family: \"Libre Franklin\", sans-serif; }\n\n.fc-basic-view .fc-content {\n color: #fff; }\n\n.fc-time-grid-event .fc-content {\n color: #fff; }\n\n.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {\n padding: 6px;\n font-size: 12px; }\n\n@media (max-width: 767.98px) {\n .fc-toolbar .fc-left, .fc-toolbar .fc-right, .fc-toolbar .fc-center {\n float: none;\n display: block;\n clear: both;\n margin: 10px 0; }\n .fc .fc-toolbar > * > * {\n float: none; }\n .fc-today-button {\n display: none; } }\n\n/* ===== 14. Charts ===== */\n.flotTip {\n padding: 8px 12px;\n background-color: #fff;\n z-index: 100;\n color: #3b3e47;\n opacity: 1;\n box-shadow: 0 5px 25px 5px rgba(59, 62, 71, 0.14);\n -webkit-border-radius: 3px;\n -moz-border-radius: 3px;\n border-radius: 3px; }\n\n.legend tr {\n height: 30px;\n font-family: \"Libre Franklin\", sans-serif; }\n\n.legendLabel {\n padding-left: 5px !important;\n line-height: 10px;\n padding-right: 20px;\n font-size: 13px;\n font-weight: 600;\n color: rgba(59, 62, 71, 0.6); }\n\n.legendColorBox div div {\n border-radius: 50%; }\n\n@media (max-width: 767.98px) {\n .legend {\n display: none; } }\n\n.ct-golden-section:before {\n float: none; }\n\n.ct-chart {\n max-height: 350px; }\n .ct-chart .ct-label {\n fill: #98a6ad;\n color: #98a6ad;\n font-size: 10px;\n line-height: 1; }\n\n.ct-grid {\n stroke: rgba(59, 62, 71, 0.1); }\n\n.ct-chart.simple-pie-chart-chartist .ct-label {\n color: #fff;\n fill: #fff;\n font-size: 16px; }\n\n.ct-chart .ct-series.ct-series-a .ct-bar,\n.ct-chart .ct-series.ct-series-a .ct-line,\n.ct-chart .ct-series.ct-series-a .ct-point,\n.ct-chart .ct-series.ct-series-a .ct-slice-donut {\n stroke: #31ce77; }\n\n.ct-chart .ct-series.ct-series-b .ct-bar,\n.ct-chart .ct-series.ct-series-b .ct-line,\n.ct-chart .ct-series.ct-series-b .ct-point,\n.ct-chart .ct-series.ct-series-b .ct-slice-donut {\n stroke: #35b8e0; }\n\n.ct-chart .ct-series.ct-series-c .ct-bar,\n.ct-chart .ct-series.ct-series-c .ct-line,\n.ct-chart .ct-series.ct-series-c .ct-point,\n.ct-chart .ct-series.ct-series-c .ct-slice-donut {\n stroke: #188ae2; }\n\n.ct-chart .ct-series.ct-series-d .ct-bar,\n.ct-chart .ct-series.ct-series-d .ct-line,\n.ct-chart .ct-series.ct-series-d .ct-point,\n.ct-chart .ct-series.ct-series-d .ct-slice-donut {\n stroke: #f34943; }\n\n.ct-chart .ct-series.ct-series-e .ct-bar,\n.ct-chart .ct-series.ct-series-e .ct-line,\n.ct-chart .ct-series.ct-series-e .ct-point,\n.ct-chart .ct-series.ct-series-e .ct-slice-donut {\n stroke: #f3f6f8; }\n\n.ct-chart .ct-series.ct-series-f .ct-bar,\n.ct-chart .ct-series.ct-series-f .ct-line,\n.ct-chart .ct-series.ct-series-f .ct-point,\n.ct-chart .ct-series.ct-series-f .ct-slice-donut {\n stroke: #ff679b; }\n\n.ct-chart .ct-series.ct-series-g .ct-bar,\n.ct-chart .ct-series.ct-series-g .ct-line,\n.ct-chart .ct-series.ct-series-g .ct-point,\n.ct-chart .ct-series.ct-series-g .ct-slice-donut {\n stroke: #fbcc5c; }\n\n.ct-series-a .ct-area,\n.ct-series-a .ct-slice-pie {\n fill: #31ce77; }\n\n.ct-series-b .ct-area,\n.ct-series-b .ct-slice-pie {\n fill: #35b8e0; }\n\n.ct-series-c .ct-area,\n.ct-series-c .ct-slice-pie {\n fill: #188ae2; }\n\n.ct-series-d .ct-area,\n.ct-series-d .ct-slice-pie {\n fill: #f34943; }\n\n.chartist-tooltip {\n position: absolute;\n display: inline-block;\n opacity: 0;\n min-width: 10px;\n padding: 2px 10px;\n border-radius: 3px;\n background: #3b3e47;\n color: #fff;\n text-align: center;\n pointer-events: none;\n z-index: 1;\n -webkit-transition: opacity .2s linear;\n -moz-transition: opacity .2s linear;\n -o-transition: opacity .2s linear;\n transition: opacity .2s linear; }\n\n.chartist-tooltip.tooltip-show {\n opacity: 1; }\n\n/* Sparkline chart */\n.jqstooltip {\n box-sizing: content-box;\n width: auto !important;\n height: auto !important;\n background-color: #fff !important;\n box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.12);\n padding: 5px 10px !important;\n border-radius: 3px;\n border-color: #fff !important; }\n\n.jqsfield {\n color: #3b3e47 !important;\n font-size: 12px !important;\n line-height: 18px !important;\n font-family: \"Libre Franklin\", sans-serif !important;\n font-weight: 500 !important; }\n\n.chartjs-chart {\n margin: auto;\n position: relative;\n width: 100%; }\n\n.chartjs-chart-example {\n height: 310px; }\n\n/* ===== 15. Email ===== */\n.inbox-leftbar {\n width: 240px;\n float: left;\n padding: 0 20px 20px 10px; }\n\n.inbox-rightbar {\n margin-left: 250px; }\n\n.message-list {\n display: block;\n padding-left: 0; }\n .message-list li {\n position: relative;\n display: block;\n height: 51px;\n line-height: 50px;\n cursor: default;\n transition-duration: .3s; }\n .message-list li a {\n color: #6c757d; }\n .message-list li:hover {\n background: rgba(152, 166, 173, 0.15);\n transition-duration: .05s; }\n .message-list li .col-mail {\n float: left;\n position: relative; }\n .message-list li .col-mail-1 {\n width: 320px; }\n .message-list li .col-mail-1 .star-toggle,\n .message-list li .col-mail-1 .checkbox-wrapper-mail,\n .message-list li .col-mail-1 .dot {\n display: block;\n float: left; }\n .message-list li .col-mail-1 .dot {\n border: 4px solid transparent;\n border-radius: 100px;\n margin: 22px 26px 0;\n height: 0;\n width: 0;\n line-height: 0;\n font-size: 0; }\n .message-list li .col-mail-1 .checkbox-wrapper-mail {\n margin: 15px 10px 0 20px; }\n .message-list li .col-mail-1 .star-toggle {\n margin-top: 18px;\n font-size: 16px;\n margin-left: 5px; }\n .message-list li .col-mail-1 .title {\n position: absolute;\n top: 0;\n left: 110px;\n right: 0;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n margin-bottom: 0;\n line-height: 50px; }\n .message-list li .col-mail-2 {\n position: absolute;\n top: 0;\n left: 320px;\n right: 0;\n bottom: 0; }\n .message-list li .col-mail-2 .subject,\n .message-list li .col-mail-2 .date {\n position: absolute;\n top: 0; }\n .message-list li .col-mail-2 .subject {\n left: 0;\n right: 200px;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap; }\n .message-list li .col-mail-2 .date {\n right: 0;\n width: 170px;\n padding-left: 80px; }\n .message-list li.active,\n .message-list li.mail-selected {\n background: rgba(152, 166, 173, 0.15);\n transition-duration: .05s; }\n .message-list li.active,\n .message-list li.active:hover {\n box-shadow: inset 3px 0 0 #35b8e0; }\n .message-list li.unread a {\n font-weight: 500;\n color: #2f3239; }\n .message-list li.blue-dot .col-mail-1 .dot {\n border-color: #188ae2; }\n .message-list li.orange-dot .col-mail-1 .dot {\n border-color: #fbcc5c; }\n .message-list li.green-dot .col-mail-1 .dot {\n border-color: #31ce77; }\n .message-list .checkbox-wrapper-mail {\n cursor: pointer;\n height: 20px;\n width: 20px;\n position: relative;\n display: inline-block;\n box-shadow: inset 0 0 0 1px #98a6ad;\n border-radius: 1px; }\n .message-list .checkbox-wrapper-mail input {\n opacity: 0;\n cursor: pointer; }\n .message-list .checkbox-wrapper-mail input:checked ~ label {\n opacity: 1; }\n .message-list .checkbox-wrapper-mail label {\n position: absolute;\n top: 3px;\n left: 3px;\n right: 3px;\n bottom: 3px;\n cursor: pointer;\n background: #98a6ad;\n opacity: 0;\n margin-bottom: 0 !important;\n transition-duration: .05s; }\n .message-list .checkbox-wrapper-mail label:active {\n background: #87949b; }\n\n.mail-list a {\n font-family: \"Libre Franklin\", sans-serif;\n color: #6c757d;\n padding: 10px 15px;\n display: block; }\n\n.reply-box {\n border: 2px solid #f3f6f8; }\n\n@media (max-width: 648px) {\n .inbox-leftbar {\n width: 100%; }\n .inbox-rightbar {\n margin-left: 0; } }\n\n@media (max-width: 520px) {\n .message-list li .col-mail-1 {\n width: 150px; }\n .message-list li .col-mail-1 .title {\n left: 80px; }\n .message-list li .col-mail-2 {\n left: 160px; }\n .message-list li .col-mail-2 .date {\n text-align: right;\n padding-right: 10px;\n padding-left: 20px; } }\n\n/* ===== 16. FAQ ===== */\n.question-q-box {\n height: 30px;\n width: 30px;\n color: #fff;\n background-color: #35b8e0;\n text-align: center;\n border-radius: 50%;\n float: left;\n line-height: 30px; }\n\n.question {\n margin-top: 0;\n margin-left: 50px;\n font-weight: 400;\n font-size: 16px; }\n\n.answer {\n margin-left: 50px;\n color: #98a6ad;\n margin-bottom: 40px; }\n\n/* ===== 17. Timeline ===== */\n.timeline {\n border-collapse: collapse;\n border-spacing: 0;\n display: table;\n margin-bottom: 50px;\n position: relative;\n table-layout: fixed;\n width: 100%; }\n .timeline .time-show {\n margin-bottom: 30px;\n margin-right: -75px;\n margin-top: 30px;\n position: relative; }\n .timeline:before {\n background-color: #35b8e0;\n bottom: 0;\n content: \"\";\n left: 50%;\n position: absolute;\n top: 30px;\n width: 2px;\n z-index: 0; }\n .timeline .timeline-icon {\n -webkit-border-radius: 50%;\n background: #f3f6f8;\n border-radius: 50%;\n display: block;\n height: 20px;\n left: -54px;\n margin-top: -10px;\n position: absolute;\n text-align: center;\n top: 50%;\n width: 20px; }\n .timeline .timeline-icon i {\n color: #fff;\n font-size: 13px;\n margin-top: 1px;\n position: absolute;\n left: 4px; }\n .timeline .time-icon:before {\n font-size: 16px;\n margin-top: 5px; }\n\nh3.timeline-title {\n color: #dee2e6;\n font-size: 20px;\n font-weight: 400;\n margin: 0 0 5px;\n text-transform: uppercase; }\n\n.timeline-item {\n display: table-row; }\n .timeline-item:before {\n content: \"\";\n display: block;\n width: 50%; }\n .timeline-item .timeline-desk .arrow {\n border-bottom: 12px solid transparent;\n border-right: 12px solid #fff !important;\n border-top: 12px solid transparent;\n display: block;\n height: 0;\n left: -12px;\n margin-top: -12px;\n position: absolute;\n top: 50%;\n width: 0; }\n .timeline-item .timeline-desk .timeline-box {\n padding: 20px; }\n .timeline-item .timeline-date {\n margin-bottom: 10px; }\n\n.timeline-item.alt:after {\n content: \"\";\n display: block;\n width: 50%; }\n\n.timeline-item.alt .timeline-desk .arrow-alt {\n border-bottom: 12px solid transparent;\n border-left: 12px solid #fff !important;\n border-top: 12px solid transparent;\n display: block;\n height: 0;\n left: auto;\n margin-top: -12px;\n position: absolute;\n right: -12px;\n top: 50%;\n width: 0; }\n\n.timeline-item.alt .timeline-desk .album {\n float: right;\n margin-top: 20px; }\n .timeline-item.alt .timeline-desk .album a {\n float: right;\n margin-left: 5px; }\n\n.timeline-item.alt .timeline-icon {\n left: auto;\n right: -56px; }\n\n.timeline-item.alt:before {\n display: none; }\n\n.timeline-item.alt .panel {\n margin-left: 0;\n margin-right: 45px; }\n\n.timeline-item.alt h4,\n.timeline-item.alt p,\n.timeline-item.alt .timeline-date {\n text-align: right; }\n\n.timeline-desk {\n display: table-cell;\n vertical-align: top;\n width: 50%; }\n .timeline-desk h4 {\n font-size: 16px;\n font-weight: normal;\n margin: 0; }\n .timeline-desk .panel {\n background: #fdfdfe;\n display: block;\n margin-bottom: 5px;\n margin-left: 45px;\n position: relative;\n text-align: left;\n border: 0; }\n .timeline-desk h5 span {\n color: #dee2e6;\n display: block;\n font-size: 12px;\n margin-bottom: 4px; }\n .timeline-desk p {\n font-size: 14px;\n margin-bottom: 0; }\n .timeline-desk .album {\n margin-top: 12px; }\n .timeline-desk .album a {\n float: left;\n margin-right: 5px; }\n .timeline-desk .album img {\n height: 36px;\n width: auto;\n border-radius: 3px; }\n .timeline-desk .notification {\n background: none repeat scroll 0 0 #fff;\n margin-top: 20px;\n padding: 8px; }\n\n/* ===== 18. Pricing ===== */\n.pricing-column {\n position: relative;\n margin-bottom: 40px; }\n .pricing-column .inner-box {\n position: relative;\n padding: 0 0 50px; }\n .pricing-column .plan-header {\n position: relative;\n padding: 30px 20px 25px; }\n .pricing-column .plan-title {\n font-size: 16px;\n margin-bottom: 10px;\n color: #fff;\n text-transform: uppercase;\n background-color: #31ce77;\n padding: 15px;\n margin-top: 0;\n margin: 0 -20px; }\n .pricing-column .plan-price {\n margin-bottom: 10px;\n color: #3b3e47; }\n .pricing-column .plan-duration {\n font-size: 13px; }\n .pricing-column .plan-stats {\n position: relative;\n padding: 30px 20px 15px; }\n .pricing-column .plan-stats li {\n margin-bottom: 15px;\n line-height: 24px; }\n .pricing-column .plan-stats li i {\n font-size: 16px;\n vertical-align: middle;\n margin-right: 5px; }\n\n.price-ribbon span {\n font-size: 10px !important;\n font-weight: bold;\n letter-spacing: 1px; }\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Origally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","// stylelint-disable declaration-no-important, selector-list-comma-newline-after\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: $h1-font-size; }\nh2, .h2 { font-size: $h2-font-size; }\nh3, .h3 { font-size: $h3-font-size; }\nh4, .h4 { font-size: $h4-font-size; }\nh5, .h5 { font-size: $h5-font-size; }\nh6, .h6 { font-size: $h6-font-size; }\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: $hr-margin-y;\n margin-bottom: $hr-margin-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 margin-bottom: $spacer;\n font-size: $blockquote-font-size;\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","// 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 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 / 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// stylelint-disable indentation, media-query-list-comma-newline-after\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: https://caniuse.com/#feat=css-media-resolution\n @media 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-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-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-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n","// Inline code\ncode {\n font-size: $code-font-size;\n color: $code-color;\n word-break: break-word;\n\n // Streamline the style when inside anchors to avoid broken underline and more\n a > & {\n color: inherit;\n }\n}\n\n// User input typically entered via keyboard\nkbd {\n padding: $kbd-padding-y $kbd-padding-x;\n font-size: $kbd-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 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 font-size: inherit;\n color: inherit;\n word-break: normal;\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 with 100% width for\n// 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() {\n width: 100%;\n padding-right: ($grid-gutter-width / 2);\n padding-left: ($grid-gutter-width / 2);\n margin-right: auto;\n margin-left: auto;\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 max-width: $container-max-width;\n }\n }\n}\n\n@mixin make-row() {\n display: flex;\n flex-wrap: wrap;\n margin-right: ($grid-gutter-width / -2);\n margin-left: ($grid-gutter-width / -2);\n}\n\n@mixin make-col-ready() {\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 padding-right: ($grid-gutter-width / 2);\n padding-left: ($grid-gutter-width / 2);\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n flex: 0 0 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 $num: $size / $columns;\n margin-left: if($num == 0, 0, percentage($num));\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, lg: 992px, xl: 1200px)\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, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\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, lg: 992px, xl: 1200px))\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.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02px, 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, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\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 $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\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 $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\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, $gutter: $grid-gutter-width, $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 padding-right: ($gutter / 2);\n padding-left: ($gutter / 2);\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 .col#{$infix}-auto {\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 max-width: none; // Reset earlier grid tiers\n }\n\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @include make-col($i, $columns);\n }\n }\n\n .order#{$infix}-first { order: -1; }\n\n .order#{$infix}-last { order: $columns + 1; }\n\n @for $i from 0 through $columns {\n .order#{$infix}-#{$i} { order: $i; }\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-0\n .offset#{$infix}-#{$i} {\n @include make-col-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 background-color: $table-bg; // Reset for nesting within parents with `background-color`.\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-cell-padding-sm;\n }\n}\n\n\n// Border versions\n//\n// Add or remove 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.table-borderless {\n th,\n td,\n thead th,\n tbody + tbody {\n border: 0;\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(#{$table-striped-order}) {\n background-color: $table-accent-bg;\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-hover-bg;\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@each $color, $value in $theme-colors {\n @include table-row-variant($color, theme-color-level($color, -9));\n}\n\n@include table-row-variant(active, $table-active-bg);\n\n\n// Dark styles\n//\n// Same table markup, but inverted color scheme: dark background and light text.\n\n// stylelint-disable-next-line no-duplicate-selectors\n.table {\n .thead-dark {\n th {\n color: $table-dark-color;\n background-color: $table-dark-bg;\n border-color: $table-dark-border-color;\n }\n }\n\n .thead-light {\n th {\n color: $table-head-color;\n background-color: $table-head-bg;\n border-color: $table-border-color;\n }\n }\n}\n\n.table-dark {\n color: $table-dark-color;\n background-color: $table-dark-bg;\n\n th,\n td,\n thead th {\n border-color: $table-dark-border-color;\n }\n\n &.table-bordered {\n border: 0;\n }\n\n &.table-striped {\n tbody tr:nth-of-type(odd) {\n background-color: $table-dark-accent-bg;\n }\n }\n\n &.table-hover {\n tbody tr {\n @include hover {\n background-color: $table-dark-hover-bg;\n }\n }\n }\n}\n\n\n// Responsive tables\n//\n// Generate series of `.table-responsive-*` classes for configuring the screen\n// size of where your table will overflow.\n\n.table-responsive {\n @each $breakpoint in map-keys($grid-breakpoints) {\n $next: breakpoint-next($breakpoint, $grid-breakpoints);\n $infix: breakpoint-infix($next, $grid-breakpoints);\n\n &#{$infix} {\n @include media-breakpoint-down($breakpoint) {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\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 }\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","// Bootstrap functions\n//\n// Utility mixins and functions for evalutating source code across our variables, maps, and mixins.\n\n// Ascending\n// Used to evaluate Sass maps like our grid breakpoints.\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// Starts at zero\n// Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.\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// Replace `$search` with `$replace` in `$string`\n// Used on our SVG icon backgrounds for custom forms.\n//\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// Color contrast\n@function color-yiq($color) {\n $r: red($color);\n $g: green($color);\n $b: blue($color);\n\n $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;\n\n @if ($yiq >= $yiq-contrasted-threshold) {\n @return $yiq-text-dark;\n } @else {\n @return $yiq-text-light;\n }\n}\n\n// Retrieve color Sass maps\n@function color($key: \"blue\") {\n @return map-get($colors, $key);\n}\n\n@function theme-color($key: \"primary\") {\n @return map-get($theme-colors, $key);\n}\n\n@function gray($key: \"100\") {\n @return map-get($grays, $key);\n}\n\n// Request a theme color level\n@function theme-color-level($color-name: \"primary\", $level: 0) {\n $color: theme-color($color-name);\n $color-base: if($level > 0, $black, $white);\n $level: abs($level);\n\n @return mix($color-base, $color, $level * $theme-color-interval);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Textual form controls\n//\n\n.form-control {\n display: block;\n width: 100%;\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 background-clip: padding-box;\n border: $input-border-width solid $input-border-color;\n\n // Note: This has no effect on