/* brand colors */
/* UI greys */
/* UI colors */
/* infographic colors */
/* stylelint-disable number-max-precision */
/* stylelint-enable number-max-precision */
/* font weights */
/* font sizes */
.Snapshot {
  color: #868686;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding-bottom: 20px;
  padding-top: 20px;
  text-transform: uppercase; }
/* brand colors */
/* UI greys */
/* UI colors */
/* infographic colors */
/* stylelint-disable number-max-precision */
/* stylelint-enable number-max-precision */
/* font weights */
/* font sizes */
.SnapshotItem {
  border-right: 1px solid #d9d2d0;
  padding: 0;
  position: relative;
  text-align: center; }
  .SnapshotItem:last-child {
    border-right: none; }
  .SnapshotItem .Icons-info {
    height: 12px;
    vertical-align: text-top;
    width: 12px; }
  .SnapshotItem-line {
    margin: 0 auto;
    margin-bottom: 5px;
    width: 15px; }
  .SnapshotItem-title {
    color: #a2a2a2;
    font-weight: bold; }
  .SnapshotItem-value {
    margin-top: 0; }
/* brand colors */
/* UI greys */
/* UI colors */
/* infographic colors */
/* stylelint-disable number-max-precision */
/* stylelint-enable number-max-precision */
/* font weights */
/* font sizes */
.ButtonsRow {
  width: 100%;
  /* NOTE: background-color and box-shadow get overwritten on focus in Chrome. */ }
  .ButtonsRow [type="button"] {
    font-size: 12px;
    font-weight: 500;
    text-transform: none; }
  .ButtonsRow-active[type="button"], .ButtonsRow-active[type="button"]:focus {
    background-color: #ececec;
    box-shadow: inset 0 0 5px 0 #ccc, inset 0 1px 1px 0 #ccc; }
/* brand colors */
/* UI greys */
/* UI colors */
/* infographic colors */
/* stylelint-disable number-max-precision */
/* stylelint-enable number-max-precision */
/* font weights */
/* font sizes */
.Icons-attention {
  fill: #d46258;
  height: 16px;
  width: 16px; }

.Icons-calendar {
  height: 15px;
  width: 15px; }

.Icons-complete-checkmark {
  height: 16px;
  width: 16px; }

.Icons-chevron {
  fill: #4a4a4a;
  height: 16px;
  vertical-align: middle;
  width: 16px; }

.Icons-clean-version {
  height: 15px;
  margin-left: 10px;
  position: relative;
  top: 3px;
  width: 42px; }

.Icons-close {
  cursor: pointer;
  fill: #bab7b7;
  height: 16px;
  width: 16px; }

.Icons-digital, .Icons-physical, .Icons-film {
  height: 57px;
  width: 55px; }

.Icons-explicit {
  height: 15px;
  margin-left: 10px;
  position: relative;
  top: 3px;
  width: 54px; }

.Icons-incomplete-alert {
  fill: #ff893e;
  height: 16px;
  width: 16px; }

.Icons-info {
  height: 10px;
  margin-left: 6px;
  width: 10px; }

.Icons-status-red, .Icons-status-complete, .Icons-status-in-progress, .Icons-status-submitted {
  height: 12px;
  width: 12px; }

.Icons-upload {
  height: 16px;
  margin-right: 5px;
  vertical-align: text-top;
  width: 16px; }

.Icons-right-direction-arrow {
  height: 22px;
  width: 12px; }

.Icons-loading-ring {
  height: 120px;
  width: 120px; }

.Icons-trash-can {
  fill: #6d6565;
  height: 16px;
  width: 16px; }

.Icons-close-round {
  height: 25px;
  width: 25px; }

.Icons-search {
  height: 18px;
  width: 16px; }

.Icons-three-right-directed-arrows {
  height: 16px;
  width: 30px; }

.Icons-left-pagination-arrow {
  fill: #404040;
  height: 13px;
  width: 8px; }

.Icons-right-pagination-arrow {
  fill: #404040;
  height: 13px;
  width: 8px; }

.Icons-logo {
  height: 32px;
  width: 23px; }

.Icons-loading-arrows {
  -webkit-animation: roll 1.25s ease infinite;
          animation: roll 1.25s ease infinite;
  height: 20px;
  width: 15px; }

.Icons-edit {
  fill: #6d6565;
  height: 16px;
  width: 16px; }

.Icons-external-link {
  height: 16px;
  width: 16px; }

.Icons-up-and-down-arrows {
  fill: #9b9b9b;
  height: 20px;
  width: 8px; }

.Icons-download-box {
  height: 120px;
  width: 120px; }

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

@keyframes roll {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
/* brand colors */
/* UI greys */
/* UI colors */
/* infographic colors */
/* stylelint-disable number-max-precision */
/* stylelint-enable number-max-precision */
/* font weights */
/* font sizes */
/* stylelint-disable selector-class-pattern */
.DropdownButton .btn-group > .btn {
  float: none; }

.DropdownButton .Icons-chevron {
  fill: #fff; }

/* stylelint-enable selector-class-pattern */
/* brand colors */
/* UI greys */
/* UI colors */
/* infographic colors */
/* stylelint-disable number-max-precision */
/* stylelint-enable number-max-precision */
/* font weights */
/* font sizes */
.ChartContainer {
  border: 1px solid #d9d2d0;
  border-radius: 3px;
  overflow: hidden;
  position: relative; }
/* brand colors */
/* UI greys */
/* UI colors */
/* infographic colors */
/* stylelint-disable number-max-precision */
/* stylelint-enable number-max-precision */
/* font weights */
/* font sizes */
.Doughnut-chart-total {
  fill: #4a4a4a;
  font-size: 2.8rem;
  font-weight: 300;
  text-anchor: middle; }

.Doughnut-chart-title {
  fill: #4a4a4a;
  font-size: 1.2rem;
  font-weight: 400;
  text-anchor: middle; }

.Doughnut-chart-tx-amount {
  fill: #4a4a4a;
  font-size: 1.8rem;
  font-weight: 300; }
  .Doughnut-chart-tx-amount-strong {
    font-weight: 400; }

.Doughnut-chart-tx-type {
  fill: #a2a2a2;
  font-weight: 300; }

.Doughnut-chart-tx-line {
  fill: none;
  stroke: #a2a2a2; }
/* brand colors */
/* UI greys */
/* UI colors */
/* infographic colors */
/* stylelint-disable number-max-precision */
/* stylelint-enable number-max-precision */
/* font weights */
/* font sizes */
.CharacterLimitIndicator-indicator {
  color: #a2a2a2;
  float: right; }
  .CharacterLimitIndicator-indicator-error {
    color: #d46258; }

.CharacterLimitIndicator-message {
  display: inline;
  font-weight: bold; }

.CharacterLimitIndicator-remaining {
  display: inline; }
/**
 * Most of the styles below is used only for overriding global-redesign.css, which
 * were written without common stylelint rules.
 */
/* brand colors */
/* UI greys */
/* UI colors */
/* infographic colors */
/* stylelint-disable number-max-precision */
/* stylelint-enable number-max-precision */
/* font weights */
/* font sizes */
/* stylelint-disable selector-class-pattern, max-nesting-depth, selector-no-type */
.checkbox > .checkbox-input,
.checkbox > label {
  margin-bottom: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.checkbox > .checkbox-input:not(:checked) + label,
.checkbox > .checkbox-input:checked + label {
  cursor: pointer;
  padding-left: 22px;
  position: relative; }
  .checkbox > .checkbox-input:not(:checked) + label::after,
  .checkbox > .checkbox-input:checked + label::after {
    padding-left: 2px;
    padding-top: 0; }

/* stylelint-enable selector-class-pattern, max-nesting-depth, selector-no-type */
/* brand colors */
/* UI greys */
/* UI colors */
/* infographic colors */
/* stylelint-disable number-max-precision */
/* stylelint-enable number-max-precision */
/* font weights */
/* font sizes */
.Opm-thin-grey-border {
  border: 1px solid #bab7b7; }

.Opm-border-radius {
  border-radius: 3px; }

.Opm-focused-input {
  border-color: #0071ce;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 113, 207, 0.6); }

/* react-date-picker overrides */
/* stylelint-disable selector-class-pattern */
.react-flex {
  max-width: 325px; }

.react-date-picker {
  /* z-indexes used inside component */
  /* OK and Today */ }
  .react-date-picker__calendar {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.3);
    max-height: 400px;
    max-width: 400px;
    padding: 10px 20px;
    position: absolute;
    width: 100%;
    z-index: 5; }
  .react-date-picker__nav-bar-secondary-arrow {
    /* stylelint-disable declaration-no-important */
    display: none !important;
    /* stylelint-enable declaration-no-important */ }
  .react-date-picker__decade-view-arrow, .react-date-picker__nav-bar-arrow {
    background-color: #f7f7f7;
    border: 1px solid #bab7b7;
    border-radius: 2px;
    height: 26px; }
  .react-date-picker__nav-bar {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 12px 0;
    position: relative; }
  .react-date-picker__nav-bar-history-view {
    background-color: white;
    border-radius: 3px;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.3);
    left: 0;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2; }
  .react-date-picker__year-view, .react-date-picker__decade-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center; }
  .react-date-picker__year-view {
    padding: 10px 0; }
  .react-date-picker__decade-view {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .react-date-picker__decade-view .react-flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; }
    .react-date-picker__decade-view .dp-row {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 100%;
              flex: 1 0 100%; }
    .react-date-picker__decade-view > :nth-child(2) {
      border-bottom: 1px solid #bab7b7;
      border-top: 1px solid #bab7b7;
      padding: 10px  0; }
  .react-date-picker__decade-view-year {
    cursor: pointer;
    -webkit-box-flex: 20%;
        -ms-flex: 20%;
            flex: 20%;
    margin: 5px 0;
    padding: 1px; }
  .react-date-picker__year-view-row {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .react-date-picker__nav-bar-date {
    font-size: 120%;
    height: 20px;
    max-width: 235px; }
  .react-date-picker__month-view-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0; }
  .react-date-picker__month-view-week-day-name {
    font-size: 110%;
    text-transform: capitalize; }
  .react-date-picker__month-view-cell {
    cursor: pointer;
    -webkit-box-flex: 14.5%;
        -ms-flex: 14.5%;
            flex: 14.5%;
    margin: 10px 0;
    text-align: center; }
  .react-date-picker__footer {
    border-top: 1px solid #bab7b7;
    margin: 10px 0 8px 0;
    padding-top: 18px;
    text-align: center; }
  .react-date-picker__nav-bar-history-view .react-date-picker__footer {
    border-top: none;
    padding-right: 13px;
    text-align: right; }
  .react-date-picker__footer-button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: inherit;
    border: none;
    font-weight: 500;
    margin-right: 5px;
    text-transform: uppercase; }
  .react-date-picker__footer-button:first-of-type {
    color: #0071ce; }
  .react-date-picker__year-view-month {
    margin: 10px 15px;
    padding: 1px; }
  .react-date-picker__decade-view-year, .react-date-picker__month-view-day, .react-date-picker__year-view-month {
    position: relative;
    z-index: 0; }
    .react-date-picker__decade-view-year--prev-month, .react-date-picker__decade-view-year--next-month, .react-date-picker__month-view-day--prev-month, .react-date-picker__month-view-day--next-month, .react-date-picker__year-view-month--prev-month, .react-date-picker__year-view-month--next-month {
      color: #bab7b7; }
    .react-date-picker__decade-view-year::after, .react-date-picker__month-view-day::after, .react-date-picker__year-view-month::after {
      border-color: transparent;
      border-radius: 3px;
      border-style: solid;
      border-width: 1px;
      bottom: 0;
      content: "";
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      z-index: -1; }
    .react-date-picker__decade-view-year:hover::after, .react-date-picker__month-view-day:hover::after, .react-date-picker__year-view-month:hover::after {
      background-color: #f7f7f7;
      border-color: #bab7b7; }
    .react-date-picker__decade-view-year--active::after, .react-date-picker__month-view-day--active::after, .react-date-picker__year-view-month--active::after {
      background-color: #468ee5;
      border-color: #468ee5; }
    .react-date-picker__decade-view-year--active:not(:hover), .react-date-picker__month-view-day--active:not(:hover), .react-date-picker__year-view-month--active:not(:hover) {
      color: #fff; }
    .react-date-picker__decade-view-year--disabled, .react-date-picker__month-view-day--disabled, .react-date-picker__year-view-month--disabled {
      color: #bab7b7;
      pointer-events: none; }
  .react-date-picker__month-view-day::after {
    /* stylelint-disable-line no-descending-specificity */
    border-radius: 50%;
    bottom: -55%;
    left: 8%;
    right: 8%;
    top: -55%; }

.react-date-field {
  position: relative; }
  .react-date-field .Icons-chevron {
    margin-left: 5px; }
  .react-date-field .Icons-calendar {
    pointer-events: none;
    position: absolute;
    right: 5px;
    top: 6px; }

.react-date-field__input {
  margin-bottom: 10px; }

/* stylelint-enable selector-class-pattern */
/* brand colors */
/* UI greys */
/* UI colors */
/* infographic colors */
/* stylelint-disable number-max-precision */
/* stylelint-enable number-max-precision */
/* font weights */
/* font sizes */
/* grid */
/*
    These are settings for the grid overlay.

    Note we do a little display trickery for inner grid. The inner grid
    doesn't have outside gutters of its own, so we reduce the number of columns
    by one and flip-flop the gutter and column widths.
*/
/* Total grid is twelve outer columns plus thirteen gutters */
/* Sidebar takes up three major columns plus an extra gutter */
/* Content area with sidebar takes up nine major columns plus surrounding gutters. */
/* Half-size inner area takes up six inner columns and 5 gutters */
.FormField-note {
  color: #bab7b6;
  font-size: 13px;
  font-style: italic;
  margin-top: 10px; }

.FormField-required {
  margin-left: 6px; }

.FormField-errorMessage {
  display: block; }

.FormField-labelWrapper::after {
  clear: both;
  content: ""; }

.FormField-labelAppendix {
  float: right; }

.FormField-group-has-error {
  color: #d46258;
  position: relative; }
  .FormField-group-has-error .FormField-form-control,
  .FormField-group-has-error .Select-control {
    border-color: #d46258; }
  .FormField-group-has-error .FormField-label,
  .FormField-group-has-error .Select-placeholder {
    color: #d46258; }
  .FormField-group-has-error::before {
    background-color: rgba(211, 97, 88, 0.3);
    content: "";
    display: inline-block;
    height: 100%;
    left: -25px;
    position: absolute;
    width: 6px; }
/* brand colors */
/* UI greys */
/* UI colors */
/* infographic colors */
/* stylelint-disable number-max-precision */
/* stylelint-enable number-max-precision */
/* font weights */
/* font sizes */
.RadioButton-label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #4a4a4a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 5px 0;
  text-transform: none; }

.RadioButton-label:last-child {
  margin-bottom: 0; }

.RadioButton-radio {
  /* global style override, to fix alignment of radios */
  /* stylelint-disable declaration-no-important */
  margin: 1px 8px 0 0 !important;
  /* stylelint-enable declaration-no-important */
  position: relative;
  top: -1px; }
/* brand colors */
/* UI greys */
/* UI colors */
/* infographic colors */
/* stylelint-disable number-max-precision */
/* stylelint-enable number-max-precision */
/* font weights */
/* font sizes */
.RadioButtonGroup {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column; }
/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/JedWatson/react-select
*/
@keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn); } }

@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn); } }

.Select {
  position: relative; }
  .Select,
  .Select div,
  .Select input,
  .Select span {
    box-sizing: border-box; }
  .Select.is-disabled > .Select-control {
    background-color: #f9f9f9; }
    .Select.is-disabled > .Select-control:hover {
      box-shadow: none; }
  .Select.is-disabled .Select-arrow-zone {
    cursor: default;
    pointer-events: none; }

.Select-control {
  background-color: #fff;
  border-color: #d9d9d9 #ccc #b3b3b3;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 36px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .Select-control:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
  .Select-control .Select-input:focus {
    outline: none; }

.is-searchable.is-open > .Select-control {
  cursor: text; }

.is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  border-color: #b3b3b3 #ccc #d9d9d9; }
  .is-open > .Select-control .Select-arrow {
    top: -2px;
    border-color: transparent transparent #999;
    border-width: 0 5px 5px; }

.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text; }

.is-focused:not(.is-open) > .Select-control {
  border-color: #08c #0099e6 #0099e6;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px -1px fade(#08c, 50%); }

.Select-placeholder,
.Select--single > .Select-control .Select-value {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.has-value.Select--single > .Select-control .Select-value .Select-value-label,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: #333; }

.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none; }
  .has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover, .has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
  .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
  .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
    color: #08c;
    outline: none;
    text-decoration: underline; }

.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle; }
  .Select-input > input {
    background: none transparent;
    border: 0 none;
    box-shadow: none;
    cursor: default;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    outline: none;
    line-height: 14px;
    /* For IE 8 compatibility */
    padding: 8px 0 12px;
    /* For IE 8 compatibility */
    -webkit-appearance: none; }
    .is-focused .Select-input > input {
      cursor: text; }

.has-value.is-pseudo-focused .Select-input {
  opacity: 0; }

.Select-control:not(.is-searchable) > .Select-input {
  outline: none; }

.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px; }

.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block;
  position: relative;
  vertical-align: middle; }

.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn 200ms;
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px; }
  .Select-clear-zone:hover {
    color: #D0021B; }

.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1; }

.Select--multi .Select-clear-zone {
  width: 17px; }

.Select--multi .Select-multi-value-wrapper {
  display: inline-block; }

.Select .Select-aria-only {
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden; }

.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px; }

.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative; }

.is-open .Select-arrow,
.Select-arrow-zone:hover > .Select-arrow {
  border-top-color: #666; }

@-webkit-keyframes Select-animation-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes Select-animation-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1000;
  -webkit-overflow-scrolling: touch; }

.Select-menu {
  max-height: 198px;
  overflow-y: auto; }

.Select-option {
  box-sizing: border-box;
  background-color: #fff;
  color: #666666;
  cursor: pointer;
  display: block;
  padding: 8px 10px; }
  .Select-option:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }
  .Select-option.is-selected {
    background-color: #f5faff;
    color: #333; }
  .Select-option.is-focused {
    background-color: #f2f9fc;
    color: #333; }
  .Select-option.is-disabled {
    color: #cccccc;
    cursor: default; }

.Select-noresults {
  box-sizing: border-box;
  color: #999999;
  cursor: default;
  display: block;
  padding: 8px 10px; }

.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0; }

.Select--multi.has-value .Select-input {
  margin-left: 5px; }

.Select--multi .Select-value {
  background-color: #f2f9fc;
  border-radius: 2px;
  border: 1px solid #c9e6f2;
  color: #08c;
  display: inline-block;
  font-size: 0.9em;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top; }

.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle; }

.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px; }

.Select--multi a.Select-value-label {
  color: #08c;
  cursor: pointer;
  text-decoration: none; }
  .Select--multi a.Select-value-label:hover {
    text-decoration: underline; }

.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c9e6f2;
  padding: 1px 5px 3px; }
  .Select--multi .Select-value-icon:hover, .Select--multi .Select-value-icon:focus {
    background-color: #ddeff7;
    color: #0077b3; }
  .Select--multi .Select-value-icon:active {
    background-color: #c9e6f2; }

.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333; }

.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3; }
  .Select--multi.is-disabled .Select-value-icon:hover, .Select--multi.is-disabled .Select-value-icon:focus, .Select--multi.is-disabled .Select-value-icon:active {
    background-color: #fcfcfc; }

@keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn); } }

@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn); } }
/* brand colors */
/* UI greys */
/* UI colors */
/* infographic colors */
/* stylelint-disable number-max-precision */
/* stylelint-enable number-max-precision */
/* font weights */
/* font sizes */
.SelectInputWithAddNew-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }

.SelectInputWithAddNew-dropdown {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.SelectInputWithAddNew-add-button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 160px; }

.SelectInputWithAddNew-new-box {
  background-color: #f9f9f9;
  border: 1px solid #bab7b7;
  border-radius: 3px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-top: 10px;
  padding: 20px; }

.SelectInputWithAddNew-button-wrapper {
  text-align: center; }
@charset "UTF-8";
/* brand colors */
/* UI greys */
/* UI colors */
/* infographic colors */
/* stylelint-disable number-max-precision */
/* stylelint-enable number-max-precision */
/* font weights */
/* font sizes */
/* grid */
/*
    These are settings for the grid overlay.

    Note we do a little display trickery for inner grid. The inner grid
    doesn't have outside gutters of its own, so we reduce the number of columns
    by one and flip-flop the gutter and column widths.
*/
/* Total grid is twelve outer columns plus thirteen gutters */
/* Sidebar takes up three major columns plus an extra gutter */
/* Content area with sidebar takes up nine major columns plus surrounding gutters. */
/* Half-size inner area takes up six inner columns and 5 gutters */
.TagsInput {
  border: 1px solid #bab7b7;
  border-radius: 3px;
  height: auto;
  overflow: hidden;
  padding-top: 5px; }

.TagsInput-focused {
  border-color: #0071ce;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 113, 207, 0.6); }

.TagsInput-tag {
  background-color: #0071ce;
  border: 1px solid #0071ce;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 2px 0 2px 5px; }

.TagsInput-remove {
  color: #fff;
  cursor: pointer;
  margin-left: 5px; }
  .TagsInput-remove:hover {
    color: #fff;
    text-decoration: none; }

/* stylelint-disable selector-no-type */
.TagsInput-tag a::before {
  content: "\2715";
  padding-right: 5px; }

/* stylelint-enable selector-no-type */
.TagsInput-input {
  background: transparent;
  border: 0;
  margin-bottom: 5px;
  max-width: inherit;
  outline: none;
  width: auto; }
/* Relative position outer button to allow positioning inside */
.LoadingIndicator {
  position: relative; }

/* Dots container implements only showing whole dots */
.LoadingIndicator-dots {
  box-sizing: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 36px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 24px 0 24px 0;
  overflow: hidden;
  padding-left: 12px;
  padding-right: 12px;
  width: 100%; }

/* Outer container helps with vertical alignment of dots */
.LoadingIndicator-outer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  visibility: visible;
  width: 100%; }

/* Pulsating dots! */
.LoadingIndicator-loader-dot {
  -webkit-animation: LoadingIndicator-scale-dot 1.2s ease-out infinite;
          animation: LoadingIndicator-scale-dot 1.2s ease-out infinite;
  background: #9b9b9b;
  border-radius: 50%;
  height: 36px;
  margin: 0 4px;
  opacity: .75;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  visibility: inherit;
  width: 36px; }
  .LoadingIndicator-loader-dot:nth-of-type(2) {
    -webkit-animation-delay: .2s;
            animation-delay: .2s; }
  .LoadingIndicator-loader-dot:nth-of-type(3) {
    -webkit-animation-delay: .3s;
            animation-delay: .3s; }
  .LoadingIndicator-loader-dot:nth-of-type(4) {
    -webkit-animation-delay: .4s;
            animation-delay: .4s; }
  .LoadingIndicator-loader-dot:nth-of-type(5) {
    -webkit-animation-delay: .5s;
            animation-delay: .5s; }

/* Animation frames for pulsating dots */
@-webkit-keyframes LoadingIndicator-scale-dot {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  25% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  75% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); } }
@keyframes LoadingIndicator-scale-dot {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  25% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  75% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); } }
/* stylelint-disable selector-class-pattern, max-nesting-depth, selector-no-type */
.MainNavigation .header-main {
  text-align: inherit; }
  .MainNavigation .header-main li[role="presentation"] {
    display: inline-block; }
    .MainNavigation .header-main li[role="presentation"] > a {
      padding: 0 15px; }
  .MainNavigation .header-main .dropdown {
    display: inline-block; }
  .MainNavigation .header-main .dropdown-toggle {
    padding-bottom: 0;
    padding-top: 0; }
  .MainNavigation .header-main .nav {
    float: left; }
  .MainNavigation .header-main .navigation-right {
    float: right; }

/* stylelint-enable selector-class-pattern, max-nesting-depth, selector-no-type */
.Pagination .Icons-left-pagination-arrow,
.Pagination .Icons-right-pagination-arrow {
  vertical-align: middle; }
.ClickableTable-row {
  cursor: pointer; }
.StyleGuide {
  margin: 25px; }
  .StyleGuide-component-entry {
    margin-bottom: 30px; }
/* brand colors */
/* UI greys */
/* UI colors */
/* infographic colors */
.Orw-thin-grey-border {
  border: 1px solid #bab7b7; }

.Orw-border-radius {
  border-radius: 3px; }

.DateRange-container {
  float: right; }

.DateRange-heading {
  color: #a8a0a0;
  display: inline-block;
  padding: 0 10px;
  text-transform: uppercase; }

.DateRange .react-date-field {
  display: inline-block;
  width: 275px; }

.ModeReport {
  margin-top: 10px; }

.SearchArtists {
  margin-top: 10px; }

.SearchResults {
  position: relative;
  /* as it was specified in react-select library */ }
  .SearchResults .Select-menu-outer {
    max-height: 768px; }
  .SearchResults .Select-menu {
    max-height: 766px; }
  .SearchResults .Select-option {
    border-bottom: 1px solid #d1d0d0;
    min-height: 60px;
    padding: 5px 10px;
    /* stylelint-disable max-nesting-depth */ }
    .SearchResults .Select-option .SearchResultsItem-image {
      float: left;
      height: 50px;
      margin-right: 10px;
      width: 50px; }
      .SearchResults .Select-option .SearchResultsItem-image .TrackAlbumArt {
        max-height: 48px;
        max-width: 48px; }
      .SearchResults .Select-option .SearchResultsItem-image-placeholder {
        background-color: #f2f2f2;
        border: 3px;
        height: 48px;
        width: 48px; }
    .SearchResults .Select-option .SearchResultsItem-isrc {
      float: right; }
    .SearchResults .Select-option .SearchResultsItem-artist {
      color: #a1a1a1; }
    .SearchResults .Select-option-highlighted {
      font-weight: 500; }
  .SearchResults .Select-noresults,
  .SearchResults .SearchError {
    padding: 40px 60px;
    text-align: center;
    /* stylelint-disable selector-no-type */ }
    .SearchResults .Select-noresults h5,
    .SearchResults .SearchError h5 {
      margin-top: 5px; }
  .SearchResults .SearchError {
    border: solid 1px #d46258; }
    .SearchResults .SearchError .Bolder {
      font-weight: 500; }
    .SearchResults .SearchError .Icons-attention {
      margin-right: 5px;
      vertical-align: text-bottom; }
  .SearchResults .Icons-search {
    position: absolute;
    right: 10px;
    top: 25%; }
  .SearchResults-no-query .Select-control {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
    .SearchResults-no-query .Select-control:hover {
      box-shadow: none; }
  .SearchResults-heading {
    color: #868686;
    font-weight: 500;
    padding: 5px 10px; }
  .SearchResults-loading .Select-noresults {
    padding: 0;
    text-align: left; }
    .SearchResults-loading .Select-noresults .SearchResultsLoadingIndicator {
      margin: 0 auto;
      padding: 20px 0 40px; }
      .SearchResults-loading .Select-noresults .SearchResultsLoadingIndicator .LoadingIndicator {
        -webkit-transform: scale(0.5, 0.5);
                transform: scale(0.5, 0.5); }

.SelectedTrack {
  background-color: #f2f2f2;
  border-radius: 3px;
  padding: 15px;
  position: relative; }
  .SelectedTrack-image {
    border-radius: 3px;
    float: left;
    height: 60px;
    width: 60px; }
  .SelectedTrack-description {
    float: left;
    margin-left: 15px;
    max-width: 50%; }
  .SelectedTrack-column {
    overflow: hidden;
    text-overflow: ellipsis; }
    .SelectedTrack-column-holder {
      overflow: hidden;
      text-overflow: ellipsis; }
    .SelectedTrack-column:first-child {
      float: left;
      padding-right: 20px; }
  .SelectedTrack-metadata {
    margin-top: 9px;
    overflow: hidden;
    padding-right: 25px; }
  .SelectedTrack-title {
    color: #4a4a4a;
    font-weight: 500;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .SelectedTrack-artist {
    color: #6d6565;
    font-size: 16px;
    font-weight: 500;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .SelectedTrack-separator {
    background: #d9d2d0;
    float: left;
    height: 60px;
    margin: 0 20px;
    position: relative;
    width: 1px; }
  .SelectedTrack-subtitle {
    color: #6d6565;
    font-size: 14px;
    text-transform: uppercase;
    white-space: nowrap; }
  .SelectedTrack-value {
    color: #4a4a4a;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    white-space: nowrap; }
  .SelectedTrack .Icons-close {
    fill: #4a4a4a;
    height: 18px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 18px; }