/* A modified version of "rc-tooltip/assets/bootstrap_white.css";
* that has been altered to use the `dTooltip` prefix instead of
* the default `rc-tooltip` so that it does not conflict with the
* rc-tooltip-* global styles from the `rc-slider` component. The
* `dTooltip` prefix has been set in the <Tooltip> component render
* method as `prefixCls`
*/
.bootstrap_white__tooltipContainer___111Zb {

    @-webkit-keyframes bootstrap_white__dTooltipZoomIn___58YUP {
      0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
      }
      100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
    }

    @-webkit-keyframes bootstrap_white__dTooltipZoomOut___WHmh3 {
      0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
      100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
      }
    }
  }
.bootstrap_white__tooltipContainer___111Zb .dTooltip {
      position: absolute;
      z-index: 1070;
      display: block;
      visibility: visible;
      line-height: 1.5;
      font-size: 12px;
      background-color: rgba(0, 0, 0, .05);
      padding: 1px;
      opacity: 0.9;
    }
.bootstrap_white__tooltipContainer___111Zb .dTooltip-hidden {
      display: none;
    }
.bootstrap_white__tooltipContainer___111Zb .dTooltip-inner {
      padding: 8px 10px;
      color: #333333;
      text-align: left;
      text-decoration: none;
      background-color: #ffffff;
      border-radius: 3px;
      min-height: 34px;
      border: 1px solid #b1b1b1;
    }
.bootstrap_white__tooltipContainer___111Zb .dTooltip-arrow,
    .bootstrap_white__tooltipContainer___111Zb .dTooltip-arrow-inner {
      position: absolute;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid;
    }
.bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-top .dTooltip-arrow,
    .bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-topLeft .dTooltip-arrow,
    .bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-topRight .dTooltip-arrow {
      bottom: -5px;
      margin-left: -6px;
      border-width: 6px 6px 0;
      border-top-color: #b1b1b1;
    }
.bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-top .dTooltip-arrow-inner,
    .bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-topLeft .dTooltip-arrow-inner,
    .bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-topRight .dTooltip-arrow-inner {
      bottom: 1px;
      margin-left: -6px;
      border-width: 6px 6px 0;
      border-top-color: #ffffff;
    }
.bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-top .dTooltip-arrow {
      left: 50%;
    }
.bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-topLeft .dTooltip-arrow {
      left: 15%;
    }
.bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-topRight .dTooltip-arrow {
      right: 15%;
    }
.bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-right .dTooltip-arrow,
    .bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-rightTop .dTooltip-arrow,
    .bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-rightBottom .dTooltip-arrow {
      left: -5px;
      margin-top: -6px;
      border-width: 6px 6px 6px 0;
      border-right-color: #b1b1b1;
    }
.bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-right .dTooltip-arrow-inner,
    .bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-rightTop .dTooltip-arrow-inner,
    .bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-rightBottom .dTooltip-arrow-inner {
      left: 1px;
      margin-top: -6px;
      border-width: 6px 6px 6px 0;
      border-right-color: #ffffff;
    }
.bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-right .dTooltip-arrow {
      top: 50%;
    }
.bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-rightTop .dTooltip-arrow {
      top: 15%;
      margin-top: 0;
    }
.bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-rightBottom .dTooltip-arrow {
      bottom: 15%;
    }
.bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-left .dTooltip-arrow,
    .bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-leftTop .dTooltip-arrow,
    .bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-leftBottom .dTooltip-arrow {
      right: -5px;
      margin-top: -6px;
      border-width: 6px 0 6px 6px;
      border-left-color: #b1b1b1;
    }
.bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-left .dTooltip-arrow-inner,
    .bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-leftTop .dTooltip-arrow-inner,
    .bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-leftBottom .dTooltip-arrow-inner {
      right: 1px;
      margin-top: -6px;
      border-width: 6px 0 6px 6px;
      border-left-color: #ffffff;
    }
.bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-left .dTooltip-arrow {
      top: 50%;
    }
.bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-leftTop .dTooltip-arrow {
      top: 15%;
      margin-top: 0;
    }
.bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-leftBottom .dTooltip-arrow {
      bottom: 15%;
    }
.bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-bottom .dTooltip-arrow,
    .bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-bottomLeft .dTooltip-arrow,
    .bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-bottomRight .dTooltip-arrow {
      top: -5px;
      margin-left: -6px;
      border-width: 0 6px 6px;
      border-bottom-color: #b1b1b1;
    }
.bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-bottom .dTooltip-arrow-inner,
    .bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-bottomLeft .dTooltip-arrow-inner,
    .bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-bottomRight .dTooltip-arrow-inner {
      top: 1px;
      margin-left: -6px;
      border-width: 0 6px 6px;
      border-bottom-color: #ffffff;
    }
.bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-bottom .dTooltip-arrow {
      left: 50%;
    }
.bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-bottomLeft .dTooltip-arrow {
      left: 15%;
    }
.bootstrap_white__tooltipContainer___111Zb .dTooltip-placement-bottomRight .dTooltip-arrow {
      right: 15%;
    }
.bootstrap_white__tooltipContainer___111Zb .dTooltip.dTooltip-zoom-enter,
    .bootstrap_white__tooltipContainer___111Zb .dTooltip.dTooltip-zoom-leave {
      display: block;
    }
.bootstrap_white__tooltipContainer___111Zb .dTooltip-zoom-enter,
    .bootstrap_white__tooltipContainer___111Zb .dTooltip-zoom-appear {
      opacity: 0;
      -webkit-animation-duration: 0.3s;
      animation-duration: 0.3s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
      animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
      -webkit-animation-play-state: paused;
      animation-play-state: paused;
    }
.bootstrap_white__tooltipContainer___111Zb .dTooltip-zoom-leave {
      -webkit-animation-duration: 0.3s;
      animation-duration: 0.3s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
      animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
      -webkit-animation-play-state: paused;
      animation-play-state: paused;
    }
.bootstrap_white__tooltipContainer___111Zb .dTooltip-zoom-enter.dTooltip-zoom-enter-active,
    .bootstrap_white__tooltipContainer___111Zb .dTooltip-zoom-appear.dTooltip-zoom-appear-active {
      -webkit-animation-name: dTooltipZoomIn;
      animation-name: dTooltipZoomIn;
      -webkit-animation-play-state: running;
      animation-play-state: running;
    }
.bootstrap_white__tooltipContainer___111Zb .dTooltip-zoom-leave.dTooltip-zoom-leave-active {
      -webkit-animation-name: dTooltipZoomOut;
      animation-name: dTooltipZoomOut;
      -webkit-animation-play-state: running;
      animation-play-state: running;
    }
@keyframes bootstrap_white__dTooltipZoomIn___58YUP {
      0% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
      }
      100% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
    }
@keyframes bootstrap_white__dTooltipZoomOut___WHmh3 {
      0% {
        opacity: 1;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
      }
      100% {
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
      }
    }

/* DESIGN SYSTEM COLOUR PALETTE */

/* Defined here https://www.figma.com/file/YrCXp3zztpwtcSD9XVge7Z/%E2%9C%A8Foundations?node-id=0%3A1 */

/* Storybook: https://storybook.internal.dckr.io/?path=/story/foundations-palettes--palettes */

/* All legacy should be transitioned to these */

/* primary */

/* primary */

/* primary */

/* primary */

/* primary */

/* primary */

/* media queries */

/* lib/constants/sizes */

/* layout */

/* spacing */

/* misc */

/* body font sizes */

/* heading font sizes */

/* font family */

/* -----------------------------------------------------------------------------
 | Color Purpose Vars
----------------------------------------------------------------------------- */

/* lib/constants/variants */

/* CTA component colors */

/* cohesion font colors */

/* possibly used in mixins */

/* Autobuilds Colors */

/* audit logs colors */

/* State Colors */

/* are these being used in mixins? */

/* this variable is being overwritten in cloud/Core/object/components/State/styles.css */

/* -- These use colors not found in the styleguide -- */

/* - end -- */

/* Note: These are volumes states and not actual/valid object states.
 Added here for completion
*/

/* button */

/* select */

/* input */

/* stylelint-disable value-list-comma-newline-after */

/* box-shadow for store cards */

/* component: tab */

/* Publish flow */

/* Public Profile */

/* v2 */

/* Sign up form width */

/**
  This was extracted from the Wrapped component. There are subtle differences
  from the wrapped mixin, but they could probably be unified with a little
  effort.

  It's defined here as a rule rather than a mixin so it can be used with
  `composes`, which generally yields smaller code bundles.
*/

.styles__wrapped___3r6Lb {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1280px;
  padding-left: 12px;
  padding-right: 12px;
}

/* https://goo.gl/Mus6xj */

/* Font sizes */

/* columns */

/* Three equal columns */

/* Rows */

/* TODO:  Use flex. Flexbox doesn't seem to work on iOS safari/chrome
          when overriding a lost column for small devices (?)(Registration page)
*/

@-webkit-keyframes styles__fadein___1K_NY {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes styles__fadein___1K_NY {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* flex does not work inside firefox buttons, this is a workaround
   http://stackoverflow.com/questions/24289251/flexbox-not-working-in-buttons-in-firefox */

/* Causes text that overflows in an element to be truncated with an ellipsis. */

/*
 A little trick for vertically centering text content that doesn't wrap when
 the element's height is known.
*/

@-webkit-keyframes styles__load8___3_3d1 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes styles__load8___3_3d1 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* Overrides specific to Docker */

.styles__tooltipContainer___2FgdK .dTooltip {
      opacity: 1;
    }

.styles__tooltipContainer___2FgdK .dTooltip-inner {
      border: 0 none;
      -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
              box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
      -webkit-transform: none;
              transform: none;
      padding: 12px;
      max-width: 480px;
    }

.styles__tooltipContainer___2FgdK .dTooltip-arrow {
  width: 11px;
  height: 11px;
}

.styles__tooltipContainer___2FgdK .dTooltip-arrow {
  background: #ffffff;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
  z-index: 999;
}

.styles__tooltipContainer___2FgdK .dTooltip-inner * {
      word-wrap: break-word;
    }

/* placement of arrows */

.styles__tooltipContainer___2FgdK .dTooltip-placement-top .dTooltip-arrow,
    .styles__tooltipContainer___2FgdK .dTooltip-placement-topLeft .dTooltip-arrow,
    .styles__tooltipContainer___2FgdK .dTooltip-placement-topRight .dTooltip-arrow {
      border-left: 0 none;
      border-top: 0 none;
      background: #ffffff;
      border-right: 1px solid #e1e2e6;
      border-bottom: 1px solid #e1e2e6;
    }

.styles__tooltipContainer___2FgdK .dTooltip-placement-bottom .dTooltip-arrow,
    .styles__tooltipContainer___2FgdK .dTooltip-placement-bottomLeft .dTooltip-arrow,
    .styles__tooltipContainer___2FgdK .dTooltip-placement-bottomRight .dTooltip-arrow {
      border-right: 0 none;
      border-bottom: 0 none;
      border-left: 1px solid #e1e2e6;
      border-top: 1px solid #e1e2e6;
    }

.styles__tooltipContainer___2FgdK .dTooltip-placement-left .dTooltip-arrow {
      border-left: 0 none;
      border-bottom: 0 none;
      background: #ffffff;
      border-right: 1px solid #e1e2e6;
      border-top: 1px solid #e1e2e6;
    }

.styles__tooltipContainer___2FgdK .dTooltip-placement-right .dTooltip-arrow {
      border-right: 0 none;
      border-top: 0 none;
      border-left: 1px solid #e1e2e6;
      border-bottom: 1px solid #e1e2e6;
    }

.styles__tooltipContainer___2FgdK .styles__small___2w3xj .dTooltip-inner {
        min-height: 0;
        padding: 4px 8px;
      }

.styles__tooltipContainer___2FgdK .styles__darkTheme___1gOPZ .dTooltip-inner {
        background: #393f49;
        color: #ffffff;
      }

.styles__tooltipContainer___2FgdK .styles__darkTheme___1gOPZ .dTooltip-arrow {
        background: #393f49;
      }

/* DESIGN SYSTEM COLOUR PALETTE */

/* Defined here https://www.figma.com/file/YrCXp3zztpwtcSD9XVge7Z/%E2%9C%A8Foundations?node-id=0%3A1 */

/* Storybook: https://storybook.internal.dckr.io/?path=/story/foundations-palettes--palettes */

/* All legacy should be transitioned to these */

/* primary */

/* primary */

/* primary */

/* primary */

/* primary */

/* primary */

/* media queries */

/* lib/constants/sizes */

/* layout */

/* spacing */

/* misc */

/* body font sizes */

/* heading font sizes */

/* font family */

/* -----------------------------------------------------------------------------
 | Color Purpose Vars
----------------------------------------------------------------------------- */

/* lib/constants/variants */

/* CTA component colors */

/* cohesion font colors */

/* possibly used in mixins */

/* Autobuilds Colors */

/* audit logs colors */

/* State Colors */

/* are these being used in mixins? */

/* this variable is being overwritten in cloud/Core/object/components/State/styles.css */

/* -- These use colors not found in the styleguide -- */

/* - end -- */

/* Note: These are volumes states and not actual/valid object states.
 Added here for completion
*/

/* button */

/* select */

/* input */

/* stylelint-disable value-list-comma-newline-after */

/* box-shadow for store cards */

/* component: tab */

/* Publish flow */

/* Public Profile */

/* v2 */

/* Sign up form width */

/**
  This was extracted from the Wrapped component. There are subtle differences
  from the wrapped mixin, but they could probably be unified with a little
  effort.

  It's defined here as a rule rather than a mixin so it can be used with
  `composes`, which generally yields smaller code bundles.
*/

.global__wrapped___1QO90 {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1280px;
  padding-left: 12px;
  padding-right: 12px;
}

/* https://goo.gl/Mus6xj */

/* Font sizes */

/* columns */

/* Three equal columns */

/* Rows */

/* TODO:  Use flex. Flexbox doesn't seem to work on iOS safari/chrome
          when overriding a lost column for small devices (?)(Registration page)
*/

@-webkit-keyframes global__fadein___1lfBH {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes global__fadein___1lfBH {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* flex does not work inside firefox buttons, this is a workaround
   http://stackoverflow.com/questions/24289251/flexbox-not-working-in-buttons-in-firefox */

/* Causes text that overflows in an element to be truncated with an ellipsis. */

/*
 A little trick for vertically centering text content that doesn't wrap when
 the element's height is known.
*/

@-webkit-keyframes global__load8___3frNC {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes global__load8___3frNC {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

html, body {
    min-height: 100%;
    font-size: 14px;

    /* https://goo.gl/WilEUt */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

body {
    overflow-x: hidden;
  }

h1, h2, h3, h4, h5, h6, p {
    margin-bottom: 1em;
    margin-top: 1em;
  }

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #e1e2e6;
    margin: 1em 0;
    padding: 0;
  }

code {
    font-family: 'Roboto Mono', consolas, monaco, monospace;
  }

a {
    color: inherit;
  }

/* Helpers */

.wrapped {
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
  }

@media (min-width: 600px) {

  .wrapped {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.wrapped {
    -webkit-box-flex: 1;
        -ms-flex: 1 auto;
            flex: 1 auto;
}

a.unstyled {
    text-decoration: none;
    color: inherit;
}

a.unstyled:visited {
  color: inherit;
}

.headline {
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
}

.title {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: 0.005em;
}

.subhead {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: 24px;
}

.pageTitle {
    font-size: 24px;
    line-height: 32px;
    color: #393f49;
    font-weight: 600;
}

.boldContent {
    font-size: 14px;
    line-height: 20px;
    color: #393f49;
    font-weight: 500;
}

.content {
    font-size: 14px;
    line-height: 20px;
    color: #393f49;
}

.tertiaryContent {
    font-size: 12px;
    line-height: 16px;
    color: #393f49;
}

.hidden {
    display: none !important;
}

.flexCentered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.Select-menu-outer {
    z-index: 5 !important;
}