@charset "UTF-8";
/** external includes */
.plottable-colors-0 {
  background-color: #5279c7; /* INDIGO */
}

.plottable-colors-1 {
  background-color: #fd373e; /* CORAL_RED */
}

.plottable-colors-2 {
  background-color: #63c261; /* FERN */
}

.plottable-colors-3 {
  background-color: #fad419; /* BRIGHT_SUN */
}

.plottable-colors-4 {
  background-color: #2c2b6f; /* JACARTA */
}

.plottable-colors-5 {
  background-color: #ff7939; /* BURNING_ORANGE */
}

.plottable-colors-6 {
  background-color: #db2e65; /* CERISE_RED */
}

.plottable-colors-7 {
  background-color: #99ce50; /* CONIFER */
}

.plottable-colors-8 {
  background-color: #962565; /* ROYAL_HEATH */
}

.plottable-colors-9 {
  background-color: #06cccc; /* ROBINS_EGG_BLUE */
}

/**
 * User-supplied renderTo element.
 */
.plottable {
  display: block; /* must be block elements for width/height calculations to work in Firefox. */
  pointer-events: visibleFill;
  position: relative;
  /**
   * Pre 3.0, users could set the dimension of the root element in two ways: either using CSS
   * (inline or through a stylesheet), or using the SVG width/height attributes. By default, we
   * set the SVG width/height attributes to 100%.
   *
   * Post 3.0 the root element is always a normal div and the only way to set the dimensions is
   * to use CSS. To replicate the "100%-by-default" behavior, we apply width/height 100%.
   */
  width: 100%;
  height: 100%;
}

/**
 * The _element that roots each Component's DOM.
 */
.plottable .component {
  /* Allow components to be positioned with explicit left/top/width/height styles */
  position: absolute;
}

.plottable .background-container,
.plottable .content,
.plottable .foreground-container {
  position: absolute;
  width: 100%;
  height: 100%;
}

/**
 * Don't allow svg elements above the content to steal events
 */
.plottable .foreground-container {
  pointer-events: none;
}

.plottable .component-overflow-hidden {
  overflow: hidden;
}

.plottable .component-overflow-visible {
  overflow: visible;
}

.plottable .plot-canvas-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.plottable .plot-canvas {
  width: 100%;
  height: 100%;
  /**
   * Play well with deferred rendering.
   */
  transform-origin: 0px 0px 0px;
}

.plottable text {
  text-rendering: geometricPrecision;
}

.plottable .label text {
  font-family: "Helvetica Neue", sans-serif;
  fill: #32313F;
}

.plottable .bar-label-text-area text {
  font-family: "Helvetica Neue", sans-serif;
  font-size: 12px;
}

.plottable .label-area text {
  fill: #32313F;
  font-family: "Helvetica Neue", sans-serif;
  font-size: 14px;
}

.plottable .light-label text {
  fill: white;
}

.plottable .dark-label text {
  fill: #32313F;
}

.plottable .off-bar-label text {
  fill: #32313F;
}

.plottable .stacked-bar-label text {
  fill: #32313F;
  font-style: normal;
}

.plottable .stacked-bar-plot .off-bar-label {
  /* HACKHACK #2795: correct off-bar label logic to be implemented on StackedBar */
  visibility: hidden !important;
}

.plottable .axis-label text {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: normal;
  text-transform: uppercase;
}

.plottable .title-label text {
  font-size: 20px;
  font-weight: bold;
}

.plottable .axis line.baseline {
  stroke: #CCC;
  stroke-width: 1px;
}

.plottable .axis line.tick-mark {
  stroke: #CCC;
  stroke-width: 1px;
}

.plottable .axis text {
  fill: #32313F;
  font-family: "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 200;
  line-height: normal;
}

.plottable .axis .annotation-circle {
  fill: white;
  stroke-width: 1px;
  stroke: #CCC;
}

.plottable .axis .annotation-line {
  stroke: #CCC;
  stroke-width: 1px;
}

.plottable .axis .annotation-rect {
  stroke: #CCC;
  stroke-width: 1px;
  fill: white;
}

.plottable .bar-plot .baseline {
  stroke: #999;
}

.plottable .gridlines line {
  stroke: #3C3C3C; /* hackhack: gridlines should be solid; see #820 */
  opacity: 0.25;
  stroke-width: 1px;
}

.plottable .selection-box-layer .selection-area {
  fill: black;
  fill-opacity: 0.03;
  stroke: #CCC;
}

/* DragBoxLayer */
.plottable .drag-box-layer.x-resizable .drag-edge-lr {
  cursor: ew-resize;
}

.plottable .drag-box-layer.y-resizable .drag-edge-tb {
  cursor: ns-resize;
}

.plottable .drag-box-layer.x-resizable.y-resizable .drag-corner-tl {
  cursor: nwse-resize;
}

.plottable .drag-box-layer.x-resizable.y-resizable .drag-corner-tr {
  cursor: nesw-resize;
}

.plottable .drag-box-layer.x-resizable.y-resizable .drag-corner-bl {
  cursor: nesw-resize;
}

.plottable .drag-box-layer.x-resizable.y-resizable .drag-corner-br {
  cursor: nwse-resize;
}

.plottable .drag-box-layer.movable .selection-area {
  cursor: move; /* IE fallback */
  cursor: -moz-grab;
  cursor: -webkit-grab;
  cursor: grab;
}

.plottable .drag-box-layer.movable .selection-area:active {
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* /DragBoxLayer */
.plottable .guide-line-layer line.guide-line {
  stroke: #CCC;
  stroke-width: 1px;
}

.plottable .drag-line-layer.enabled.vertical line.drag-edge {
  cursor: ew-resize;
}

.plottable .drag-line-layer.enabled.horizontal line.drag-edge {
  cursor: ns-resize;
}

.plottable .legend text {
  fill: #32313F;
  font-family: "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: normal;
}

.plottable .interpolated-color-legend rect.swatch-bounding-box {
  fill: none;
  stroke: #CCC;
  stroke-width: 1px;
  pointer-events: none;
}

.plottable .waterfall-plot line.connector {
  stroke: #CCC;
  stroke-width: 1px;
}

.plottable .pie-plot .arc.outline {
  stroke-linejoin: round;
}

/** variables */
/** custom settings for vendors */
/** custom gridlex settings */
/** external settings */
/** project settings */
/** project settings */
/** mixins */
/** internal generated includes */
.ico {
  display: inline-block;
  height: 1em;
  width: 1em;
  fill: inherit;
  stroke: inherit;
}

.ico-arrow-down {
  font-size: 3.2px;
  width: 1em;
}

.ico-arrow-up {
  font-size: 3.2px;
  width: 1em;
  transform: rotate(180deg);
}


.ico-clock {
  font-size: 2px;
  width: 1em;
}

.ico-double-left-arrow {
  font-size: 100px;
  width: 0.96774em;
}

.ico-double-right-arrow {
  font-size: 100px;
  width: 0.96774em;
}

.ico-drop {
  font-size: 2.6px;
  width: 0.76923em;
}

.ico-finger {
  font-size: 100px;
  width: 1em;
}

.ico-house {
  font-size: 2.702px;
  width: 1em;
}

.ico-houses {
  font-size: 2.63px;
  width: 1.94677em;
}

.ico-left-arrow {
  font-size: 100px;
  width: 0.58252em;
}

.ico-lightning {
  font-size: 51.2px;
  width: 1em;
}

.ico-lightning-alt {
  font-size: 100px;
  width: 0.75758em;
}

.ico-logo, .id-logo__icon {
  font-size: 1.0463px;
  width: 2.58052em;
}

.ico-logout {
  font-size: 100px;
  width: 1em;
}

.ico-pin {
  font-size: 100px;
  width: 1em;
}

.ico-plus-circle {
  font-size: 100px;
  width: 1em;
}

.ico-right-arrow {
  font-size: 100px;
  width: 0.58252em;
}

.ico-search {
  font-size: 94.8px;
  width: 0.96624em;
}

.ico-sun {
  font-size: 61.2px;
  width: 1em;
}

.ico-temp {
  font-size: 20px;
  width: 1em;
}

.ico-thermometer {
  font-size: 2.7px;
  width: 0.44444em;
}

.ico-user {
  font-size: 3.2px;
  width: 1em;
}

.ico-warning {
  font-size: 3.2px;
  width: 1em;
}

/** styles */
/* ==========================================================================
    GRIDLEX
    Just a Flexbox Grid System - v. 2.4.0
========================================================================== */
[class~="id-grid"],
[class*="id-grid-"],
[class*="id-grid_"] {
  box-sizing: border-box;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row wrap;
  margin: 0 -1.5rem;
}

[class~="id-col"],
[class*="id-col-"],
[class*="id-col_"] {
  box-sizing: border-box;
  padding: 0 1.5rem 1rem;
  max-width: 100%;
}

[class~="id-col"],
[class*="id-col_"] {
  -webkit-box-flex: 1;
  flex: 1 1 0%;
}

[class*="id-col-"] {
  -webkit-box-flex: 0;
  flex: none;
}

[class~="id-grid"][class~="id-col"],
[class~="id-grid"][class*="id-col-"],
[class~="id-grid"][class*="id-col_"],
[class*="id-grid-"][class~="id-col"],
[class*="id-grid-"][class*="id-col-"],
[class*="id-grid-"][class*="id-col_"],
[class*="id-grid_"][class~="id-col"],
[class*="id-grid_"][class*="id-col-"],
[class*="id-grid_"][class*="id-col_"] {
  margin: 0;
  padding: 0;
}

/************************
    HELPERS SUFFIXES
*************************/
[class*="id-grid-"][class*="-noGutter"] {
  margin: 0;
}

[class*="id-grid-"][class*="-noGutter"] > [class~="id-col"],
[class*="id-grid-"][class*="-noGutter"] > [class*="id-col-"] {
  padding: 0;
}

[class*="id-grid-"][class*="-noWrap"] {
  flex-wrap: nowrap;
}

[class*="id-grid-"][class*="-center"] {
  -webkit-box-pack: center;
  justify-content: center;
}

[class*="id-grid-"][class*="-right"] {
  -webkit-box-pack: end;
  justify-content: flex-end;
  align-self: flex-end;
  margin-left: auto;
}

[class*="id-grid-"][class*="-top"] {
  -webkit-box-align: start;
  align-items: flex-start;
}

[class*="id-grid-"][class*="-middle"] {
  -webkit-box-align: center;
  align-items: center;
}

[class*="id-grid-"][class*="-bottom"] {
  -webkit-box-align: end;
  align-items: flex-end;
}

[class*="id-grid-"][class*="-reverse"] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
}

[class*="id-grid-"][class*="-column"] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

[class*="id-grid-"][class*="-column"] > [class*="id-col-"] {
  flex-basis: auto;
}

[class*="id-grid-"][class*="-column-reverse"] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  flex-direction: column-reverse;
}

[class*="id-grid-"][class*="-spaceBetween"] {
  -webkit-box-pack: justify;
  justify-content: space-between;
}

[class*="id-grid-"][class*="-spaceAround"] {
  justify-content: space-around;
}

[class*="id-grid-"][class*="-equalHeight"] > [class~="id-col"],
[class*="id-grid-"][class*="-equalHeight"] > [class*="id-col-"],
[class*="id-grid-"][class*="-equalHeight"] > [class*="id-col_"] {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

[class*="id-grid-"][class*="-equalHeight"] > [class~="id-col"] > *,
[class*="id-grid-"][class*="-equalHeight"] > [class*="id-col-"] > *,
[class*="id-grid-"][class*="-equalHeight"] > [class*="id-col_"] > * {
  -webkit-box-flex: 1;
  flex: 1 0 100%;
}

[class*="id-grid-"][class*="-noBottom"] > [class~="id-col"],
[class*="id-grid-"][class*="-noBottom"] > [class*="id-col-"],
[class*="id-grid-"][class*="-noBottom"] > [class*="id-col_"] {
  padding-bottom: 0;
}

[class*="id-col-"][class*="-top"] {
  align-self: flex-start;
}

[class*="id-col-"][class*="-middle"] {
  align-self: center;
}

[class*="id-col-"][class*="-bottom"] {
  align-self: flex-end;
}

[class*="id-col-"][class*="-first"] {
  -webkit-box-ordinal-group: 0;
  order: -1;
}

[class*="id-col-"][class*="-last"] {
  -webkit-box-ordinal-group: 2;
  order: 1;
}

/************************
    GRID BY NUMBER
*************************/
[class*="id-grid-1"] > [class~="id-col"],
[class*="id-grid-1"] > [class*="id-col-"] {
  flex-basis: 100%;
  max-width: 100%;
}

[class*="id-grid-2"] > [class~="id-col"],
[class*="id-grid-2"] > [class*="id-col-"] {
  flex-basis: 50%;
  max-width: 50%;
}

[class*="id-grid-3"] > [class~="id-col"],
[class*="id-grid-3"] > [class*="id-col-"] {
  flex-basis: 33.33333%;
  max-width: 33.33333%;
}

[class*="id-grid-4"] > [class~="id-col"],
[class*="id-grid-4"] > [class*="id-col-"] {
  flex-basis: 25%;
  max-width: 25%;
}

[class*="id-grid-5"] > [class~="id-col"],
[class*="id-grid-5"] > [class*="id-col-"] {
  flex-basis: 20%;
  max-width: 20%;
}

[class*="id-grid-6"] > [class~="id-col"],
[class*="id-grid-6"] > [class*="id-col-"] {
  flex-basis: 16.66667%;
  max-width: 16.66667%;
}

[class*="id-grid-7"] > [class~="id-col"],
[class*="id-grid-7"] > [class*="id-col-"] {
  flex-basis: 14.28571%;
  max-width: 14.28571%;
}

[class*="id-grid-8"] > [class~="id-col"],
[class*="id-grid-8"] > [class*="id-col-"] {
  flex-basis: 12.5%;
  max-width: 12.5%;
}

[class*="id-grid-9"] > [class~="id-col"],
[class*="id-grid-9"] > [class*="id-col-"] {
  flex-basis: 11.11111%;
  max-width: 11.11111%;
}

[class*="id-grid-10"] > [class~="id-col"],
[class*="id-grid-10"] > [class*="id-col-"] {
  flex-basis: 10%;
  max-width: 10%;
}

[class*="id-grid-11"] > [class~="id-col"],
[class*="id-grid-11"] > [class*="id-col-"] {
  flex-basis: 9.09091%;
  max-width: 9.09091%;
}

[class*="id-grid-12"] > [class~="id-col"],
[class*="id-grid-12"] > [class*="id-col-"] {
  flex-basis: 8.33333%;
  max-width: 8.33333%;
}

@media screen and (max-width: 80em) {
  [class*="_lg-1"] > [class~="id-col"],
  [class*="_lg-1"] > [class*="id-col-"] {
    flex-basis: 100%;
    max-width: 100%;
  }

  [class*="_lg-2"] > [class~="id-col"],
  [class*="_lg-2"] > [class*="id-col-"] {
    flex-basis: 50%;
    max-width: 50%;
  }

  [class*="_lg-3"] > [class~="id-col"],
  [class*="_lg-3"] > [class*="id-col-"] {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }

  [class*="_lg-4"] > [class~="id-col"],
  [class*="_lg-4"] > [class*="id-col-"] {
    flex-basis: 25%;
    max-width: 25%;
  }

  [class*="_lg-5"] > [class~="id-col"],
  [class*="_lg-5"] > [class*="id-col-"] {
    flex-basis: 20%;
    max-width: 20%;
  }

  [class*="_lg-6"] > [class~="id-col"],
  [class*="_lg-6"] > [class*="id-col-"] {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }

  [class*="_lg-7"] > [class~="id-col"],
  [class*="_lg-7"] > [class*="id-col-"] {
    flex-basis: 14.28571%;
    max-width: 14.28571%;
  }

  [class*="_lg-8"] > [class~="id-col"],
  [class*="_lg-8"] > [class*="id-col-"] {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }

  [class*="_lg-9"] > [class~="id-col"],
  [class*="_lg-9"] > [class*="id-col-"] {
    flex-basis: 11.11111%;
    max-width: 11.11111%;
  }

  [class*="_lg-10"] > [class~="id-col"],
  [class*="_lg-10"] > [class*="id-col-"] {
    flex-basis: 10%;
    max-width: 10%;
  }

  [class*="_lg-11"] > [class~="id-col"],
  [class*="_lg-11"] > [class*="id-col-"] {
    flex-basis: 9.09091%;
    max-width: 9.09091%;
  }

  [class*="_lg-12"] > [class~="id-col"],
  [class*="_lg-12"] > [class*="id-col-"] {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
}

@media screen and (max-width: 64em) {
  [class*="_md-1"] > [class~="id-col"],
  [class*="_md-1"] > [class*="id-col-"] {
    flex-basis: 100%;
    max-width: 100%;
  }

  [class*="_md-2"] > [class~="id-col"],
  [class*="_md-2"] > [class*="id-col-"] {
    flex-basis: 50%;
    max-width: 50%;
  }

  [class*="_md-3"] > [class~="id-col"],
  [class*="_md-3"] > [class*="id-col-"] {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }

  [class*="_md-4"] > [class~="id-col"],
  [class*="_md-4"] > [class*="id-col-"] {
    flex-basis: 25%;
    max-width: 25%;
  }

  [class*="_md-5"] > [class~="id-col"],
  [class*="_md-5"] > [class*="id-col-"] {
    flex-basis: 20%;
    max-width: 20%;
  }

  [class*="_md-6"] > [class~="id-col"],
  [class*="_md-6"] > [class*="id-col-"] {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }

  [class*="_md-7"] > [class~="id-col"],
  [class*="_md-7"] > [class*="id-col-"] {
    flex-basis: 14.28571%;
    max-width: 14.28571%;
  }

  [class*="_md-8"] > [class~="id-col"],
  [class*="_md-8"] > [class*="id-col-"] {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }

  [class*="_md-9"] > [class~="id-col"],
  [class*="_md-9"] > [class*="id-col-"] {
    flex-basis: 11.11111%;
    max-width: 11.11111%;
  }

  [class*="_md-10"] > [class~="id-col"],
  [class*="_md-10"] > [class*="id-col-"] {
    flex-basis: 10%;
    max-width: 10%;
  }

  [class*="_md-11"] > [class~="id-col"],
  [class*="_md-11"] > [class*="id-col-"] {
    flex-basis: 9.09091%;
    max-width: 9.09091%;
  }

  [class*="_md-12"] > [class~="id-col"],
  [class*="_md-12"] > [class*="id-col-"] {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
}

@media screen and (max-width: 48em) {
  [class*="_sm-1"] > [class~="id-col"],
  [class*="_sm-1"] > [class*="id-col-"] {
    flex-basis: 100%;
    max-width: 100%;
  }

  [class*="_sm-2"] > [class~="id-col"],
  [class*="_sm-2"] > [class*="id-col-"] {
    flex-basis: 50%;
    max-width: 50%;
  }

  [class*="_sm-3"] > [class~="id-col"],
  [class*="_sm-3"] > [class*="id-col-"] {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }

  [class*="_sm-4"] > [class~="id-col"],
  [class*="_sm-4"] > [class*="id-col-"] {
    flex-basis: 25%;
    max-width: 25%;
  }

  [class*="_sm-5"] > [class~="id-col"],
  [class*="_sm-5"] > [class*="id-col-"] {
    flex-basis: 20%;
    max-width: 20%;
  }

  [class*="_sm-6"] > [class~="id-col"],
  [class*="_sm-6"] > [class*="id-col-"] {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }

  [class*="_sm-7"] > [class~="id-col"],
  [class*="_sm-7"] > [class*="id-col-"] {
    flex-basis: 14.28571%;
    max-width: 14.28571%;
  }

  [class*="_sm-8"] > [class~="id-col"],
  [class*="_sm-8"] > [class*="id-col-"] {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }

  [class*="_sm-9"] > [class~="id-col"],
  [class*="_sm-9"] > [class*="id-col-"] {
    flex-basis: 11.11111%;
    max-width: 11.11111%;
  }

  [class*="_sm-10"] > [class~="id-col"],
  [class*="_sm-10"] > [class*="id-col-"] {
    flex-basis: 10%;
    max-width: 10%;
  }

  [class*="_sm-11"] > [class~="id-col"],
  [class*="_sm-11"] > [class*="id-col-"] {
    flex-basis: 9.09091%;
    max-width: 9.09091%;
  }

  [class*="_sm-12"] > [class~="id-col"],
  [class*="_sm-12"] > [class*="id-col-"] {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
}

@media screen and (max-width: 35.5em) {
  [class*="_xs-1"] > [class~="id-col"],
  [class*="_xs-1"] > [class*="id-col-"] {
    flex-basis: 100%;
    max-width: 100%;
  }

  [class*="_xs-2"] > [class~="id-col"],
  [class*="_xs-2"] > [class*="id-col-"] {
    flex-basis: 50%;
    max-width: 50%;
  }

  [class*="_xs-3"] > [class~="id-col"],
  [class*="_xs-3"] > [class*="id-col-"] {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }

  [class*="_xs-4"] > [class~="id-col"],
  [class*="_xs-4"] > [class*="id-col-"] {
    flex-basis: 25%;
    max-width: 25%;
  }

  [class*="_xs-5"] > [class~="id-col"],
  [class*="_xs-5"] > [class*="id-col-"] {
    flex-basis: 20%;
    max-width: 20%;
  }

  [class*="_xs-6"] > [class~="id-col"],
  [class*="_xs-6"] > [class*="id-col-"] {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }

  [class*="_xs-7"] > [class~="id-col"],
  [class*="_xs-7"] > [class*="id-col-"] {
    flex-basis: 14.28571%;
    max-width: 14.28571%;
  }

  [class*="_xs-8"] > [class~="id-col"],
  [class*="_xs-8"] > [class*="id-col-"] {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }

  [class*="_xs-9"] > [class~="id-col"],
  [class*="_xs-9"] > [class*="id-col-"] {
    flex-basis: 11.11111%;
    max-width: 11.11111%;
  }

  [class*="_xs-10"] > [class~="id-col"],
  [class*="_xs-10"] > [class*="id-col-"] {
    flex-basis: 10%;
    max-width: 10%;
  }

  [class*="_xs-11"] > [class~="id-col"],
  [class*="_xs-11"] > [class*="id-col-"] {
    flex-basis: 9.09091%;
    max-width: 9.09091%;
  }

  [class*="_xs-12"] > [class~="id-col"],
  [class*="_xs-12"] > [class*="id-col-"] {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
}

/************************
    COLS SIZES
*************************/
[class*='id-grid'] > [class*="id-col-1"] {
  flex-basis: 8.33333%;
  max-width: 8.33333%;
}

[class*='id-grid'] > [class*="id-col-2"] {
  flex-basis: 16.66667%;
  max-width: 16.66667%;
}

[class*='id-grid'] > [class*="id-col-3"] {
  flex-basis: 25%;
  max-width: 25%;
}

[class*='id-grid'] > [class*="id-col-4"] {
  flex-basis: 33.33333%;
  max-width: 33.33333%;
}

[class*='id-grid'] > [class*="id-col-5"] {
  flex-basis: 41.66667%;
  max-width: 41.66667%;
}

[class*='id-grid'] > [class*="id-col-6"] {
  flex-basis: 50%;
  max-width: 50%;
}

[class*='id-grid'] > [class*="id-col-7"] {
  flex-basis: 58.33333%;
  max-width: 58.33333%;
}

[class*='id-grid'] > [class*="id-col-8"] {
  flex-basis: 66.66667%;
  max-width: 66.66667%;
}

[class*='id-grid'] > [class*="id-col-9"] {
  flex-basis: 75%;
  max-width: 75%;
}

[class*='id-grid'] > [class*="id-col-10"] {
  flex-basis: 83.33333%;
  max-width: 83.33333%;
}

[class*='id-grid'] > [class*="id-col-11"] {
  flex-basis: 91.66667%;
  max-width: 91.66667%;
}

[class*='id-grid'] > [class*="id-col-12"] {
  flex-basis: 100%;
  max-width: 100%;
}

[class*="id-grid"] > [data-push-left*="off-0"] {
  margin-left: 0;
}

[class*="id-grid"] > [data-push-left*="off-1"] {
  margin-left: 8.33333%;
}

[class*="id-grid"] > [data-push-left*="off-2"] {
  margin-left: 16.66667%;
}

[class*="id-grid"] > [data-push-left*="off-3"] {
  margin-left: 25%;
}

[class*="id-grid"] > [data-push-left*="off-4"] {
  margin-left: 33.33333%;
}

[class*="id-grid"] > [data-push-left*="off-5"] {
  margin-left: 41.66667%;
}

[class*="id-grid"] > [data-push-left*="off-6"] {
  margin-left: 50%;
}

[class*="id-grid"] > [data-push-left*="off-7"] {
  margin-left: 58.33333%;
}

[class*="id-grid"] > [data-push-left*="off-8"] {
  margin-left: 66.66667%;
}

[class*="id-grid"] > [data-push-left*="off-9"] {
  margin-left: 75%;
}

[class*="id-grid"] > [data-push-left*="off-10"] {
  margin-left: 83.33333%;
}

[class*="id-grid"] > [data-push-left*="off-11"] {
  margin-left: 91.66667%;
}

[class*="id-grid"] > [data-push-right*="off-0"] {
  margin-right: 0;
}

[class*="id-grid"] > [data-push-right*="off-1"] {
  margin-right: 8.33333%;
}

[class*="id-grid"] > [data-push-right*="off-2"] {
  margin-right: 16.66667%;
}

[class*="id-grid"] > [data-push-right*="off-3"] {
  margin-right: 25%;
}

[class*="id-grid"] > [data-push-right*="off-4"] {
  margin-right: 33.33333%;
}

[class*="id-grid"] > [data-push-right*="off-5"] {
  margin-right: 41.66667%;
}

[class*="id-grid"] > [data-push-right*="off-6"] {
  margin-right: 50%;
}

[class*="id-grid"] > [data-push-right*="off-7"] {
  margin-right: 58.33333%;
}

[class*="id-grid"] > [data-push-right*="off-8"] {
  margin-right: 66.66667%;
}

[class*="id-grid"] > [data-push-right*="off-9"] {
  margin-right: 75%;
}

[class*="id-grid"] > [data-push-right*="off-10"] {
  margin-right: 83.33333%;
}

[class*="id-grid"] > [data-push-right*="off-11"] {
  margin-right: 91.66667%;
}

@media screen and (max-width: 80em) {
  [class*='id-grid'] > [class*="_lg-1"] {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  [class*='id-grid'] > [class*="_lg-2"] {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }

  [class*='id-grid'] > [class*="_lg-3"] {
    flex-basis: 25%;
    max-width: 25%;
  }

  [class*='id-grid'] > [class*="_lg-4"] {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }

  [class*='id-grid'] > [class*="_lg-5"] {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }

  [class*='id-grid'] > [class*="_lg-6"] {
    flex-basis: 50%;
    max-width: 50%;
  }

  [class*='id-grid'] > [class*="_lg-7"] {
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }

  [class*='id-grid'] > [class*="_lg-8"] {
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }

  [class*='id-grid'] > [class*="_lg-9"] {
    flex-basis: 75%;
    max-width: 75%;
  }

  [class*='id-grid'] > [class*="_lg-10"] {
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }

  [class*='id-grid'] > [class*="_lg-11"] {
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }

  [class*='id-grid'] > [class*="_lg-12"] {
    flex-basis: 100%;
    max-width: 100%;
  }

  [class*="id-grid"] > [data-push-left*="_lg-0"] {
    margin-left: 0;
  }

  [class*="id-grid"] > [data-push-left*="_lg-1"] {
    margin-left: 8.33333%;
  }

  [class*="id-grid"] > [data-push-left*="_lg-2"] {
    margin-left: 16.66667%;
  }

  [class*="id-grid"] > [data-push-left*="_lg-3"] {
    margin-left: 25%;
  }

  [class*="id-grid"] > [data-push-left*="_lg-4"] {
    margin-left: 33.33333%;
  }

  [class*="id-grid"] > [data-push-left*="_lg-5"] {
    margin-left: 41.66667%;
  }

  [class*="id-grid"] > [data-push-left*="_lg-6"] {
    margin-left: 50%;
  }

  [class*="id-grid"] > [data-push-left*="_lg-7"] {
    margin-left: 58.33333%;
  }

  [class*="id-grid"] > [data-push-left*="_lg-8"] {
    margin-left: 66.66667%;
  }

  [class*="id-grid"] > [data-push-left*="_lg-9"] {
    margin-left: 75%;
  }

  [class*="id-grid"] > [data-push-left*="_lg-10"] {
    margin-left: 83.33333%;
  }

  [class*="id-grid"] > [data-push-left*="_lg-11"] {
    margin-left: 91.66667%;
  }

  [class*="id-grid"] > [data-push-right*="_lg-0"] {
    margin-right: 0;
  }

  [class*="id-grid"] > [data-push-right*="_lg-1"] {
    margin-right: 8.33333%;
  }

  [class*="id-grid"] > [data-push-right*="_lg-2"] {
    margin-right: 16.66667%;
  }

  [class*="id-grid"] > [data-push-right*="_lg-3"] {
    margin-right: 25%;
  }

  [class*="id-grid"] > [data-push-right*="_lg-4"] {
    margin-right: 33.33333%;
  }

  [class*="id-grid"] > [data-push-right*="_lg-5"] {
    margin-right: 41.66667%;
  }

  [class*="id-grid"] > [data-push-right*="_lg-6"] {
    margin-right: 50%;
  }

  [class*="id-grid"] > [data-push-right*="_lg-7"] {
    margin-right: 58.33333%;
  }

  [class*="id-grid"] > [data-push-right*="_lg-8"] {
    margin-right: 66.66667%;
  }

  [class*="id-grid"] > [data-push-right*="_lg-9"] {
    margin-right: 75%;
  }

  [class*="id-grid"] > [data-push-right*="_lg-10"] {
    margin-right: 83.33333%;
  }

  [class*="id-grid"] > [data-push-right*="_lg-11"] {
    margin-right: 91.66667%;
  }

  [class*='id-grid'] [class*="_lg-first"] {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  [class*='id-grid'] [class*="_lg-last"] {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}

@media screen and (max-width: 64em) {
  [class*='id-grid'] > [class*="_md-1"] {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  [class*='id-grid'] > [class*="_md-2"] {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }

  [class*='id-grid'] > [class*="_md-3"] {
    flex-basis: 25%;
    max-width: 25%;
  }

  [class*='id-grid'] > [class*="_md-4"] {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }

  [class*='id-grid'] > [class*="_md-5"] {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }

  [class*='id-grid'] > [class*="_md-6"] {
    flex-basis: 50%;
    max-width: 50%;
  }

  [class*='id-grid'] > [class*="_md-7"] {
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }

  [class*='id-grid'] > [class*="_md-8"] {
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }

  [class*='id-grid'] > [class*="_md-9"] {
    flex-basis: 75%;
    max-width: 75%;
  }

  [class*='id-grid'] > [class*="_md-10"] {
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }

  [class*='id-grid'] > [class*="_md-11"] {
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }

  [class*='id-grid'] > [class*="_md-12"] {
    flex-basis: 100%;
    max-width: 100%;
  }

  [class*="id-grid"] > [data-push-left*="_md-0"] {
    margin-left: 0;
  }

  [class*="id-grid"] > [data-push-left*="_md-1"] {
    margin-left: 8.33333%;
  }

  [class*="id-grid"] > [data-push-left*="_md-2"] {
    margin-left: 16.66667%;
  }

  [class*="id-grid"] > [data-push-left*="_md-3"] {
    margin-left: 25%;
  }

  [class*="id-grid"] > [data-push-left*="_md-4"] {
    margin-left: 33.33333%;
  }

  [class*="id-grid"] > [data-push-left*="_md-5"] {
    margin-left: 41.66667%;
  }

  [class*="id-grid"] > [data-push-left*="_md-6"] {
    margin-left: 50%;
  }

  [class*="id-grid"] > [data-push-left*="_md-7"] {
    margin-left: 58.33333%;
  }

  [class*="id-grid"] > [data-push-left*="_md-8"] {
    margin-left: 66.66667%;
  }

  [class*="id-grid"] > [data-push-left*="_md-9"] {
    margin-left: 75%;
  }

  [class*="id-grid"] > [data-push-left*="_md-10"] {
    margin-left: 83.33333%;
  }

  [class*="id-grid"] > [data-push-left*="_md-11"] {
    margin-left: 91.66667%;
  }

  [class*="id-grid"] > [data-push-right*="_md-0"] {
    margin-right: 0;
  }

  [class*="id-grid"] > [data-push-right*="_md-1"] {
    margin-right: 8.33333%;
  }

  [class*="id-grid"] > [data-push-right*="_md-2"] {
    margin-right: 16.66667%;
  }

  [class*="id-grid"] > [data-push-right*="_md-3"] {
    margin-right: 25%;
  }

  [class*="id-grid"] > [data-push-right*="_md-4"] {
    margin-right: 33.33333%;
  }

  [class*="id-grid"] > [data-push-right*="_md-5"] {
    margin-right: 41.66667%;
  }

  [class*="id-grid"] > [data-push-right*="_md-6"] {
    margin-right: 50%;
  }

  [class*="id-grid"] > [data-push-right*="_md-7"] {
    margin-right: 58.33333%;
  }

  [class*="id-grid"] > [data-push-right*="_md-8"] {
    margin-right: 66.66667%;
  }

  [class*="id-grid"] > [data-push-right*="_md-9"] {
    margin-right: 75%;
  }

  [class*="id-grid"] > [data-push-right*="_md-10"] {
    margin-right: 83.33333%;
  }

  [class*="id-grid"] > [data-push-right*="_md-11"] {
    margin-right: 91.66667%;
  }

  [class*='id-grid'] [class*="_md-first"] {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  [class*='id-grid'] [class*="_md-last"] {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}

@media screen and (max-width: 48em) {
  [class*='id-grid'] > [class*="_sm-1"] {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  [class*='id-grid'] > [class*="_sm-2"] {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }

  [class*='id-grid'] > [class*="_sm-3"] {
    flex-basis: 25%;
    max-width: 25%;
  }

  [class*='id-grid'] > [class*="_sm-4"] {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }

  [class*='id-grid'] > [class*="_sm-5"] {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }

  [class*='id-grid'] > [class*="_sm-6"] {
    flex-basis: 50%;
    max-width: 50%;
  }

  [class*='id-grid'] > [class*="_sm-7"] {
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }

  [class*='id-grid'] > [class*="_sm-8"] {
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }

  [class*='id-grid'] > [class*="_sm-9"] {
    flex-basis: 75%;
    max-width: 75%;
  }

  [class*='id-grid'] > [class*="_sm-10"] {
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }

  [class*='id-grid'] > [class*="_sm-11"] {
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }

  [class*='id-grid'] > [class*="_sm-12"] {
    flex-basis: 100%;
    max-width: 100%;
  }

  [class*="id-grid"] > [data-push-left*="_sm-0"] {
    margin-left: 0;
  }

  [class*="id-grid"] > [data-push-left*="_sm-1"] {
    margin-left: 8.33333%;
  }

  [class*="id-grid"] > [data-push-left*="_sm-2"] {
    margin-left: 16.66667%;
  }

  [class*="id-grid"] > [data-push-left*="_sm-3"] {
    margin-left: 25%;
  }

  [class*="id-grid"] > [data-push-left*="_sm-4"] {
    margin-left: 33.33333%;
  }

  [class*="id-grid"] > [data-push-left*="_sm-5"] {
    margin-left: 41.66667%;
  }

  [class*="id-grid"] > [data-push-left*="_sm-6"] {
    margin-left: 50%;
  }

  [class*="id-grid"] > [data-push-left*="_sm-7"] {
    margin-left: 58.33333%;
  }

  [class*="id-grid"] > [data-push-left*="_sm-8"] {
    margin-left: 66.66667%;
  }

  [class*="id-grid"] > [data-push-left*="_sm-9"] {
    margin-left: 75%;
  }

  [class*="id-grid"] > [data-push-left*="_sm-10"] {
    margin-left: 83.33333%;
  }

  [class*="id-grid"] > [data-push-left*="_sm-11"] {
    margin-left: 91.66667%;
  }

  [class*="id-grid"] > [data-push-right*="_sm-0"] {
    margin-right: 0;
  }

  [class*="id-grid"] > [data-push-right*="_sm-1"] {
    margin-right: 8.33333%;
  }

  [class*="id-grid"] > [data-push-right*="_sm-2"] {
    margin-right: 16.66667%;
  }

  [class*="id-grid"] > [data-push-right*="_sm-3"] {
    margin-right: 25%;
  }

  [class*="id-grid"] > [data-push-right*="_sm-4"] {
    margin-right: 33.33333%;
  }

  [class*="id-grid"] > [data-push-right*="_sm-5"] {
    margin-right: 41.66667%;
  }

  [class*="id-grid"] > [data-push-right*="_sm-6"] {
    margin-right: 50%;
  }

  [class*="id-grid"] > [data-push-right*="_sm-7"] {
    margin-right: 58.33333%;
  }

  [class*="id-grid"] > [data-push-right*="_sm-8"] {
    margin-right: 66.66667%;
  }

  [class*="id-grid"] > [data-push-right*="_sm-9"] {
    margin-right: 75%;
  }

  [class*="id-grid"] > [data-push-right*="_sm-10"] {
    margin-right: 83.33333%;
  }

  [class*="id-grid"] > [data-push-right*="_sm-11"] {
    margin-right: 91.66667%;
  }

  [class*='id-grid'] [class*="_sm-first"] {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  [class*='id-grid'] [class*="_sm-last"] {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}

@media screen and (max-width: 35.5em) {
  [class*='id-grid'] > [class*="_xs-1"] {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  [class*='id-grid'] > [class*="_xs-2"] {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }

  [class*='id-grid'] > [class*="_xs-3"] {
    flex-basis: 25%;
    max-width: 25%;
  }

  [class*='id-grid'] > [class*="_xs-4"] {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }

  [class*='id-grid'] > [class*="_xs-5"] {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }

  [class*='id-grid'] > [class*="_xs-6"] {
    flex-basis: 50%;
    max-width: 50%;
  }

  [class*='id-grid'] > [class*="_xs-7"] {
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }

  [class*='id-grid'] > [class*="_xs-8"] {
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }

  [class*='id-grid'] > [class*="_xs-9"] {
    flex-basis: 75%;
    max-width: 75%;
  }

  [class*='id-grid'] > [class*="_xs-10"] {
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }

  [class*='id-grid'] > [class*="_xs-11"] {
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }

  [class*='id-grid'] > [class*="_xs-12"] {
    flex-basis: 100%;
    max-width: 100%;
  }

  [class*="id-grid"] > [data-push-left*="_xs-0"] {
    margin-left: 0;
  }

  [class*="id-grid"] > [data-push-left*="_xs-1"] {
    margin-left: 8.33333%;
  }

  [class*="id-grid"] > [data-push-left*="_xs-2"] {
    margin-left: 16.66667%;
  }

  [class*="id-grid"] > [data-push-left*="_xs-3"] {
    margin-left: 25%;
  }

  [class*="id-grid"] > [data-push-left*="_xs-4"] {
    margin-left: 33.33333%;
  }

  [class*="id-grid"] > [data-push-left*="_xs-5"] {
    margin-left: 41.66667%;
  }

  [class*="id-grid"] > [data-push-left*="_xs-6"] {
    margin-left: 50%;
  }

  [class*="id-grid"] > [data-push-left*="_xs-7"] {
    margin-left: 58.33333%;
  }

  [class*="id-grid"] > [data-push-left*="_xs-8"] {
    margin-left: 66.66667%;
  }

  [class*="id-grid"] > [data-push-left*="_xs-9"] {
    margin-left: 75%;
  }

  [class*="id-grid"] > [data-push-left*="_xs-10"] {
    margin-left: 83.33333%;
  }

  [class*="id-grid"] > [data-push-left*="_xs-11"] {
    margin-left: 91.66667%;
  }

  [class*="id-grid"] > [data-push-right*="_xs-0"] {
    margin-right: 0;
  }

  [class*="id-grid"] > [data-push-right*="_xs-1"] {
    margin-right: 8.33333%;
  }

  [class*="id-grid"] > [data-push-right*="_xs-2"] {
    margin-right: 16.66667%;
  }

  [class*="id-grid"] > [data-push-right*="_xs-3"] {
    margin-right: 25%;
  }

  [class*="id-grid"] > [data-push-right*="_xs-4"] {
    margin-right: 33.33333%;
  }

  [class*="id-grid"] > [data-push-right*="_xs-5"] {
    margin-right: 41.66667%;
  }

  [class*="id-grid"] > [data-push-right*="_xs-6"] {
    margin-right: 50%;
  }

  [class*="id-grid"] > [data-push-right*="_xs-7"] {
    margin-right: 58.33333%;
  }

  [class*="id-grid"] > [data-push-right*="_xs-8"] {
    margin-right: 66.66667%;
  }

  [class*="id-grid"] > [data-push-right*="_xs-9"] {
    margin-right: 75%;
  }

  [class*="id-grid"] > [data-push-right*="_xs-10"] {
    margin-right: 83.33333%;
  }

  [class*="id-grid"] > [data-push-right*="_xs-11"] {
    margin-right: 91.66667%;
  }

  [class*='id-grid'] [class*="_xs-first"] {
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  [class*='id-grid'] [class*="_xs-last"] {
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}

/************************
    HIDING COLS
*************************/
[class*="id-col-"]:not([class*="id-grid"]):not([class*="id-col-0"]) {
  display: block;
}

[class~="id-grid"][class*="id-col-"]:not([class*="id-col-0"]) {
  display: -webkit-box;
  display: flex;
}

[class*="id-col-"][class*="id-col-0"] {
  display: none;
}

@media screen and (max-width: 80em) {
  [class*="id-grid"] > :not([class*="_lg-0"]) {
    display: block;
  }

  [class*="id-grid"]:not([class*="_lg-0"]) {
    display: -webkit-box;
    display: flex;
  }

  [class*="id-grid"] > [class*="_lg-0"],
  [class*="id-grid"][class*="-equalHeight"] > [class*="_lg-0"] {
    display: none;
  }
}

@media screen and (max-width: 64em) {
  [class*="id-grid"] > :not([class*="_md-0"]) {
    display: block;
  }

  [class*="id-grid"]:not([class*="_md-0"]) {
    display: -webkit-box;
    display: flex;
  }

  [class*="id-grid"] > [class*="_md-0"],
  [class*="id-grid"][class*="-equalHeight"] > [class*="_md-0"] {
    display: none;
  }
}

@media screen and (max-width: 48em) {
  [class*="id-grid"] > :not([class*="_sm-0"]) {
    display: block;
  }

  [class*="id-grid"]:not([class*="_sm-0"]) {
    display: -webkit-box;
    display: flex;
  }

  [class*="id-grid"] > [class*="_sm-0"],
  [class*="id-grid"][class*="-equalHeight"] > [class*="_sm-0"] {
    display: none;
  }
}

@media screen and (max-width: 35.5em) {
  [class*="id-grid"] > :not([class*="_xs-0"]) {
    display: block;
  }

  [class*="id-grid"]:not([class*="_xs-0"]) {
    display: -webkit-box;
    display: flex;
  }

  [class*="id-grid"] > [class*="_xs-0"],
  [class*="id-grid"][class*="-equalHeight"] > [class*="_xs-0"] {
    display: none;
  }
}

/** core */
@font-face {
  font-family: "DINPro-Medium";
  font-weight: normal;
  src: url("/assets/fonts/dinpro/DINPro-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/dinpro/DINPro-Medium.woff") format("woff"), url("/assets/fonts/dinpro/DINPro-Medium.ttf") format("truetype"), url("/assets/fonts/dinpro/DINPro-Medium.svg#DINPro-Medium") format("svg");
}

@font-face {
  font-family: "DINPro-Light";
  font-weight: normal;
  src: url("/assets/fonts/dinpro/DINPro-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/dinpro/DINPro-Light.woff") format("woff"), url("/assets/fonts/dinpro/DINPro-Light.ttf") format("truetype"), url("/assets/fonts/dinpro/DINPro-Light.svg#DINPro-Light") format("svg");
}

@font-face {
  font-family: "ds-digi-webfont";
  font-weight: normal;
  src: url("/assets/fonts/ds-digi/ds-digi-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/ds-digi/ds-digi-webfont.woff") format("woff"), url("/assets/fonts/ds-digi/ds-digi-webfont.ttf") format("truetype"), url("/assets/fonts/ds-digi/ds-digi-webfont.svg#ds-digi-webfont") format("svg");
}

/** todo: DRY */
small,
.id-fz-small, .id-details--alt .id-details__title {
  font-size: 1.2rem;
}

h6.id-title,
.id-h6.id-title {
  font-size: 1.86rem;
}

h5.id-title,
.id-h5.id-title {
  font-size: 2.19rem;
}

h4.id-title,
.id-h4.id-title, .id-definition__value {
  font-size: 2.52rem;
}

h3.id-title,
.id-h3.id-title, .id-headline__title {
  font-size: 3.18rem;
}

h2.id-title,
.id-h2.id-title {
  font-size: 3.84rem;
}

.id-fz--huge, h1.id-title,
.id-h1.id-title {
  font-size: 4.5rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: 400;
  line-height: 1.1;
}

p {
  margin: 0;
  line-height: 1.3;
}

a {
  transition: color .35s;
  background-color: transparent;
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
}

.is-desktop a:hover,
.is-desktop a:focus {
  text-decoration: none;
}

q {
  quotes: none;
}

q::before,
q::after {
  content: "";
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -.1rem;
}

sub {
  bottom: -.1rem;
}

.id-title {
  margin-bottom: .5em;
}

.id-title--main {
  margin: 1.5rem 0 1.9rem;
  color: #1c4eaa;
}

.id-title--secondary {
  margin-bottom: 1.8rem;
  color: #9b9b9c;
}

.id-color--primary {
  color: #1c4eaa;
}

.id-hide-text {
  position: absolute;
  width: 0;
  height: 0;
  font-size: 0;
  overflow: hidden;
}

hr {
  margin: 0;
  border: 0;
}

.id-hr {
  position: relative;
  height: 1px;
}

.id-hr::before {
  position: absolute;
  right: -9999px;
  left: -9999px;
  border-bottom: 1px solid #ccc;
  content: "";
}

[disabled] {
  cursor: default;
}

@media screen and (max-width: 35.5em) {
  .id-is-xs-hide {
    display: none;
  }
}

svg {
  pointer-events: none;
}

@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

* {
  box-sizing: border-box;
}

*::before, *::after {
  box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none !important;
}

img {
  border: 0;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

form,
fieldset {
  margin: 0;
  padding: 0;
  border-style: none;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.id-html {
  height: 100%;
  font-size: 62.5%;
}

@media screen and (max-width: 64em) {
  .id-html {
    font-size: 42.5%;
  }
}

*:focus {
  outline-color: #1c4eaa;
}

.id-body {
  /** todo: if aside will break to multiple line, we don't know how big padding must be */
  min-width: 320px;
  height: 100%;
  margin: 0;
  padding-top: 60px;
  background-color: #fff;
  color: #58585a;
  font-family: "DINPro-Medium", Georgia, serif;
  font-size: 1.6rem;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
}

@media screen and (max-width: 48em) {
  .id-body {
    padding-top: 100px;
  }
}

.id-body--closely .id-wrapper, .id-body--tenant .id-wrapper, .id-body--tenant-alt .id-wrapper {
  padding-top: 0;
}

.id-body--light .id-wrapper {
  background: #fff;
}

@media screen and (max-width: 48em) {
  .id-body--tenant, .id-body--tenant-alt {
    padding-top: 60px;
  }
}

.id-body--tenant-alt .id-wrapper {
  padding-top: 3rem;
}

.id-wrapper {
  background: #eee url("/assets/images/bg-striped-pattern.png") repeat;
  min-height: 100%;
  padding: 3rem 0;
  overflow: hidden;
}

.id-container {
  position: relative;
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

.id-grid-start {
  -webkit-box-align: start;
  align-items: flex-start;
}

/** simple alignment */
.id-display-block {
  display: block;
}

.id-display-block--centered {
  margin-right: auto;
  margin-left: auto;
}

.id-main {
  width: 100%;
}

.id-aside--fixed + .id-main {
  padding-left: 24rem;
}

@media screen and (max-width: 48em) {
  .id-aside--fixed + .id-main {
    padding-left: 0;
  }
}

.id-fixed {
  position: fixed;
  top: 0;
  right: 0;
  width: 90%;
  max-width: 40rem;
  z-index: 9999;
}

.id-fixed--top {
  top: 7rem;
}

.id-fixed--right {
  right: 1.6rem;
}

.id-logo {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  width: 200px;
  height: 60px;
}

.is-desktop .id-logo:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

.id-logo--primary {
  background-color: #1c4eaa;
}

@media screen and (max-width: 48em) {
  .id-logo--left-sm {
    position: static;
    margin-right: 0;
  }
}

.id-logo--active {
  background-color: rgba(0, 0, 0, 0.3);
}

.id-logo__icon {
  color: transparent;
  text-decoration: none;
  width: 100%;
  font-size: 6rem;
  fill: #fff;
  height: 80%;
}

/** svg item */
@-webkit-keyframes sk-three-bounce {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  40% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  76% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes sk-three-bounce {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  40% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  76% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.id-spinner {

}

.id-spinner--small {
  width: 160px;
}

.id-spinner--medium {
  width: 220px;
}

.id-spinner--large {
  width: 440px;
}

.id-spinner path {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-animation: sk-three-bounce 1.8s ease-in-out 0s infinite both;
  animation: sk-three-bounce 1.8s ease-in-out 0s infinite both;
}

.id-spinner path:nth-child(14) {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

.id-spinner path:nth-child(13) {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
}

.id-spinner path:nth-child(12) {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.id-spinner path:nth-child(11) {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

.id-spinner path:nth-child(10) {
  -webkit-animation-delay: 1.0s;
  animation-delay: 1.0s;
}

.id-spinner path:nth-child(9) {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.id-spinner path:nth-child(8) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.id-spinner path:nth-child(7) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.id-spinner path:nth-child(6) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.id-spinner path:nth-child(5) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.id-spinner path:nth-child(4) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.id-spinner path:nth-child(3) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.id-spinner path:nth-child(2) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.id-spinner path:nth-child(1) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.id-spinner--alt {
  width: 350px;
}

.id-spinner--alt path {
  -webkit-transform-origin: center;
  transform-origin: center;
  fill: #1c4eaa;
  -webkit-animation: sk-three-bounce 1.8s ease-in-out 0s infinite both;
  animation: sk-three-bounce 1.8s ease-in-out 0s infinite both;
}

.id-spinner--alt path:nth-child(14) {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

.id-spinner--alt path:nth-child(13) {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
}

.id-spinner--alt path:nth-child(12) {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.id-spinner--alt path:nth-child(11) {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

.id-spinner--alt path:nth-child(11) {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

.id-spinner--alt path:nth-child(10) {
  -webkit-animation-delay: 1.0s;
  animation-delay: 1.0s;
}

.id-spinner--alt path:nth-child(9) {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.id-spinner--alt path:nth-child(8) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.id-spinner--alt path:nth-child(7) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.id-spinner--alt path:nth-child(6) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.id-spinner--alt path:nth-child(5) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.id-spinner--alt path:nth-child(4) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.id-spinner--alt path:nth-child(3) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.id-spinner--alt path:nth-child(2) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.id-spinner--alt path:nth-child(1) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

dl,
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

dt {
  display: block;
}

dd {
  display: block;
  margin: 15px 0 0;
}

.id-list, .id-drop-down__list {
  overflow: hidden;
}

.id-list--vertical .id-list__item, .id-drop-down__list .id-list__item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 2.7rem;
  line-height: 27px;
}

.id-list--dotted .id-list__item {
  color: #444;
}

.id-list--dotted .id-list__item::before {
  margin-right: .7rem;
  font-size: 1.3rem;
  content: "•";
}

.id-list__link {
  text-decoration: none;
}

input[type="button"],
input[type="reset"],
input[type="submit"],
button {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  cursor: pointer;
  -webkit-appearance: button;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.id-btn {
  display: inline-block;
  padding: 1.1rem 1.4rem;
  border-radius: 15px;
  background-color: #1c4eaa;
  color: #fff;
  font-size: 1.7rem;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

.is-desktop .id-btn:not([disabled]):hover {
  background-color: #ff6d2a;
}

.id-btn--thin, input[type="button"][disabled],
input[type="reset"][disabled],
input[type="submit"][disabled],
button[disabled],
.id-btn[disabled] {
  padding-top: 1rem;
  padding-bottom: 1.1rem;
  font-family: "DINPro-Light", Georgia, serif;
}

.id-btn--base-gray {
  background-color: #707070;
}

input[type="button"][disabled],
input[type="reset"][disabled],
input[type="submit"][disabled],
button[disabled],
.id-btn[disabled] {
  background-color: #dedede;
  color: #9b9b9c;
  cursor: default;
}

.id-btn--loading[disabled],
.id-btn--loading {
  position: relative;
  background-color: #d2dcee;
  color: transparent;
}

.id-btn--loading[disabled]::before, .id-btn--loading[disabled]::after,
.id-btn--loading::before,
.id-btn--loading::after {
  position: absolute;
  color: #fff;
}

.id-btn--loading[disabled]::before,
.id-btn--loading::before {
  top: 0;
  bottom: 0;
  left: 1.4rem;
  width: 20px;
  height: 20px;
  margin: auto;
  content: url(../images/loading.png);
  -webkit-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}

.id-btn--loading[disabled]::after,
.id-btn--loading::after {
  right: 1.4rem;
  content: "Loading...";
}

.svg-sprite {
  display: none;
}

svg {
  -moz-transform: scale(1);
}

.id-ico--huge {
  font-size: 17rem;
}

.id-ico--primary-light {
  fill: rgba(28, 78, 170, 0.3);
}

.id-icon-group {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  font-size: 2.4rem;
}

.id-icon-group__icon {
  margin-right: 1rem;
  font-size: 3rem;
}

.id-icon-group__text--sub {
  font-size: 75%;
}

.id-icon-group--alt .id-icon-group__text {
  font-family: "DINPro-Medium", Georgia, serif;
}

.id-plottable__primary .render-area .line {
  stroke: #1c4eaa;
}

.id-plottable__primary .render-area .symbol {
  fill: #1c4eaa;
}

.id-plottable__primary .bar-area rect {
  fill: #1c4eaa;
}

.id-plottable__inverse .render-area .line {
  stroke: #ff6d2a;
}

.id-plottable__inverse .render-area .symbol {
  fill: #ff6d2a;
}

.id-plottable__inverse .bar-area rect {
  fill: #ff6d2a;
}

.id-plottable__additional1 .render-area .line {
  stroke: #93328e;
}

.id-plottable__additional1 .render-area .symbol {
  fill: #93328e;
}

.id-plottable__additional1 .bar-area rect {
  fill: #93328e;
}

.id-plottable__additional2 .render-area .line {
  stroke: #88dbdf;
}

.id-plottable__additional2 .render-area .symbol {
  fill: #88dbdf;
}

.id-plottable__additional2 .bar-area rect {
  fill: #88dbdf;
}

.id-plottable__additional3 .render-area .line {
  stroke: #009ed5;
}

.id-plottable__additional3 .render-area .symbol {
  fill: #009ed5;
}

.id-plottable__additional3 .bar-area rect {
  fill: #009ed5;
}

.id-plottable__success .render-area .line {
  stroke: #84bd00;
}

.id-plottable__success .render-area .symbol {
  fill: #84bd00;
}

.id-plottable__success .bar-area rect {
  fill: #84bd00;
}

.id-plottable__warning .render-area .line {
  stroke: #ff8200;
}

.id-plottable__warning .render-area .symbol {
  fill: #ff8200;
}

.id-plottable__warning .bar-area rect {
  fill: #ff8200;
}

.id-plottable__danger .render-area .line {
  stroke: #ce0058;
}

.id-plottable__danger .render-area .symbol {
  fill: #ce0058;
}

.id-plottable__danger .bar-area rect {
  fill: #ce0058;
}

.id-plottable__absLight .render-area .line {
  stroke: #fff;
}

.id-plottable__absLight .render-area .symbol {
  fill: #fff;
}

.id-plottable__absLight .bar-area rect {
  fill: #fff;
}

.id-plottable__theLightest .render-area .line {
  stroke: #eee;
}

.id-plottable__theLightest .render-area .symbol {
  fill: #eee;
}

.id-plottable__theLightest .bar-area rect {
  fill: #eee;
}

.id-plottable__lightest .render-area .line {
  stroke: #dedede;
}

.id-plottable__lightest .render-area .symbol {
  fill: #dedede;
}

.id-plottable__lightest .bar-area rect {
  fill: #dedede;
}

.id-plottable__lighter .render-area .line {
  stroke: #ccc;
}

.id-plottable__lighter .render-area .symbol {
  fill: #ccc;
}

.id-plottable__lighter .bar-area rect {
  fill: #ccc;
}

.id-plottable__light .render-area .line {
  stroke: #9b9b9c;
}

.id-plottable__light .render-area .symbol {
  fill: #9b9b9c;
}

.id-plottable__light .bar-area rect {
  fill: #9b9b9c;
}

.id-plottable__base .render-area .line {
  stroke: #707070;
}

.id-plottable__base .render-area .symbol {
  fill: #707070;
}

.id-plottable__base .bar-area rect {
  fill: #707070;
}

.id-plottable__dark .render-area .line {
  stroke: #58585a;
}

.id-plottable__dark .render-area .symbol {
  fill: #58585a;
}

.id-plottable__dark .bar-area rect {
  fill: #58585a;
}

.id-plottable__darker .render-area .line {
  stroke: #505050;
}

.id-plottable__darker .render-area .symbol {
  fill: #505050;
}

.id-plottable__darker .bar-area rect {
  fill: #505050;
}

.id-plottable__darkest .render-area .line {
  stroke: #444;
}

.id-plottable__darkest .render-area .symbol {
  fill: #444;
}

.id-plottable__darkest .bar-area rect {
  fill: #444;
}

.id-plottable__absDark .render-area .line {
  stroke: #000;
}

.id-plottable__absDark .render-area .symbol {
  fill: #000;
}

.id-plottable__absDark .bar-area rect {
  fill: #000;
}

.id-plottable {
  width: 100%;
  margin: 2.5rem 0;
}

.id-plottable .gridlines line {
  stroke-dasharray: 5px;
}

.id-plottable .axis-label text {
  font-size: 1.2rem;
  font-weight: 400;
  text-transform: none;
  fill: #58585a;
}

@media screen and (max-width: 64em) {
  .id-plottable .axis-label text {
    font-size: 1.8rem;
  }
}

.id-plottable .axis text {
  font-family: "DINPro-Medium", Georgia, serif;
  font-size: 1.3rem;
  fill: #58585a;
}

.id-plottable .axis .tick-mark {
  stroke: #9b9b9c;
}

.id-plottable .x-axis .tick-mark {
  stroke-opacity: 0;
}

.id-plottable .legend text {
  font-family: "DINPro-Light", Georgia, serif;
  fill: #58585a;
}

.id-plottable .title-label text {
  font-family: "DINPro-Medium", Georgia, serif;
  font-size: 2rem;
  fill: #58585a;
}

.id-plottable__inner {
  position: relative;
  height: 416px;
  margin-top: 1rem;
  background-color: white;
}

.id-plottable__inner--hidden-x-axis {
  margin-bottom: 3.8rem;
}

.id-plottable__inner--hidden-x-axis:after {
  display: block;
  position: absolute;
  bottom: -2.8rem;
  left: 0;
  width: 100%;
  height: 2.8rem;
  background-color: white;
  content: "";
}

.id-plottable__header {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  align-items: center;
  justify-content: space-between;
}

.id-plottable--line .line-plot .line {
  stroke-width: 3px;
}

.id-plottable--scatter .line-plot .line {
}

.id-plottable--area .area {
  fill-opacity: 0;
}

.id-plottable--bar .bar-plot rect {
  stroke-width: 0;
}

.id-plottable--scatter .scatter-plot .symbol {
  opacity: 1;
  stroke-width: 2px;
}

.id-plottable__single-pie {
  position: relative;
}

.id-plottable__single-pie--color-0 {
  fill: #1c4eaa;
}

.id-plottable__single-pie--color-1 {
  fill: #62ad00;
}

.id-plottable__single-pie--color-2 {
  fill: #f8c100;
}

.id-plottable__single-pie--color-3 {
  fill: #cc0032;
}

.id-plottable__single-pie--color-disabled {
  fill: #bbbbbb;
}

.id-plottable__pie-center {
  display: -webkit-box;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.id-plottable__value-label,
.id-plottable__unit-label,
.id-plottable__max-label {
  display: block;
  text-align: center;
}

.id-plottable__value-label {
  margin-bottom: 1.2rem;
  color: #1c4eaa;
  font-size: 3rem;
}

@media screen and (max-width: 64em) {
  .id-plottable__value-label {
    font-size: 4rem;
  }
}

.id-plottable__unit-label {
  margin-bottom: 1.1rem;
  color: #1c4eaa;
  font-size: 1.6rem;
}

@media screen and (max-width: 64em) {
  .id-plottable__unit-label {
    font-size: 2.5rem;
  }
}

.id-plottable__max-label {
  color: #ccc;
  font-size: 1.4rem;
}

@media screen and (max-width: 64em) {
  .id-plottable__max-label {
    font-size: 1.7rem;
  }
}

.id-plottable__icon {
  margin-bottom: 1rem;
  font-size: 2.7rem;
  fill: #1c4eaa;
}

.id-plottable[hidden] {
  display: block !important;
  position: absolute;
  top: -9999px;
  visibility: hidden;
}

@media screen and (min-width: 64em) {
  .id-plottable[hidden] {
    max-width: 1270px;
  }
}

.id-checkbox {
  display: inline-block;
  overflow: hidden;
}

.id-checkbox__label {
  display: -webkit-box;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  align-items: center;
  min-width: 18px;
  min-height: 18px;
  margin-right: .85rem;
  padding-left: calc(18px + 15px);
  color: #58585a;
  font-size: 1.6rem;
  line-height: 1;
  cursor: pointer;
}

@media screen and (max-width: 64em) {
  .id-checkbox__label {
    line-height: 1.6;
  }
}

.id-checkbox__label::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #9b9b9c;
  border-radius: 2px;
  background-color: #fff;
  content: "";
}

.id-checkbox__label::after {
  position: absolute;
  top: 8px;
  left: 9px;
  width: 10px;
  height: 5px;
  -webkit-transform: translate(-50%, -50%) rotate(-48deg);
  transform: translate(-50%, -50%) rotate(-48deg);
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: white;
  content: "";
  opacity: 0;
  z-index: 1;
}

.id-drop-down .id-checkbox__label {
  white-space: nowrap;
}

[disabled] + .id-checkbox__label {
  cursor: default;
}

.id-checkbox__input {
  display: none;
}

.id-checkbox__input:checked + .id-checkbox__label::before {
  border-color: #1c4eaa;
  background-color: #1c4eaa;
}

.id-checkbox__input:checked + .id-checkbox__label::after {
  opacity: 1;
}

.id-checkbox__input[disabled] + .id-checkbox__label::before {
  border-color: #ccc;
  background-color: #dedede;
}

.id-checkbox-slide {
  display: inline-block;
  overflow: hidden;
}

.id-checkbox-slide__input {
  display: none;
}

.id-checkbox-slide__input:checked + .id-checkbox-slide__label::before {
  left: calc((3.8rem - 2.2rem) - 1px);
  transition: left ease .2s;
}

.id-checkbox-slide__input:checked + .id-checkbox-slide__label::after {
  transition: background-color ease .2s;
  background-color: #1c4eaa;
}

.id-checkbox-slide__label {
  display: -webkit-box;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  align-items: center;
  min-width: 3.8rem;
  min-height: 2.2rem;
  margin-right: 10px;
  padding-left: calc(3.8rem);
  font-family: "DINPro-Light", Georgia, serif;
  cursor: pointer;
}

.id-checkbox-slide__label::before {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 2.2rem;
  height: calc(2.2rem - 2px);
  margin: auto;
  transition: left ease .2s;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  content: "";
  z-index: 1;
}

.id-checkbox-slide__label::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.8rem;
  height: 2.2rem;
  transition: background-color ease .2s;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
  background-color: #fff;
  content: "";
}

.id-checkbox-slide__label span {
  padding-left: 1rem;
}

.id-drop-down .id-checkbox-slide__label {
  white-space: nowrap;
}

.id-checkbox-complex {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.id-checkbox-complex__input {
  display: none;
}

.id-checkbox-complex__input:checked + .id-checkbox-complex__label .id-checkbox-complex__ico {
  display: none;
  transition: fill ease .2s;
  fill: #1c4eaa;
}

.id-checkbox-complex__input:checked + .id-checkbox-complex__label .id-checkbox-complex__ico--active {
  display: block;
}

.id-checkbox-complex__input:checked + .id-checkbox-complex__label::before {
  transition: background-color ease .2s;
  background-color: #1c4eaa;
}

.id-checkbox-complex__input:checked + .id-checkbox-complex__label::after {
  left: calc((100% - 1rem) + 2px);
  transition: left ease .2s;
}

.id-checkbox-complex__label {
  display: block;
  position: relative;
  width: 100%;
  max-width: 2.9rem;
  height: 100%;
  min-height: 4rem;
  padding-bottom: 1rem;
  cursor: pointer;
}

.id-checkbox-complex__label::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  height: 1rem;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  transition: background-color ease .2s;
  border-radius: 1rem;
  background-color: #707070;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
  content: "";
}

.id-checkbox-complex__label::after {
  position: absolute;
  bottom: 2px;
  left: 2px;
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  margin: auto;
  transition: left ease .2s;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  content: "";
}

.id-checkbox-complex__ico {
  position: absolute;
  right: 0;
  left: 0;
  max-width: 100%;
  margin: auto;
  font-size: 2.5rem;
  fill: #707070;
}

.id-checkbox-complex__ico--active {
  display: none;
}

/** simple block */
.id-block {
  padding: 2rem 3rem 0;
  border-top: 1px solid #ccc;
}

.id-block > * {
  margin-bottom: 2.5rem;
}

.id-block--alt {
  padding: 2.5rem 2rem;
  border-top: 0;
  background-color: #fff;
}

/** block with pattern bg */
.id-pattern, .id-tabs__toggle--active, .id-details {
  background: #eee url("/assets/images/bg-striped-pattern.png") repeat;
}

/** block for wrap graphs */
.id-graph {
  width: 100%;
  margin: 4rem 0;
}

.id-graph[hidden] {
  display: block !important;
  position: absolute;
  top: -9999px;
  visibility: hidden;
}

.id-graph__control {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  justify-content: center;
  margin-bottom: 4rem;
}

.id-form {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: start;
  align-items: flex-start;
  font-family: "DINPro-Light", Georgia, serif;
}

@media screen and (max-width: 35.5em) {
  .id-form {
    -webkit-box-pack: center;
    justify-content: center;
  }
}

.id-form__control, .id-select__list, .id-drop-down__preview {
  height: 4.5rem;
  padding: .6rem 1.2rem;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  border-radius: 4px;
  background-image: none;
  font-size: 1.4rem;
}

.id-form__block {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

@media screen and (max-width: 35.5em) {
  .id-form__block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
  }
}

.id-form__label {
  display: inherit;
  -webkit-box-align: inherit;
  align-items: inherit;
  -webkit-box-pack: inherit;
  justify-content: inherit;
  line-height: 2;
}

.id-form-group {
  display: -webkit-box;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  padding-bottom: 2rem;
}

.id-form-group--row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
}

.id-form-group--row .id-label {
  white-space: nowrap;
}

.id-form-group--row *:not(:last-child) {
  margin-right: 1rem;
}

.id-form-group--center {
  -webkit-box-align: center;
  align-items: center;
}

.id-form-group--space {
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.id-btn-group {
  display: -webkit-box;
  display: flex;
  margin-bottom: 3rem;
}

.id-btn-group .id-btn {
  margin-right: 1rem;
}

.id-btn-group--center .id-btn {
  margin: 0 .5rem;
}

.id-select, .id-drop-down {
  position: relative;
  width: 16rem;
  min-width: 16rem;
  margin-right: 1rem;
  margin-left: 1rem;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 6px 12px -7px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.id-select--wide {
  display: -webkit-box;
  display: flex;
  width: 100%;
  max-width: 100%;
  margin: 0 0 1rem;
  z-index: 2;
}

.id-select--wide .id-select__list, .id-select--wide .id-drop-down__preview {
  font-size: 1.8rem;
}

.id-select__list, .id-drop-down__preview {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  max-width: calc(100% - 2.4rem * 1.5);
  border: none;
  background-color: #fff;
  color: #1c4eaa;
  font-family: "DINPro-Light", Georgia, serif;
  line-height: 1.2;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  -moz-appearance: none;
  -webkit-appearance: none;
}

.is-desktop .id-select__list:focus, .is-desktop .id-drop-down__preview:focus {
  border-color: #7795cc;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(119, 149, 204, 0.6);
}

.is-desktop .id-select__list option:hover, .is-desktop .id-drop-down__preview option:hover {
  background-color: #eee;
}

.id-select__list option:checked, .id-drop-down__preview option:checked {
  background-color: #eee;
}

.id-select__list::-ms-expand, .id-drop-down__preview::-ms-expand {
  display: none;
}

select.id-select__list, select.id-drop-down__preview {
  max-width: 100%;
  padding-right: 3.6rem;
}

.id-select__ico, .id-drop-down__ico {
  position: absolute;
  top: 0;
  right: 1rem;
  bottom: 0;
  margin: auto;
  font-size: 2.4rem;
  fill: #1c4eaa;
  pointer-events: none;
}

.id-label {
  display: block;
  margin-bottom: .5rem;
  color: #58585a;
  font-size: 1.6rem;
}

.id-label--wide {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 2rem;
}

.id-label--wide .id-input {
  margin-top: .5rem;
}

.id-label--alt {
  color: #ff6d2a;
}

.id-input {
  display: block;
  width: 100%;
  height: 4.5rem;
  margin: 0 0 1rem;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #ccc;
  background-color: transparent;
  color: #1c4eaa;
  font-family: "DINPro-Light", Georgia, serif;
  font-size: 1.8rem;
}

.id-input[disabled] {
  background-color: #eee;
  color: #9b9b9c;
}

.id-input--warning {
  color: #ff6d2a;
}

.id-input::-webkit-input-placeholder {
  color: #ccc;
  font-family: "DINPro-Light", Georgia, serif;
}

.id-input::-moz-placeholder {
  color: #ccc;
  font-family: "DINPro-Light", Georgia, serif;
}

.id-input:-moz-placeholder {
  color: #ccc;
  font-family: "DINPro-Light", Georgia, serif;
}

.id-input:-ms-input-placeholder {
  color: #ccc;
  font-family: "DINPro-Light", Georgia, serif;
}

.id-message {
  display: block;
  width: 100%;
  margin-top: -1rem;
  padding: .3rem .6rem;
  text-align: left;
}

.id-message--pinned {
  position: absolute;
  bottom: .8rem;
  left: 0;
}

.id-message--warning {
  background: #ffe6cc;
  color: #ff6d2a;
}

.id-message--success {
  background: #e6f2cc;
  color: #84bd00;
}

.id-breadcrumb {
  display: inline-block;
  height: 100%;
  border-radius: 4px;
  background-color: #143677;
  color: #fff;
  font: 300 1.6rem "DINPro-Medium", Georgia, serif;
  overflow: hidden;
  z-index: 17;
}

.id-breadcrumb__list {
  display: -webkit-box;
  display: flex;
  height: 100%;
}

.id-breadcrumb__item {
  display: -webkit-box;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  align-items: center;
  height: 100%;
  padding-left: 2.25rem;
  background-color: #1c4eaa;
}

@media screen and (max-width: 64em) {
  .id-breadcrumb__item:not(.id-breadcrumb__item--first):not(.id-breadcrumb__item--last) .id-breadcrumb__link {
    max-width: 7.5rem;
  }
}

@media screen and (max-width: 48em) {
  .id-breadcrumb__item {
    display: none;
  }

  .id-breadcrumb__item--first, .id-breadcrumb__item--last {
    display: -webkit-box;
    display: flex;
  }
}

.is-desktop .id-breadcrumb__item:hover {
  background-color: #143677;
}

.is-desktop .id-breadcrumb__item:hover::after {
  border-left-color: #143677;
}

.id-breadcrumb__item::before, .id-breadcrumb__item::after {
  position: absolute;
  top: 50%;
  left: 100%;
  width: 0;
  height: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transform-origin: right;
  transform-origin: right;
  border-top: 4.4rem solid transparent;
  border-bottom: 4.4rem solid transparent;
  border-left: 3.08rem solid;
  content: "";
  z-index: 11;
}

.id-breadcrumb__item::before {
  border-left-color: #fff;
}

.id-breadcrumb__item::after {
  margin-left: -1px;
  border-left-color: #1c4eaa;
}

.id-breadcrumb__item + .id-breadcrumb__item {
  padding-left: 4.5rem;
}

.id-breadcrumb__item.id-breadcrumb__item--first {
  padding-left: 2.25rem;
}

.id-breadcrumb__item.id-breadcrumb__item--last {
  padding-right: 2rem;
  background-color: #143677;
  cursor: default;
}

.id-breadcrumb__item.id-breadcrumb__item--last::after {
  border-left-color: #143677;
}

.id-breadcrumb__link {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  position: relative;
  height: 100%;
  line-height: 60px;
  text-decoration: none;
  z-index: 12;
}

.id-badge::before, .id-filters__badge::before, .id-user-panel__notification::before {
  display: block;
  width: 2.7rem;
  height: 1.6rem;
  border-radius: .7rem;
  background-color: tomato;
  color: #fff;
  font-size: 1.2rem;
  line-height: 16px;
  text-align: center;
  content: attr(data-badge-number);
  z-index: 16;
}

@media screen and (max-width: 64em) {
  .id-badge::before, .id-filters__badge::before, .id-user-panel__notification::before {
    height: 1.8rem;
    line-height: 13px;
  }
}

.id-aside {
  -webkit-box-flex: 0;
  flex: 0 0 24rem;
  max-width: 24rem;
  padding: 3rem;
  background-color: #dedede;
  color: #444;
  font-size: 1.8rem;
}

@media screen and (max-width: 48em) {
  .id-aside {
    max-width: 100%;
  }
}

.id-aside--fixed {
  position: fixed;
  top: 60px;
  width: 24rem;
  height: calc(100vh - 60px);
  z-index: 16;
}

@media screen and (max-width: 48em) {
  .id-aside--fixed {
    top: 60px;
    left: 0;
    width: 100%;
    height: 40px;
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 48em) {
  .id-aside__list {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
  }
}

.is-desktop .id-aside__list-item:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 48em) {
  .id-aside__list-item + .id-aside__list-item {
    margin-left: 1rem;
  }
}

.id-definition {
  display: -webkit-box;
  display: flex;
  border: 1px solid #ccc;
}

@media screen and (max-width: 35.5em) {
  .id-definition {
    flex-wrap: wrap;
  }
}

.id-definition__caption {
  width: 20%;
  min-height: 70px;
  padding: 1.5rem 3rem;
  border-right: 1px solid #ccc;
  background: #dedede;
  text-align: right;
}

@media screen and (max-width: 35.5em) {
  .id-definition__caption {
    flex-basis: 100%;
    border-right: 0;
    text-align: left;
  }
}

.id-definition__description {
  -webkit-box-flex: 1;
  flex: 1 auto;
  padding: 1.5rem 3rem;
}

@media screen and (max-width: 35.5em) {
  .id-definition__description {
    flex-basis: 100%;
    border-top: 1px solid #ccc;
  }
}

.id-definition__description + .id-definition__description {
  border-left: 1px dashed #ccc;
}

@media screen and (max-width: 35.5em) {
  .id-definition__description + .id-definition__description {
    border-left: 0;
  }
}

.id-definition__sub-caption {
  margin-bottom: 1rem;
}

.id-definition__value {
  color: #1c4eaa;
}

.id-table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 2.5rem;
  font-family: "DINPro-Light", Georgia, serif;
  font-size: 1.4rem;
  line-height: 32px;
  text-align: left;
  border-collapse: collapse;
}

.id-table tr {
  border-bottom: 1px dashed #dedede;
}

.id-table th {
  width: 210px;
  font-family: "DINPro-Medium", Georgia, serif;
}

@media screen and (max-width: 35.5em) {
  .id-table th {
    width: 110px;
  }
}

.id-table td,
.id-table th {
  padding: 0 0 0 1.2rem;
  white-space: nowrap;
}

.id-table a {
  text-decoration: none;
}

.id-table--center td,
.id-table--center th {
  text-align: center;
}

@media screen and (max-width: 48em) {
  .id-table--responsive {
    display: block;
    overflow-x: auto;
  }
}

.id-table--highlight tr:hover {
  background-color: #f8f8f8;
  cursor: pointer;
}

.id-table--highlight-cell td:hover {
  background-color: #f8f8f8;
  cursor: pointer;
}

.id-info-panel {
  display: block;
  width: 100%;
  min-height: 90px;
  padding: 1rem 0;
  border: 1px solid #dedede;
  border-radius: 5px;
  font-size: 1em;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
}

.is-desktop .id-info-panel:hover {
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}

.id-info-panel__title {
  margin-bottom: 1.8rem;
  font-size: inherit;
  font-weight: 700;
}

.id-info-panel__body {
  margin-bottom: 1.8rem;
  padding: 0 1.5em;
}

.id-info-panel__btn {
  display: inline-block;
  padding: 1.1rem 1.4rem;
  border-radius: 15px;
  background-color: #1c4eaa;
  color: #fff;
  font-size: 1.7rem;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

.is-desktop .id-info-panel__btn:not([disabled]):hover {
  background-color: #ff6d2a;
}

.id-widget {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-width: 25rem;
  background-color: #fff;
  font-size: 1.4rem;
}

.id-widget__title {
  display: block;
  margin-bottom: .5em;
  font-size: 1.4rem;
}

.id-widget__main {
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
  flex: 1 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  min-height: 4rem;
  font-size: 1.4rem;
  text-decoration: none;
}

.id-widget__destination {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  font-family: "DINPro-Light", Georgia, serif;
}

.id-widget__destination-ico {
  margin-right: .4rem;
  font-size: 1.6rem;
  fill: #ff6d2a;
}

.id-widget__destination-prefix {
  margin-right: .3rem;
}

.id-widget__destination-value {
  margin-right: .3em;
}

.id-widget__option {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.id-widget__option--left {
  -webkit-box-flex: 0;
  flex: 0 0 4rem;
  margin-right: .7rem;
  padding-right: 1.8rem;
  border-right: 1px dashed #9b9b9c;
}

.id-widget__option--right {
  -webkit-box-flex: 0;
  flex: 0 0 7rem;
}

.id-drop-down {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.id-drop-down__preview {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  max-width: 100%;
  padding-right: calc(2.4rem * 1.5);
  box-shadow: none;
}

.id-drop-down__content {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: inherit;
  padding: 1.8rem 0;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  background-color: inherit;
  box-shadow: 0 6px 12px -3px rgba(0, 0, 0, 0.2);
  z-index: 11;
}

.id-drop-down--active .id-drop-down__content {
  display: block;
}

.id-drop-down__list-item {
  padding: .5rem 2.3rem;
}

.is-desktop .id-drop-down__list-item:hover {
  background-color: #eee;
}

.id-nav {
  height: 60px;
  font-size: 1.7rem;
}

@media screen and (max-width: 48em) {
  .id-nav {
    font-size: 2rem;
  }
}

.id-nav--active {
  z-index: 17;
}

@media screen and (max-width: 48em) {
  .id-nav--active .id-nav__list {
    display: block;
  }
}

.id-nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: flex;
  height: inherit;
}

@media screen and (max-width: 48em) {
  .id-nav__list {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 300px;
    height: auto;
    border-right: 1px solid #ccc;
    background-color: #fff;
    color: #1c4eaa;
    text-align: center;
  }
}

.id-nav__item {
  height: inherit;
  line-height: 60px;
}

@media screen and (max-width: 48em) {
  .id-nav__item {
    width: 100%;
    border-bottom: 1px solid #ccc;
  }
}

.is-desktop .id-nav__item:hover, .id-nav__item--active {
  background-color: rgba(0, 0, 0, 0.3);
}

.id-nav__link {
  display: block;
  padding: 0 3.5rem;
  text-decoration: none;
  text-transform: capitalize;
}

.id-nav__toggle {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 48em) {
  .id-nav__toggle {
    display: none;
  }

  .id-nav__list + .id-nav__toggle {
    display: block;
    width: 60px;
  }
}

.id-nav__toggle-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 35px;
  height: 3px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 1px;
  background-color: #fff;
}

.id-nav__toggle-ico::before, .id-nav__toggle-ico::after {
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
  height: 3px;
  border-radius: inherit;
  background-color: inherit;
  content: "";
}

.id-nav__toggle-ico::before {
  top: -8px;
}

.id-nav__toggle-ico::after {
  bottom: -8px;
}

.id-navigator {
  display: -webkit-box;
  display: flex;
  position: relative;
  -webkit-box-pack: justify;
  justify-content: space-between;
  height: 4rem;
  background: #dedede;
}

.id-navigator__btn {
  height: 100%;
  padding: 1rem;
  transition: 100ms background;
  color: #444;
}

.is-desktop .id-navigator__btn:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

.id-tabs {
  overflow: hidden;
}

.id-tabs__header {
  width: 100%;
}

.id-tabs__content {
  position: relative;
}

.id-tabs__nav {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0 3rem;
}

@media screen and (max-width: 35.5em) {
  .id-tabs__nav {
    -webkit-box-pack: center;
    justify-content: center;
  }
}

.id-tabs__toggle {
  display: block;
  padding: 1.8rem 2rem;
  border-radius: 0;
  color: #1c4eaa;
  font-family: "DINPro-Light", Georgia, serif;
  text-decoration: none;
}

.is-desktop .id-tabs__toggle:hover {
  background-color: #eee;
}

.id-tabs__toggle--active {
  margin-bottom: -1px;
  border: 1px solid #ccc;
  border-bottom: 0;
  color: #444;
  font-family: "DINPro-Medium", Georgia, serif;
}

.id-tabs__panel {
  position: absolute;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}

.id-tabs__panel--active {
  position: static;
  opacity: 1;
  visibility: visible;
}

.id-cta {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-bottom: 3rem;
  padding: 2.2rem 3rem;
  border: 1px solid #ccc;
  font-family: "DINPro-Light", Georgia, serif;
  font-size: 1.25rem;
}

.id-cta--alt {
  -webkit-box-align: start;
  align-items: flex-start;
  padding: 1rem;
  background-color: rgba(210, 220, 238, 0.5);
}

.id-cta--alt .id-cta__info {
  margin: 0;
  line-height: 1.9;
}

.id-cta--alt .id-cta__title {
  display: inline;
  margin-bottom: 0;
  color: #707070;
  font-size: 1.6rem;
}

.id-cta--alt .id-cta__meta {
  margin-left: 1rem;
}

.id-cta--alt .id-btn {
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: 1.4rem;
}

.id-cta__info {
  -webkit-box-flex: 0;
  flex: 0 auto;
  max-width: 29.375rem;
  margin: 0.8rem 0;
}

@media screen and (max-width: 35.5em) {
  .id-cta__info {
    width: 100%;
    max-width: 100%;
    margin-bottom: 2.2rem;
  }
}

.id-cta__title {
  margin-bottom: 0.8rem;
  color: #1c4eaa;
}

.id-cta__meta {
  font-size: 1.3rem;
}

.id-figure {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  margin: 0;
  padding: 0;
}

.id-figure a {
  text-decoration: none;
}

.id-figure__caption {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #58585a;
  color: #000;
  font-size: 2rem;
  text-align: center;
}

.id-figure__img {
  display: block;
  width: auto;
  height: 100%;
  max-height: 25rem;
  margin: 0 auto;
}

.id-data-label {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 4.2rem;
  padding: 0 .7rem;
  border-radius: 4px;
  background-color: #eee;
  line-height: 1;
}

.id-data-label .id-icon-group__text {
  color: #58585a;
  font-family: "DINPro-Medium", Georgia, serif;
  font-size: 1.4rem;
}

.id-data-label .id-icon-group__icon {
  font-size: 1.6rem;
  fill: #58585a;
}

.id-filters {
  margin-bottom: 3rem;
}

.id-filters__title {
  padding: 1.2rem 1.6rem;
  font-size: 1.6rem;
}

.id-filters__list {
  border-top: 1px dashed #dedede;
}

.id-filters__item {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 1.2rem 1.6rem;
  border-bottom: 1px dashed #dedede;
  font: 1.4rem "DINPro-Light", Georgia, serif;
  cursor: pointer;
}

.id-filters__name {
  text-transform: uppercase;
}

.id-filters__badge {
  width: 2.7rem;
  height: 1.6rem;
}

.id-filters__badge::before {
  background-color: #9b9b9c;
}

.id-headline {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 3rem;
}

@media screen and (max-width: 35.5em) {
  .id-headline {
    padding: 1.5rem;
  }
}

.id-headline .id-btn {
  -webkit-box-flex: 0;
  flex: 0 0 auto;
}

.id-headline__title {
  margin: 2.5rem 0;
  color: #1c4eaa;
}

.id-user-panel {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  height: 100%;
  color: #fff;
  font-size: 1.4rem;
}

.id-user-panel__notification {
  color: transparent;
  text-decoration: none;
  display: -webkit-box;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  align-items: center;
  align-self: stretch;
  margin-right: 1rem;
  overflow: visible;
}

.id-user-panel__notification::before {
  position: absolute;
  top: calc(50% - 11px);
  left: calc(50% + 16px);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.id-user-panel__notification-icon {
  color: transparent;
  text-decoration: none;
  display: block;
  font-size: 3.2rem;
  fill: #fff;
}

.id-user-panel__info {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  cursor: pointer;
  -webkit-appearance: button;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
  align-items: flex-end;
  margin-right: 1rem;
}

.id-user-panel__user-icon {
  color: transparent;
  text-decoration: none;
  align-self: center;
  margin-right: 1.2rem;
  font-size: 1.8rem;
  fill: #fff;
}

.id-user-panel__user-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 10rem;
  font-family: "DINPro-Light", Georgia, serif;
}

.id-user-panel__status {
  color: transparent;
  text-decoration: none;
  display: -webkit-box;
  display: flex;
}

.id-user-panel__status:first-child:first-child {
  margin-left: auto;
}

.id-user-panel__status-ico {
  font-size: 2.1rem;
  fill: #fff;
}

@media screen and (max-width: 64em) {
  .id-user-panel__status-ico {
    font-size: 3.6rem;
  }
}

.id-header {
  /** inner components */
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  min-width: 320px;
  height: 60px;
  background-color: #1c4eaa;
  color: #fff;
  z-index: 17;
}

.id-header--full-width .id-header__inner {
  max-width: none;
}

@media screen and (max-width: 48em) {
  .id-header--breadcrumb .id-header__logo {
    margin: 0;
  }
}

.id-header__inner {
  position: relative;
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 1.5rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  height: 100%;
}

.id-header__user-panel {
  -webkit-box-pack: end;
  justify-content: flex-end;
}

.id-header__nav,
.id-header__breadcrumb {
  margin: auto auto auto 0;
}

@media screen and (max-width: 48em) {
  .id-header__nav {
    margin: 0 0 0 -30px;
  }
}

@media screen and (max-width: 48em) {
  .id-header__logo {
    margin: auto;
  }
}

.id-group {
  display: -webkit-box;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: justify;
  justify-content: space-between;
  max-width: 100%;
  padding: 2rem 2rem 0;
  background-color: #fff;
  box-shadow: 0 10px 34px -11px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

.id-group > *:last-child {
  margin-bottom: 2rem;
}

.id-group + .id-group {
  margin-top: 1rem;
}

.id-group--interactive .id-group__close {
  display: block;
}

.id-group__close {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 1rem;
  color: #9b9b9c;
  font-size: 1.1rem;
  text-transform: uppercase;
}

.id-group--interactive .id-group__close {
  display: block;
}

.id-group__body {
  margin-bottom: 2rem;
}

@media screen and (max-width: 35.5em) {
  .id-group__body {
    text-align: center;
  }
}

.id-group__header {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-bottom: 2rem;
}

@media screen and (max-width: 35.5em) {
  .id-group__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}

.id-group__title {
  font-family: "DINPro-Light", Georgia, serif;
  font-size: 2rem;
}

@media screen and (max-width: 35.5em) {
  .id-group__title {
    margin-bottom: 1rem;
  }
}

.id-group__footer {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  margin-top: 2rem;
}

.id-group--striped {
  background: #eee url("/assets/images/bg-striped-pattern.png") repeat;
  box-shadow: none;
}

.id-carousel__pagination {
  margin-top: 2rem;
}

.id-card {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  padding: 1.8rem;
  background-color: #fff;
  font-size: 1.6rem;
  text-decoration: none;
  overflow: hidden;
}

.id-card--active .id-card__pin {
  color: #1c4eaa;
}

.id-card--active .id-card__pin .id-card__pin-ico {
  fill: #1c4eaa;
}

.id-card--minimal .id-card__pin {
  display: none;
}

.id-card__pin {
  align-self: flex-end;
  color: #ccc;
  font-size: 1.2rem;
  text-transform: uppercase;
}

.id-card__pin-ico {
  font-size: .9rem;
  fill: #ccc;
}

.id-card__figure {
  margin: 1rem 0 0;
  padding: 0;
  text-align: center;
}

.id-card__link {
  display: inline-block;
}

.id-card__caption {
  text-align: left;
}

.id-card__img {
  display: block;
  width: auto;
  max-height: 12.5rem;
  margin: .5em auto;
  padding: 0;
}

.id-card__widget {
  font-size: 1.6rem;
}

.id-graph-card {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  margin-bottom: 3rem;
  padding: 4rem 2rem 2.2rem;
  background-color: white;
  text-decoration: none;
}

@media screen and (max-width: 35.5em) {
  .id-graph-card {
    padding: 3rem 2.4rem;
  }
}

.id-graph-card__chart {
  display: -webkit-box;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
  justify-content: center;
  min-height: 19rem;
  margin-bottom: 3.3rem;
}

@media screen and (max-width: 35.5em) {
  .id-graph-card__chart {
    margin-bottom: 3rem;
  }
}

.id-graph-card__info {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
  align-items: flex-start;
  min-height: 66px;
  margin-bottom: 1.7rem;
  color: #58585a;
  font-size: 1.4rem;
  line-height: 1.7;
}

@media screen and (max-width: 35.5em) {
  .id-graph-card__info {
    min-height: 0;
    margin-bottom: 2rem;
  }
}

.id-graph-card__btn {
  align-self: center;
}

.id-projects,
.id-houses,
.id-errornotifications {
  border-top: 1px dashed #dedede;
  color: #58585a;
}

.id-projects .id-icon-group__text, .id-houses .id-icon-group__text {
  font-size: 1.4rem;
}

.id-projects .id-icon-group__icon, .id-houses .id-icon-group__icon {
  fill: #9b9b9c;
}

.id-projects--alone .id-projects__item + .id-projects__item,
.id-projects--alone .id-houses__item + .id-projects__item,
.id-projects--alone .id-projects__item + .id-houses__item,
.id-projects--alone .id-houses__item + .id-houses__item {
  margin-top: 0;
}

.id-projects--alone .id-projects__item:last-child,
.id-projects--alone .id-houses__item:last-child {
  padding-bottom: 0;
}

.id-projects--alone .id-projects__link,
.id-projects--alone .id-projects__link:last-child {
  border: 0;
}

.id-projects__item,
.id-houses__item,
.id-projects__link {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  font-size: 1.4rem;
  line-height: 41px;
}

.id-errornotifications__item {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  font-size: 1.4rem;
  line-height: 15px;
}

.id-projects__item + .id-projects__item,
.id-houses__item + .id-projects__item,
.id-projects__item + .id-houses__item,
.id-houses__item + .id-houses__item,
.id-projects__link + .id-projects__item,
.id-projects__link + .id-houses__item,
.id-projects__item + .id-projects__link,
.id-houses__item + .id-projects__link,
.id-projects__link +.id-projects__link
{
  margin-top: 1.2rem;
  border-top: 1px dashed #dedede;
}

.id-projects__item:last-child,
.id-houses__item:last-child,
.id-projects__link:last-child {
  padding-bottom: 1.2rem;
  border-bottom: 1px dashed #dedede;
}

.id-errornotifications__item:last-child {
  padding-bottom: 1.2rem;
  border-bottom: 1px dashed #dedede;
}


.id-projects__item > *:not([class*="__subitem"]),
.id-houses__item > *:not([class*="__subitem"]),
.id-projects__link > *:not([class*="__subitem"]) {
  -webkit-box-flex: 1;
  flex: 1 50%;
  padding: 0 1.5rem 0 0;
}

@media screen and (max-width: 35.5em) {
  .id-projects__item > *:not([class*="__subitem"]),
  .id-houses__item > *:not([class*="__subitem"]),
  .id-errornotifications__item > *:not([class*="__subitem"]),
  .id-projects__link > *:not([class*="__subitem"]) {
    max-width: 100%;
  }
}

.id-projects__item > .id-icon-group .id-icon-group__icon,
.id-houses__item > .id-icon-group .id-icon-group__icon,
.id-errornotifications__item > .id-icon-group .id-icon-group__icon,
.id-projects__link > .id-icon-group .id-icon-group__icon {
  min-width: 3.304rem;
  margin-right: 2.296rem;
  font-size: 1.7rem;
}

.id-projects__link {
  flex-wrap: nowrap;
  text-decoration: none;
}

.id-projects__link:not([class*="__subitem"]) {
  max-width: 100%;
  padding: 0;
}

.id-projects__link:hover {
  background-color: #f8f8f8;
  cursor: pointer;
}

.id-projects__subitem, .id-houses__subitem {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.id-projects__name,
.id-projects__owner {
  display: block;
  padding-bottom: 1.2rem;
  font-size: 1.4rem;
  font-weight: 700;
}

.id-projects__name {
  padding-left: 5.6rem;
}

.id-projects .id-houses,
.id-houses .id-houses,
.id-errornotifications .id-errornotifications {
  margin-bottom: -1.2rem;
}

.id-houses--alone .id-houses__item {
  margin-top: 0;
}

.id-houses--alone .id-houses__item:last-child {
  border-bottom: 1px dashed #dedede;
}

.id-houses__item {
  margin-top: 0;
  padding-bottom: 1.2rem;
}

.id-houses__item:hover {
  background-color: #f8f8f8;
  cursor: pointer;
}

.id-houses__item:last-child {
  margin-top: 0;
  border-bottom: 0;
}

.id-houses__subitem {
  margin-bottom: -1.2rem;
  padding-left: 5.6rem;
}

.id-houses__subitem > * {
  margin: 0 1.2rem 1.2rem 0;
}

.id-errornotifications--alone .id-errornotifications__item {
  margin-top: 0;
}

.id-errornotifications--alone .id-errornotifications__item:last-child {
  border-bottom: 1px dashed #dedede;
}

.id-errornotifications__item {
  margin-top: 0;
  padding-bottom: 1.2rem;
}

.id-errornotifications__item:hover {
  background-color: #f8f8f8;
}

.id-errornotifications__item:last-child {
  margin-top: 0;
  border-bottom: 0;
}

.id-details {
  padding: 1.5rem 3rem;
}

.id-details--alt {
  margin-bottom: 3rem;
  background-color: #fff;
  overflow: hidden;
}

.id-details--alt .id-details__title {
  margin-bottom: 1.8rem;
  padding: 0.5rem 0 0.8rem;
  color: #1c4eaa;
  text-align: right;
  text-transform: uppercase;
}

.id-details__title {
  margin-bottom: 2rem;
  color: #ccc;
  font-size: 1.8rem;
}

.id-details__card {
  margin: -1.8rem;
}

.id-details__card .id-card__img {
  max-height: 12.4rem;
}

.gauge-chart .gauge {
  padding-top: 20px;
}

.gauge-chart g.pointer {
  fill: #000000;
  stroke: #000000;
}

.gauge-chart g.label text {
  text-anchor: middle;
  font-size: 14px;
  font-weight: bold;
  fill: steelblue;
}

.gauge-chart .number-div {
  text-align: center;
  display: flex;
  color: steelblue;
  padding: 0px 0px;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.gauge-chart .range-value {
  flex-grow: 0;
  font-size: 14px;
  font-weight: bold;
  min-width: 30px;
}

.gauge-chart .current-value {
  flex-grow: 2;
  font-size: 16pt;
}

.gauge-chart {
  display: flex;
  flex-direction: column;
}

.id-pagination {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

.id-pagination--left {
  -webkit-box-pack: start;
  justify-content: flex-start
}

.id-pagination__bullet {
  width: 10px;
  height: 10px;
  margin: 1px;
  border: 1px solid #fff;
  border-radius: 50%;
  background-color: #dedede
}

.id-pagination__bullet--active {
  background-color: #444
}

.id-nav-pagination {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  margin: 0 auto;
  color: #1c4eaa;
  fill: #1c4eaa
}

.id-nav-pagination--left {
  -webkit-box-pack: start;
  justify-content: flex-start
}

.id-nav-pagination__list {
  display: -webkit-box;
  display: flex
}

.id-nav-pagination__button, .id-nav-pagination__control {
  width: 3.3rem;
  height: 3.3rem;
  border-radius: 4px;
  text-align: center
}

.is-desktop .id-nav-pagination__button:hover, .is-desktop .id-nav-pagination__control:hover {
  background-color: #eee
}

.id-nav-pagination__icon {
  font-size: 1rem;
  fill: inherit
}

.id-nav-pagination__button--active {
  background-color: #1c4eaa;
  color: #fff
}

.is-desktop .id-nav-pagination__button--active:hover {
  background-color: #1c4eaa
}

.id-nav-pagination__control--disabled {
  color: #9b9b9c;
  cursor: default;
  fill: #9b9b9c;
  pointer-events: none
}

.is-desktop .id-nav-pagination__control--disabled:hover {
  background-color: transparent
}

.id-search {
  display: inline-block;
  width: calc(100% - 4.6rem);
  height: 3.4rem;
  padding: 0 1.4rem;
  border: 1px solid #dedede;
  border-right: 0;
  color: #58585a;
  font-family: "DINPro-Light", Georgia, serif;
  font-size: 1.4rem;
  line-height: 1;
  vertical-align: top;
}

.id-search::-webkit-input-placeholder {
  color: currentColor;
}

.id-search::-moz-placeholder {
  color: currentColor;
}

.id-search:-moz-placeholder {
  color: currentColor;
}

.id-search__button {
  display: inline-block;
  width: 4.2rem;
  height: 3.4rem;
  margin-left: -4px;
  border: 1px solid #dedede;
  border-left: 0;
  color: #1c4eaa;
}

.id-search__icon {
  font-size: 1.7rem;
  fill: #1c4eaa;
}

id-header__search,
.id-header__search + .id-search__button {
  outline: 0;
}

@media screen and (max-width: 64em) {
  .id-header__search,
  .id-header__search + .id-search__button {
    display: none;
  }
}

.id-header .id-search {
  -webkit-box-flex: 0;
  flex: 0 100px;
  height: 60%;
  margin: 0 0 0 10px;
  padding: 0 1rem;
  border: 0;
  border-left-width: 10px;
  border-left-style: solid;
  background-color: #7795cc;
  color: #fff;
  box-shadow: none;
  -o-border-image: linear-gradient(to right, #fff 20%, #1c4eaa 20%, #1c4eaa 100%) 1 100%;
  border-image: linear-gradient(to right, #fff 20%, #1c4eaa 20%, #1c4eaa 100%) 1 100%;
}

@media screen and (max-width: 48em) {
  .id-header .id-search {
    flex-basis: 85px;
  }
}

.id-header .id-search:focus {
  -webkit-box-flex: 1;
  flex-grow: 1;
}

.id-header .id-search__button {
  height: 60%;
  margin-right: 1.5rem;
  border: 0;
  background-color: #7795cc;
}

.id-header .id-search__icon {
  fill: #fff;
}

.tippy-tooltip.itho-theme {
  font-size: 14px;
}

.id-footer {
  background: #eee url(/assets/images/bg-striped-pattern.png) repeat;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  text-align: right;
  margin: 0;
  line-height: 50px;
  padding-right: 5px;
}

.id-wrapper {
  margin-bottom: -50px;
}

.back-button:before {
  content: url(../icon/arrow_left_long.svg);
  position: relative;
  top: 5px;
}

.next-button:after {
  content: url(../icon/arrow_left_long.svg);
  position: relative;
  top: 5px;
  transform: rotate(180deg);
  display: inline-block;
  transform-origin: 50% 50%;
}

.back-button {
}

.back-button .text {
  margin: 2px 0px 0px 5px;
}

.next-button .text {
  margin: 2px 5px 0px 0px;
}

.selected-interval {
  stroke: #3C3C3C;
  stroke-width: 4px;
}

.id-acccordion-open__ico,
.id-acccordion-close__ico {
  top: 0;
  bottom: 0;
  font-size: 2.4rem;
  fill: #1c4eaa;
  pointer-events: auto;
}

[data-order]{
  cursor: pointer;
}


[data-order="none"]{
  /* color: blue; */
}

[data-order="asc"]{
  /* color: green; */
}
[data-order="asc"]::after {
  content: url(../icon/up_arrow.png);

}

[data-order="desc"]{
  /* color: red; */

}
[data-order="desc"]::after {
  content: url(../icon/down_arrow.png);

}