@openneuro/app 4.2.0 → 4.2.4

package/src/sass/pre-refactor-with-wrapper-main.scss

@@ -1,1549 +0,0 @@
-$bootstrap-sass-asset-helper: false !default;
-$gray-base: #000 !default;
-$gray-darker: lighten($gray-base, 13.5%) !default;
-$gray-dark: lighten($gray-base, 20%) !default;
-$gray: lighten($gray-base, 33.5%) !default;
-$gray-light: lighten($gray-base, 46.7%) !default;
-$gray-lighter: lighten($gray-base, 93.5%) !default;
-$brand-primary: darken(#428bca, 6.5%) !default;
-$brand-success: #5cb85c !default;
-$brand-info: #5bc0de !default;
-$brand-warning: #f0ad4e !default;
-$brand-danger: #d9534f !default;
-$body-bg: #fff !default;
-$text-color: $gray-dark !default;
-$link-color: $brand-primary !default;
-$link-hover-color: darken($link-color, 15%) !default;
-$link-hover-decoration: underline !default;
-$font-family-sans-serif: 'Helvetica Neue', Helvetica, Arial, sans-serif !default;
-$font-family-serif: Georgia, 'Times New Roman', Times, serif !default;
-$font-family-monospace: Menlo, Monaco, Consolas, 'Courier New', monospace !default;
-$font-family-base: $font-family-sans-serif !default;
-$font-size-base: 14px !default;
-$font-size-large: ceil(($font-size-base * 1.25)) !default;
-$font-size-small: ceil(($font-size-base * 0.85)) !default;
-$font-size-h1: floor(($font-size-base * 2.6)) !default;
-$font-size-h2: floor(($font-size-base * 2.15)) !default;
-$font-size-h3: ceil(($font-size-base * 1.7)) !default;
-$font-size-h4: ceil(($font-size-base * 1.25)) !default;
-$font-size-h5: $font-size-base !default;
-$font-size-h6: ceil(($font-size-base * 0.85)) !default;
-$line-height-base: 1.428571429 !default;
-$line-height-computed: floor(($font-size-base * $line-height-base)) !default;
-$headings-font-family: inherit !default;
-$headings-font-weight: 500 !default;
-$headings-line-height: 1.1 !default;
-$headings-color: inherit !default;
-$icon-font-path: if(
-  $bootstrap-sass-asset-helper,
-  'bootstrap/',
-  '../fonts/bootstrap/'
-) !default;
-$icon-font-name: 'glyphicons-halflings-regular' !default;
-$icon-font-svg-id: 'glyphicons_halflingsregular' !default;
-$padding-base-vertical: 6px !default;
-$padding-base-horizontal: 12px !default;
-$padding-large-vertical: 10px !default;
-$padding-large-horizontal: 16px !default;
-$padding-small-vertical: 5px !default;
-$padding-small-horizontal: 10px !default;
-$padding-xs-vertical: 1px !default;
-$padding-xs-horizontal: 5px !default;
-$line-height-large: 1.3333333 !default;
-$line-height-small: 1.5 !default;
-$border-radius-base: 4px !default;
-$border-radius-large: 6px !default;
-$border-radius-small: 3px !default;
-$component-active-color: #fff !default;
-$component-active-bg: $brand-primary !default;
-$caret-width-base: 4px !default;
-$caret-width-large: 5px !default;
-$table-cell-padding: 8px !default;
-$table-condensed-cell-padding: 5px !default;
-$table-bg: transparent !default;
-$table-bg-accent: #f9f9f9 !default;
-$table-bg-hover: #f5f5f5 !default;
-$table-bg-active: $table-bg-hover !default;
-$table-border-color: #ddd !default;
-$btn-font-weight: normal !default;
-$btn-default-color: #333 !default;
-$btn-default-bg: #fff !default;
-$btn-default-border: #ccc !default;
-$btn-primary-color: #fff !default;
-$btn-primary-bg: $brand-primary !default;
-$btn-primary-border: darken($btn-primary-bg, 5%) !default;
-$btn-success-color: #fff !default;
-$btn-success-bg: $brand-success !default;
-$btn-success-border: darken($btn-success-bg, 5%) !default;
-$btn-info-color: #fff !default;
-$btn-info-bg: $brand-info !default;
-$btn-info-border: darken($btn-info-bg, 5%) !default;
-$btn-warning-color: #fff !default;
-$btn-warning-bg: $brand-warning !default;
-$btn-warning-border: darken($btn-warning-bg, 5%) !default;
-$btn-danger-color: #fff !default;
-$btn-danger-bg: $brand-danger !default;
-$btn-danger-border: darken($btn-danger-bg, 5%) !default;
-$btn-link-disabled-color: $gray-light !default;
-$input-bg: #fff !default;
-$input-bg-disabled: $gray-lighter !default;
-$input-color: $gray !default;
-$input-border: #ccc !default;
-$input-border-radius: $border-radius-base !default;
-$input-border-radius-large: $border-radius-large !default;
-$input-border-radius-small: $border-radius-small !default;
-$input-border-focus: #66afe9 !default;
-$input-color-placeholder: #999 !default;
-$input-height-base: (
-  $line-height-computed + ($padding-base-vertical * 2) + 2
-) !default;
-$input-height-large: (
-  ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) +
-    2
-) !default;
-$input-height-small: (
-  floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) +
-    2
-) !default;
-$form-group-margin-bottom: 15px !default;
-$legend-color: $gray-dark !default;
-$legend-border-color: #e5e5e5 !default;
-$input-group-addon-bg: $gray-lighter !default;
-$input-group-addon-border-color: $input-border !default;
-$cursor-disabled: not-allowed !default;
-$dropdown-bg: #fff !default;
-$dropdown-border: rgba(0, 0, 0, 0.15) !default;
-$dropdown-fallback-border: #ccc !default;
-$dropdown-divider-bg: #e5e5e5 !default;
-$dropdown-link-color: $gray-dark !default;
-$dropdown-link-hover-color: darken($gray-dark, 5%) !default;
-$dropdown-link-hover-bg: #f5f5f5 !default;
-$dropdown-link-active-color: $component-active-color !default;
-$dropdown-link-active-bg: $component-active-bg !default;
-$dropdown-link-disabled-color: $gray-light !default;
-$dropdown-header-color: $gray-light !default;
-$dropdown-caret-color: #000 !default;
-$zindex-navbar: 1000 !default;
-$zindex-dropdown: 1000 !default;
-$zindex-popover: 1060 !default;
-$zindex-tooltip: 1070 !default;
-$zindex-navbar-fixed: 1030 !default;
-$zindex-modal-background: 1040 !default;
-$zindex-modal: 1050 !default;
-$screen-xs: 480px !default;
-$screen-xs-min: $screen-xs !default;
-$screen-phone: $screen-xs-min !default;
-$screen-sm: 768px !default;
-$screen-sm-min: $screen-sm !default;
-$screen-tablet: $screen-sm-min !default;
-$screen-md: 992px !default;
-$screen-md-min: $screen-md !default;
-$screen-desktop: $screen-md-min !default;
-$screen-lg: 1200px !default;
-$screen-lg-min: $screen-lg !default;
-$screen-lg-desktop: $screen-lg-min !default;
-$screen-xs-max: ($screen-sm-min - 1) !default;
-$screen-sm-max: ($screen-md-min - 1) !default;
-$screen-md-max: ($screen-lg-min - 1) !default;
-$grid-columns: 12 !default;
-$grid-gutter-width: 30px !default;
-$grid-float-breakpoint: $screen-sm-min !default;
-$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
-$container-tablet: (720px + $grid-gutter-width) !default;
-$container-sm: $container-tablet !default;
-$container-desktop: (940px + $grid-gutter-width) !default;
-$container-md: $container-desktop !default;
-$container-large-desktop: (1140px + $grid-gutter-width) !default;
-$container-lg: $container-large-desktop !default;
-$navbar-height: 50px !default;
-$navbar-margin-bottom: $line-height-computed !default;
-$navbar-border-radius: $border-radius-base !default;
-$navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default;
-$navbar-padding-vertical: (
-  ($navbar-height - $line-height-computed) / 2
-) !default;
-$navbar-collapse-max-height: 340px !default;
-$navbar-default-color: #777 !default;
-$navbar-default-bg: #f8f8f8 !default;
-$navbar-default-border: darken($navbar-default-bg, 6.5%) !default;
-$navbar-default-link-color: #777 !default;
-$navbar-default-link-hover-color: #333 !default;
-$navbar-default-link-hover-bg: transparent !default;
-$navbar-default-link-active-color: #555 !default;
-$navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%) !default;
-$navbar-default-link-disabled-color: #ccc !default;
-$navbar-default-link-disabled-bg: transparent !default;
-$navbar-default-brand-color: $navbar-default-link-color !default;
-$navbar-default-brand-hover-color: darken(
-  $navbar-default-brand-color,
-  10%
-) !default;
-$navbar-default-brand-hover-bg: transparent !default;
-$navbar-default-toggle-hover-bg: #ddd !default;
-$navbar-default-toggle-icon-bar-bg: #888 !default;
-$navbar-default-toggle-border-color: #ddd !default;
-$navbar-inverse-color: lighten($gray-light, 15%) !default;
-$navbar-inverse-bg: #222 !default;
-$navbar-inverse-border: darken($navbar-inverse-bg, 10%) !default;
-$navbar-inverse-link-color: lighten($gray-light, 15%) !default;
-$navbar-inverse-link-hover-color: #fff !default;
-$navbar-inverse-link-hover-bg: transparent !default;
-$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color !default;
-$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 10%) !default;
-$navbar-inverse-link-disabled-color: #444 !default;
-$navbar-inverse-link-disabled-bg: transparent !default;
-$navbar-inverse-brand-color: $navbar-inverse-link-color !default;
-$navbar-inverse-brand-hover-color: #fff !default;
-$navbar-inverse-brand-hover-bg: transparent !default;
-$navbar-inverse-toggle-hover-bg: #333 !default;
-$navbar-inverse-toggle-icon-bar-bg: #fff !default;
-$navbar-inverse-toggle-border-color: #333 !default;
-$nav-link-padding: 10px 15px !default;
-$nav-link-hover-bg: $gray-lighter !default;
-$nav-disabled-link-color: $gray-light !default;
-$nav-disabled-link-hover-color: $gray-light !default;
-$nav-tabs-border-color: #ddd !default;
-$nav-tabs-link-hover-border-color: $gray-lighter !default;
-$nav-tabs-active-link-hover-bg: $body-bg !default;
-$nav-tabs-active-link-hover-color: $gray !default;
-$nav-tabs-active-link-hover-border-color: #ddd !default;
-$nav-tabs-justified-link-border-color: #ddd !default;
-$nav-tabs-justified-active-link-border-color: $body-bg !default;
-$nav-pills-border-radius: $border-radius-base !default;
-$nav-pills-active-link-hover-bg: $component-active-bg !default;
-$nav-pills-active-link-hover-color: $component-active-color !default;
-$pagination-color: $link-color !default;
-$pagination-bg: #fff !default;
-$pagination-border: #ddd !default;
-$pagination-hover-color: $link-hover-color !default;
-$pagination-hover-bg: $gray-lighter !default;
-$pagination-hover-border: #ddd !default;
-$pagination-active-color: #fff !default;
-$pagination-active-bg: $brand-primary !default;
-$pagination-active-border: $brand-primary !default;
-$pagination-disabled-color: $gray-light !default;
-$pagination-disabled-bg: #fff !default;
-$pagination-disabled-border: #ddd !default;
-$pager-bg: $pagination-bg !default;
-$pager-border: $pagination-border !default;
-$pager-border-radius: 15px !default;
-$pager-hover-bg: $pagination-hover-bg !default;
-$pager-active-bg: $pagination-active-bg !default;
-$pager-active-color: $pagination-active-color !default;
-$pager-disabled-color: $pagination-disabled-color !default;
-$jumbotron-padding: 30px !default;
-$jumbotron-color: inherit !default;
-$jumbotron-bg: $gray-lighter !default;
-$jumbotron-heading-color: inherit !default;
-$jumbotron-font-size: ceil(($font-size-base * 1.5)) !default;
-$state-success-text: #3c763d !default;
-$state-success-bg: #dff0d8 !default;
-$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%) !default;
-$state-info-text: #31708f !default;
-$state-info-bg: #d9edf7 !default;
-$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%) !default;
-$state-warning-text: #8a6d3b !default;
-$state-warning-bg: #fcf8e3 !default;
-$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%) !default;
-$state-danger-text: #a94442 !default;
-$state-danger-bg: #f2dede !default;
-$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%) !default;
-$tooltip-max-width: 200px !default;
-$tooltip-color: #fff !default;
-$tooltip-bg: #000 !default;
-$tooltip-opacity: 0.9 !default;
-$tooltip-arrow-width: 5px !default;
-$tooltip-arrow-color: $tooltip-bg !default;
-$popover-bg: #fff !default;
-$popover-max-width: 276px !default;
-$popover-border-color: rgba(0, 0, 0, 0.2) !default;
-$popover-fallback-border-color: #ccc !default;
-$popover-title-bg: darken($popover-bg, 3%) !default;
-$popover-arrow-width: 10px !default;
-$popover-arrow-color: $popover-bg !default;
-$popover-arrow-outer-width: ($popover-arrow-width + 1) !default;
-$popover-arrow-outer-color: fade_in($popover-border-color, 0.05) !default;
-$popover-arrow-outer-fallback-color: darken(
-  $popover-fallback-border-color,
-  20%
-) !default;
-$label-default-bg: $gray-light !default;
-$label-primary-bg: $brand-primary !default;
-$label-success-bg: $brand-success !default;
-$label-info-bg: $brand-info !default;
-$label-warning-bg: $brand-warning !default;
-$label-danger-bg: $brand-danger !default;
-$label-color: #fff !default;
-$label-link-hover-color: #fff !default;
-$modal-inner-padding: 15px !default;
-$modal-title-padding: 15px !default;
-$modal-title-line-height: $line-height-base !default;
-$modal-content-bg: #fff !default;
-$modal-content-border-color: rgba(0, 0, 0, 0.2) !default;
-$modal-content-fallback-border-color: #999 !default;
-$modal-backdrop-bg: #000 !default;
-$modal-backdrop-opacity: 0.5 !default;
-$modal-header-border-color: #e5e5e5 !default;
-$modal-footer-border-color: $modal-header-border-color !default;
-$modal-lg: 900px !default;
-$modal-md: 600px !default;
-$modal-sm: 300px !default;
-$alert-padding: 15px !default;
-$alert-border-radius: $border-radius-base !default;
-$alert-link-font-weight: bold !default;
-$alert-success-bg: $state-success-bg !default;
-$alert-success-text: $state-success-text !default;
-$alert-success-border: $state-success-border !default;
-$alert-info-bg: $state-info-bg !default;
-$alert-info-text: $state-info-text !default;
-$alert-info-border: $state-info-border !default;
-$alert-warning-bg: $state-warning-bg !default;
-$alert-warning-text: $state-warning-text !default;
-$alert-warning-border: $state-warning-border !default;
-$alert-danger-bg: $state-danger-bg !default;
-$alert-danger-text: $state-danger-text !default;
-$alert-danger-border: $state-danger-border !default;
-$progress-bg: #f5f5f5 !default;
-$progress-bar-color: #fff !default;
-$progress-border-radius: $border-radius-base !default;
-$progress-bar-bg: $brand-primary !default;
-$progress-bar-success-bg: $brand-success !default;
-$progress-bar-warning-bg: $brand-warning !default;
-$progress-bar-danger-bg: $brand-danger !default;
-$progress-bar-info-bg: $brand-info !default;
-$list-group-bg: #fff !default;
-$list-group-border: #ddd !default;
-$list-group-border-radius: $border-radius-base !default;
-$list-group-hover-bg: #f5f5f5 !default;
-$list-group-active-color: $component-active-color !default;
-$list-group-active-bg: $component-active-bg !default;
-$list-group-active-border: $list-group-active-bg !default;
-$list-group-active-text-color: lighten($list-group-active-bg, 40%) !default;
-$list-group-disabled-color: $gray-light !default;
-$list-group-disabled-bg: $gray-lighter !default;
-$list-group-disabled-text-color: $list-group-disabled-color !default;
-$list-group-link-color: #555 !default;
-$list-group-link-hover-color: $list-group-link-color !default;
-$list-group-link-heading-color: #333 !default;
-$panel-bg: #fff !default;
-$panel-body-padding: 15px !default;
-$panel-heading-padding: 10px 15px !default;
-$panel-footer-padding: $panel-heading-padding !default;
-$panel-border-radius: $border-radius-base !default;
-$panel-inner-border: #ddd !default;
-$panel-footer-bg: #f5f5f5 !default;
-$panel-default-text: $gray-dark !default;
-$panel-default-border: #ddd !default;
-$panel-default-heading-bg: #f5f5f5 !default;
-$panel-primary-text: #fff !default;
-$panel-primary-border: $brand-primary !default;
-$panel-primary-heading-bg: $brand-primary !default;
-$panel-success-text: $state-success-text !default;
-$panel-success-border: $state-success-border !default;
-$panel-success-heading-bg: $state-success-bg !default;
-$panel-info-text: $state-info-text !default;
-$panel-info-border: $state-info-border !default;
-$panel-info-heading-bg: $state-info-bg !default;
-$panel-warning-text: $state-warning-text !default;
-$panel-warning-border: $state-warning-border !default;
-$panel-warning-heading-bg: $state-warning-bg !default;
-$panel-danger-text: $state-danger-text !default;
-$panel-danger-border: $state-danger-border !default;
-$panel-danger-heading-bg: $state-danger-bg !default;
-$thumbnail-padding: 4px !default;
-$thumbnail-bg: $body-bg !default;
-$thumbnail-border: #ddd !default;
-$thumbnail-border-radius: $border-radius-base !default;
-$thumbnail-caption-color: $text-color !default;
-$thumbnail-caption-padding: 9px !default;
-$well-bg: #f5f5f5 !default;
-$well-border: darken($well-bg, 7%) !default;
-$badge-color: #fff !default;
-$badge-link-hover-color: #fff !default;
-$badge-bg: $gray-light !default;
-$badge-active-color: $link-color !default;
-$badge-active-bg: #fff !default;
-$badge-font-weight: bold !default;
-$badge-line-height: 1 !default;
-$badge-border-radius: 10px !default;
-$breadcrumb-padding-vertical: 8px !default;
-$breadcrumb-padding-horizontal: 15px !default;
-$breadcrumb-bg: #f5f5f5 !default;
-$breadcrumb-color: #ccc !default;
-$breadcrumb-active-color: $gray-light !default;
-$breadcrumb-separator: '/' !default;
-$carousel-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !default;
-$carousel-control-color: #fff !default;
-$carousel-control-width: 15% !default;
-$carousel-control-opacity: 0.5 !default;
-$carousel-control-font-size: 20px !default;
-$carousel-indicator-active-bg: #fff !default;
-$carousel-indicator-border-color: #fff !default;
-$carousel-caption-color: #fff !default;
-$close-font-weight: bold !default;
-$close-color: #000 !default;
-$close-text-shadow: 0 1px 0 #fff !default;
-$code-color: #c7254e !default;
-$code-bg: #f9f2f4 !default;
-$kbd-color: #fff !default;
-$kbd-bg: #333 !default;
-$pre-bg: #f5f5f5 !default;
-$pre-color: $gray-dark !default;
-$pre-border-color: #ccc !default;
-$pre-scrollable-max-height: 340px !default;
-$component-offset-horizontal: 180px !default;
-$text-muted: $gray-light !default;
-$abbr-border-color: $gray-light !default;
-$headings-small-color: $gray-light !default;
-$blockquote-small-color: $gray-light !default;
-$blockquote-font-size: ($font-size-base * 1.25) !default;
-$blockquote-border-color: $gray-lighter !default;
-$page-header-border-color: $gray-lighter !default;
-$dl-horizontal-offset: $component-offset-horizontal !default;
-$hr-border: $gray-lighter !default;
-$bootstrap-sass-asset-helper: true;
-$font-sans: 'Open Sans', sans-serif;
-$charcoal: #333;
-$newspaper: #dfdfdf;
-/* SCSS RGB */
-$on-light-aqua: rgb(55, 188, 210);
-$on-dark-aqua: rgba(32, 78, 90, 1);
-$on-secondary: #196583;
-$on-dark-aqua-light: adjust-color($on-dark-aqua, $lightness: 45%);
-$mri-theme: rgba(109, 83, 156, 1);
-$mri-hover: adjust-color($mri-theme, $lightness: 10%);
-$mri-dark: darken($mri-theme, 25%);
-$mri-secondary: adjust-color($mri-theme, $lightness: 15%);
-$mri-light: adjust-color($mri-theme, $lightness: 45%);
-$eeg-theme: rgba(138, 177, 89, 1);
-$eeg-hover: adjust-color($eeg-theme, $lightness: 10%);
-$eeg-dark: darken($eeg-theme, 25%);
-$eeg-secondary: adjust-color($eeg-theme, $lightness: 15%);
-$eeg-light: adjust-color($eeg-theme, $lightness: 45%);
-$pet-theme: rgba(0, 139, 255, 1);
-$pet-hover: adjust-color($pet-theme, $lightness: 10%);
-$pet-dark: darken($pet-theme, 25%);
-$pet-secondary: adjust-color($pet-theme, $lightness: 15%);
-$pet-light: adjust-color($pet-theme, $lightness: 45%);
-$ieeg-theme: rgba(121, 5, 93, 1);
-$ieeg-hover: adjust-color($ieeg-theme, $lightness: 10%);
-$ieeg-dark: darken($ieeg-theme, 25%);
-$ieeg-secondary: adjust-color($ieeg-theme, $lightness: 15%);
-$ieeg-light: adjust-color($ieeg-theme, $lightness: 45%);
-$meg-theme: rgba(234, 93, 11, 1);
-$meg-hover: adjust-color($meg-theme, $lightness: 10%);
-$meg-dark: darken($meg-theme, 25%);
-$meg-secondary: adjust-color($meg-theme, $lightness: 15%);
-$meg-light: adjust-color($meg-theme, $lightness: 45%);
-$on-light-green: #00eeb5;
-$on-light-red: #c00342;
-$primary: $on-dark-aqua default;
-
-@import 'react-virtualized/styles.css';
-@import './animate/properties';
-@import './font-awesome/font-awesome';
-@mixin animation($animation) {
-  -webkit-animation: $animation;
-  -o-animation: $animation;
-  animation: $animation;
-}
-@mixin animation-name($name) {
-  -webkit-animation-name: $name;
-  animation-name: $name;
-}
-@mixin animation-duration($duration) {
-  -webkit-animation-duration: $duration;
-  animation-duration: $duration;
-}
-@mixin animation-timing-function($timing-function) {
-  -webkit-animation-timing-function: $timing-function;
-  animation-timing-function: $timing-function;
-}
-@mixin animation-delay($delay) {
-  -webkit-animation-delay: $delay;
-  animation-delay: $delay;
-}
-@mixin animation-iteration-count($iteration-count) {
-  -webkit-animation-iteration-count: $iteration-count;
-  animation-iteration-count: $iteration-count;
-}
-@mixin animation-direction($direction) {
-  -webkit-animation-direction: $direction;
-  animation-direction: $direction;
-}
-@mixin animation-fill-mode($fill-mode) {
-  -webkit-animation-fill-mode: $fill-mode;
-  animation-fill-mode: $fill-mode;
-}
-@mixin backface-visibility($visibility) {
-  -webkit-backface-visibility: $visibility;
-  -moz-backface-visibility: $visibility;
-  backface-visibility: $visibility;
-}
-@mixin box-shadow($shadow...) {
-  -webkit-box-shadow: $shadow;
-  box-shadow: $shadow;
-}
-@mixin box-sizing($boxmodel) {
-  -webkit-box-sizing: $boxmodel;
-  -moz-box-sizing: $boxmodel;
-  box-sizing: $boxmodel;
-}
-@mixin content-columns($column-count, $column-gap: $grid-gutter-width) {
-  -webkit-column-count: $column-count;
-  -moz-column-count: $column-count;
-  column-count: $column-count;
-  -webkit-column-gap: $column-gap;
-  -moz-column-gap: $column-gap;
-  column-gap: $column-gap;
-}
-@mixin hyphens($mode: auto) {
-  word-wrap: break-word;
-  -webkit-hyphens: $mode;
-  -moz-hyphens: $mode;
-  -ms-hyphens: $mode;
-  -o-hyphens: $mode;
-  hyphens: $mode;
-}
-@mixin placeholder($color: $input-color-placeholder) {
-  &::-moz-placeholder {
-    color: $color;
-    opacity: 1;
-  }
-  &:-ms-input-placeholder {
-    color: $color;
-  }
-  &::-webkit-input-placeholder {
-    color: $color;
-  }
-}
-@mixin opacity($opacity) {
-  opacity: $opacity;
-  $opacity-ie: ($opacity * 100);
-  filter: alpha(opacity=$opacity-ie);
-}
-@mixin scale($ratio...) {
-  -webkit-transform: scale($ratio);
-  -ms-transform: scale($ratio);
-  -o-transform: scale($ratio);
-  transform: scale($ratio);
-}
-@mixin scaleX($ratio) {
-  -webkit-transform: scaleX($ratio);
-  -ms-transform: scaleX($ratio);
-  -o-transform: scaleX($ratio);
-  transform: scaleX($ratio);
-}
-@mixin scaleY($ratio) {
-  -webkit-transform: scaleY($ratio);
-  -ms-transform: scaleY($ratio);
-  -o-transform: scaleY($ratio);
-  transform: scaleY($ratio);
-}
-@mixin skew($x, $y) {
-  -webkit-transform: skewX($x) skewY($y);
-  -ms-transform: skewX($x) skewY($y);
-  -o-transform: skewX($x) skewY($y);
-  transform: skewX($x) skewY($y);
-}
-@mixin translate($x, $y) {
-  -webkit-transform: translate($x, $y);
-  -ms-transform: translate($x, $y);
-  -o-transform: translate($x, $y);
-  transform: translate($x, $y);
-}
-@mixin translate3d($x, $y, $z) {
-  -webkit-transform: translate3d($x, $y, $z);
-  transform: translate3d($x, $y, $z);
-}
-@mixin rotate($degrees) {
-  -webkit-transform: rotate($degrees);
-  -ms-transform: rotate($degrees);
-  -o-transform: rotate($degrees);
-  transform: rotate($degrees);
-}
-@mixin rotateX($degrees) {
-  -webkit-transform: rotateX($degrees);
-  -ms-transform: rotateX($degrees);
-  -o-transform: rotateX($degrees);
-  transform: rotateX($degrees);
-}
-@mixin rotateY($degrees) {
-  -webkit-transform: rotateY($degrees);
-  -ms-transform: rotateY($degrees);
-  -o-transform: rotateY($degrees);
-  transform: rotateY($degrees);
-}
-@mixin perspective($perspective) {
-  -webkit-perspective: $perspective;
-  -moz-perspective: $perspective;
-  perspective: $perspective;
-}
-@mixin perspective-origin($perspective) {
-  -webkit-perspective-origin: $perspective;
-  -moz-perspective-origin: $perspective;
-  perspective-origin: $perspective;
-}
-@mixin transform-origin($origin) {
-  -webkit-transform-origin: $origin;
-  -moz-transform-origin: $origin;
-  -ms-transform-origin: $origin;
-  transform-origin: $origin;
-}
-@mixin transition($transition...) {
-  -webkit-transition: $transition;
-  -o-transition: $transition;
-  transition: $transition;
-}
-@mixin transition-property($transition-property...) {
-  -webkit-transition-property: $transition-property;
-  transition-property: $transition-property;
-}
-@mixin transition-delay($transition-delay) {
-  -webkit-transition-delay: $transition-delay;
-  transition-delay: $transition-delay;
-}
-@mixin transition-duration($transition-duration...) {
-  -webkit-transition-duration: $transition-duration;
-  transition-duration: $transition-duration;
-}
-@mixin transition-timing-function($timing-function) {
-  -webkit-transition-timing-function: $timing-function;
-  transition-timing-function: $timing-function;
-}
-@mixin transition-transform($transition...) {
-  -webkit-transition: -webkit-transform $transition;
-  -moz-transition: -moz-transform $transition;
-  -o-transition: -o-transform $transition;
-  transition: transform $transition;
-}
-@mixin user-select($select) {
-  -webkit-user-select: $select;
-  -moz-user-select: $select;
-  -ms-user-select: $select;
-  user-select: $select;
-}
-@mixin gradient-horizontal(
-  $start-color: #555,
-  $end-color: #333,
-  $start-percent: 0%,
-  $end-percent: 100%
-) {
-  background-image: -webkit-linear-gradient(
-    left,
-    $start-color $start-percent,
-    $end-color $end-percent
-  );
-  background-image: -o-linear-gradient(
-    left,
-    $start-color $start-percent,
-    $end-color $end-percent
-  );
-  background-image: linear-gradient(
-    to right,
-    $start-color $start-percent,
-    $end-color $end-percent
-  );
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1);
-}
-@mixin gradient-vertical(
-  $start-color: #555,
-  $end-color: #333,
-  $start-percent: 0%,
-  $end-percent: 100%
-) {
-  background-image: -webkit-linear-gradient(
-    top,
-    $start-color $start-percent,
-    $end-color $end-percent
-  );
-  background-image: -o-linear-gradient(
-    top,
-    $start-color $start-percent,
-    $end-color $end-percent
-  );
-  background-image: linear-gradient(
-    to bottom,
-    $start-color $start-percent,
-    $end-color $end-percent
-  );
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0);
-}
-@mixin gradient-directional($start-color: #555, $end-color: #333, $deg: 45deg) {
-  background-repeat: repeat-x;
-  background-image: -webkit-linear-gradient($deg, $start-color, $end-color);
-  background-image: -o-linear-gradient($deg, $start-color, $end-color);
-  background-image: linear-gradient($deg, $start-color, $end-color);
-}
-@mixin gradient-horizontal-three-colors(
-  $start-color: #00b3ee,
-  $mid-color: #7a43b6,
-  $color-stop: 50%,
-  $end-color: #c3325f
-) {
-  background-image: -webkit-linear-gradient(
-    left,
-    $start-color,
-    $mid-color $color-stop,
-    $end-color
-  );
-  background-image: -o-linear-gradient(
-    left,
-    $start-color,
-    $mid-color $color-stop,
-    $end-color
-  );
-  background-image: linear-gradient(
-    to right,
-    $start-color,
-    $mid-color $color-stop,
-    $end-color
-  );
-  background-repeat: no-repeat;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1);
-}
-@mixin gradient-vertical-three-colors(
-  $start-color: #00b3ee,
-  $mid-color: #7a43b6,
-  $color-stop: 50%,
-  $end-color: #c3325f
-) {
-  background-image: -webkit-linear-gradient(
-    $start-color,
-    $mid-color $color-stop,
-    $end-color
-  );
-  background-image: -o-linear-gradient(
-    $start-color,
-    $mid-color $color-stop,
-    $end-color
-  );
-  background-image: linear-gradient(
-    $start-color,
-    $mid-color $color-stop,
-    $end-color
-  );
-  background-repeat: no-repeat;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0);
-}
-@mixin gradient-radial($inner-color: #555, $outer-color: #333) {
-  background-image: -webkit-radial-gradient(circle, $inner-color, $outer-color);
-  background-image: radial-gradient(circle, $inner-color, $outer-color);
-  background-repeat: no-repeat;
-}
-@mixin gradient-striped($color: rgba(255, 255, 255, 0.15), $angle: 45deg) {
-  background-image: -webkit-linear-gradient(
-    $angle,
-    $color 25%,
-    transparent 25%,
-    transparent 50%,
-    $color 50%,
-    $color 75%,
-    transparent 75%,
-    transparent
-  );
-  background-image: -o-linear-gradient(
-    $angle,
-    $color 25%,
-    transparent 25%,
-    transparent 50%,
-    $color 50%,
-    $color 75%,
-    transparent 75%,
-    transparent
-  );
-  background-image: linear-gradient(
-    $angle,
-    $color 25%,
-    transparent 25%,
-    transparent 50%,
-    $color 50%,
-    $color 75%,
-    transparent 75%,
-    transparent
-  );
-}
-
-@mixin alert-variant($background, $border, $text-color) {
-  background-color: $background;
-  border-color: $border;
-  color: $text-color;
-
-  hr {
-    border-top-color: darken($border, 5%);
-  }
-  .alert-link {
-    color: darken($text-color, 10%);
-  }
-}
-.pre-refactor-styles {
-  @import './animate/_fading-entrances/fading-entrances';
-  @import './animate/_sliding-entrances/sliding-entrances';
-  @import './animate/_sliding-exits/sliding-exits';
-  @import './animate/_flippers/flippers';
-  @import './animate/_attention-seekers/flash';
-  @import './crn_app/colors';
-  @import './crn_app/theme';
-  @import './crn_app/bootstrap.overrides';
-  @import './crn_app/elements-wrappers';
-  @import './draft/draft';
-  @import './draft/rich-editor';
-  @import './crn_app/_common.papaya';
-  --current-theme-primary: #{$on-dark-aqua};
-  --current-theme-primary-hover: #{$on-light-aqua};
-  --current-theme-secondary: #{$on-secondary};
-  --current-theme-primary-dark: #{$on-dark-aqua};
-  --current-theme-primary-light: #{$on-dark-aqua-light};
-  --primary: var(--current-theme-primary);
-  --primary-hover: var(--current-theme-primary-hover);
-  --secondary: var(--current-theme-secondary);
-  --secondary-hover: var(--current-theme-primary-light);
-  --secondary-darken: var(--current-theme-primary-dark);
-  --font-family-open: $font-sans;
-  --btn-shadow: none;
-  @import './crn_app/colors';
-  @import './crn_app/theme';
-  @import './crn_app/bootstrap.overrides';
-  @import './crn_app/elements-wrappers';
-  @import './draft/draft';
-  @import './draft/rich-editor';
-  @import './crn_app/_common.papaya';
-  @import './crn_app/common.spinner';
-  @import './crn_app/common.pagination';
-  @import './crn_app/common.status';
-  @import './crn_app/common.click-to-edit';
-  @import './crn_app/common.typeahead';
-  @import './crn_app/common.modals';
-  @import './crn_app/common.progress-bar';
-  @import './crn_app/common.tooltip';
-  @import './crn_app/nav.navbar';
-  @import './crn_app/dataset.dataset';
-  @import './crn_app/dataset.jobs';
-  @import './crn_app/dataset.tools';
-  @import './crn_app/dataset.file-tree';
-  @import './crn_app/dataset.sidebar';
-  @import './crn_app/dataset.comments';
-  @import './crn_app/admin.admin';
-  @import './crn_app/admin.graphs';
-  @import './crn_app/frontPage';
-  @import './crn_app/dashboard.datasets';
-  @import './crn_app/upload.upload';
-  @import './crn_app/upload.validation';
-  @import './crn_app/admin.tools';
-  @import './crn_app/faq';
-  @import './crn_app/api';
-  .logo-text {
-    color: $c-42;
-    font-size: 75px;
-    font-weight: 700;
-    position: relative;
-    line-height: 1em;
-    .logo-end {
-      font-size: 75%;
-      text-transform: uppercase;
-      color: $primary;
-      color: var(--primary);
-      font-weight: 400;
-    }
-  }
-  .fade-in {
-    @include fadeIn();
-  }
-
-  %slide-down-fast {
-    @include slideInDown($duration: 0.3s, $delay: 0);
-  }
-
-  .slide-in-left {
-    @include slideInLeft();
-  }
-  .slide-out-left {
-    @include slideOutLeft();
-  }
-  .slide-in-right-fast {
-    @include slideInRightFast();
-  }
-  %slide-in-down {
-    @include slideInDown();
-  }
-  .flipin-x {
-    @include flipInX();
-  }
-  %flash {
-    @include flash();
-  }
-
-  .slide-in-down {
-    @extend %slide-in-down;
-  }
-
-  @include keyframes(spin) {
-    0% {
-      @include transform(rotate(0));
-    }
-    100% {
-      @include transform(rotate(360deg));
-    }
-  }
-
-  @include keyframes(dot) {
-    0% {
-      opacity: 0;
-    }
-    50% {
-      opacity: 0;
-    }
-    100% {
-      opacity: 1;
-    }
-  }
-
-  @include keyframes(border-flash) {
-    0% {
-      border: 1px solid $yellow;
-    }
-    50% {
-      border: 1px solid transparent;
-    }
-    100% {
-      border: 1px solid $yellow;
-    }
-  }
-  @include keyframes(background-flash) {
-    0% {
-      background-color: $honey;
-    }
-    50% {
-      background-color: transparent;
-    }
-    100% {
-      background-color: $honey;
-    }
-  }
-
-  @include keyframes(borderxpand) {
-    0% {
-      width: 0;
-      height: 0;
-    }
-    100% {
-      width: 100%;
-      height: auto;
-    }
-  }
-
-  @include keyframes(revealIn) {
-    0% {
-      opacity: 0;
-    }
-    100% {
-      opacity: 1;
-    }
-  }
-
-  @include keyframes(shrink-bounce) {
-    0% {
-      @include transform(scale(1));
-    }
-    33% {
-      @include transform(rscale(0.85));
-    }
-    100% {
-      @include transform(rscale(1));
-    }
-  }
-
-  @include keyframes(checkbox-check) {
-    0% {
-      @include transform(translate3d(0, 0, 0) rotate(45deg));
-      width: 0;
-      height: 0;
-      border-color: $c-21;
-    }
-
-    33% {
-      @include transform(translate3d(0, 0, 0) rotate(45deg));
-      width: 0.2em;
-      height: 0;
-    }
-
-    100% {
-      @include transform(translate3d(0, -0.5em, 0) rotate(45deg));
-      width: 0.2em;
-      height: 0.5em;
-      border-color: $c-21;
-    }
-  }
-
-  .ellipsis-animation {
-    color: $rock;
-    margin: 0;
-    padding: 4px;
-    font-size: 12px;
-
-    .one,
-    .two,
-    .three {
-      @include animation(dot 1.3s infinite);
-      opacity: 0;
-      font-size: 20px;
-      line-height: 10px;
-    }
-
-    .one {
-      @include animation-delay(0s);
-    }
-    .two {
-      @include animation-delay(0.2s);
-    }
-    .three {
-      @include animation-delay(0.3s);
-    }
-  }
-
-  .ds-danger .ellipsis-animation {
-    color: $brand-danger;
-  }
-  .ds-warning .ellipsis-animation {
-    color: $brand-warning;
-  }
-
-  .icon-ban:after,
-  .icon-undo:after,
-  .icon-plus:after,
-  .icon-minus:after {
-    font-size: 11px;
-    top: -10px;
-    position: relative;
-    right: -2px;
-  }
-
-  .icon-plus:after {
-    font-size: 9px;
-    content: '\f067';
-  }
-
-  .icon-minus:after {
-    content: '\f068';
-  }
-
-  .icon-undo:after {
-    content: '\f0e2';
-  }
-
-  .icon-ban:after {
-    content: '\f05e';
-    color: $brand-danger;
-  }
-
-  .papaya-wrap {
-    margin: auto;
-    max-width: 90%;
-    .papaya-controlbar-label {
-      color: $black;
-    }
-    button {
-      @extend %btn-admin;
-      border-color: $secondary;
-      border-color: var(--secondary);
-      color: $secondary;
-      color: var(--secondary);
-      padding: 5px 2px;
-      height: auto;
-
-      &:hover {
-        background: $secondary-hover;
-        background: var(--secondary-hover);
-        color: $white;
-      }
-    }
-  }
-
-  #hidden {
-    display: none;
-  }
-
-  .add-btn {
-    font-size: 18px;
-    margin-top: 0.5em;
-  }
-
-  .apps-filter,
-  .versions-filter {
-    margin: 15px 0;
-    z-index: 1000;
-  }
-
-  .generic-error-message {
-    padding: 1rem;
-    border: $coral;
-    color: red;
-  }
-
-  .padded-message {
-    padding: 1rem;
-    border-radius: 1rem;
-    margin-bottom: 2rem;
-  }
-  .dataset-inner {
-    padding: 20px;
-  }
-  .dataset-inner > span {
-    box-sizing: border-box;
-    justify-content: flex-start;
-    display: flex;
-    flex-wrap: wrap;
-    @media (max-width: 767px) {
-      display: block;
-    }
-    > div {
-      min-width: 100%;
-    }
-    > div.fresnel-at-small {
-      @media (min-width: 768px) {
-        display: none;
-      }
-    }
-
-    &.is-dataset {
-      > div:nth-child(3) {
-        min-width: 60%;
-        flex-basis: 60%;
-        padding-right: 60px;
-      }
-      > div:nth-child(5) {
-        min-width: 40%;
-        flex-basis: 40%;
-      }
-    }
-    &.is-snapshot {
-      > div:nth-child(2) {
-        min-width: 60%;
-        flex-basis: 60%;
-        padding-right: 60px;
-      }
-      > div:nth-child(4) {
-        min-width: 40%;
-        flex-basis: 40%;
-      }
-    }
-  }
-
-  .col-xs-12 {
-    min-width: 100%;
-  }
-
-  .dataset-tools-wrap {
-    min-width: 100%;
-  }
-  .open {
-    .dataset-tools-wrap {
-      min-width: 80%;
-    }
-    .dataset-route {
-      left: calc(20% + 2px);
-      width: 80%;
-    }
-  }
-  .file-structure.panel-group
-    .panel-default
-    .panel-collapse
-    .panel-body
-    > ul
-    li
-    .btn-file-folder {
-    white-space: initial;
-    line-height: 1.8em;
-  }
-  .cte-display ul li {
-    display: list-item;
-  }
-
-  .filetree-editfile .bulk-delete-checkbox-group {
-    display: flex;
-    align-items: center;
-    margin-bottom: 2em;
-    margin-top: 1px;
-    float: none;
-    overflow: visible;
-  }
-
-  .btn-default {
-    font-family: $font-sans;
-    font-weight: 600;
-    border: 0;
-    border-radius: 4px;
-    cursor: pointer;
-    display: inline-block;
-    line-height: 1;
-    font-size: 12px;
-    padding: 13px 14px;
-    color: #fff;
-    background-color: var(--current-theme-primary);
-    transition: background-color 0.3s;
-    margin-left: 10px;
-    &.active,
-    &:hover {
-      background-color: var(--current-theme-primary-hover);
-    }
-    i {
-      margin-right: 10px;
-    }
-  }
-  .css-al5zv0.css-al5zv0.css-al5zv0.css-al5zv0 {
-    border-radius: 4px;
-    padding: 12px 20px;
-    font-size: 16px;
-    font-weight: 500;
-    text-transform: uppercase;
-  }
-  .dataset-inner h2 {
-    line-height: 18px;
-  }
-  .dataset-inner h5 {
-    margin: 12px ​0 0;
-  }
-
-  .left-sidebar .slide h3 {
-    min-height: 31px;
-  }
-
-  .left-sidebar .slide ul a .dataset-type {
-    padding: 10px 0 10px 15px;
-  }
-
-  .form-group input,
-  textarea,
-  textarea.form-control {
-    line-height: 1.4em;
-  }
-
-  //
-  // Tooltips
-  // --------------------------------------------------
-
-  .alert {
-    padding: $alert-padding;
-
-    // Headings for larger alerts
-    h4 {
-      margin-top: 0;
-      // Specified for the h4 to prevent conflicts of changing $headings-color
-      color: inherit;
-    }
-
-    // Provide class for links that match alerts
-    .alert-link {
-      font-weight: $alert-link-font-weight;
-    }
-
-    // Improve alignment and spacing of inner content
-    > p,
-    > ul {
-      margin-bottom: 0;
-    }
-
-    > p + p {
-      margin-top: 5px;
-    }
-  }
-
-  // Dismissible alerts
-  //
-  // Expand the right padding and account for the close button's positioning.
-
-  .alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0.
-.alert-dismissible {
-    padding-right: ($alert-padding + 20);
-
-    // Adjust close link position
-    .close {
-      position: relative;
-      top: -2px;
-      right: -21px;
-      color: inherit;
-    }
-  }
-
-  // Alternate styles
-  //
-  // Generate contextual modifier classes for colorizing the alert.
-
-  .alert-success {
-    @include alert-variant(
-      $alert-success-bg,
-      $alert-success-border,
-      $alert-success-text
-    );
-  }
-
-  .alert-info {
-    @include alert-variant(
-      $alert-info-bg,
-      $alert-info-border,
-      $alert-info-text
-    );
-  }
-
-  .alert-warning {
-    @include alert-variant(
-      $alert-warning-bg,
-      $alert-warning-border,
-      $alert-warning-text
-    );
-  }
-
-  .alert-danger {
-    @include alert-variant(
-      $alert-danger-bg,
-      $alert-danger-border,
-      $alert-danger-text
-    );
-  }
-
-  .collapse {
-    display: none;
-
-    &.in {
-      display: block;
-    }
-  }
-
-  .css-1ctcbbh.css-1ctcbbh {
-    height: auto;
-  }
-
-  .css-1nl8k5h.css-1nl8k5h,
-  .css-pqi9mh.css-pqi9mh,
-  .css-1wgqesf.css-1wgqesf,
-  .css-1blxvug.css-1blxvug {
-    box-sizing: border-box;
-  }
-
-  .css-rad9lh.css-rad9lh {
-    .input-group {
-      display: flex;
-      border-top: 1px solid #ddd;
-      margin-top: 20px;
-      padding-top: 20px;
-    }
-    .input-group-addon {
-      padding: 8px;
-      display: block;
-      box-sizing: border-box;
-      border-radius: 4px;
-      width: auto !important;
-    }
-  }
-
-  .css-kmgwgy.css-kmgwgy,
-  .validation .validation-wrap .status.panel {
-    border: 1px solid #ddd;
-  }
-  .validation
-    .validation-wrap.panel-group
-    .panel-heading
-    + .panel-collapse
-    > .panel-body,
-  .validation
-    .validation-wrap.panel-group
-    .panel-heading
-    + .panel-collapse
-    > .list-group {
-    border: 0;
-  }
-  .css-kmgwgy.css-kmgwgy a {
-    font-size: 12px;
-  }
-
-  .css-1dh3mm.css-1dh3mm {
-    padding: 0;
-    .btn-modal-action {
-      margin: 0;
-    }
-  }
-
-  .css-16qte0t {
-    .row {
-      display: flex;
-      justify-content: space-between;
-      padding: 10px;
-      .col-lg-2 {
-        flex-basis: 220px;
-      }
-      .col-lg-4 {
-        flex: 1;
-      }
-    }
-    @media (max-width: 1700px) {
-      .row {
-        flex-wrap: wrap;
-      }
-
-      .row:first-child {
-        display: none;
-      }
-      .col-lg-2,
-      .col-lg-4 {
-        margin: 10px 0;
-      }
-    }
-    @media (max-width: 800px) {
-      .row {
-        display: flex;
-        flex-direction: column;
-        justify-content: flex-start;
-        align-items: flex-start;
-        .col-lg-2 {
-          flex-basis: auto;
-        }
-        .col-lg-4 {
-          flex: auto;
-        }
-      }
-    }
-  }
-
-  .dataset-form {
-    table {
-      width: 100%;
-      text-align: left;
-    }
-    .input-group {
-      display: flex;
-      align-items: center;
-      justify-content: flex-start;
-      .input-group-addon {
-        width: auto !important;
-      }
-      input {
-        min-width: 380px;
-      }
-    }
-  }
-
-  .delete-modal .css-1kdltfm {
-    max-width: 770px;
-    height: auto;
-  }
-}
-
-// Base class
-.tooltip {
-  position: absolute;
-  z-index: $zindex-tooltip;
-  display: block;
-  // Reset font and text properties given new insertion method
-  font-family: $font-family-base;
-  font-size: $font-size-small;
-  font-weight: normal;
-  line-height: 1.4;
-  @include opacity(0);
-
-  &.in {
-    @include opacity($tooltip-opacity);
-  }
-  &.top {
-    margin-top: -3px;
-    padding: $tooltip-arrow-width 0;
-  }
-  &.right {
-    margin-left: 3px;
-    padding: 0 $tooltip-arrow-width;
-  }
-  &.bottom {
-    margin-top: 3px;
-    padding: $tooltip-arrow-width 0;
-  }
-  &.left {
-    margin-left: -3px;
-    padding: 0 $tooltip-arrow-width;
-  }
-}
-
-// Wrapper for the tooltip content
-.tooltip-inner {
-  max-width: $tooltip-max-width;
-  padding: 3px 8px;
-  color: $tooltip-color;
-  text-align: center;
-  text-decoration: none;
-  background-color: $tooltip-bg;
-  border-radius: $border-radius-base;
-}
-
-// Arrows
-.tooltip-arrow {
-  position: absolute;
-  width: 0;
-  height: 0;
-  border-color: transparent;
-  border-style: solid;
-}
-// Note: Deprecated .top-left, .top-right, .bottom-left, and .bottom-right as of v3.3.1
-.tooltip {
-  &.top .tooltip-arrow {
-    bottom: 0;
-    left: 50%;
-    margin-left: -$tooltip-arrow-width;
-    border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
-    border-top-color: $tooltip-arrow-color;
-  }
-  &.top-left .tooltip-arrow {
-    bottom: 0;
-    right: $tooltip-arrow-width;
-    margin-bottom: -$tooltip-arrow-width;
-    border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
-    border-top-color: $tooltip-arrow-color;
-  }
-  &.top-right .tooltip-arrow {
-    bottom: 0;
-    left: $tooltip-arrow-width;
-    margin-bottom: -$tooltip-arrow-width;
-    border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
-    border-top-color: $tooltip-arrow-color;
-  }
-  &.right .tooltip-arrow {
-    top: 50%;
-    left: 0;
-    margin-top: -$tooltip-arrow-width;
-    border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width
-      0;
-    border-right-color: $tooltip-arrow-color;
-  }
-  &.left .tooltip-arrow {
-    top: 50%;
-    right: 0;
-    margin-top: -$tooltip-arrow-width;
-    border-width: $tooltip-arrow-width 0 $tooltip-arrow-width
-      $tooltip-arrow-width;
-    border-left-color: $tooltip-arrow-color;
-  }
-  &.bottom .tooltip-arrow {
-    top: 0;
-    left: 50%;
-    margin-left: -$tooltip-arrow-width;
-    border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
-    border-bottom-color: $tooltip-arrow-color;
-  }
-  &.bottom-left .tooltip-arrow {
-    top: 0;
-    right: $tooltip-arrow-width;
-    margin-top: -$tooltip-arrow-width;
-    border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
-    border-bottom-color: $tooltip-arrow-color;
-  }
-  &.bottom-right .tooltip-arrow {
-    top: 0;
-    left: $tooltip-arrow-width;
-    margin-top: -$tooltip-arrow-width;
-    border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
-    border-bottom-color: $tooltip-arrow-color;
-  }
-}
-
-.tooltip.top {
-  z-index: 2000;
-}