/**
 * QUARKS
 * -------------------------------------------------------------------
 */
/**
 * MIXINS
 * -------------------------------------------------------------------
 * Collection of custom mixins
 */
/**
 * FONT FACE
 * -------------------------------------------------------------------
 */
/**
 * BUTTON MIXIN
 * -------------------------------------------------------------------
 */
/**
 * BUTTON OUTLINE MIXIN
 * -------------------------------------------------------------------
 */
/**
 * INPUT MIXIN
 * -------------------------------------------------------------------
 */
/**
 * INPUT PLACEHOLDER MIXIN
 * -------------------------------------------------------------------
 * Change base styling for placeholder text on input fields
 * Note: Styling the placeholder text is not supported on older
 * browsers, use a html5-placeholder ployfill for that
 *
 * Background info:
 * - http://davidwalsh.name/html5-placeholder
 * - http://davidwalsh.name/placeholder-overflow
 * - http://jamesallardice.github.io/Placeholders.js
 */
/**
 * ALERT MIXIN
 * -------------------------------------------------------------------
 */
/**
 * BADGE MIXIN
 * -------------------------------------------------------------------
 */
/**
 * LABEL MIXIN
 * -------------------------------------------------------------------
 */
/**
 * TOOLTIP MIXIN
 * -------------------------------------------------------------------
 */
/**
 * CLEARFIX
 * -------------------------------------------------------------------
 */
/**
 * FONT AWESOME
 * -------------------------------------------------------------------
 */
/**
 * MEDIA QUERIES MIXIN
 * -------------------------------------------------------------------
 */
/**
 * FUNCTIONS
 * -------------------------------------------------------------------
 * Collection of custom functions
 */
/**
 * STRIP UNIT FROM VALUE
 * -------------------------------------------------------------------
 */
/**
 * CONVERT PX TO REM
 * -------------------------------------------------------------------
 */
/**
 * RAISE NUMBER TO CERTAIN POWER
 * -------------------------------------------------------------------
 */
/**
 * HANDLING Z-INDEX LAYERS
 * -------------------------------------------------------------------
 */
/**
 * COLORS
 * -------------------------------------------------------------------
 * Collection of all available branding colors
 */
/**
 * COMPLETE COLOR PALETTE
 * -------------------------------------------------------------------
 * Variable names generated by Name That Color
 * http://chir.ag/projects/name-that-color
 */
/**
 * GRAYSCALE COLOR PALETTE
 * -------------------------------------------------------------------
 * Collection of grayscale colors
 */
/**
 * SOCIAL BRAND COLOR PALETTE
 * -------------------------------------------------------------------
 * Collection of social branding colors
 */
/**
 * GLOBAL VARIABLES
 * -------------------------------------------------------------------
 */
/**
 * SPECIFIC COLOR PALETTE
 * -------------------------------------------------------------------
 */
/**
 * SPACERS
 * -------------------------------------------------------------------
 */
/**
 * BREAKPOINTS
 * -------------------------------------------------------------------
 */
/**
 * FONT FAMILIES
 * -------------------------------------------------------------------
 */
/**
 * FONT SIZES
 * -------------------------------------------------------------------
 */
/**
 * LINE HEIGHTS
 * -------------------------------------------------------------------
 */
/**
 * FONT WEIGHTS
 * -------------------------------------------------------------------
 */
/**
 * OTHER TYPOGRAPHY
 * -------------------------------------------------------------------
 */
/**
 * ANIMATIONS
 * -------------------------------------------------------------------
 */
/**
 * Z-INDEXES
 * -------------------------------------------------------------------
 * http://www.sitepoint.com/better-solution-managing-z-index-sass/
 *
 * Use like this:
 *   z-index: layer("overlay");
 *     where overlay is a list item of the default list "$z-indexes" (see below)
 *
 * The list is also upgradeable in that nesting is permitted, e.g.:
 * $z-indexes: (
 *   'modal': (
 *     'back': 50,
 *     'front': 60
 *   ),
 *   'navigation': 40,
 *   ...
 * )
 */
/**
 * ICON SIZES
 * -------------------------------------------------------------------
 */
/**
 * BOX SHADOWS
 * -------------------------------------------------------------------
 */
/**
 * LINKS
 * -------------------------------------------------------------------
 * Define text and hover color for each hyperlink
 */
/**
 * LISTS
 * -------------------------------------------------------------------
 * Define default paddings for lists
 */
/**
 * PRE
 * -------------------------------------------------------------------
 * Define text and background color for each code element
 */
/**
 * CODE
 * -------------------------------------------------------------------
 * Define text and background color for each code element
 */
/**
 * MARK
 * -------------------------------------------------------------------
 * Define text and background color for each mark element
 */
/**
 * CITE
 * -------------------------------------------------------------------
 */
/**
 * FIGCAPTION
 * -------------------------------------------------------------------
 */
/**
 * TABLES
 * -------------------------------------------------------------------
 * Define background and border color for each table
 */
/**
 * BUTTONS
 * -------------------------------------------------------------------
 * Define text, background and border color for each button
 */
/**
 * FORMS
 * -------------------------------------------------------------------
 * Define text, background, border and placeholder color for each input
 */
/**
 * RADIO BUTTONS & CHECKBOXES
 * -------------------------------------------------------------------
 */
/**
 * SWITCHES
 * -------------------------------------------------------------------
 * WATCH OUT
 * $progress-height and $range-slider-height are equal to $switch-height
 * In this way, changing the height of the switch will also affect the height of the progress bar and range slider
 */
/**
 * FIELDSET
 * -------------------------------------------------------------------
 */
/**
 * TOOLTIP
 * -------------------------------------------------------------------
 */
/**
 * PROGRESS
 * -------------------------------------------------------------------
 * WATCH OUT
 * $range-slider-offset is equal to $tooltip-offset
 * In this way, changing the offset of the progress bar will also affect the offset of the range slider
 */
/**
 * RANGE SLIDER
 * -------------------------------------------------------------------
 */
/**
 * LINK LIST
 * -------------------------------------------------------------------
 */
/**
 * DATEPICKER
 * -------------------------------------------------------------------
 */
/**
 * ACCORDION
 * -------------------------------------------------------------------
 */
/**
 * ALERTS
 * -------------------------------------------------------------------
 */
/**
 * AVATARS
 * -------------------------------------------------------------------
 */
/**
 * BADGES
 * -------------------------------------------------------------------
 */
/**
 * BREADCRUMBS
 * -------------------------------------------------------------------
 */
/**
 * CARDS
 * -------------------------------------------------------------------
 */
/**
 * COPYRIGHT
 * -------------------------------------------------------------------
 */
/**
 * LABELS
 * -------------------------------------------------------------------
 */
/**
 * TAGS
 * -------------------------------------------------------------------
 */
/**
 * FLYOUT
 * -------------------------------------------------------------------
 */
/**
 * FOOTER
 * -------------------------------------------------------------------
 */
/**
 * HEADER
 * -------------------------------------------------------------------
 */
/**
 * SPINNER
 * -------------------------------------------------------------------
 */
/**
 * ICON LIST
 * -------------------------------------------------------------------
 */
/**
 * OVERLAY
 * -------------------------------------------------------------------
 */
/**
 * MODAL
 * -------------------------------------------------------------------
 */
/**
 * NAVIGATION
 * -------------------------------------------------------------------
 */
/**
 * PAGINATION
 * -------------------------------------------------------------------
 */
/**
 * STEP INDICATOR
 * -------------------------------------------------------------------
 */
/**
 * UPLOAD
 * -------------------------------------------------------------------
 */
/**
 * GALLERY
 * -------------------------------------------------------------------
 */
/**
 * SLIDESHOW
 * -------------------------------------------------------------------
 */
body {
  display: flex;
  min-height: 100vh; }

app {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column; }

main {
  flex: 1 1 auto; }

.u-wrapper {
  flex: 1 0 auto;
  width: 100%; }
  @media screen and (max-width: 44.9375rem) {
    .u-wrapper {
      padding: 3rem 0 0; } }

.a-label--new {
  vertical-align: middle; }

dl.a-definition-list-inline {
  border-top: 1px solid #d8d8d8; }
  dl.a-definition-list-inline > div {
    border-bottom: 1px solid #d8d8d8;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0.75rem 0; }
  dl.a-definition-list-inline dd {
    text-align: right; }

.m-pagination--center .m-pagination {
  justify-content: center; }

.m-accordion {
  background: #f3f3f3; }

.m-accordion__tab .m-accordion__content, .m-accordion__tab.is-open .m-accordion__content {
  border: none; }

.m-accordion__header {
  background: #f3f3f3;
  border: none;
  border-bottom: 1px solid #b0b0b0;
  border-top: 1px solid #b0b0b0;
  min-height: auto; }
  .m-accordion__header:after {
    color: #081f2c; }
  .m-accordion__header:hover {
    text-decoration: underline; }

@media screen and (max-width: 44.9375rem) {
  .m-button-group--full-width-on-mobile [class*='a-button'] {
    flex-basis: 100%;
    width: 100%; }
    .m-button-group--full-width-on-mobile [class*='a-button'].has-icon-left {
      padding: 0 1.5rem; } }

.o-header {
  height: auto;
  min-height: 3rem; }
  .o-header .m-user-flyout .a-button {
    padding: 0 1.5rem; }
    .o-header .m-user-flyout .a-button > span {
      line-height: 3rem; }

.o-header__logo {
  transition: top 250ms ease-in-out; }
  .o-header__logo.is-static {
    position: static; }
    .o-header__logo.is-static img {
      height: calc(3rem - 1px); }

.o-header__menu-items {
  align-items: center; }

.u-is-hidden {
  display: none; }

@media screen and (max-width: 44.9375rem) {
  .u-hide-on-mobile {
    display: none; } }

@media screen and (min-width: 45rem) {
  .u-show-on-mobile {
    display: none; } }

/*# sourceMappingURL=app.ec37cbf6ddf8bf8b67ce.css.map*/