@keyframes onAutoFillStart {
  from {
    /**/ }
  to {
    /**/ } }

div.TokenizeMeasure,
div.Tokenize ul li span,
div.Tokenize ul.TokensContainer li.TokenSearch input {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px; }

div.Tokenize {
  position: relative;
  display: inline-block;
  zoom: 1; }

div.Tokenize ul {
  list-style: none;
  padding: 0;
  margin: 0; }

div.Tokenize ul li {
  white-space: nowrap; }

div.Tokenize ul.TokensContainer {
  cursor: text;
  padding: 0 5px 5px 0;
  height: 100px;
  overflow-y: auto;
  background-color: white;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  div.Tokenize ul.TokensContainer.TokensContainer--expandable {
    min-height: 40px;
    max-height: 100px;
    height: auto; }

div.Tokenize ul.TokensContainer.Autosize {
  height: auto; }

div.Tokenize.Disabled ul.TokensContainer,
div.Tokenize.Disabled ul.TokensContainer input {
  cursor: not-allowed; }

div.Tokenize ul.TokensContainer li.Token {
  border: 1px solid #ccd5e3;
  background-color: #eff2f7;
  padding: 0 5px;
  line-height: 18px; }

div.Tokenize ul.TokensContainer.ui-sortable:not(.ui-sortable-disabled) li.Token {
  cursor: move; }

div.Tokenize ul.TokensContainer li.Token.MovingShadow {
  border: 1px solid #fcefa1;
  background-color: #fbf9ee; }

div.Tokenize ul.TokensContainer li.Token.PendingDelete {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-filter: "alpha(opacity=50)";
  filter: alpha(opacity=50); }

div.Tokenize ul.TokensContainer li.Token,
div.Tokenize ul.TokensContainer li.TokenSearch {
  margin: 5px 0 0 5px;
  height: 18px;
  float: left; }

div.Tokenize ul.TokensContainer li.TokenSearch input {
  margin: 0;
  padding: 1px 0;
  background-color: transparent;
  line-height: 18px;
  border: none;
  outline: none; }
  div.Tokenize ul.TokensContainer li.TokenSearch input.error {
    background-color: #fff0f0;
    background: #fff0f0;
    border: 1px solid #CC0000;
    color: #CC0000; }
    @media print {
      div.Tokenize ul.TokensContainer li.TokenSearch input.error {
        background-color: #fff0f0 !important;
        background: #fff0f0 !important; } }

div.Tokenize ul.TokensContainer li.Placeholder {
  color: #ddd;
  position: absolute;
  line-height: 20px;
  padding: 5px 0 0 5px;
  display: none; }

div.Tokenize ul.TokensContainer,
div.Tokenize ul.Dropdown {
  border: 1px solid #ccc; }

div.Tokenize ul.TokensContainer li.Token a.Close {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 18px;
  float: right;
  margin: 1px 0 0 5px;
  padding: 0;
  cursor: pointer;
  color: #a6b4ce; }

div.Tokenize.Disabled ul.TokensContainer li.Token a.Close {
  display: none; }

div.Tokenize ul.TokensContainer li.Token a.Close:hover {
  background: transparent;
  text-decoration: none; }

div.Tokenize ul.Dropdown {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  width: 100%;
  padding: 5px 0;
  margin: -1px 0 0 0;
  position: absolute;
  background-color: white;
  overflow-y: auto;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  z-index: 20; }

div.Tokenize ul.Dropdown li {
  padding: 5px 20px;
  overflow: hidden;
  cursor: pointer; }

div.Tokenize ul.Dropdown li.Hover {
  color: white;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); }

@keyframes blinkingEllipsis {
  50% {
    color: transparent; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  66% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes slideIn {
  0% {
    left: -20px; }
  100% {
    left: 0; } }

@keyframes blink-animation {
  from,
  20%,
  60%,
  to {
    border-left-color: transparent;
    background-color: transparent; }
  40%,
  80% {
    border-left-color: #E00049;
    background-color: #F7F7F7; } }

@keyframes onAutoFillStart {
  from {
    /**/ }
  to {
    /**/ } }

.action-view {
  animation-name: fadeIn;
  animation-duration: 1s;
  animation-delay: 0;
  display: block;
  position: fixed;
  overflow: auto;
  top: 70px;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  z-index: 9; }
  .action-view .panel-wrapper,
  .action-view .section-wrapper {
    margin-bottom: 30px; }
  .action-view .section-wrapper:last-child {
    margin-bottom: 0; }
  .action-view .panel-wrapper__content .section-wrapper__header > h1 {
    margin-bottom: 0; }
  .action-view .section-wrapper__article p:not(:last-child) {
    margin-bottom: 25px; }
  .action-view .section-wrapper__header {
    margin-bottom: 20px; }
  .action-view .section-wrapper__sub-header {
    margin-bottom: 15px; }
    .action-view .section-wrapper__sub-header h3 {
      color: #333333;
      margin: 0; }
  .action-view .panel-wrapper {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.07), inset 0 -2px 0 rgba(0, 0, 0, 0.03); }
  .action-view .panel-wrapper__content div > img.reward-type-image {
    width: 36px;
    margin-right: 1.25rem; }

.action-view__positioner {
  margin: 0 auto;
  width: 100%;
  animation-name: slideIn;
  animation-duration: 0;
  animation-delay: 1s;
  padding-bottom: 150px;
  position: relative;
  top: 0; }

.action-view__header {
  display: -webkit- flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  align-content: stretch;
  animation-name: slideIn;
  animation-duration: 0;
  animation-delay: 1s;
  height: 60px;
  position: sticky;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  background: #FFFFFF;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03); }

.action-view__header-content,
.action-view__content {
  margin: 0 auto;
  width: 100%;
  min-width: 540px;
  max-width: 800px; }
  .action-view--wide .action-view__header-content, .action-view--wide
  .action-view__content {
    max-width: 960px; }

.action-view--wide .notification-flash {
  transform: translate(-100%, -50%); }

.action-view__header-content {
  display: -webkit- flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-content: stretch;
  padding: 0 20px; }
  .action-view__header-content > div {
    display: -webkit- flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    align-content: stretch; }
    .action-view__header-content > div:first-child > h1 {
      flex-shrink: 30;
      overflow: hidden;
      position: relative;
      line-height: 1.2em;
      max-height: 2.4em;
      padding-right: 1em;
      word-break: break-all; }
      .action-view__header-content > div:first-child > h1:before {
        content: '...';
        position: absolute;
        right: 0;
        bottom: 0; }
      .action-view__header-content > div:first-child > h1:after {
        content: '';
        position: absolute;
        right: 0;
        width: 1em;
        height: 1em;
        background: #FFFFFF; }
    .action-view__header-content > div:last-child {
      flex-shrink: 0; }
    .action-view__header-content > div:first-child > * {
      margin-right: 15px; }
    .action-view__header-content > div:last-child:not(:only-child) > * {
      margin-left: 5px; }

.action-view__content {
  padding: 25px 20px 180px; }

.button {
  padding: 0 20px;
  border-radius: 4px;
  outline: none;
  font-size: 0.875rem;
  margin: 0;
  font-weight: 400; }
  .button > .fas,
  .button > .far,
  .button > .fal,
  .button > .fab {
    color: inherit;
    margin: 0;
    font-size: inherit;
    line-height: 35px; }
    .button > .fas.fa-angle-down, .button > .fas.fa-angle-up,
    .button > .far.fa-angle-down,
    .button > .far.fa-angle-up,
    .button > .fal.fa-angle-down,
    .button > .fal.fa-angle-up,
    .button > .fab.fa-angle-down,
    .button > .fab.fa-angle-up {
      margin-left: 5px; }
  .button:hover {
    cursor: pointer; }
  .button.js-unlock {
    padding: 0 15px; }
  .button.button--primary {
    background-color: #066FBB;
    background: #066FBB;
    color: #FFFFFF;
    border: none;
    font-weight: 400; }
    @media print {
      .button.button--primary {
        background-color: #066FBB !important;
        background: #066FBB !important;
        color: #FFFFFF !important; } }
    .button.button--primary:hover, .button.button--primary:focus {
      background-color: #088cec;
      background: #088cec;
      color: #FFFFFF;
      border: none;
      font-weight: 400; }
      @media print {
        .button.button--primary:hover, .button.button--primary:focus {
          background-color: #088cec !important;
          background: #088cec !important;
          color: #FFFFFF !important; } }
    .button.button--primary.button--redirect:hover, .button.button--primary.button--redirect:focus {
      background-color: #066FBB;
      background: #066FBB;
      color: #FFFFFF;
      border: none;
      font-weight: 400; }
      @media print {
        .button.button--primary.button--redirect:hover, .button.button--primary.button--redirect:focus {
          background-color: #066FBB !important;
          background: #066FBB !important;
          color: #FFFFFF !important; } }
    .button.button--primary.button--redirect.active {
      background-color: #088cec;
      background: #088cec;
      color: #FFFFFF;
      border: none;
      font-weight: 400; }
      @media print {
        .button.button--primary.button--redirect.active {
          background-color: #088cec !important;
          background: #088cec !important;
          color: #FFFFFF !important; } }
  .button.button--secondary {
    background-color: transparent;
    background: transparent;
    color: #066FBB;
    border: 1px solid #066FBB;
    font-weight: 400; }
    @media print {
      .button.button--secondary {
        background-color: transparent !important;
        background: transparent !important;
        color: #066FBB !important; } }
    .button.button--secondary:hover, .button.button--secondary:focus {
      background-color: #066FBB;
      background: #066FBB;
      color: #FFFFFF;
      border: 1px solid #066FBB;
      font-weight: 400; }
      @media print {
        .button.button--secondary:hover, .button.button--secondary:focus {
          background-color: #066FBB !important;
          background: #066FBB !important;
          color: #FFFFFF !important; } }
    .button.button--secondary.button--redirect:hover, .button.button--secondary.button--redirect:focus {
      background-color: transparent;
      background: transparent;
      color: #066FBB;
      border: 1px solid #066FBB;
      font-weight: 400; }
      @media print {
        .button.button--secondary.button--redirect:hover, .button.button--secondary.button--redirect:focus {
          background-color: transparent !important;
          background: transparent !important;
          color: #066FBB !important; } }
    .button.button--secondary.button--redirect.active {
      background-color: #066FBB;
      background: #066FBB;
      color: #FFFFFF;
      border: 1px solid #066FBB;
      font-weight: 400; }
      @media print {
        .button.button--secondary.button--redirect.active {
          background-color: #066FBB !important;
          background: #066FBB !important;
          color: #FFFFFF !important; } }
  .button.button--tertiary {
    background-color: transparent;
    background: transparent;
    color: #777777;
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-weight: 400; }
    @media print {
      .button.button--tertiary {
        background-color: transparent !important;
        background: transparent !important;
        color: #777777 !important; } }
    .button.button--tertiary:hover, .button.button--tertiary:focus {
      background-color: #F7F7F7;
      background: #F7F7F7;
      color: #777777;
      border: 1px solid rgba(0, 0, 0, 0.2);
      font-weight: 400; }
      @media print {
        .button.button--tertiary:hover, .button.button--tertiary:focus {
          background-color: #F7F7F7 !important;
          background: #F7F7F7 !important;
          color: #777777 !important; } }
    .button.button--tertiary[disabled] .fa-sync-alt,
    .button.button--tertiary[disabled] .fa-spin {
      color: #777777; }
    .button.button--tertiary.button--redirect:hover, .button.button--tertiary.button--redirect:focus {
      background-color: transparent;
      background: transparent;
      color: #777777;
      border: 1px solid rgba(0, 0, 0, 0.2);
      font-weight: 400; }
      @media print {
        .button.button--tertiary.button--redirect:hover, .button.button--tertiary.button--redirect:focus {
          background-color: transparent !important;
          background: transparent !important;
          color: #777777 !important; } }
    .button.button--tertiary.button--redirect.active {
      background-color: #F7F7F7;
      background: #F7F7F7;
      color: #777777;
      border: 1px solid rgba(0, 0, 0, 0.2);
      font-weight: 400; }
      @media print {
        .button.button--tertiary.button--redirect.active {
          background-color: #F7F7F7 !important;
          background: #F7F7F7 !important;
          color: #777777 !important; } }
  .button.button--link {
    background-color: transparent;
    background: transparent;
    color: #066FBB;
    border: none;
    font-weight: 400;
    padding: 0; }
    @media print {
      .button.button--link {
        background-color: transparent !important;
        background: transparent !important;
        color: #066FBB !important; } }
    .button.button--link:hover, .button.button--link:focus {
      background-color: transparent;
      background: transparent;
      color: #04528a;
      border: none;
      font-weight: 400; }
      @media print {
        .button.button--link:hover, .button.button--link:focus {
          background-color: transparent !important;
          background: transparent !important;
          color: #04528a !important; } }
    .button.button--link[disabled] {
      background-color: transparent;
      background: transparent;
      color: #777777;
      border: none;
      font-weight: 400;
      border: none;
      pointer-events: none;
      color: #B4B4B4;
      cursor: not-allowed; }
      @media print {
        .button.button--link[disabled] {
          background-color: transparent !important;
          background: transparent !important;
          color: #777777 !important; } }
    .button.button--link[active] {
      pointer-events: none;
      text-decoration: underline; }
  .button.button--tiny {
    height: 28px;
    line-height: 25px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 8px; }
    .button.button--tiny > .fas,
    .button.button--tiny > .far,
    .button.button--tiny > .fal,
    .button.button--tiny > .fab {
      line-height: 28px; }
  .button.button--small {
    height: 35px;
    line-height: 35px; }
    .button.button--small.button--secondary, .button.button--small.button--tertiary, .button.button--small[disabled] {
      line-height: 33px; }
  .button.button--medium {
    height: 38px;
    line-height: 38px; }
    .button.button--medium.button--wide {
      width: 100%; }
    .button.button--medium.button--secondary, .button.button--medium.button--tertiary, .button.button--medium[disabled] {
      line-height: 36px; }
    .button.button--medium.button--social-sign-in {
      line-height: 35px; }
  .button.button--large {
    height: 50px;
    line-height: 50px;
    padding: 0 25px; }
    .button.button--large.button--secondary, .button.button--large.button--tertiary, .button.button--large[disabled] {
      line-height: 48px; }
  .button.button--square {
    height: 35px;
    line-height: 35px;
    width: 35px;
    padding: 0;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.03); }
    .button.button--square.button--secondary, .button.button--square.button--tertiary, .button.button--square[disabled] {
      line-height: 33px; }
    .button.button--square[disabled] > .notification-ellipsis + i {
      display: none; }
    .button.button--square[disabled]:not([no-spinner]) > i {
      display: none; }
  .button.button--circle {
    background-color: #FFFFFF;
    background: #FFFFFF;
    color: #777777;
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-weight: 400;
    height: 35px;
    line-height: 35px;
    width: 35px;
    text-align: center;
    padding: 0;
    border-radius: 50%; }
    @media print {
      .button.button--circle {
        background-color: #FFFFFF !important;
        background: #FFFFFF !important;
        color: #777777 !important; } }
    .button.button--circle .fa {
      line-height: 35px; }
  .button.button--drop-down {
    background-color: #FFFFFF;
    background: #FFFFFF;
    color: #777777;
    border: 1px solid rgba(0, 0, 0, 0.12);
    font-weight: 400;
    min-width: 130px;
    text-align: left;
    height: 35px;
    line-height: 35px;
    width: 100%;
    padding: 0 40px 0 15px;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.03);
    position: relative; }
    @media print {
      .button.button--drop-down {
        background-color: #FFFFFF !important;
        background: #FFFFFF !important;
        color: #777777 !important; } }
    form .button.button--drop-down {
      height: 40px;
      line-height: 40px;
      box-shadow: none; }
    .button.button--drop-down.button--primary {
      background-color: #066FBB;
      background: #066FBB;
      color: #FFFFFF;
      border: none;
      font-weight: 400; }
      @media print {
        .button.button--drop-down.button--primary {
          background-color: #066FBB !important;
          background: #066FBB !important;
          color: #FFFFFF !important; } }
      .button.button--drop-down.button--primary:hover, .button.button--drop-down.button--primary:focus {
        background-color: #088cec;
        background: #088cec;
        color: #FFFFFF;
        border: none;
        font-weight: 400; }
        @media print {
          .button.button--drop-down.button--primary:hover, .button.button--drop-down.button--primary:focus {
            background-color: #088cec !important;
            background: #088cec !important;
            color: #FFFFFF !important; } }
    .button.button--drop-down:before {
      content: '';
      right: 0;
      top: 0;
      background: transparent;
      position: absolute;
      pointer-events: none;
      display: block; }
    .button.button--drop-down:after {
      content: "\f107";
      font-family: "Font Awesome\ 5 Pro";
      font-size: inherit;
      font-weight: 400;
      color: inherit;
      right: 0.9375rem;
      top: 0;
      padding: 0;
      position: absolute;
      pointer-events: visible;
      height: inherit;
      line-height: inherit; }
    .button.button--drop-down:hover, .button.button--drop-down:focus {
      background-color: #FFFFFF;
      background: #FFFFFF;
      color: #333333;
      border: 1px solid rgba(0, 0, 0, 0.12);
      font-weight: 400; }
      @media print {
        .button.button--drop-down:hover, .button.button--drop-down:focus {
          background-color: #FFFFFF !important;
          background: #FFFFFF !important;
          color: #333333 !important; } }
    .list.list--drop-down .button.button--drop-down + .f-dropdown.right.open {
      transform: translateX(-37%); }
    .list.list--drop-down.list--extra-wide .button.button--drop-down {
      width: 410px; }
      .list.list--drop-down.list--extra-wide .button.button--drop-down + .f-dropdown.right.open {
        transform: translate(0);
        max-width: 410px;
        width: 410px; }
    .button.button--drop-down span {
      font-size: 0.875rem; }
    .button.button--drop-down .fas,
    .button.button--drop-down .far,
    .button.button--drop-down .fal,
    .button.button--drop-down .fab {
      color: #777777;
      margin: 0 0 0 0.625rem;
      font-size: 1rem;
      line-height: 35px;
      position: absolute;
      top: 0;
      right: 17px; }
    .header-wrapper__header .button.button--drop-down {
      height: 38px;
      line-height: 38px; }
    .button.button--drop-down.button--drop-down-with-icons .fas, .button.button--drop-down.button--drop-down-with-icons .fab, .button.button--drop-down.button--drop-down-with-icons .far, .button.button--drop-down.button--drop-down-with-icons .fal {
      position: static;
      margin: 0 0.625rem 0 0; }
  .button.button--social-sign-in img {
    height: 18px;
    width: 18px;
    margin-right: 24px; }
    .button.button--social-sign-in img + span {
      vertical-align: middle; }
  .button[disabled] {
    background-color: #F7F7F7;
    border: 1px solid rgba(0, 0, 0, 0.15);
    color: #777777;
    font-weight: 400; }
    .button[disabled]:hover, .button[disabled]:focus {
      cursor: not-allowed;
      background-color: #F7F7F7;
      border: 1px solid rgba(0, 0, 0, 0.15);
      color: #777777;
      font-weight: 400; }
    .button[disabled] .fa-sync-alt,
    .button[disabled] .fa-spin {
      display: inline-block;
      color: inherit; }
  .button .fa-sync-alt,
  .button .fa-spin {
    display: none;
    margin-left: 5px; }
  .button[no-spinner] .fa-sync-alt,
  .button[no-spinner] .fa-spin {
    display: none; }
  .button.button--back {
    display: -webkit- inline-flex;
    display: inline-flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    align-content: stretch;
    width: 36px;
    height: 36px;
    background: #EFEFEF;
    border-radius: 50%;
    color: #777777;
    padding: 0; }
    .button.button--back > i {
      line-height: inherit; }

.calendar-button {
  display: none; }
  .calendar-button.calendar-button--visible {
    display: inline; }
  .list--drop-down + .calendar-button {
    margin-top: 10px; }
  .calendar-wrapper .calendar-button {
    line-height: 80px; }
  .columns > .calendar-wrapper .calendar-button {
    line-height: 40px; }

.period-dropdown-container {
  display: inline-block;
  margin-top: 10px; }

.period-dropdown-calendar-button,
.period-dropdown-calendar-button:hover,
.period-dropdown-calendar-button:active {
  margin: 0;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
  padding: 8px 10px 11px;
  border: none; }

.calendar-wrapper .calendar.open {
  width: 526px;
  max-width: 526px;
  border: none;
  background: #FFFFFF;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.12);
  border-radius: 4px; }
  .calendar-wrapper .calendar.open.right {
    left: -200% !important;
    margin-left: 10px !important; }
  .calendar-wrapper .calendar.open.calendar--single {
    max-width: 262px; }
    .calendar-wrapper .calendar.open.calendar--single .date-picker-wrapper .month1 {
      width: 100%; }

.form .calendar-wrapper .calendar > .inline-wrapper:first-child {
  margin-top: 0; }

.calendar-wrapper .calendar--with-time.open {
  height: auto; }
  .calendar-wrapper .calendar--with-time.open .time1,
  .calendar-wrapper .calendar--with-time.open .time2 {
    width: 236px;
    padding: 20px 20px 20px 10px; }
  .calendar-wrapper .calendar--with-time.open .time__label {
    text-align: left;
    display: block;
    margin-bottom: 10px;
    color: #333333;
    font-weight: 500; }
  .calendar-wrapper .calendar--with-time.open .time-display {
    display: -webkit- flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    align-content: stretch;
    background: #F7F7F7;
    padding: 20px 0;
    border-radius: 4px; }
  .calendar-wrapper .calendar--with-time.open .time-display__box {
    padding: 10px 20px;
    background: #FFFFFF;
    color: #333333;
    font-weight: 500;
    border-radius: 4px;
    min-width: 175px;
    text-align: center; }
    .calendar-wrapper .calendar--with-time.open .time-display__box:first-child {
      margin-right: 20px; }
    .calendar-wrapper .calendar--with-time.open .time-display__box:last-child {
      margin-left: 20px; }
  .calendar-wrapper .calendar--with-time.open .single-date .time-display__box {
    margin-left: 10px;
    margin-right: 10px; }

.calendar-wrapper .date-picker-wrapper {
  width: 100%;
  padding: 20px; }
  .calendar-wrapper .date-picker-wrapper.no-shortcuts {
    padding-bottom: 20px; }
  .calendar-wrapper .date-picker-wrapper .month-wrapper {
    margin: 0 auto;
    width: 100%; }

.calendar-wrapper--single .calendar.open {
  width: 264px;
  max-width: 264px; }
  .calendar-wrapper--single .calendar.open.right {
    left: -100% !important;
    margin-left: 20px !important; }
    .columns.small-1 > .calendar-wrapper--single .calendar.open.right {
      left: -300% !important;
      margin-left: -3px !important; }
  .calendar-wrapper--single .calendar.open .date-picker-wrapper {
    width: 262px; }
    .calendar-wrapper--single .calendar.open .date-picker-wrapper .month-wrapper:after {
      opacity: 0; }
    .calendar-wrapper--single .calendar.open .date-picker-wrapper .month-wrapper .month1 {
      width: 100%; }

.chart-container {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.chart-positioner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.inline-chart-wrapper {
  background: #F7F7F7; }

.inline-chart {
  padding-top: 2.5rem; }

.network-icons {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2; }
  .network-icons > .network-icon {
    display: inline-block;
    margin-left: 10px;
    cursor: pointer; }

.chart-expand-icon {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  z-index: 2; }

.highcharts-data-labels {
  visibility: visible;
  opacity: 1; }
  .highcharts-data-labels > * {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400; }

.chart {
  position: relative;
  min-height: 200px; }
  .chart .highcharts-container {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 0.75rem; }
  .equal-height-panels.equal-height-panels--small .panel-wrapper .chart.panel-wrapper__content {
    overflow: inherit; }
  .chart.panel-wrapper {
    padding-bottom: 3px;
    padding-left: 1px; }
  .chart.panel-wrapper__content {
    padding-bottom: 0; }
  .chart.chart--half-height {
    height: 150px; }
  .chart .chart__content {
    height: 300px;
    position: relative;
    margin-bottom: 0.9375rem; }
    .chart .chart__content .highcharts-container {
      min-height: 280px; }
  .chart text,
  .chart tspan {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 0.75rem; }
  .chart .no-data, .chart.no-data {
    min-height: 160px; }
    .chart .no-data::after, .chart.no-data::after {
      width: 100%;
      padding: 1.25rem;
      text-align: center;
      color: #777777;
      font-size: 0.875rem;
      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      content: "There is not enough data to display at this time. Please check back later!"; }
      .chart .no-data::after p, .chart.no-data::after p {
        color: inherit;
        font-size: inherit;
        font-family: inherit;
        margin: 0;
        padding: 0; }
      @media print {
        .chart .no-data::after, .chart.no-data::after {
          background: #FFFFFF !important;
          background-color: #FFFFFF !important;
          color: #777777 !important; } }
    .equal-height-panels.equal-height-panels--small .panel-wrapper .chart .no-data.panel-wrapper__content, .equal-height-panels.equal-height-panels--small .panel-wrapper .chart.no-data.panel-wrapper__content {
      overflow: inherit; }
    .chart .no-data.panel-wrapper__content:after, .chart.no-data.panel-wrapper__content:after {
      padding-top: 1.25rem;
      left: 0;
      background-color: transparent; }

.chart--summary {
  min-height: 140px; }
  .chart--summary .chart-positioner {
    height: 100px;
    top: 50%;
    transform: translateY(-50%); }

.column-chart {
  height: 300px; }
  .column-chart .highcharts-container {
    height: 300px !important; }
  .column-chart .highcharts-axis-labels tspan {
    font-size: 12px; }

.column-chart-2 .column-chart-2__key {
  fill: #777777;
  font-weight: 400;
  margin-bottom: 10px;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }

.column-chart-2 .column-chart-2__value {
  fill: #333333;
  font-weight: 500;
  margin-bottom: 10px;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }

.column-chart--negative {
  height: 308px; }

.bar-chart tspan {
  font-size: inherit;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }

.bar-chart.no-data.panel-wrapper__content {
  padding: 0; }

.line-bar-chart {
  height: 100px; }
  .line-bar-chart .highcharts-grid-line {
    opacity: 0; }

.highcharts-tooltip {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
  .highcharts-tooltip .chart-tooltip-point {
    display: inline-block;
    position: relative;
    top: 1px;
    height: 12px;
    padding: 0 6px;
    border-radius: 6px;
    line-height: 0;
    margin-right: 5px; }

.highcharts-title tspan {
  font-size: 15px; }

td .chart-container {
  margin: 10px 0; }

.checkbox-selector {
  width: 40px;
  height: 35px;
  line-height: 35px;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 4px; }
  .checkbox-selector .checkbox {
    left: 11px;
    top: 6px; }

.checkbox {
  display: inline-flex;
  align-items: center;
  position: relative;
  cursor: pointer !important;
  font-size: 18px; }
  .checkbox:hover input ~ .checkbox__check,
  .checkbox input:focus ~ .checkbox__check {
    background: #FFFFFF; }
  .checkbox:hover input:not([disabled]):checked ~ .checkbox__check,
  .checkbox input:checked:focus ~ .checkbox__check {
    background: #1E9336; }
  .checkbox input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 0; }
    .table .checkbox input {
      position: inherit;
      height: auto; }
    .checkbox input:checked ~ .checkbox__check {
      background: #1E9336;
      border: none;
      box-shadow: none; }
      .checkbox input:checked ~ .checkbox__check:after {
        display: block; }
    .launch-status-modal .checkbox input:checked ~ .checkbox__text {
      text-decoration: line-through;
      color: #B4B4B4; }
    .checkbox input:disabled ~ .checkbox__check {
      background: #EFEFEF;
      pointer-events: none; }

.checkbox__check {
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 15px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: inset 0px 0 1px 1px rgba(0, 0, 0, 0.08);
  transform: translateY(-50%); }
  .table .checkbox__check {
    top: 0; }
  .checkbox__check:after {
    content: '';
    position: absolute;
    display: none;
    left: 6px;
    top: 3px;
    width: 4px;
    height: 8px;
    border: solid #FFFFFF;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); }
  .checkbox .checkbox__check + .options-wrapper__text {
    padding-left: 25px; }

.checkbox__text {
  display: inline-block;
  vertical-align: top;
  margin-left: 25px;
  line-height: 1.5; }

.dashboard-test-mode__decoration {
  position: fixed;
  background: transparent;
  z-index: 1000;
  width: 100%;
  height: 100%;
  border: 5px solid #EAC234;
  pointer-events: none; }

.dashboard-test-mode__message {
  position: fixed;
  z-index: 1000;
  bottom: 0;
  left: 50%;
  margin-left: -160px;
  background-color: #EAC234;
  width: 320px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  user-select: none;
  color: #333333;
  opacity: 0.7; }
  .dashboard-test-mode__message,
  .dashboard-test-mode__message > * {
    font-size: 16px; }

@keyframes onAutoFillStart {
  from {
    /**/ }
  to {
    /**/ } }

.data-tabs-filter.header-wrapper__sub-header {
  margin-top: 0.9375rem; }
  .data-tabs-filter.header-wrapper__sub-header > div {
    margin-bottom: 0.625rem; }
    .data-tabs-filter.header-wrapper__sub-header > div:last-child {
      margin-bottom: 0; }

.data-tabs-wrapper {
  display: -webkit- flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  align-content: stretch; }
  .data-tabs-wrapper .controls__header {
    height: 50px; }
    .data-tabs-wrapper .controls__header > h3 {
      display: -webkit- flex;
      display: flex;
      -webkit-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      justify-content: center;
      align-content: stretch; }
      .data-tabs-wrapper .controls__header > h3 > span {
        font-size: inherit;
        margin-left: 0.625rem; }
  .data-tabs-wrapper .data-tabs {
    display: -webkit- flex;
    display: flex;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: center;
    justify-content: center;
    align-content: stretch;
    min-width: 200px;
    margin-bottom: 0;
    border-right: 1px solid #EFEFEF; }
    .data-tabs-wrapper .data-tabs .data-tabs__title {
      padding: 0.9375rem; }
    .data-tabs-wrapper .data-tabs .tabs li.active {
      background: #EFEFEF; }
    .data-tabs-wrapper .data-tabs .tabs li:last-child {
      margin-bottom: 0; }
    .data-tabs-wrapper .data-tabs .tabs li > a {
      display: inline-block;
      width: 100%;
      padding: 0.9375rem 1.5625rem; }
  .data-tabs-wrapper .data-tab-panels {
    flex: 1; }
    .data-tabs-wrapper .data-tab-panels .tabs-panel {
      display: none; }
      .data-tabs-wrapper .data-tab-panels .tabs-panel.active {
        display: block; }
    .data-tabs-wrapper .data-tab-panels .panel-wrapper {
      margin-bottom: 0; }
  .data-tabs-wrapper .initials {
    display: -webkit- flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    align-content: stretch;
    color: #777777;
    border: 1px solid #777777;
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
    width: 40px; }
    @media print {
      .data-tabs-wrapper .initials {
        color: #777777 !important; } }

.tab-information {
  display: -webkit- flex;
  display: flex;
  -webkit-flex-flow: row;
  flex-flow: row;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: center;
  justify-content: center;
  align-content: stretch;
  flex: 1;
  margin-top: 0.9375rem; }
  .tab-information > div {
    display: -webkit- flex;
    display: flex;
    -webkit-flex-flow: row;
    flex-flow: row;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    align-content: center;
    margin-bottom: 0.9375rem; }
  .tab-information .tab-information__icon {
    margin-right: 0.9375rem; }
    .tab-information .tab-information__icon .action-buttons-list.action-buttons-list--horizontal {
      margin-right: 0; }
      .tab-information .tab-information__icon .action-buttons-list.action-buttons-list--horizontal li {
        margin-left: 0; }
    .tab-information .tab-information__icon i {
      font-size: 1rem; }
  .tab-information .tab-information__messages small {
    margin: 0;
    line-height: 1rem; }

.flows-wrapper > .row {
  margin-left: 0; }

.flow-steps {
  display: flex;
  flex-flow: column;
  margin-bottom: 3.5rem; }
  .flow-steps:last-child {
    margin-bottom: 0; }
  .flow-steps .flow-steps__row {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    margin: 95px 0 0 35px; }
    .flow-steps .flow-steps__row:first-of-type {
      margin-top: 15px;
      margin-left: 0; }
      .flow-steps .flow-steps__row:first-of-type:before, .flow-steps .flow-steps__row:first-of-type:after {
        display: none; }
    .flow-steps .flow-steps__row:before {
      content: '';
      height: 2px;
      width: 15px;
      margin-top: 0;
      background: #999999;
      position: absolute;
      bottom: 15px; }
    .flow-steps .flow-steps__row:after {
      content: "";
      position: absolute;
      left: 9px;
      bottom: 11px;
      margin-top: -4px;
      width: 0;
      height: 0;
      border: inset 9px;
      border-color: transparent #999999 transparent;
      border-top: 0;
      border-left: 0;
      transform: rotate(45deg); }
    .flow-steps .flow-steps__row:last-of-type .flow-steps__separator:last-of-type {
      display: none; }
    .flow-steps .flow-steps__row .flow-step {
      display: flex;
      flex-grow: 1;
      align-items: flex-end;
      height: 90px;
      width: 135px;
      max-width: 135px;
      position: relative; }
      .flow-steps .flow-steps__row .flow-step:after {
        content: '';
        position: absolute;
        bottom: 20px;
        right: 0;
        height: 2px;
        width: 15px;
        background: #999999; }
      .flow-steps .flow-steps__row .flow-step:before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 13px;
        width: 0;
        height: 0;
        border: inset 9px;
        border-color: transparent #999999 transparent;
        border-top: 0;
        border-left: 0;
        transform: rotate(45deg) translateY(-5px); }
      .flow-steps .flow-steps__row .flow-step.flow-step--primary {
        color: #066FBB; }
      .flow-steps .flow-steps__row .flow-step.flow-step--secondary {
        color: #030303; }
      .flow-steps .flow-steps__row .flow-step.flow-step--denoted {
        position: relative; }
        .flow-steps .flow-steps__row .flow-step.flow-step--denoted > *:after {
          content: "Not shown to marketer";
          position: absolute;
          bottom: -25px;
          left: 5px;
          right: 5px;
          height: 20px;
          font-size: 10px;
          color: #999999;
          text-align: center;
          background-color: #FFFFFF; }
          .panel-selector__flows .flow-steps .flow-steps__row .flow-step.flow-step--denoted > *:after {
            display: none; }
        .flow-steps .flow-steps__row .flow-step.flow-step--denoted .flow-step__partner-id-name {
          bottom: -55px; }
      .flow-steps .flow-steps__row .flow-step > * {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 100%; }
        .flow-steps .flow-steps__row .flow-step > * .flow-step__name {
          display: flex;
          align-items: center;
          text-transform: capitalize;
          text-align: center;
          flex: 1;
          font-size: 12px;
          line-height: 1.2em;
          padding: 0 15px; }
        .flow-steps .flow-steps__row .flow-step > * .flow-step__icon i {
          font-size: 25px; }
        .flow-steps .flow-steps__row .flow-step > * .flow-step__actions {
          margin-right: 0;
          opacity: 0; }
        .flow-steps .flow-steps__row .flow-step > * .flow-step__partner-id-name {
          position: absolute;
          bottom: -25px;
          color: #333333;
          height: 1.25rem;
          margin-top: 5px;
          font-weight: 300;
          font-size: 11px;
          letter-spacing: -0.01rem; }
        .flow-steps .flow-steps__row .flow-step > * .flow-step__denoted-message {
          font-size: 10px;
          color: #999999;
          text-align: center; }
        .flow-steps .flow-steps__row .flow-step > * .action-buttons-list > li:first-child {
          margin-left: 0; }
    .flow-steps .flow-steps__row:last-of-type .flow-step:first {
      margin-left: 10px; }
    .flow-steps .flow-steps__row:last-of-type .flow-step:last-of-type:before, .flow-steps .flow-steps__row:last-of-type .flow-step:last-of-type:after {
      display: none; }
  .flow-steps.flow-steps--with-actions .flow-steps__row {
    align-items: flex-end; }
    .flow-steps.flow-steps--with-actions .flow-steps__row::before, .flow-steps.flow-steps--with-actions .flow-steps__row::after {
      bottom: auto;
      top: 50%; }
    .flow-steps.flow-steps--with-actions .flow-steps__row .flow-step:before {
      top: 50%;
      bottom: auto; }
    .flow-steps.flow-steps--with-actions .flow-steps__row .flow-step:after {
      top: 50%;
      bottom: auto; }
  .flow-steps.flow-steps--empty {
    display: block; }
    .flow-steps.flow-steps--empty > .flow-steps__add {
      margin-left: 0; }
  .flow-steps.panel-selector__flows {
    flex-direction: row;
    margin: 1.875rem 0; }
    .flow-steps.panel-selector__flows .flow-steps__row {
      margin-top: 0;
      position: absolute;
      padding-left: 20px; }
      .flow-steps.panel-selector__flows .flow-steps__row:first-of-type {
        margin-top: 0; }
      .flow-steps.panel-selector__flows .flow-steps__row:not(:first-of-type) {
        margin-left: 100%; }
      .flow-steps.panel-selector__flows .flow-steps__row .flow-step {
        height: 80px;
        width: 100px;
        max-width: 100px; }
        .flow-steps.panel-selector__flows .flow-steps__row .flow-step::before {
          bottom: 13px;
          top: auto; }
        .flow-steps.panel-selector__flows .flow-steps__row .flow-step::after {
          top: auto;
          bottom: 20px; }
      .flow-steps.panel-selector__flows .flow-steps__row:before, .flow-steps.panel-selector__flows .flow-steps__row:after {
        display: none; }

.flow-steps__add {
  display: inline-block;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  flex: 0 0 auto;
  align-self: flex-start;
  margin: 30px 0 0 15px; }

a.flow-steps__add,
.form a.flow-steps__add {
  font-size: 18px;
  background-color: #B4B4B4;
  color: #333333; }
  a.flow-steps__add:hover, a.flow-steps__add:focus,
  .form a.flow-steps__add:hover,
  .form a.flow-steps__add:focus {
    background-color: #cecdcd;
    color: #4d4c4c; }

.panel-wrapper--programs .panel-wrapper__header {
  padding: 0 1.25rem 0.25rem;
  height: 60px;
  background-color: #EFEFEF;
  line-height: 1;
  display: flex; }
  .panel-wrapper--programs .panel-wrapper__header .left {
    flex-grow: 2; }
  .panel-wrapper--programs .panel-wrapper__header .details-wrapper {
    height: auto;
    line-height: inherit; }
    .panel-wrapper--programs .panel-wrapper__header .details-wrapper a {
      width: 100%; }
    .panel-wrapper--programs .panel-wrapper__header .details-wrapper strong {
      color: #777777; }
    .panel-wrapper--programs .panel-wrapper__header .details-wrapper small {
      display: block; }
  .panel-wrapper--programs .panel-wrapper__header h3 {
    line-height: 38px;
    font-weight: 600;
    color: #333333; }
  .panel-wrapper--programs .panel-wrapper__header .controls__header {
    padding: 0; }
    .panel-wrapper--programs .panel-wrapper__header .controls__header ul {
      height: 60px;
      line-height: 60px; }
  .panel-wrapper--programs .panel-wrapper__header:hover .icon--actions-dropdown {
    display: block; }

.panel-wrapper--programs .table.campaign-list__table .campaign-list__table-row {
  position: relative;
  cursor: pointer;
  display: flex; }
  .panel-wrapper--programs .table.campaign-list__table .campaign-list__table-row td {
    padding: 0.9375rem 1.25rem; }
    .panel-wrapper--programs .table.campaign-list__table .campaign-list__table-row td.icon span {
      margin-left: 1.25em;
      cursor: pointer; }
      .panel-wrapper--programs .table.campaign-list__table .campaign-list__table-row td.icon span a {
        color: inherit; }
        .panel-wrapper--programs .table.campaign-list__table .campaign-list__table-row td.icon span a:hover {
          color: #333333; }
    .panel-wrapper--programs .table.campaign-list__table .campaign-list__table-row td:first-child {
      flex-grow: 2; }
    .panel-wrapper--programs .table.campaign-list__table .campaign-list__table-row td .campaign-list__table-link {
      display: inline-block;
      width: 100%; }
  .panel-wrapper--programs .table.campaign-list__table .campaign-list__table-row:last-child td {
    border-bottom: 1px solid #EFEFEF; }

.panel-wrapper--programs:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.07), inset 0 -2px 0 rgba(0, 0, 0, 0.03); }

.panel-wrapper--programs.panel-wrapper--program-manage-page {
  margin-top: 60px; }
  .panel-wrapper--programs.panel-wrapper--program-manage-page .panel-wrapper__header {
    height: 50px;
    line-height: 50px; }

@keyframes onAutoFillStart {
  from {
    /**/ }
  to {
    /**/ } }

.form {
  margin-top: 0; }
  .form + .form {
    margin-top: 1.25rem; }
  .form li {
    padding-bottom: 12px; }
    .form li:last-child {
      padding-bottom: 0; }
  .form p {
    color: #777777;
    font-size: 0.875rem;
    margin-bottom: 1rem; }
    .form p:last-of-type {
      margin-bottom: 0; }
      .form p:last-of-type + blockquote {
        margin-top: 1rem; }
  .form h3 {
    height: initial;
    line-height: initial;
    margin-bottom: 5px; }
  .form > p:first-child,
  .form > label:first-child {
    margin-top: 0; }
  .form span {
    color: inherit; }
  .form small.error {
    color: #CC0000;
    background: transparent;
    font-style: normal; }
  .form label {
    color: #777777;
    font-size: 0.875rem;
    margin-bottom: 8px;
    text-align: left;
    cursor: default;
    height: 20px;
    line-height: 20px; }
    .form label.error {
      color: #CC0000;
      font-weight: 600; }
      .form label.error + input,
      .form label.error + select,
      .form label.error + textarea {
        background-color: #fff0f0;
        background: #fff0f0;
        color: #CC0000;
        border: 1px solid #CC0000;
        box-shadow: none;
        -moz-appearance: none; }
        @media print {
          .form label.error + input,
          .form label.error + select,
          .form label.error + textarea {
            background-color: #fff0f0 !important;
            background: #fff0f0 !important; } }
    .form label.metadata {
      font-size: 0.75rem;
      color: #B4B4B4; }
    .form label + .inline-wrapper {
      margin-top: 0; }
  .form input[type=checkbox], .form input[type="radio"] {
    margin: 0;
    padding: 0;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    width: auto;
    height: 20px;
    line-height: 20px; }
    label .form input[type=checkbox], label .form input[type="radio"] {
      margin: 0 .25rem; }
  .form input:disabled {
    background-color: #F7F7F7;
    color: #777777; }
    .form input:disabled:hover, .form input:disabled:focus {
      box-shadow: none;
      cursor: not-allowed; }
  .form input:-webkit-autofill {
    animation-name: onAutoFillStart; }
  .form input.inline-input {
    height: 38px;
    line-height: 38px;
    margin-bottom: 1rem; }
  .form input,
  .form input[type="text"],
  .form input[type="password"],
  .form input[type="number"],
  .form input[type="email"],
  .form input[type="search"] {
    border: 1px solid rgba(0, 0, 0, 0.15);
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    border-radius: 4px;
    font-size: 0.875rem;
    color: #777777;
    margin: 0 0 0.9375rem 0;
    box-shadow: none;
    background-image: none !important;
    background: #FFFFFF;
    width: 100%; }
  .form input[type="range"] {
    border: none;
    height: auto;
    padding: inherit;
    border-radius: none;
    margin: inherit;
    background: #FFFFFF;
    width: auto; }
  .form input:focus,
  .form textarea:focus {
    outline: none;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 5px #EFEFEF;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  .form input.inline,
  .form select.inline {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    max-width: 65px;
    margin: 0 0.625rem;
    padding: 0 0.625rem;
    text-align: left; }
    .form input.inline:first-child,
    .form select.inline:first-child {
      margin-left: 0; }
    .form input.inline:last-child,
    .form select.inline:last-child {
      margin-right: 0; }
    .form input.inline.inline--small,
    .form select.inline.inline--small {
      height: 35px; }
    .form input.inline.inline--medium,
    .form select.inline.inline--medium {
      height: 38px; }
    .form input.inline.inline--large,
    .form select.inline.inline--large {
      height: 40px; }
    .form input.inline.inline--narrow,
    .form select.inline.inline--narrow {
      max-width: 50px; }
    .form input.inline.inline--normal,
    .form select.inline.inline--normal {
      max-width: 100px; }
    .form input.inline.inline--wide,
    .form select.inline.inline--wide {
      max-width: 150px; }
    .form input.inline.inline--full-width,
    .form select.inline.inline--full-width {
      max-width: 100%;
      width: 100%;
      text-align: left; }
  .form input + small,
  .form select + small {
    margin-top: -0.9375rem;
    margin-bottom: 8px; }
  .form input[readonly], .form input[disabled],
  .form textarea:not(.code-block)[readonly],
  .form textarea:not(.code-block)[disabled],
  .form select[readonly],
  .form select[disabled] {
    background-color: #F7F7F7;
    color: #777777; }
    .form input[readonly]:hover, .form input[readonly]:focus, .form input[disabled]:hover, .form input[disabled]:focus,
    .form textarea:not(.code-block)[readonly]:hover,
    .form textarea:not(.code-block)[readonly]:focus,
    .form textarea:not(.code-block)[disabled]:hover,
    .form textarea:not(.code-block)[disabled]:focus,
    .form select[readonly]:hover,
    .form select[readonly]:focus,
    .form select[disabled]:hover,
    .form select[disabled]:focus {
      box-shadow: none;
      cursor: not-allowed; }
  .form input[readonly].non-styled,
  .form textarea:not(.code-block)[readonly].non-styled,
  .form select[readonly].non-styled {
    background-color: inherit; }
  .form input.error,
  .form textarea:not(.code-block).error,
  .form select.error {
    background-color: #fff0f0;
    background: #fff0f0;
    border: 1px solid #CC0000;
    color: #CC0000; }
    @media print {
      .form input.error,
      .form textarea:not(.code-block).error,
      .form select.error {
        background-color: #fff0f0 !important;
        background: #fff0f0 !important; } }
  .form input.warning,
  .form textarea:not(.code-block).warning,
  .form select.warning {
    background-color: #fefcf5;
    background: #fefcf5;
    border: 1px solid #EAC234;
    color: #EAC234; }
    @media print {
      .form input.warning,
      .form textarea:not(.code-block).warning,
      .form select.warning {
        background-color: #fefcf5 !important;
        background: #fefcf5 !important; } }
  .form input::-webkit-input-placeholder,
  .form textarea::-webkit-input-placeholder {
    color: #B4B4B4;
    font-size: 0.875rem; }
  .form input::-moz-placeholder,
  .form textarea::-moz-placeholder {
    color: #B4B4B4;
    font-size: 0.875rem; }
  .form input:-ms-input-placeholder,
  .form textarea:-ms-input-placeholder {
    color: #B4B4B4;
    font-size: 0.875rem; }
  .form input::placeholder,
  .form textarea::placeholder {
    color: #B4B4B4;
    font-size: 0.875rem; }
  .form input.error::-webkit-input-placeholder,
  .form textarea.error::-webkit-input-placeholder {
    color: #CC0000; }
  .form input.error::-moz-placeholder,
  .form textarea.error::-moz-placeholder {
    color: #CC0000; }
  .form input.error:-ms-input-placeholder,
  .form textarea.error:-ms-input-placeholder {
    color: #CC0000; }
  .form input.error::placeholder,
  .form textarea.error::placeholder {
    color: #CC0000; }
  .form input.error::placeholder,
  .form textarea.error::placeholder {
    color: #CC0000; }
  .form textarea {
    display: block;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    padding: 12px;
    line-height: 18px;
    font-size: 0.875rem;
    color: #777777;
    min-height: 75px;
    box-shadow: none;
    background: #FFFFFF;
    margin: 0 0 0.9375rem 0; }
    .form textarea.error {
      background-color: #fff0f0;
      background: #fff0f0;
      border: 1px solid #CC0000;
      color: #CC0000; }
      @media print {
        .form textarea.error {
          background-color: #fff0f0 !important;
          background: #fff0f0 !important; } }
    .form textarea.textarea--large {
      height: 200px; }
  .form select {
    background: transparent;
    color: #777777;
    font-size: 0.875rem;
    padding: 0 40px 0 15px;
    height: 40px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    margin: 0 1px 1rem 0;
    -webkit-appearance: none;
    -moz-appearance: none; }
    .form select[multiple] {
      height: 90px;
      padding: 0; }
      .form select[multiple] option {
        padding: 7px; }
        .form select[multiple] option:not(:first-child):not(:last-child) {
          margin: 1px 0; }
    .form select:hover {
      cursor: pointer;
      background-color: transparent;
      color: #777777;
      border-color: rgba(0, 0, 0, 0.15); }
    .form select:disabled {
      background: #F7F7F7;
      color: #777777; }
      .form select:disabled:hover, .form select:disabled:focus {
        box-shadow: none;
        cursor: not-allowed;
        border: 1px solid rgba(0, 0, 0, 0.15); }
    .form select:focus, .form select:active, .form select:visited {
      outline: none;
      color: #777777; }
    .form select.nonstyled {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      padding: 0;
      border: none;
      outline: none;
      -moz-appearance: none; }
  .form small {
    font-size: 12px;
    margin: 0;
    height: 20px;
    line-height: 20px; }
  .form .list.list--drop-down {
    margin-bottom: 0.9375rem;
    display: block; }
    .form .list.list--drop-down > span {
      display: flex;
      position: relative; }
      .form .list.list--drop-down > span:before {
        content: '';
        right: 0;
        top: 0px;
        background: transparent;
        position: absolute;
        pointer-events: none;
        display: block; }
      .form .list.list--drop-down > span:after {
        content: "\f107";
        font-family: "Font Awesome\ 5 Pro";
        font-size: inherit;
        font-weight: 400;
        color: inherit;
        right: 17px;
        top: 1px;
        padding: 0;
        position: absolute;
        pointer-events: visible;
        line-height: 40px; }
    .form .list.list--drop-down.multiple > span:after {
      content: '';
      display: none; }
    .form .list.list--drop-down select {
      border-radius: 4px;
      margin-bottom: 0;
      min-width: 130px; }
      .form .list.list--drop-down select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #000; }
      .form .list.list--drop-down select.error {
        background-color: #fff0f0;
        background: #fff0f0;
        color: #CC0000;
        border: 1px solid #CC0000;
        box-shadow: none;
        -moz-appearance: none; }
        @media print {
          .form .list.list--drop-down select.error {
            background-color: #fff0f0 !important;
            background: #fff0f0 !important; } }
    .form .list.list--drop-down input {
      margin-bottom: 0; }
    .form .list.list--drop-down.list--inline {
      margin: 0;
      display: inline-block;
      vertical-align: middle;
      min-width: 235px; }
      .form .list.list--drop-down.list--inline select {
        margin-bottom: 0; }
    .form .list.list--drop-down.inline select {
      min-width: 150px; }
  .form .list.list--autocomplete ul {
    max-height: 250px;
    overflow-y: auto; }
  .form .button--drop-down.error {
    background-color: #fff0f0;
    background: #fff0f0;
    color: #CC0000;
    border: 1px solid #CC0000;
    box-shadow: none;
    -moz-appearance: none; }
    @media print {
      .form .button--drop-down.error {
        background-color: #fff0f0 !important;
        background: #fff0f0 !important; } }
  .form .inline-wrapper:first-child {
    margin-top: 0.625rem; }
  .form .inline-wrapper > label,
  .form .inline-wrapper > input,
  .form .inline-wrapper > .list--drop-down {
    margin-bottom: 0; }
  .form .inline-wrapper > .list--drop-down span > select {
    margin-bottom: 0; }
  .form .inline-wrapper input.error {
    background-color: #fff0f0;
    background: #fff0f0;
    color: #CC0000;
    border: 1px solid #CC0000;
    box-shadow: none;
    -moz-appearance: none; }
    @media print {
      .form .inline-wrapper input.error {
        background-color: #fff0f0 !important;
        background: #fff0f0 !important; } }
  .form .panel-wrapper__content > .inline-wrapper:first-child {
    margin-top: 0; }
  .form > .row:last-child > .options-wrapper {
    margin-bottom: 0; }
  .form .row.row--vertically-centered {
    display: -webkit- flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: center;
    justify-content: center;
    align-content: stretch; }
    .form .row.row--vertically-centered > *:first-child {
      align-self: center; }
    .form .row.row--vertically-centered label {
      height: auto; }
  .form .rule-properties input {
    margin-bottom: 0; }
  .form .rule-properties td,
  .form .rule-properties th {
    padding: 0 0.625rem 0.625rem; }
  .form .basic-properties-view label {
    height: auto; }
    .form .basic-properties-view label.checkbox {
      margin-right: 25px; }
      .form .basic-properties-view label.checkbox .checkbox__check + .options-wrapper__text {
        position: static;
        padding-left: 25px; }
  .form > *:last-of-type:not(label) {
    margin-bottom: 0; }
    .form > *:last-of-type:not(label) ~ .input-wrapper,
    .form > *:last-of-type:not(label) ~ div:not(.controls):not(.inline-wrapper),
    .form > *:last-of-type:not(label) ~ ul,
    .form > *:last-of-type:not(label) ~ label {
      margin-top: 1rem; }
    .form > *:last-of-type:not(label) + small {
      margin: 0; }
  .form .removable a.remove-icon {
    position: absolute;
    bottom: 24px;
    right: -20px;
    color: inherit; }
  .form .columns:nth-child(3) .remove-icon {
    right: -30px; }
  .form .formulas-row {
    margin-bottom: 25px; }
    .form .formulas-row .divider-row .columns:first-child:after {
      content: "/";
      position: absolute;
      right: -2px;
      top: 35px;
      font-size: 1.125rem; }
    .form .formulas-row .equal-sign {
      position: absolute;
      top: 34px;
      left: 7px;
      font-size: 1.125rem; }
      .form .formulas-row .equal-sign + label,
      .form .formulas-row .equal-sign + label + input {
        margin-left: 20px; }
      .form .formulas-row .equal-sign + label + input + .remove-icon {
        right: -40px; }
      .form .formulas-row .equal-sign.has-percentage + label,
      .form .formulas-row .equal-sign.has-percentage + label + input {
        margin-left: 70px; }
      .form .formulas-row .equal-sign.has-percentage + label + input + .remove-icon {
        right: -90px; }
      .form .formulas-row .equal-sign .percentage {
        font-size: 1.125rem; }
    .form .formulas-row .goal-wrapper {
      display: flex;
      flex-direction: row;
      align-items: center; }
    .form .formulas-row .options-wrapper--switch {
      display: flex; }

@keyframes onAutoFillStart {
  from {
    /**/ }
  to {
    /**/ } }

.grid-selector {
  display: -webkit- flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  align-content: stretch; }
  .grid-selector h3 {
    font-size: 17px;
    font-weight: 500;
    margin: 0 0 10px;
    color: #333333; }
    .grid-selector h3 i {
      color: #777777;
      font-size: 50%;
      margin-left: 4px; }
  .grid-selector p {
    margin: 0;
    padding: 0 0 25px;
    font-size: 15px; }
  .grid-selector.grid-selector--single {
    display: -webkit- flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
    align-content: stretch;
    border-radius: 5px;
    height: auto;
    overflow: auto;
    border: 0.5px solid rgba(0, 0, 0, 0.12); }

.grid-selector__item {
  width: 100%;
  padding: 0 7px 14px; }
  .grid-selector__item:first-child {
    padding-left: 0; }
  .grid-selector__item:last-child {
    padding-right: 0; }
  .grid-selector--single .grid-selector__item {
    display: -webkit- flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    align-content: stretch;
    box-shadow: inset 0 0 0 1px rgba(229, 229, 229, 0.5);
    width: 100%;
    min-height: 85px;
    height: auto;
    padding: 20px 25px; }
    .grid-selector--single .grid-selector__item:hover {
      box-shadow: inset 0 0 0 2px #066FBB;
      border: none;
      cursor: pointer; }
    .grid-selector--single .grid-selector__item:first-child {
      border-radius: 4px 4px 0 0; }
    .grid-selector--single .grid-selector__item:last-child {
      border-radius: 0 0 4px 4px;
      border-bottom: none; }
    .grid-selector--single .grid-selector__item > .icon {
      flex: 0 0 auto;
      width: 40px;
      height: 40px;
      margin-right: 20px;
      text-align: center;
      vertical-align: middle;
      color: #066FBB;
      background-color: rgba(6, 111, 187, 0.1);
      border-radius: 50%; }
      .grid-selector--single .grid-selector__item > .icon > i {
        font-size: 1rem; }
    .grid-selector--single .grid-selector__item > div {
      display: -webkit- flex;
      display: flex;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      align-content: stretch; }
      .grid-selector--single .grid-selector__item > div > * {
        display: block;
        width: 100%; }
      .grid-selector--single .grid-selector__item > div strong {
        display: -webkit- flex;
        display: flex;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        align-content: stretch;
        font-weight: 500;
        font-size: 1rem;
        color: #777777;
        line-height: 25px; }
        .grid-selector--single .grid-selector__item > div strong:after {
          content: "\f054";
          font-family: Font Awesome\ 5 Pro;
          margin-left: 8px;
          font-size: 0.7em; }
      .grid-selector--single .grid-selector__item > div p {
        color: #B4B4B4;
        font-size: 0.875rem;
        margin: 0;
        line-height: 20px;
        padding: initial; }
  .grid-selector--two-columns .grid-selector__item {
    max-width: 50%; }
    @media only screen and (max-width: 768px) {
      .grid-selector--two-columns .grid-selector__item {
        max-width: 100%; } }
  .grid-selector--three-columns .grid-selector__item {
    max-width: 33.3333333333%; }
    @media only screen and (max-width: 768px) {
      .grid-selector--three-columns .grid-selector__item {
        max-width: 100%; } }
  .grid-selector--four-columns .grid-selector__item {
    max-width: 25%; }
    @media only screen and (max-width: 768px) {
      .grid-selector--four-columns .grid-selector__item {
        max-width: 100%; } }
  .grid-selector__item .fa-lock {
    position: relative;
    top: -2px;
    font-size: 70%; }

.grid-selector__content {
  display: -webkit- flex;
  display: flex;
  -webkit-flex-flow: column;
  flex-flow: column;
  -webkit-align-items: unset;
  align-items: unset;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-content: stretch;
  height: 260px;
  padding: 20px 20px 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.07), inset 0 -2px 0 rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px; }
  .grid-selector__content.disabled {
    background-color: #F7F7F7;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.06); }
    .grid-selector__content.disabled:hover, .grid-selector__content.disabled:focus, .grid-selector__content.disabled:active {
      cursor: not-allowed; }
    .grid-selector__content.disabled > * {
      opacity: 0.5; }

.grid-selector__highlight {
  cursor: pointer; }
  .grid-selector__highlight.grid-selector__highlight--pink {
    border-top: 2px solid #E00049; }
    .grid-selector__highlight.grid-selector__highlight--pink:hover, .grid-selector__highlight.grid-selector__highlight--pink:focus, .grid-selector__highlight.grid-selector__highlight--pink:active {
      background-color: #fff1f5;
      background: #fff1f5; }
      @media print {
        .grid-selector__highlight.grid-selector__highlight--pink:hover, .grid-selector__highlight.grid-selector__highlight--pink:focus, .grid-selector__highlight.grid-selector__highlight--pink:active {
          background-color: #fff1f5 !important;
          background: #fff1f5 !important; } }
    .grid-selector__highlight.grid-selector__highlight--pink h3 {
      color: #E00049; }
  .grid-selector__highlight.grid-selector__highlight--purple {
    border-top: 2px solid #4C4793; }
    .grid-selector__highlight.grid-selector__highlight--purple:hover, .grid-selector__highlight.grid-selector__highlight--purple:focus, .grid-selector__highlight.grid-selector__highlight--purple:active {
      background-color: #f5f5fa;
      background: #f5f5fa; }
      @media print {
        .grid-selector__highlight.grid-selector__highlight--purple:hover, .grid-selector__highlight.grid-selector__highlight--purple:focus, .grid-selector__highlight.grid-selector__highlight--purple:active {
          background-color: #f5f5fa !important;
          background: #f5f5fa !important; } }
    .grid-selector__highlight.grid-selector__highlight--purple h3 {
      color: #4C4793; }
  .grid-selector__highlight.grid-selector__highlight--blue {
    border-top: 2px solid #066FBB; }
    .grid-selector__highlight.grid-selector__highlight--blue:hover, .grid-selector__highlight.grid-selector__highlight--blue:focus, .grid-selector__highlight.grid-selector__highlight--blue:active {
      background-color: aliceblue;
      background: aliceblue; }
      @media print {
        .grid-selector__highlight.grid-selector__highlight--blue:hover, .grid-selector__highlight.grid-selector__highlight--blue:focus, .grid-selector__highlight.grid-selector__highlight--blue:active {
          background-color: aliceblue !important;
          background: aliceblue !important; } }
    .grid-selector__highlight.grid-selector__highlight--blue h3 {
      color: #066FBB; }
  .grid-selector__highlight.grid-selector__highlight--gray {
    border-top: 2px solid #333333; }
    .grid-selector__highlight.grid-selector__highlight--gray:hover, .grid-selector__highlight.grid-selector__highlight--gray:focus, .grid-selector__highlight.grid-selector__highlight--gray:active {
      background-color: whitesmoke;
      background: whitesmoke; }
      @media print {
        .grid-selector__highlight.grid-selector__highlight--gray:hover, .grid-selector__highlight.grid-selector__highlight--gray:focus, .grid-selector__highlight.grid-selector__highlight--gray:active {
          background-color: whitesmoke !important;
          background: whitesmoke !important; } }
    .grid-selector__highlight.grid-selector__highlight--gray h3 {
      color: #333333; }

.grid-selector__footer {
  display: -webkit- flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-content: stretch;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  padding: 0.625rem 0 0; }
  .grid-selector__footer .locales * {
    font-size: .75rem; }

@media only screen and (max-width: 768px) {
  .grid-selector {
    display: -webkit- flex;
    display: flex;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    align-content: stretch; }
  .grid-selector__item {
    width: 100%;
    padding: 0 0 14px; } }

@keyframes onAutoFillStart {
  from {
    /**/ }
  to {
    /**/ } }

.contain-to-grid {
  background: #FFFFFF; }
  .contain-to-grid .header {
    max-width: 1000px;
    margin: 0 auto; }

#select2-drop.header__select2-results {
  border: none;
  min-width: 250px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.12);
  border-radius: 3px;
  padding-top: 4px; }
  #select2-drop.header__select2-results:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: transparent transparent white transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -12px;
    left: auto;
    right: 9px;
    z-index: 89; }
  #select2-drop.header__select2-results:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 7px;
    border-color: transparent transparent #cccccc transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -14px;
    right: 8px;
    left: auto;
    z-index: 88; }
  #select2-drop.header__select2-results .select2-results {
    margin: 0 auto;
    padding: 0;
    color: #777777; }
    #select2-drop.header__select2-results .select2-results > li {
      border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
    #select2-drop.header__select2-results .select2-results .select2-highlighted {
      background: #FFFFFF;
      color: #333333; }
    #select2-drop.header__select2-results .select2-results .select2-no-results {
      padding: 0.625rem;
      background: #EFEFEF; }
  #select2-drop.header__select2-results .select2-result-label {
    font-size: 14px;
    padding: 0 20px;
    height: 45px;
    line-height: 45px; }
  #select2-drop.header__select2-results .select2-search {
    padding: 10px 15px 0; }
    #select2-drop.header__select2-results .select2-search input {
      background: #FFFFFF;
      border: 1px solid rgba(0, 0, 0, 0.15);
      color: #777777;
      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      padding: 0 12px;
      height: 40px;
      line-height: 40px;
      font-size: 0.875rem;
      border-radius: 4px; }
      #select2-drop.header__select2-results .select2-search input:focus, #select2-drop.header__select2-results .select2-search input:active {
        box-shadow: 0 0 5px #EFEFEF; }

.header {
  background: #FFFFFF;
  color: #777777;
  height: 70px;
  line-height: 70px;
  width: 100%;
  min-width: 960px;
  position: relative;
  margin-bottom: 1.5625rem;
  border-top: 3px solid #E00049;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
  .header .header__nav {
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.97);
    background: rgba(255, 255, 255, 0.97);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 960px;
    z-index: 999;
    height: 70px;
    border-top: 3px solid #E00049;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.03), 0 2px 4px rgba(0, 0, 0, 0.03); }
    @media print {
      .header .header__nav {
        background-color: rgba(255, 255, 255, 0.97) !important;
        background: rgba(255, 255, 255, 0.97) !important; } }
    .header .header__nav > ul,
    .header .header__nav .account-menu-container > ul {
      font-size: inherit; }
      .header .header__nav > ul.inline-list,
      .header .header__nav .account-menu-container > ul.inline-list {
        margin: 0; }
        .header .header__nav > ul.inline-list.main-navigation,
        .header .header__nav .account-menu-container > ul.inline-list.main-navigation {
          max-width: 1000px; }
        .header .header__nav > ul.inline-list:first-child,
        .header .header__nav .account-menu-container > ul.inline-list:first-child {
          border-left: 0; }
      .header .header__nav > ul > li,
      .header .header__nav .account-menu-container > ul > li {
        margin: 0;
        height: 66px;
        border-right: 1px solid rgba(0, 0, 0, 0.12);
        padding: 0 1.5625rem; }
        .header .header__nav > ul > li:first-child,
        .header .header__nav .account-menu-container > ul > li:first-child {
          border-left: 1px solid rgba(0, 0, 0, 0.12); }
        .header .header__nav > ul > li.client-name-selector,
        .header .header__nav .account-menu-container > ul > li.client-name-selector {
          padding: 0; }
        .header .header__nav > ul > li > *,
        .header .header__nav .account-menu-container > ul > li > * {
          display: initial; }
        .header .header__nav > ul > li.header__logo,
        .header .header__nav .account-menu-container > ul > li.header__logo {
          border: none; }
          .header .header__nav > ul > li.header__logo > a,
          .header .header__nav .account-menu-container > ul > li.header__logo > a {
            display: inline-block;
            margin: 16px 0 0; }
            .header .header__nav > ul > li.header__logo > a img,
            .header .header__nav .account-menu-container > ul > li.header__logo > a img {
              max-width: 100px;
              width: 100%; }
        .header .header__nav > ul > li.right,
        .header .header__nav .account-menu-container > ul > li.right {
          border-left: 1px solid rgba(0, 0, 0, 0.12);
          border-right: 0; }
        .header .header__nav > ul > li a,
        .header .header__nav .account-menu-container > ul > li a {
          border: 0; }
        .header .header__nav > ul > li .button,
        .header .header__nav .account-menu-container > ul > li .button {
          padding: 0;
          height: 66px;
          line-height: 66px;
          display: block;
          position: relative; }
          .header .header__nav > ul > li .button.dropdown,
          .header .header__nav .account-menu-container > ul > li .button.dropdown {
            padding: 0 15px 0 0;
            margin-right: 10px; }
            .header .header__nav > ul > li .button.dropdown:after,
            .header .header__nav .account-menu-container > ul > li .button.dropdown:after {
              border-width: 0;
              right: 0;
              margin-top: 0; }
          .header .header__nav > ul > li .button.inactive,
          .header .header__nav .account-menu-container > ul > li .button.inactive {
            display: none; }
        @media (max-width: 1285px) {
          .header .header__nav > ul > li,
          .header .header__nav .account-menu-container > ul > li {
            padding: 0 18px; } }
        @media (max-width: 1179px) {
          .header .header__nav > ul > li,
          .header .header__nav .account-menu-container > ul > li {
            padding: 0 15px; } }
        @media (max-width: 1024px) {
          .header .header__nav > ul > li,
          .header .header__nav .account-menu-container > ul > li {
            padding: 0 10px; } }
    .header .header__nav .account-menu-container > ul > li:first-child {
      border-left: 1px solid rgba(0, 0, 0, 0.12); }
    .header .header__nav .button {
      margin: 0;
      display: inline-block;
      font-size: 0.875rem;
      font-weight: 400;
      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      box-sizing: border-box;
      background: transparent;
      color: #777777; }
      .header .header__nav .button:hover {
        font-weight: 400;
        color: #333333; }
      .header .header__nav .button.active {
        color: #E00049;
        font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        font-weight: 600; }
      .header .header__nav .button.dropdown:before {
        content: '';
        right: 0;
        top: 0px;
        background: transparent;
        position: absolute;
        pointer-events: none;
        display: block; }
      .header .header__nav .button.dropdown:after {
        content: "\f107";
        font-family: "Font Awesome\ 5 Pro";
        font-size: inherit;
        font-weight: 400;
        color: inherit;
        right: 0;
        top: 0;
        padding: 0;
        position: absolute;
        pointer-events: visible;
        border: none;
        height: inherit;
        line-height: inherit; }
  .header ul {
    list-style: none; }
  .header i {
    margin: 0 0 0 10px;
    font-size: 1rem;
    position: relative;
    top: -1px;
    vertical-align: middle; }
  .header:after {
    content: "";
    display: block;
    clear: both; }
  .header .header__client {
    vertical-align: top; }
    .header .header__client + i {
      top: 0; }
    @media (max-width: 1555px) {
      .header .header__client {
        max-width: 185px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: inline-block;
        vertical-align: middle; } }
  @media (max-width: 1555px) and (max-width: 1179px) {
    .header .header__client {
      max-width: 145px; } }
  .header .select2-container .select2-choice {
    position: relative;
    left: -50px;
    width: calc(100% + 37px) !important;
    border-radius: 4px 4px 0 0;
    padding: 0 1.5625rem;
    color: #777777;
    height: 66px;
    line-height: 66px;
    background-color: transparent;
    background-image: none;
    border-bottom: none;
    font-size: inherit; }
    .header .select2-container .select2-choice > .select2-chosen {
      color: #777777;
      margin-right: 20px;
      padding-right: 10px;
      font-size: inherit; }
      .header .select2-container .select2-choice > .select2-chosen:hover {
        color: #333333; }
      @media (max-width: 1555px) {
        .header .select2-container .select2-choice > .select2-chosen {
          max-width: 185px;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          display: inline-block;
          vertical-align: middle; } }
  @media (max-width: 1555px) and (max-width: 1179px) {
    .header .select2-container .select2-choice > .select2-chosen {
      max-width: 145px; } }
    .header .select2-container .select2-choice .select2-arrow {
      border: none;
      background-image: none;
      background: transparent; }
      .header .select2-container .select2-choice .select2-arrow b {
        position: relative;
        border: none;
        background: transparent;
        background-image: none; }
        .header .select2-container .select2-choice .select2-arrow b:before {
          content: '';
          right: 4px;
          top: 0px;
          width: 25px;
          height: 20px;
          line-height: 20px;
          background: transparent;
          position: absolute;
          pointer-events: none;
          display: block; }
        .header .select2-container .select2-choice .select2-arrow b:after {
          content: "\f107";
          font-family: "Font Awesome\ 5 Pro";
          font-size: inherit;
          font-weight: 400;
          color: inherit;
          right: 15px;
          top: 0;
          padding: 0;
          position: absolute;
          pointer-events: visible; }
    @media (max-width: 1285px) {
      .header .select2-container .select2-choice {
        padding: 0 18px; } }
    @media (max-width: 1179px) {
      .header .select2-container .select2-choice {
        padding: 0 15px; } }
    @media (max-width: 1024px) {
      .header .select2-container .select2-choice {
        padding: 0 10px;
        margin-right: 15px; } }
  .header .select2-container.select2-container-active {
    box-shadow: none; }
    .header .select2-container.select2-container-active .select2-choice,
    .header .select2-container.select2-container-active .select2-choices {
      box-shadow: none; }
  .header .f-dropdown {
    border-radius: 3px;
    margin-left: -20px;
    max-width: none;
    width: 240px; }
    .header .f-dropdown.open {
      position: absolute !important;
      left: auto !important;
      right: 5px;
      margin-left: -50%;
      transform: none;
      border: none;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.12);
      border-radius: 3px; }
      .header .f-dropdown.open:after {
        border-color: transparent transparent rgba(0, 0, 0, 0.08) transparent; }
      .header .f-dropdown.open.right {
        width: 100% !important;
        max-width: 250px !important;
        transform: none !important;
        margin-left: 30px; }
        .header .f-dropdown.open.right:before {
          right: 9px; }
        .header .f-dropdown.open.right:after {
          right: 8px;
          left: auto; }
    .header .f-dropdown > li {
      border-bottom: 1px solid rgba(0, 0, 0, 0.08);
      background: transparent; }
      .header .f-dropdown > li > a {
        text-decoration: none;
        border-bottom: 0;
        color: #777777; }
      .header .f-dropdown > li > * {
        padding: 0 20px;
        height: 45px;
        line-height: 45px; }
      .header .f-dropdown > li:last-child {
        border-bottom: none; }
      .header .f-dropdown > li:hover, .header .f-dropdown > li:focus {
        background: transparent; }
        .header .f-dropdown > li:hover > a, .header .f-dropdown > li:focus > a {
          color: #333333; }
  .header .user-email-dropdown-positioner {
    width: 100%;
    max-width: 250px;
    position: absolute;
    top: 60px;
    right: 15px; }
    .header .user-email-dropdown-positioner > ul.open {
      position: initial !important;
      width: initial !important;
      max-width: initial !important; }
      .header .user-email-dropdown-positioner > ul.open:before {
        top: -10px; }
      .header .user-email-dropdown-positioner > ul.open:after {
        top: -12px;
        border-color: transparent transparent #cccccc transparent; }
  .header .nav-flag {
    position: relative; }
  .header .nav-flag__image {
    display: block;
    width: 45px;
    height: auto;
    position: absolute;
    top: 0;
    right: 0; }
  .header.header-side {
    background: #FFFFFF;
    color: #777777;
    max-width: 200px;
    height: auto;
    margin-bottom: 0;
    position: relative;
    min-width: auto;
    border: none; }
    .header.header-side .header__nav {
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      background: #FFFFFF;
      position: fixed;
      top: 0;
      left: 0;
      width: 200px;
      min-width: auto;
      z-index: 999;
      height: 100%;
      border-right: 1px solid rgba(0, 0, 0, 0.15);
      border-top: 0;
      box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.03), 0 2px 4px rgba(0, 0, 0, 0.03); }
      .header.header-side .header__nav ul {
        margin: 0; }
      .header.header-side .header__nav .main-navigation {
        margin: 10px 0;
        overflow-y: scroll;
        height: calc(100% - 150px);
        -ms-overflow-style: none; }
        .header.header-side .header__nav .main-navigation.main-navigation--with-clients {
          height: calc(100% - 250px); }
        .header.header-side .header__nav .main-navigation.main-navigation--with-support-info {
          height: calc(100% - 400px); }
        .header.header-side .header__nav .main-navigation::-webkit-scrollbar {
          display: none; }
        .header.header-side .header__nav .main-navigation .inner-menu .inner-menu__nav {
          padding: 0 15px 15px 40px;
          font-size: 12px; }
          .header.header-side .header__nav .main-navigation .inner-menu .inner-menu__nav li {
            line-height: 15px;
            padding-top: 15px; }
            .header.header-side .header__nav .main-navigation .inner-menu .inner-menu__nav li a {
              color: #777777; }
              .header.header-side .header__nav .main-navigation .inner-menu .inner-menu__nav li a:hover, .header.header-side .header__nav .main-navigation .inner-menu .inner-menu__nav li a.active {
                color: #333333;
                text-shadow: 0.001em 0 0px #333333; }
            .header.header-side .header__nav .main-navigation .inner-menu .inner-menu__nav li.toggle-more a {
              color: #066FBB; }
      .header.header-side .header__nav .client-support-info {
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        position: absolute;
        bottom: 160px;
        width: 100%;
        padding: 0 20px;
        line-height: 1.6;
        background-color: #FFFFFF; }
        .header.header-side .header__nav .client-support-info small {
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap; }
      .header.header-side .header__nav .account-menu-container {
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        position: absolute;
        bottom: 0;
        width: 200px;
        background-color: #FFFFFF;
        border-right: 1px solid rgba(0, 0, 0, 0.12); }
        .header.header-side .header__nav .account-menu-container ul {
          margin: 0;
          padding-top: 20px; }
        .header.header-side .header__nav .account-menu-container li {
          padding: 0;
          border-right: 0;
          border: none;
          border-left: none !important; }
          .header.header-side .header__nav .account-menu-container li.account {
            overflow: hidden;
            border-right: 1px solid transparent;
            line-height: inherit; }
          .header.header-side .header__nav .account-menu-container li .button.dropdown {
            padding: 0 5px;
            margin-right: 0;
            display: flex;
            align-items: center;
            line-height: inherit; }
            .header.header-side .header__nav .account-menu-container li .button.dropdown .account__initial-name {
              position: absolute;
              left: 18px;
              width: 30px;
              height: 30px;
              line-height: 29px;
              text-align: center;
              border-radius: 50%;
              border: 1px solid #E00049;
              color: #E00049;
              font-size: 1.35em;
              margin-right: 10px;
              text-transform: uppercase; }
            .header.header-side .header__nav .account-menu-container li .button.dropdown .account__user-name {
              margin-left: 55px;
              margin-right: 20px;
              text-overflow: ellipsis;
              overflow: hidden;
              white-space: nowrap; }
            .header.header-side .header__nav .account-menu-container li .button.dropdown .header-link-caret {
              top: 13px; }
        .header.header-side .header__nav .account-menu-container:before {
          transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out;
          content: "";
          width: 115px;
          height: 1px;
          background-color: rgba(0, 0, 0, 0.15);
          position: absolute;
          top: 5px;
          right: 50%;
          transform: translate(50%); }
      .header.header-side .header__nav li {
        margin: 0;
        border: none;
        height: auto;
        padding: 0; }
        .header.header-side .header__nav li .header-link-caret {
          position: absolute;
          top: 0;
          right: 0;
          width: 40px;
          height: 40px;
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: right; }
          .header.header-side .header__nav li .header-link-caret i.fa {
            font-size: 10px;
            font-weight: normal; }
        .header.header-side .header__nav li.header__logo {
          border-left: none;
          border-bottom: 1px solid rgba(0, 0, 0, 0.15);
          padding: 15px 0;
          height: 60px; }
          .header.header-side .header__nav li.header__logo > a {
            display: block;
            margin: 0;
            text-align: center; }
            .header.header-side .header__nav li.header__logo > a .header__logo--collapsed {
              transition: all 0.5s ease-in-out;
              -webkit-transition: all 0.5s ease-in-out;
              position: absolute;
              left: 19px;
              width: 28px;
              opacity: 0; }
            .header.header-side .header__nav li.header__logo > a .header__logo--fullwidth {
              transition: all 0.5s ease-in-out;
              -webkit-transition: all 0.5s ease-in-out;
              position: absolute;
              left: 20px;
              top: 17px;
              width: 100px; }
        .header.header-side .header__nav li a {
          border: 0; }
        .header.header-side .header__nav li .button {
          padding: 0 0.75rem 0 20px;
          display: flex;
          align-items: center;
          position: relative;
          height: auto;
          border-left: none;
          line-height: 42px;
          text-align: left;
          white-space: nowrap; }
        .header.header-side .header__nav li .nav-flag__image {
          width: 42px;
          z-index: 999;
          pointer-events: none;
          top: 7px; }
        .header.header-side .header__nav li.account .button.dropdown:after {
          display: none; }
        .header.header-side .header__nav li.client-name-selector:hover {
          background-color: #EFEFEF;
          color: #777777;
          cursor: pointer; }
          .header.header-side .header__nav li.client-name-selector:hover .select2-arrow {
            color: #333333; }
        .header.header-side .header__nav li.client-name-selector .client-data-wrapper {
          display: -webkit- flex;
          display: flex;
          -webkit-flex-flow: row nowrap;
          flex-flow: row nowrap;
          -webkit-align-items: center;
          align-items: center;
          -webkit-justify-content: center;
          justify-content: center;
          align-content: stretch;
          padding-left: 33px; }
          .header.header-side .header__nav li.client-name-selector .client-data-wrapper .client-brand-image {
            max-height: 30px;
            max-width: 30px; }
      .header.header-side .header__nav .button {
        border-radius: 0;
        background: transparent; }
        .header.header-side .header__nav .button .header-link-copy {
          transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out;
          margin-left: 40px; }
        .header.header-side .header__nav .button:hover {
          color: #333333;
          background-color: #EFEFEF; }
        .header.header-side .header__nav .button.active {
          color: #E00049;
          font-weight: 600;
          border-right: 3px solid #E00049;
          background-color: #EFEFEF; }
          .header.header-side .header__nav .button.active .header-link-copy {
            color: #333333; }
        .header.header-side .header__nav .button i.menu-item__icon {
          font-size: 1.35rem;
          vertical-align: middle;
          width: 25px;
          text-align: center;
          position: absolute;
          top: 4px;
          margin-left: 0; }
          .header.header-side .header__nav .button i.menu-item__icon.menu-item__icon--tooltip {
            visibility: hidden;
            top: 1px; }
      .header.header-side .header__nav .button__toggle-navbar {
        display: none;
        position: absolute;
        z-index: 9999;
        right: -12px;
        top: 17px;
        height: 25px;
        width: 25px;
        line-height: 25px;
        font-size: 9px;
        border-radius: 50%;
        background-color: #FFFFFF; }
        .header.header-side .header__nav .button__toggle-navbar i {
          line-height: 25px;
          font-size: 9px;
          margin: 0;
          text-align: center; }
      .header.header-side .header__nav:hover .button__toggle-navbar {
        display: block; }
    .header.header-side .select2-container .select2-choice {
      background-color: transparent;
      background-image: none;
      padding: 0 1.5625rem 0 63px;
      margin-right: 0;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
      .header.header-side .select2-container .select2-choice .select2-chosen {
        display: block;
        margin-right: 0;
        padding-right: 0;
        width: 115px; }
        @media (max-width: 1555px) {
          .header.header-side .select2-container .select2-choice .select2-chosen {
            max-width: 115px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            display: inline-block;
            vertical-align: middle; } }
  @media (max-width: 1555px) and (max-width: 1179px) {
    .header.header-side .select2-container .select2-choice .select2-chosen {
      max-width: 145px; } }
      .header.header-side .select2-container .select2-choice .select2-arrow b:after {
        content: "\f077";
        transform: rotate(90deg);
        right: 11px;
        font-size: 10px;
        font-weight: 300; }
    .header.header-side .f-dropdown {
      border-radius: 3px;
      margin-left: -20px;
      max-width: none;
      width: 175px;
      z-index: 101; }
      .header.header-side .f-dropdown.open {
        position: fixed !important;
        left: 200px !important;
        right: auto;
        bottom: 8px;
        top: auto !important;
        margin-left: 100%;
        transform: none;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.12);
        border-radius: 3px; }
        .header.header-side .f-dropdown.open li > a {
          position: relative; }
          .header.header-side .f-dropdown.open li > a i {
            position: absolute;
            line-height: inherit; }
          .header.header-side .f-dropdown.open li > a span {
            padding-left: 40px; }
        .header.header-side .f-dropdown.open:before {
          left: -12px !important;
          top: auto;
          bottom: 20px; }
        .header.header-side .f-dropdown.open:before {
          border-color: transparent #FFFFFF transparent transparent;
          z-index: 100; }
        .header.header-side .f-dropdown.open.right {
          width: 100% !important;
          max-width: 250px !important;
          min-width: 200px;
          transform: none !important;
          margin-left: 20px; }
          .header.header-side .f-dropdown.open.right:before {
            right: 9px; }
          .header.header-side .f-dropdown.open.right:after {
            right: auto;
            left: -14px;
            bottom: 19px;
            top: auto;
            border-color: transparent rgba(0, 0, 0, 0.08) transparent transparent; }
      .header.header-side .f-dropdown li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
        .header.header-side .f-dropdown li i {
          margin-right: 10px; }
  .header:not(.header-side) .client-brand-image {
    display: none; }
  .header:not(.header-side) .select2-choice {
    position: static;
    width: 100%; }
    .header:not(.header-side) .select2-choice .select2-chosen {
      padding-right: 0; }

.header-side__wrapper ~ .action-view {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  top: 0;
  left: 200px; }
  .header-side__wrapper ~ .action-view .action-view__header-content,
  .header-side__wrapper ~ .action-view .action-view__content {
    margin: 0;
    margin-left: 150px; }
  .header-side__wrapper ~ .action-view .action-view__header {
    justify-content: flex-start; }
  .header-side__wrapper ~ .action-view.action-view--wide .action-view__header-content,
  .header-side__wrapper ~ .action-view.action-view--wide .action-view__content {
    max-width: 1080px;
    margin-left: 1.5625rem; }

.header-side__wrapper ~ #select2-drop.header__select2-results {
  position: fixed;
  right: auto !important;
  left: 220px !important;
  bottom: 75px !important;
  top: auto !important; }
  .header-side__wrapper ~ #select2-drop.header__select2-results:before {
    top: auto;
    border-color: transparent white transparent transparent;
    bottom: 23px;
    left: -12px; }
  .header-side__wrapper ~ #select2-drop.header__select2-results:after {
    top: auto;
    border-color: transparent rgba(0, 0, 0, 0.08) transparent transparent;
    bottom: 22px;
    left: -14px; }
  .header-side__wrapper ~ #select2-drop.header__select2-results .select2-result-label {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }

.header-side__wrapper ~ #campaign-edit {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  margin: 0 215px 30px; }
  @media only screen and (min-width: 1000px) {
    .header-side__wrapper ~ #campaign-edit {
      width: calc(100% - 125px * 2);
      max-width: 100%; } }

.header-side__wrapper ~ #whitepage {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  max-width: 100%;
  min-width: 1199px;
  padding: 0 25px 0 225px; }
  @media only screen and (max-width: 1555px) {
    .header-side__wrapper ~ #whitepage {
      padding: 0 25px 0 240px;
      min-width: 1199px; } }

.header-side__wrapper ~ .page-wrapper .content-wrapper {
  max-width: 100%;
  min-width: 1199px;
  padding: 0 25px 0 225px; }
  @media only screen and (max-width: 1555px) {
    .header-side__wrapper ~ .page-wrapper .content-wrapper {
      padding: 0 25px 0 240px;
      min-width: 1199px; } }

.header-side__wrapper ~ .content-wrapper {
  max-width: 100%;
  min-width: 1199px;
  padding: 30px 25px 0 225px; }
  @media only screen and (max-width: 1555px) {
    .header-side__wrapper ~ .content-wrapper {
      padding: 30px 25px 0 240px;
      min-width: 1199px; } }

.header-side__wrapper ~ .alert-message-wrapper .alert-message.sticky-wide {
  top: 0; }

.header-side__wrapper.collapsed .header__nav,
.header-side__wrapper.collapsed .header__nav .account-menu-container {
  width: 70px; }
  .header-side__wrapper.collapsed .header__nav:before,
  .header-side__wrapper.collapsed .header__nav .account-menu-container:before {
    width: 70px; }
  .header-side__wrapper.collapsed .header__nav .main-navigation,
  .header-side__wrapper.collapsed .header__nav .account-menu-container .main-navigation {
    overflow: hidden; }

.header-side__wrapper.collapsed .header__nav .header-link-copy,
.header-side__wrapper.collapsed .header__nav .header-link-caret {
  visibility: hidden; }

.header-side__wrapper.collapsed .header__nav .has-tip {
  width: 25px;
  height: 25px; }

.header-side__wrapper.collapsed .header__nav li .nav-flag__image {
  display: none; }

.header-side__wrapper.collapsed .header__nav li.header__logo > a .header__logo--collapsed {
  opacity: 1; }

.header-side__wrapper.collapsed .header__nav li.header__logo > a .header__logo--fullwidth {
  opacity: 0; }

.header-side__wrapper.collapsed .header__nav li a.button i.menu-item__icon {
  visibility: hidden; }
  .header-side__wrapper.collapsed .header__nav li a.button i.menu-item__icon.menu-item__icon--tooltip {
    visibility: visible;
    line-height: inherit; }

.header-side__wrapper.collapsed .header__nav .client-support-info {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out; }
  .header-side__wrapper.collapsed .header__nav .client-support-info small {
    visibility: hidden;
    height: 0; }

.header-side__wrapper.collapsed .header__nav .account-menu-container li a {
  text-align: left; }

.header-side__wrapper.collapsed .header__nav .account-menu-container li.account .account__user-name {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  visibility: hidden; }

.header-side__wrapper.collapsed .header__nav .account-menu-container .f-dropdown.open.right {
  left: 70px !important; }

.header-side__wrapper.collapsed .header__nav .account-menu-container .select2-chosen {
  visibility: hidden;
  padding: 0; }

.header-side__wrapper.collapsed .header__nav .account-menu-container .select2-arrow b:after {
  visibility: hidden; }

.header-side__wrapper.collapsed ~ #select2-drop.header__select2-results {
  left: 85px !important; }

.header-side__wrapper.collapsed ~ #campaign-edit {
  margin: 0 85px;
  padding: 30px 0; }
  @media only screen and (min-width: 1000px) {
    .header-side__wrapper.collapsed ~ #campaign-edit {
      width: calc(100% - (70px - 10px) * 2); } }

.header-side__wrapper.collapsed ~ .action-view {
  left: 70px; }

.header-side__wrapper.collapsed ~ .page-wrapper .content-wrapper {
  padding: 0 40px 0 110px; }
  @media only screen and (max-width: 1555px) {
    .header-side__wrapper.collapsed ~ .page-wrapper .content-wrapper {
      padding: 0 25px 0 110px;
      min-width: 1069px; } }

.header-side__wrapper.collapsed ~ #whitepage {
  padding: 0 40px 0 110px; }
  @media only screen and (max-width: 1555px) {
    .header-side__wrapper.collapsed ~ #whitepage {
      padding: 0 25px 0 110px;
      min-width: 1069px; } }

.header-side__wrapper.collapsed ~ .content-wrapper {
  padding: 30px 40px 0 110px; }
  @media only screen and (max-width: 1555px) {
    .header-side__wrapper.collapsed ~ .content-wrapper {
      padding: 30px 25px 0 110px;
      min-width: 1069px; } }

@keyframes blinkingEllipsis {
  50% {
    color: transparent; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  66% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes slideIn {
  0% {
    left: -20px; }
  100% {
    left: 0; } }

@keyframes blink-animation {
  from,
  20%,
  60%,
  to {
    border-left-color: transparent;
    background-color: transparent; }
  40%,
  80% {
    border-left-color: #E00049;
    background-color: #F7F7F7; } }

.list {
  margin-left: 0; }
  .list > li {
    list-style: none;
    background-color: #FFFFFF;
    margin: 0 0 0.9375rem;
    border-radius: 5px; }
    .list > li:last-child {
      margin-bottom: 0; }
    .list > li > a {
      color: rgba(0, 0, 0, 0.15);
      text-decoration: none;
      border-bottom: 0; }
      .list > li > a th,
      .list > li > a td {
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        height: 32px;
        line-height: 32px;
        padding: 0 1.25rem;
        color: #B4B4B4;
        font-size: 0.875rem;
        font-weight: 400;
        text-align: left;
        white-space: nowrap; }
      .list > li > a:hover {
        color: rgba(0, 0, 0, 0.2);
        text-decoration: none;
        border-bottom: 0; }
    .list > li .list-data-column {
      width: 70%; }
      .list > li .list-data-column:not(:first-child) {
        border-left: 1px solid rgba(0, 0, 0, 0.08);
        padding: 0 0 0 0.9375rem;
        width: 15%;
        display: flex; }
        .list > li .list-data-column:not(:first-child) h3 {
          font-size: 1.25rem;
          font-weight: 400;
          line-height: inherit;
          height: auto; }
  .list.list--generic {
    margin-bottom: 1.25rem; }
    .list.list--generic > li {
      background-color: initial;
      margin: initial;
      border-radius: initial;
      padding: initial; }
      .list.list--generic > li a {
        color: #066FBB; }
        .list.list--generic > li a:hover, .list.list--generic > li a:active {
          color: #04528a; }
  .list.list--rules {
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    height: 100px;
    flex-grow: 1; }
    .list.list--rules > li {
      margin: 0;
      color: #777777;
      width: 50%;
      display: flex;
      flex-flow: row wrap;
      align-items: center;
      justify-content: center;
      background-color: transparent;
      border-radius: 0 5px 5px 0;
      text-align: center;
      padding: 0 40px;
      line-height: 1.6; }
      .list.list--rules > li.arrow {
        position: relative;
        background: #EFEFEF;
        border-radius: 5px 0 0 5px; }
        .list.list--rules > li.arrow:after {
          content: '';
          width: 0;
          height: 0;
          border-top: 50px solid transparent;
          border-right: 50px solid transparent;
          border-bottom: 50px solid transparent;
          border-left: 25px solid #EFEFEF;
          position: absolute;
          left: 100%;
          top: 50%;
          margin-top: -50px; }
        .list.list--rules > li.arrow > div {
          max-height: 80px;
          overflow-y: auto; }
  .list.list--checkboxes {
    margin: 0 auto 1.25rem; }
    .list.list--checkboxes:last-child {
      margin-bottom: 0; }
    .form .list.list--checkboxes li {
      padding-bottom: 0;
      margin-bottom: 0.625rem; }
      .form .list.list--checkboxes li > label, .form .list.list--checkboxes li:last-child {
        margin-bottom: 0;
        height: auto; }
  .list.list--drop-down {
    display: inline-block; }
    .list.list--drop-down.inline {
      display: inline-block;
      margin: 0 0.625rem; }
    .list.list--drop-down > span {
      display: flex;
      position: relative; }
      .list.list--drop-down > span:before {
        content: '';
        right: 0;
        top: 0px;
        background: transparent;
        position: absolute;
        pointer-events: none;
        display: block; }
      .list.list--drop-down > span:after {
        content: "\f107";
        font-family: "Font Awesome\ 5 Pro";
        font-size: inherit;
        font-weight: 400;
        color: inherit;
        right: 17px;
        top: 1px;
        padding: 0;
        position: absolute;
        pointer-events: visible;
        line-height: 40px; }
    .list.list--drop-down select {
      border-radius: 4px;
      margin-bottom: 0;
      min-width: 100px; }
      .list.list--drop-down select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #000; }
    .list.list--drop-down.list--inline {
      margin: 0;
      display: inline-block;
      vertical-align: middle;
      min-width: 235px; }
      .list.list--drop-down.list--inline select {
        margin-bottom: 0; }
    .table td .list.list--drop-down {
      margin-bottom: 0; }
      .table td .list.list--drop-down h3 {
        margin-bottom: 0; }
    .list.list--drop-down .f-dropdown {
      max-width: 100%;
      min-height: 45px;
      max-height: 300px;
      width: auto; }
      .list.list--drop-down .f-dropdown.open {
        border: none;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.12);
        border-radius: 3px; }
        .list.list--drop-down .f-dropdown.open:after {
          border-color: transparent transparent rgba(0, 0, 0, 0.08) transparent; }
        .list.list--drop-down .f-dropdown.open.right {
          width: auto;
          max-width: 250px;
          transform: translateX(-82%); }
          .list.list--drop-down .f-dropdown.open.right.list--wide {
            transform: translateX(-87%);
            width: auto;
            max-width: 100%;
            min-width: 250px; }
          .list.list--drop-down .f-dropdown.open.right:before {
            right: 9px; }
          .list.list--drop-down .f-dropdown.open.right:after {
            right: 8px;
            left: auto; }
    .list.list--drop-down ul {
      color: #777777;
      min-width: 200px;
      margin-left: 0;
      text-align: left;
      border: none;
      overflow-y: auto;
      height: inherit;
      min-height: 45px;
      max-height: 300px; }
      .list.list--drop-down ul:focus {
        outline: none; }
      .list.list--drop-down ul > li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        padding: 0;
        margin: 0;
        background: transparent; }
        .list.list--drop-down ul > li > a:not(.link) {
          text-decoration: none;
          border-bottom: 0;
          color: #777777;
          white-space: nowrap; }
        .list.list--drop-down ul > li > * {
          padding: 0 40px 0 15px;
          height: 45px;
          line-height: 45px; }
        .panel-wrapper__content .list.list--drop-down ul > li {
          margin: 0; }
        .list.list--drop-down ul > li:last-child {
          border-bottom: none; }
        .list.list--drop-down ul > li:hover, .list.list--drop-down ul > li:focus {
          background: transparent; }
          .list.list--drop-down ul > li:hover > a:not(.link), .list.list--drop-down ul > li:focus > a:not(.link) {
            color: #333333; }
        .list.list--drop-down ul > li .far, .list.list--drop-down ul > li .fas, .list.list--drop-down ul > li .fal, .list.list--drop-down ul > li .fab {
          margin-right: 5px; }
        .list.list--drop-down ul > li.level-2 {
          display: none;
          max-height: 0;
          transition: max-height 0.4s ease-in-out;
          padding-left: 0.9375rem; }
          .list.list--drop-down ul > li.level-2.open {
            display: inherit;
            max-height: inherit;
            transition: max-height 1s ease-in-out; }
    .list.list--drop-down h3 + ul.f-dropdown.open.right {
      transform: translateX(-88%); }
  .list.list--with-border > li {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    margin: 0; }
    .list.list--with-border > li:first-child {
      border-top: none; }
  .list.list--feed > li {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start; }
    .list.list--feed > li.list__messages {
      padding: 0.625rem; }
      .panel-wrapper__content--small .list.list--feed > li.list__messages {
        border: 1px solid rgba(0, 0, 0, 0.08);
        border-radius: 4px; }
      .list.list--feed > li.list__messages p {
        margin-bottom: 0.625rem; }
    .list.list--feed > li.list__activity {
      padding: 0; }
      .list.list--feed > li.list__activity > div {
        align-self: center; }
      .list.list--feed > li.list__activity p {
        margin: 0; }
    .list.list--feed > li .initials[data-metric="people-advocate"] {
      display: -webkit- flex;
      display: flex;
      -webkit-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      justify-content: center;
      align-content: stretch;
      color: #1E9336;
      border: 1px solid #1E9336;
      min-width: 40px;
      height: 40px;
      border-radius: 50%; }
      @media print {
        .list.list--feed > li .initials[data-metric="people-advocate"] {
          color: #1E9336 !important; } }
    .list.list--feed > li .initials[data-metric="people-friend"] {
      display: -webkit- flex;
      display: flex;
      -webkit-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      justify-content: center;
      align-content: stretch;
      color: #066FBB;
      border: 1px solid #066FBB;
      min-width: 40px;
      height: 40px;
      border-radius: 50%; }
      @media print {
        .list.list--feed > li .initials[data-metric="people-friend"] {
          color: #066FBB !important; } }
    .list.list--feed > li .avatar[data-metric="people-advocate"] {
      display: -webkit- flex;
      display: flex;
      -webkit-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      justify-content: center;
      align-content: stretch;
      color: #1E9336;
      border: 1px solid #1E9336;
      min-width: 40px;
      height: 40px;
      border-radius: 50%; }
      @media print {
        .list.list--feed > li .avatar[data-metric="people-advocate"] {
          color: #1E9336 !important; } }
    .list.list--feed > li > div {
      margin: 0 10px; }
    .list.list--feed > li small {
      margin: 0; }
  .list.list--selector li {
    cursor: pointer;
    padding: .3rem .6rem;
    margin-bottom: .2rem;
    border-radius: initial;
    background-color: transparent;
    border-left: 2px solid transparent;
    transition: all .2s ease-in-out; }
    .list.list--selector li:not([disabled]):hover, .list.list--selector li:not([disabled]):focus, .list.list--selector li:not([disabled]):active {
      background-color: #F7F7F7;
      border-left: 2px solid #E00049; }
    .list.list--selector li[disabled] {
      cursor: not-allowed;
      opacity: .5; }
    .list.list--selector li:last-child {
      margin-bottom: 0; }

.promotions-list {
  margin-left: 0; }
  .promotions-list li {
    list-style: none;
    padding: 15px 20px 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.08); }
    .promotions-list li:first-child {
      border-top: none;
      clear: both; }
    .promotions-list li:after {
      clear: both; }
    .promotions-list li .promotion-source__header {
      margin: 0 0 0.625rem; }
      .promotions-list li .promotion-source__header .promotion-source__icon {
        width: 1.25rem;
        font-size: 0.875rem;
        color: #B4B4B4;
        display: inline-block;
        vertical-align: middle; }
      .promotions-list li .promotion-source__header .promotion-source__title {
        color: #066FBB;
        font-size: 1.125rem;
        display: inline-block;
        vertical-align: middle;
        font-weight: 400; }
    .promotions-list li .columns:first-child {
      padding-right: 1.25rem; }
    .promotions-list li .columns.small-2 h2 {
      color: #333333;
      font-weight: 400;
      font-size: 1.375rem;
      height: 30px;
      line-height: 30px;
      margin: 0.625rem 0 0; }
    .promotions-list li .columns.small-2 span {
      font-size: 0.875rem;
      height: 30px;
      line-height: 30px;
      color: #B4B4B4; }
    .promotions-list li .columns .list--drop-down {
      display: flex;
      align-items: center;
      min-height: 68px; }
    .promotions-list li .row {
      margin-left: 0;
      margin-right: 0;
      max-width: 100%; }

.action-buttons-list {
  margin: 1.25rem 0.9375rem 0 0; }
  .action-buttons-list:last-child {
    margin-right: 0; }
  .action-buttons-list > li {
    list-style: none; }
    .action-buttons-list > li > a {
      color: #777777;
      text-decoration: none;
      border-bottom: 0; }
      .action-buttons-list > li > a:hover {
        color: #5e5d5d;
        text-decoration: none;
        border-bottom: 0; }
  .action-buttons-list.action-buttons-list--horizontal {
    display: -webkit- flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
    align-content: stretch;
    margin-top: 0; }
    .action-buttons-list.action-buttons-list--horizontal > li {
      margin-left: 1.25rem; }
      .action-buttons-list.action-buttons-list--horizontal > li:first {
        margin-left: 0; }
    .table .action-buttons-list.action-buttons-list--horizontal > li {
      margin-left: 0.625rem; }
      .table .action-buttons-list.action-buttons-list--horizontal > li:first {
        margin-left: 0; }

.panel-list {
  margin-left: 0; }
  .panel-list > li {
    list-style: none;
    margin: 0 0 15px; }
    .panel-list > li a {
      text-decoration: none;
      border-bottom: 0;
      color: #EFEFEF; }
      .panel-list > li a:hover {
        color: #EFEFEF; }
    .panel-list > li h2 {
      margin: 0 10px 0 0;
      display: inline-block;
      vertical-align: middle; }

.panel-list__row {
  display: table;
  width: 100%; }

.panel-list__column {
  display: table-cell;
  padding: 25px 20px;
  width: auto;
  float: none !important; }
  .panel-list__column.action-buttons__column {
    width: 200px;
    border-left: 1px solid rgba(0, 0, 0, 0.15); }
  .panel-list__column > div {
    margin-bottom: 5px; }

.panel-list__links {
  margin-left: 0; }
  .panel-list__links > li {
    list-style: none;
    margin: 0 0 10px;
    color: #B4B4B4;
    cursor: pointer; }
    .panel-list__links > li:hover {
      color: #9b9a9a; }

@keyframes onAutoFillStart {
  from {
    /**/ }
  to {
    /**/ } }

.toggle-multi-select {
  margin-bottom: 0.9375rem; }
  .toggle-multi-select ul {
    display: -webkit- flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    align-content: stretch;
    margin: -4px 0 0 0;
    font-size: inherit;
    line-height: inherit; }
    .toggle-multi-select ul li {
      display: -webkit- flex;
      display: flex;
      -webkit-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      justify-content: center;
      align-content: stretch;
      background: #EFEFEF;
      padding: 0;
      height: 38px;
      border: none;
      border-radius: 4px;
      border-right: none;
      margin: 4px 4px 0 0; }
      .toggle-multi-select ul li a {
        color: #777777;
        padding: 0 1.5625rem;
        user-select: none; }
      .toggle-multi-select ul li.active {
        background: #B4B4B4;
        box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.2); }
        .toggle-multi-select ul li.active a {
          font-weight: 500;
          color: #FFFFFF; }

.notification-list {
  border: 0;
  padding: 0;
  margin: 0;
  list-style-type: none;
  position: fixed;
  left: 0;
  bottom: 25px;
  z-index: 2147483650; }

.notification-list__item-wrapper {
  height: 50px;
  line-height: 50px;
  margin-top: 8px;
  display: flex;
  position: relative;
  left: -1000px; }
  .notification-list__item-wrapper div {
    display: -webkit- flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    align-content: stretch; }

.notification-list__item {
  display: -webkit- flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  align-content: stretch;
  padding-left: 25px;
  background-color: rgba(68, 68, 68, 0.95);
  border-radius: 0 5px 5px 0; }

.notification-list__message > * {
  line-height: normal; }

.notification-list__message > span {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 500;
  padding-right: 0.625rem; }

.notification-list__message > a {
  font-size: 0.875rem;
  padding: 0 0.9375rem; }

.notification-list__close {
  width: 50px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  align-self: stretch;
  justify-content: center;
  font-size: 0.875rem; }

.notification-ellipsis span {
  color: #B4B4B4;
  font-weight: 600;
  animation: 1.4s blinkingEllipsis infinite; }
  .notification-ellipsis span:nth-child(2) {
    animation-delay: .2s; }
  .notification-ellipsis span:nth-child(3) {
    animation-delay: .4s; }
  @media print {
    .notification-ellipsis span {
      color: #B4B4B4 !important; } }

.panel-wrapper__row .notification-ellipsis > span {
  margin: 0; }

span > .notification-ellipsis {
  display: inline-block; }

button .notification-ellipsis {
  display: none; }

button[disabled] .notification-ellipsis {
  display: inline-block; }

button[disabled][no-spinner] .notification-ellipsis {
  display: none; }

.notification-flash-wrapper {
  position: relative;
  min-height: 150px;
  max-height: 100%; }
  tbody .notification-flash-wrapper {
    position: static; }

.notification-flash-cover {
  position: relative;
  min-height: 300px; }
  .notification-flash-cover > .table {
    opacity: 0.7; }
  .notification-flash-cover > .notification-flash-wrapper {
    position: absolute;
    top: 50%;
    left: 50%; }

.notification-flash {
  position: absolute;
  z-index: 8;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 380px;
  background: #EFEFEF;
  padding: 15px 45px;
  border-radius: 5px;
  text-align: center;
  color: #B4B4B4;
  font-size: 1rem;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap; }
  .notification-flash span {
    color: #B4B4B4;
    font-weight: 600;
    animation: 1.4s blinkingEllipsis infinite; }
    .notification-flash span:nth-child(2) {
      animation-delay: .2s; }
    .notification-flash span:nth-child(3) {
      animation-delay: .4s; }
    @media print {
      .notification-flash span {
        color: #B4B4B4 !important; } }
  .notification-flash > {
    display: inline-block; }
  .panel-wrapper__row .notification-flash > span {
    margin: 0; }
  .statsbox .notification-flash span {
    display: inline-block; }

.panel-selector {
  display: -webkit- flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-content: stretch;
  padding: 35px; }
  .panel-selector:first-child {
    border-radius: 5px 5px 0 0; }
  .panel-selector:last-child {
    border-radius: 0 0 5px 5px; }
  .panel-selector.selected {
    background-color: #F7F7F7; }

.panel-selector__image {
  width: 300px;
  max-height: 255px;
  margin-right: 35px; }
  .panel-selector__image img {
    width: 100%;
    max-width: 300px;
    max-height: 255px;
    border: 1px solid rgba(0, 0, 0, 0.08); }
  .panel-selector__image a {
    display: block;
    margin-top: 0.625rem;
    text-align: center; }
    .panel-selector__image a i {
      margin-left: 5px;
      font-size: 10px; }

.panel-selector__flows,
.panel-selector__image--full-width {
  flex: 1 100%;
  margin-top: 1.875rem; }

.panel-selector__image--full-width {
  margin: 35px 0; }
  .panel-selector__image--full-width img {
    width: auto;
    max-width: 70%;
    margin: 0 auto;
    display: block;
    border: none; }

.panel-selector__description {
  flex: 2; }
  .panel-selector__description h2,
  .panel-selector__description p {
    margin: 0 0 0.9375rem; }
    .action-view .section-wrapper__article .panel-selector__description h2, .action-view .section-wrapper__article
    .panel-selector__description p {
      margin-bottom: 0.9375rem; }
  .panel-selector__description h2 {
    font-size: 20px;
    color: #333333; }
  .panel-selector__description p {
    font-size: 15px;
    padding: 0; }
  .panel-selector__description:first-child p:last-child {
    margin-bottom: 0; }

@keyframes onAutoFillStart {
  from {
    /**/ }
  to {
    /**/ } }

.person-view {
  display: -webkit- flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-justify-content: center;
  justify-content: center;
  align-content: stretch; }
  .person-view > * {
    display: -webkit- flex;
    display: flex;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    align-content: stretch;
    padding: 1.5625rem 1.25rem; }
  .person-view .person-view__information {
    background: #EFEFEF;
    flex: 1; }
    .person-view .person-view__information img.avatar {
      margin-bottom: 1.875rem; }
    .person-view .person-view__information .personal-information {
      white-space: nowrap;
      margin-bottom: 0;
      font-size: 1rem; }
    .person-view .person-view__information .panel-wrapper {
      width: 100%;
      margin-top: 1.25rem;
      background: #EFEFEF; }
      .person-view .person-view__information .panel-wrapper .section-wrapper__header {
        margin-bottom: 0.9375rem; }
        .person-view .person-view__information .panel-wrapper .section-wrapper__header h3 {
          margin-bottom: 0; }
      .person-view .person-view__information .panel-wrapper .program-type {
        margin-bottom: 0.9375rem; }
  .person-view .person-view__activity {
    flex: 3; }
    .person-view .person-view__activity .tabs-container {
      margin-bottom: 1.25rem; }
    .person-view .person-view__activity .tabs-panel {
      width: 100%;
      padding: 0 0 0 1.5625rem;
      display: none; }
      .person-view .person-view__activity .tabs-panel.active {
        display: block; }
    .person-view .person-view__activity .grid-view {
      margin-bottom: 2.5rem; }
      .person-view .person-view__activity .grid-view .panel-wrapper {
        margin: 0 0.625rem;
        text-align: center; }
        .person-view .person-view__activity .grid-view .panel-wrapper:first-child {
          margin-left: 0; }
        .person-view .person-view__activity .grid-view .panel-wrapper:last-child {
          margin-right: 0; }
    .person-view .person-view__activity .personal-messages .panel-wrapper {
      margin-bottom: 0.9375rem; }

.regex-wrapper {
  display: block;
  margin: 0 0 0.9375rem 0;
  -webkit-text-size-adjust: none; }
  .regex-wrapper,
  .regex-wrapper .regex-backdrop,
  .regex-wrapper .regex-highlights {
    height: 40px;
    width: 100%;
    line-height: 40px; }
  .regex-wrapper .regex-highlights {
    border-radius: 4px;
    font-size: 0.875rem;
    color: #777777;
    margin: 0 0 0.9375rem 0;
    box-shadow: none;
    background-image: none !important;
    background: #FFFFFF;
    padding: 0 13px; }
  .regex-wrapper .regex-backdrop {
    z-index: 1;
    border: none;
    background-color: #fff;
    overflow: hidden;
    pointer-events: none; }
    .regex-wrapper .regex-backdrop .regex-highlights {
      white-space: pre-wrap;
      word-wrap: break-word;
      color: transparent; }
      .regex-wrapper .regex-backdrop .regex-highlights mark {
        border-radius: 3px;
        color: transparent;
        background-color: rgba(236, 107, 16, 0.3); }
        .regex-wrapper .regex-backdrop .regex-highlights mark.sign {
          background-color: rgba(30, 147, 54, 0.3); }
        .regex-wrapper .regex-backdrop .regex-highlights mark.escape {
          background-color: rgba(6, 111, 187, 0.3); }
  .form .regex-wrapper input {
    display: block;
    position: relative;
    top: -100%;
    z-index: 2;
    color: #444;
    background-color: transparent;
    overflow: hidden;
    resize: none;
    transition: transform 1s; }
    .form .regex-wrapper input.error {
      background-color: #fff0f0;
      background: #fff0f0;
      color: #CC0000;
      border: 1px solid #CC0000;
      box-shadow: none;
      -moz-appearance: none; }
      @media print {
        .form .regex-wrapper input.error {
          background-color: #fff0f0 !important;
          background: #fff0f0 !important; } }

@keyframes onAutoFillStart {
  from {
    /**/ }
  to {
    /**/ } }

.share-channel-charts-container:empty {
  margin-bottom: 1.25rem; }

.share-channel-charts-container .share-channel-chart-container {
  width: 50%;
  padding: 20px 30px 50px;
  display: inline-block;
  text-align: center; }
  .share-channel-charts-container .share-channel-chart-container h3 {
    margin-bottom: 20px;
    display: block; }
  .share-channel-charts-container .share-channel-chart-container .share-channel-chart,
  .share-channel-charts-container .share-channel-chart-container .share-channel-chart-legend {
    display: inline-block;
    vertical-align: top; }
  .share-channel-charts-container .share-channel-chart-container .share-channel-chart-legend table {
    border: none;
    margin-top: 10px;
    margin-left: 30px; }
    .share-channel-charts-container .share-channel-chart-container .share-channel-chart-legend table tr {
      background-color: transparent; }
      .share-channel-charts-container .share-channel-chart-container .share-channel-chart-legend table tr td {
        padding: 5px 3px;
        color: inherit; }
        .share-channel-charts-container .share-channel-chart-container .share-channel-chart-legend table tr td.numbers {
          text-align: right;
          padding-left: 15px; }
        .share-channel-charts-container .share-channel-chart-container .share-channel-chart-legend table tr td.title {
          max-width: 100px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden; }

.share-channel-cards-container {
  display: -webkit- flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  align-content: stretch; }
  .share-channel-cards-container .share-channel-card-container {
    background-color: #EFEFEF;
    padding: 0.625rem 1.25rem;
    margin: 0 0.625rem 1.25rem;
    width: 180px;
    min-height: 255px; }
    .share-channel-cards-container .share-channel-card-container .share-channel-card-title {
      display: -webkit- flex;
      display: flex;
      -webkit-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      align-content: stretch;
      color: inherit;
      min-height: 50px;
      max-width: 90%; }
      .share-channel-cards-container .share-channel-card-container .share-channel-card-title,
      .share-channel-cards-container .share-channel-card-container .share-channel-card-title span {
        font-size: 1.125rem; }
      .share-channel-cards-container .share-channel-card-container .share-channel-card-title .share-channel-card-icon {
        margin-right: 0.625rem; }
    .share-channel-cards-container .share-channel-card-container .share-channel-card-amount {
      font-size: 1.125rem;
      display: inline-block;
      margin: 1.25rem 0.625rem 0 0; }
    .share-channel-cards-container .share-channel-card-container .share-channel-card-amount-label,
    .share-channel-cards-container .share-channel-card-container .share-channel-card-message {
      color: #B4B4B4;
      margin: 0; }
    .share-channel-cards-container .share-channel-card-container .share-channel-card-message,
    .share-channel-cards-container .share-channel-card-container .share-channel-card-amount-label {
      font-size: 0.875rem; }
    .share-channel-cards-container .share-channel-card-container .share-channel-card-message {
      margin-top: 1.25rem; }

.share-channel-item[data-channel="email"],
.share-channel-item[data-channel="email"] .share-channel-ri-card-primary-amount,
.share-channel-item[data-channel="email"] .share-channel-ri-card-secondary-amount {
  color: #777777; }

.share-channel-item[data-channel="link"],
.share-channel-item[data-channel="link"] .share-channel-ri-card-primary-amount,
.share-channel-item[data-channel="link"] .share-channel-ri-card-secondary-amount {
  color: #E00049; }

.share-channel-item[data-channel="facebook"],
.share-channel-item[data-channel="facebook"] .share-channel-ri-card-primary-amount,
.share-channel-item[data-channel="facebook"] .share-channel-ri-card-secondary-amount {
  color: #3A5A98; }

.share-channel-item[data-channel="twitter"],
.share-channel-item[data-channel="twitter"] .share-channel-ri-card-primary-amount,
.share-channel-item[data-channel="twitter"] .share-channel-ri-card-secondary-amount {
  color: #1DA1F2; }

.share-channel-item[data-channel="facebook_messenger"],
.share-channel-item[data-channel="facebook_messenger"] .share-channel-ri-card-primary-amount,
.share-channel-item[data-channel="facebook_messenger"] .share-channel-ri-card-secondary-amount {
  color: #0084ff; }

.share-channel-item[data-channel="pinterest"],
.share-channel-item[data-channel="pinterest"] .share-channel-ri-card-primary-amount,
.share-channel-item[data-channel="pinterest"] .share-channel-ri-card-secondary-amount {
  color: #BD081C; }

.share-channel-item[data-channel="whatsapp"],
.share-channel-item[data-channel="whatsapp"] .share-channel-ri-card-primary-amount,
.share-channel-item[data-channel="whatsapp"] .share-channel-ri-card-secondary-amount {
  color: #128C7E; }

.share-channel-item[data-channel="sms"],
.share-channel-item[data-channel="sms"] .share-channel-ri-card-primary-amount,
.share-channel-item[data-channel="sms"] .share-channel-ri-card-secondary-amount {
  color: #EA6B25; }

.share-channel-item[data-channel="other"],
.share-channel-item[data-channel="other"] .share-channel-ri-card-primary-amount,
.share-channel-item[data-channel="other"] .share-channel-ri-card-secondary-amount {
  color: #1E9336; }

.sidebar {
  position: fixed;
  left: 0;
  top: 95px;
  width: 200px;
  height: 100%; }
  @media only screen and (max-width: 1179px) {
    .sidebar {
      position: absolute; } }
  .sidebar .sidebar__nav {
    max-width: 200px;
    width: auto; }
    .sidebar .sidebar__nav > li {
      list-style: none;
      height: 38px;
      line-height: 38px;
      margin: 0 0 0 3px;
      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-size: 0.875rem;
      padding: 0; }
      .sidebar .sidebar__nav > li a {
        border: 0;
        color: #777777;
        padding: 0 20px 0 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        white-space: nowrap;
        max-width: 200px; }
        .sidebar .sidebar__nav > li a:hover {
          border: 0;
          color: #E00049; }
        .sidebar .sidebar__nav > li a:focus {
          outline: none; }
      .sidebar .sidebar__nav > li.active {
        margin-left: 0;
        border-left: 1px solid #E00049; }
        .sidebar .sidebar__nav > li.active a {
          color: #E00049;
          padding: 0 20px 0 10px; }
  .header-side__wrapper ~ .page-wrapper .sidebar {
    display: none; }

.sidebar__tabs-content.tabs-content {
  scroll-behavior: smooth; }
  .sidebar__tabs-content.tabs-content > .tabs-panel {
    display: block;
    margin-bottom: 15px; }
    .sidebar__tabs-content.tabs-content > .tabs-panel:last-child {
      min-height: 100%;
      margin-bottom: 0; }

.status__alert.status__alert--success {
  color: #1E9336; }

.status__alert.status__alert--warning {
  color: #EAC234; }

.status__alert.status__alert--failed {
  color: #CC0000; }

.status__systems.status__systems--normal {
  color: #333333; }

.status__systems.status__systems--pending {
  color: #EAC234; }

.status__systems.status__systems--warning {
  color: #CC0000; }

.status__rewards.status__rewards--earned {
  color: #777777; }

.status__rewards.status__rewards--fulfilled {
  color: #066FBB; }

.status__rewards.status__rewards--sent {
  color: #066FBB; }

.status__rewards.status__rewards--redeemed {
  color: #1E9336; }

.status__rewards.status__rewards--revoked {
  color: #B4B4B4; }

.status__rewards.status__rewards--canceled {
  color: #B4B4B4; }

.status__rewards.status__rewards--failed {
  color: #CC0000; }

.status__rewards.status__rewards--warning {
  color: #EAC234; }

.status__events.status__events--passing {
  color: #777777; }

.status__events.status__events--suspicious {
  color: #EAC234; }

.status__events.status__events--approved {
  color: #066FBB; }

.status__events.status__events--declined {
  color: #CC0000; }

.status__events.status__events--error {
  color: #CC0000; }

.status__events span {
  font-size: inherit; }

.status__emails.status__emails--success {
  color: #1E9336; }

.status__emails.status__emails--failed {
  color: #CC0000; }

.status__emails.status__emails--aborted {
  color: #B4B4B4; }

.status__emails.status__emails--deferred {
  color: #B4B4B4; }

.status__batch-events.status__batch-events--completed, .status__batch-events.status__batch-events--duplicated {
  color: #066FBB; }

.status__batch-events.status__batch-events--pending, .status__batch-events.status__batch-events--inprocess {
  color: #777777; }

.status__batch-events.status__batch-events--failed {
  color: #CC0000; }

.status__reward-supplier.status__reward-supplier--test {
  color: #777777; }

.status__reward-supplier.status__reward-supplier--live {
  color: #066FBB; }

.status__reward-provider.status__reward-provider--test {
  color: #777777; }

.status__reward-provider.status__reward-provider--live {
  color: #066FBB; }

.status__reward-provider.status__reward-provider--frozen {
  color: #CC0000; }

.status__reward-supplier.status__reward-supplier--test {
  color: #777777; }

.status__reward-supplier.status__reward-supplier--live {
  color: #066FBB; }

.status__rewardable.status__rewardable--new {
  color: #333333; }

.status__rewardable.status__rewardable--passing {
  color: #777777; }

.status__rewardable.status__rewardable--suspicious {
  color: #EAC234; }

.status__rewardable.status__rewardable--approved {
  color: #066FBB; }

.status__rewardable.status__rewardable--denied {
  color: #CC0000; }

.status__rewardable.status__rewardable--rewarded {
  color: #1E9336; }

.status__rewardable.status__rewardable--unrewarded {
  color: #B4B4B4; }

.status__rewardable.status__rewardable--blocked {
  color: #CC0000; }

.status__reports.status__reports--pending {
  color: #EAC234; }

.status__reports.status__reports--in-progress {
  color: #1E9336; }

.status__reports.status__reports--done {
  color: #777777; }

.status__reports.status__reports--failed {
  color: #CC0000; }
  .status__reports.status__reports--failed a,
  .status__reports.status__reports--failed span,
  .table .status__reports.status__reports--failed td {
    color: #CC0000; }

.status__reports.status__reports--canceled {
  color: #B4B4B4; }
  .status__reports.status__reports--canceled a,
  .status__reports.status__reports--canceled span,
  .table .status__reports.status__reports--canceled td {
    color: #B4B4B4; }

.status__sftp-servers.status__sftp-servers--passing {
  color: #066FBB; }

.status__sftp-servers.status__sftp-servers--failing {
  color: #CC0000; }

.status__campaign-version.status__campaign-version--published {
  color: #777777;
  font-weight: 600; }

.status__campaign-version.status__campaign-version--last-updated {
  color: #777777; }

.status__campaign-version.status__campaign-version--draft {
  color: #B4B4B4;
  font-style: italic; }

.status__api-calls.status__api-calls--success {
  color: #777777; }

.status__api-calls.status__api-calls--pending {
  color: #EAC234; }

.status__api-calls.status__api-calls--error {
  color: #CC0000; }

.status__fixups.status__fixups--done {
  color: #777777; }

.status__fixups.status__fixups--failed {
  color: #CC0000; }

.status__domain.status__domain--redirecting {
  color: #777777; }

.status__domain.status__domain--active {
  color: #066FBB; }

.status__people.status__people--blocked {
  color: #CC0000; }

.status__people.status__people--active {
  color: #777777; }

.status__people.status__people--inactive {
  color: #B4B4B4; }

.status__person.status__person--blocked {
  color: #CC0000; }

.status__person.status__person--active {
  color: #1E9336; }

.status__email-domain.status__email-domain--pass {
  color: #066FBB; }

.status__email-domain.status__email-domain--fail {
  color: #CC0000; }

@keyframes onAutoFillStart {
  from {
    /**/ }
  to {
    /**/ } }

.status-pill {
  border-radius: 9px;
  padding: 0 7px;
  font-size: 0.75rem;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 0 .25rem; }
  .status-pill > span {
    font-size: inherit; }
  .status-pill.status-pill--not-launched {
    background: #FFFFFF;
    background-color: #FFFFFF;
    color: #066FBB;
    border: 1px solid #066FBB;
    line-height: 17px; }

@-moz-document url-prefix() {
  .status-pill.status-pill--not-launched {
    line-height: 15px; } }
    @media print {
      .status-pill.status-pill--not-launched {
        background: #FFFFFF !important;
        background-color: #FFFFFF !important;
        color: #066FBB !important; } }
  .status-pill.status-pill--live {
    background: #066FBB;
    background-color: #066FBB;
    color: #FFFFFF;
    line-height: 18px; }

@-moz-document url-prefix() {
  .status-pill.status-pill--live {
    line-height: 17px; } }
    @media print {
      .status-pill.status-pill--live {
        background: #066FBB !important;
        background-color: #066FBB !important;
        color: #FFFFFF !important; } }
  .status-pill.status-pill--paused {
    background: #EAC234;
    background-color: #EAC234;
    color: #FFFFFF;
    line-height: 18px; }

@-moz-document url-prefix() {
  .status-pill.status-pill--paused {
    line-height: 17px; } }
    @media print {
      .status-pill.status-pill--paused {
        background: #EAC234 !important;
        background-color: #EAC234 !important;
        color: #FFFFFF !important; } }
  .status-pill.status-pill--ended {
    background: #777777;
    background-color: #777777;
    color: #FFFFFF;
    line-height: 18px; }

@-moz-document url-prefix() {
  .status-pill.status-pill--ended {
    line-height: 17px; } }
    @media print {
      .status-pill.status-pill--ended {
        background: #777777 !important;
        background-color: #777777 !important;
        color: #FFFFFF !important; } }
  .status-pill.status-pill--stopped {
    background: #B4B4B4;
    background-color: #B4B4B4;
    color: #FFFFFF;
    line-height: 18px; }

@-moz-document url-prefix() {
  .status-pill.status-pill--stopped {
    line-height: 17px; } }
    @media print {
      .status-pill.status-pill--stopped {
        background: #B4B4B4 !important;
        background-color: #B4B4B4 !important;
        color: #FFFFFF !important; } }
  .status-pill.status-pill--reward-provider-test {
    background: #777777;
    background-color: #777777;
    color: #FFFFFF;
    line-height: 18px; }

@-moz-document url-prefix() {
  .status-pill.status-pill--reward-provider-test {
    line-height: 17px; } }
    @media print {
      .status-pill.status-pill--reward-provider-test {
        background: #777777 !important;
        background-color: #777777 !important;
        color: #FFFFFF !important; } }
  .status-pill.status-pill--reward-provider-live {
    background: #066FBB;
    background-color: #066FBB;
    color: #FFFFFF;
    line-height: 18px; }

@-moz-document url-prefix() {
  .status-pill.status-pill--reward-provider-live {
    line-height: 17px; } }
    @media print {
      .status-pill.status-pill--reward-provider-live {
        background: #066FBB !important;
        background-color: #066FBB !important;
        color: #FFFFFF !important; } }
  .status-pill.status-pill--reward-provider-frozen {
    background: #CC0000;
    background-color: #CC0000;
    color: #FFFFFF;
    line-height: 18px; }

@-moz-document url-prefix() {
  .status-pill.status-pill--reward-provider-frozen {
    line-height: 17px; } }
    @media print {
      .status-pill.status-pill--reward-provider-frozen {
        background: #CC0000 !important;
        background-color: #CC0000 !important;
        color: #FFFFFF !important; } }
  .status-pill.status-pill--reward-supplier-test {
    background: #777777;
    background-color: #777777;
    color: #FFFFFF;
    line-height: 18px; }

@-moz-document url-prefix() {
  .status-pill.status-pill--reward-supplier-test {
    line-height: 17px; } }
    @media print {
      .status-pill.status-pill--reward-supplier-test {
        background: #777777 !important;
        background-color: #777777 !important;
        color: #FFFFFF !important; } }
  .status-pill.status-pill--reward-supplier-live {
    background: #066FBB;
    background-color: #066FBB;
    color: #FFFFFF;
    line-height: 18px; }

@-moz-document url-prefix() {
  .status-pill.status-pill--reward-supplier-live {
    line-height: 17px; } }
    @media print {
      .status-pill.status-pill--reward-supplier-live {
        background: #066FBB !important;
        background-color: #066FBB !important;
        color: #FFFFFF !important; } }
  .status-pill.status-pill--report-pending {
    background: #EAC234;
    background-color: #EAC234;
    color: #FFFFFF;
    line-height: 18px; }

@-moz-document url-prefix() {
  .status-pill.status-pill--report-pending {
    line-height: 17px; } }
    @media print {
      .status-pill.status-pill--report-pending {
        background: #EAC234 !important;
        background-color: #EAC234 !important;
        color: #FFFFFF !important; } }
  .status-pill.status-pill--report-in-progress {
    background: #1E9336;
    background-color: #1E9336;
    color: #FFFFFF;
    line-height: 18px; }

@-moz-document url-prefix() {
  .status-pill.status-pill--report-in-progress {
    line-height: 17px; } }
    @media print {
      .status-pill.status-pill--report-in-progress {
        background: #1E9336 !important;
        background-color: #1E9336 !important;
        color: #FFFFFF !important; } }
  .status-pill.status-pill--report-done {
    background: #777777;
    background-color: #777777;
    color: #FFFFFF;
    line-height: 18px; }

@-moz-document url-prefix() {
  .status-pill.status-pill--report-done {
    line-height: 17px; } }
    @media print {
      .status-pill.status-pill--report-done {
        background: #777777 !important;
        background-color: #777777 !important;
        color: #FFFFFF !important; } }
  .status-pill.status-pill--report-failed {
    background: #CC0000;
    background-color: #CC0000;
    color: #FFFFFF;
    line-height: 18px; }

@-moz-document url-prefix() {
  .status-pill.status-pill--report-failed {
    line-height: 17px; } }
    @media print {
      .status-pill.status-pill--report-failed {
        background: #CC0000 !important;
        background-color: #CC0000 !important;
        color: #FFFFFF !important; } }
  .status-pill.status-pill--report-canceled {
    background: #B4B4B4;
    background-color: #B4B4B4;
    color: #FFFFFF;
    line-height: 18px; }

@-moz-document url-prefix() {
  .status-pill.status-pill--report-canceled {
    line-height: 17px; } }
    @media print {
      .status-pill.status-pill--report-canceled {
        background: #B4B4B4 !important;
        background-color: #B4B4B4 !important;
        color: #FFFFFF !important; } }

@keyframes onAutoFillStart {
  from {
    /**/ }
  to {
    /**/ } }

.color-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 1.25rem; }
  .color-wrapper.color-wrapper--large {
    justify-content: space-between; }
  .color-wrapper > span {
    display: flex;
    align-items: center; }
    .color-wrapper > span:not(last-child) {
      margin-right: 1.25rem; }

.color-box .color-block.color-block--blue {
  padding: 0.9375rem;
  font-size: 0.75rem;
  background-color: #066FBB;
  background: #066FBB;
  color: #066FBB; }
  .color-wrapper--large .color-box .color-block.color-block--blue {
    margin: 0;
    height: 60px; }
  .color-box .color-block.color-block--blue:hover {
    color: #FFFFFF;
    transition: all .7s ease-in-out; }
    @media print {
      .color-box .color-block.color-block--blue:hover {
        color: #FFFFFF !important; } }
  @media print {
    .color-box .color-block.color-block--blue {
      background-color: #066FBB !important;
      background: #066FBB !important;
      color: #066FBB !important; } }

.color-circle .color-block.color-block--blue {
  color: #066FBB; }
  .color-circle .color-block.color-block--blue:before {
    content: '';
    width: 8px;
    height: 8px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
    background-color: #066FBB;
    background: #066FBB; }
    @media print {
      .color-circle .color-block.color-block--blue:before {
        background-color: #066FBB !important;
        background: #066FBB !important; } }
  @media print {
    .color-circle .color-block.color-block--blue {
      color: #066FBB !important; } }

.color-box .color-block.color-block--pink {
  padding: 0.9375rem;
  font-size: 0.75rem;
  background-color: #E00049;
  background: #E00049;
  color: #E00049; }
  .color-wrapper--large .color-box .color-block.color-block--pink {
    margin: 0;
    height: 60px; }
  .color-box .color-block.color-block--pink:hover {
    color: #FFFFFF;
    transition: all .7s ease-in-out; }
    @media print {
      .color-box .color-block.color-block--pink:hover {
        color: #FFFFFF !important; } }
  @media print {
    .color-box .color-block.color-block--pink {
      background-color: #E00049 !important;
      background: #E00049 !important;
      color: #E00049 !important; } }

.color-circle .color-block.color-block--pink {
  color: #E00049; }
  .color-circle .color-block.color-block--pink:before {
    content: '';
    width: 8px;
    height: 8px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
    background-color: #E00049;
    background: #E00049; }
    @media print {
      .color-circle .color-block.color-block--pink:before {
        background-color: #E00049 !important;
        background: #E00049 !important; } }
  @media print {
    .color-circle .color-block.color-block--pink {
      color: #E00049 !important; } }

.color-box .color-block.color-block--purple {
  padding: 0.9375rem;
  font-size: 0.75rem;
  background-color: #4C4793;
  background: #4C4793;
  color: #4C4793; }
  .color-wrapper--large .color-box .color-block.color-block--purple {
    margin: 0;
    height: 60px; }
  .color-box .color-block.color-block--purple:hover {
    color: #FFFFFF;
    transition: all .7s ease-in-out; }
    @media print {
      .color-box .color-block.color-block--purple:hover {
        color: #FFFFFF !important; } }
  @media print {
    .color-box .color-block.color-block--purple {
      background-color: #4C4793 !important;
      background: #4C4793 !important;
      color: #4C4793 !important; } }

.color-circle .color-block.color-block--purple {
  color: #4C4793; }
  .color-circle .color-block.color-block--purple:before {
    content: '';
    width: 8px;
    height: 8px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
    background-color: #4C4793;
    background: #4C4793; }
    @media print {
      .color-circle .color-block.color-block--purple:before {
        background-color: #4C4793 !important;
        background: #4C4793 !important; } }
  @media print {
    .color-circle .color-block.color-block--purple {
      color: #4C4793 !important; } }

.color-box .color-block.color-block--red {
  padding: 0.9375rem;
  font-size: 0.75rem;
  background-color: #CC0000;
  background: #CC0000;
  color: #CC0000; }
  .color-wrapper--large .color-box .color-block.color-block--red {
    margin: 0;
    height: 60px; }
  .color-box .color-block.color-block--red:hover {
    color: #FFFFFF;
    transition: all .7s ease-in-out; }
    @media print {
      .color-box .color-block.color-block--red:hover {
        color: #FFFFFF !important; } }
  @media print {
    .color-box .color-block.color-block--red {
      background-color: #CC0000 !important;
      background: #CC0000 !important;
      color: #CC0000 !important; } }

.color-circle .color-block.color-block--red {
  color: #CC0000; }
  .color-circle .color-block.color-block--red:before {
    content: '';
    width: 8px;
    height: 8px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
    background-color: #CC0000;
    background: #CC0000; }
    @media print {
      .color-circle .color-block.color-block--red:before {
        background-color: #CC0000 !important;
        background: #CC0000 !important; } }
  @media print {
    .color-circle .color-block.color-block--red {
      color: #CC0000 !important; } }

.color-box .color-block.color-block--orange {
  padding: 0.9375rem;
  font-size: 0.75rem;
  background-color: #EC6B10;
  background: #EC6B10;
  color: #EC6B10; }
  .color-wrapper--large .color-box .color-block.color-block--orange {
    margin: 0;
    height: 60px; }
  .color-box .color-block.color-block--orange:hover {
    color: #FFFFFF;
    transition: all .7s ease-in-out; }
    @media print {
      .color-box .color-block.color-block--orange:hover {
        color: #FFFFFF !important; } }
  @media print {
    .color-box .color-block.color-block--orange {
      background-color: #EC6B10 !important;
      background: #EC6B10 !important;
      color: #EC6B10 !important; } }

.color-circle .color-block.color-block--orange {
  color: #EC6B10; }
  .color-circle .color-block.color-block--orange:before {
    content: '';
    width: 8px;
    height: 8px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
    background-color: #EC6B10;
    background: #EC6B10; }
    @media print {
      .color-circle .color-block.color-block--orange:before {
        background-color: #EC6B10 !important;
        background: #EC6B10 !important; } }
  @media print {
    .color-circle .color-block.color-block--orange {
      color: #EC6B10 !important; } }

.color-box .color-block.color-block--yellow {
  padding: 0.9375rem;
  font-size: 0.75rem;
  background-color: #EAC234;
  background: #EAC234;
  color: #EAC234; }
  .color-wrapper--large .color-box .color-block.color-block--yellow {
    margin: 0;
    height: 60px; }
  .color-box .color-block.color-block--yellow:hover {
    color: #FFFFFF;
    transition: all .7s ease-in-out; }
    @media print {
      .color-box .color-block.color-block--yellow:hover {
        color: #FFFFFF !important; } }
  @media print {
    .color-box .color-block.color-block--yellow {
      background-color: #EAC234 !important;
      background: #EAC234 !important;
      color: #EAC234 !important; } }

.color-circle .color-block.color-block--yellow {
  color: #EAC234; }
  .color-circle .color-block.color-block--yellow:before {
    content: '';
    width: 8px;
    height: 8px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
    background-color: #EAC234;
    background: #EAC234; }
    @media print {
      .color-circle .color-block.color-block--yellow:before {
        background-color: #EAC234 !important;
        background: #EAC234 !important; } }
  @media print {
    .color-circle .color-block.color-block--yellow {
      color: #EAC234 !important; } }

.color-box .color-block.color-block--green {
  padding: 0.9375rem;
  font-size: 0.75rem;
  background-color: #1E9336;
  background: #1E9336;
  color: #1E9336; }
  .color-wrapper--large .color-box .color-block.color-block--green {
    margin: 0;
    height: 60px; }
  .color-box .color-block.color-block--green:hover {
    color: #FFFFFF;
    transition: all .7s ease-in-out; }
    @media print {
      .color-box .color-block.color-block--green:hover {
        color: #FFFFFF !important; } }
  @media print {
    .color-box .color-block.color-block--green {
      background-color: #1E9336 !important;
      background: #1E9336 !important;
      color: #1E9336 !important; } }

.color-circle .color-block.color-block--green {
  color: #1E9336; }
  .color-circle .color-block.color-block--green:before {
    content: '';
    width: 8px;
    height: 8px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
    background-color: #1E9336;
    background: #1E9336; }
    @media print {
      .color-circle .color-block.color-block--green:before {
        background-color: #1E9336 !important;
        background: #1E9336 !important; } }
  @media print {
    .color-circle .color-block.color-block--green {
      color: #1E9336 !important; } }

.color-box .color-block.color-block--gray-one {
  padding: 0.9375rem;
  font-size: 0.75rem;
  background-color: #EFEFEF;
  background: #EFEFEF;
  color: #EFEFEF; }
  .color-wrapper--large .color-box .color-block.color-block--gray-one {
    margin: 0;
    height: 60px; }
  .color-box .color-block.color-block--gray-one:hover {
    color: #FFFFFF;
    transition: all .7s ease-in-out; }
    @media print {
      .color-box .color-block.color-block--gray-one:hover {
        color: #FFFFFF !important; } }
  @media print {
    .color-box .color-block.color-block--gray-one {
      background-color: #EFEFEF !important;
      background: #EFEFEF !important;
      color: #EFEFEF !important; } }
  .color-box .color-block.color-block--gray-one:hover {
    color: #B4B4B4; }

.color-circle .color-block.color-block--gray-one {
  color: #EFEFEF; }
  .color-circle .color-block.color-block--gray-one:before {
    content: '';
    width: 8px;
    height: 8px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
    background-color: #EFEFEF;
    background: #EFEFEF; }
    @media print {
      .color-circle .color-block.color-block--gray-one:before {
        background-color: #EFEFEF !important;
        background: #EFEFEF !important; } }
  @media print {
    .color-circle .color-block.color-block--gray-one {
      color: #EFEFEF !important; } }

.color-box .color-block.color-block--gray-two {
  padding: 0.9375rem;
  font-size: 0.75rem;
  background-color: #B4B4B4;
  background: #B4B4B4;
  color: #B4B4B4; }
  .color-wrapper--large .color-box .color-block.color-block--gray-two {
    margin: 0;
    height: 60px; }
  .color-box .color-block.color-block--gray-two:hover {
    color: #FFFFFF;
    transition: all .7s ease-in-out; }
    @media print {
      .color-box .color-block.color-block--gray-two:hover {
        color: #FFFFFF !important; } }
  @media print {
    .color-box .color-block.color-block--gray-two {
      background-color: #B4B4B4 !important;
      background: #B4B4B4 !important;
      color: #B4B4B4 !important; } }

.color-circle .color-block.color-block--gray-two {
  color: #B4B4B4; }
  .color-circle .color-block.color-block--gray-two:before {
    content: '';
    width: 8px;
    height: 8px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
    background-color: #B4B4B4;
    background: #B4B4B4; }
    @media print {
      .color-circle .color-block.color-block--gray-two:before {
        background-color: #B4B4B4 !important;
        background: #B4B4B4 !important; } }
  @media print {
    .color-circle .color-block.color-block--gray-two {
      color: #B4B4B4 !important; } }

.color-box .color-block.color-block--gray-three {
  padding: 0.9375rem;
  font-size: 0.75rem;
  background-color: #999999;
  background: #999999;
  color: #999999; }
  .color-wrapper--large .color-box .color-block.color-block--gray-three {
    margin: 0;
    height: 60px; }
  .color-box .color-block.color-block--gray-three:hover {
    color: #FFFFFF;
    transition: all .7s ease-in-out; }
    @media print {
      .color-box .color-block.color-block--gray-three:hover {
        color: #FFFFFF !important; } }
  @media print {
    .color-box .color-block.color-block--gray-three {
      background-color: #999999 !important;
      background: #999999 !important;
      color: #999999 !important; } }

.color-circle .color-block.color-block--gray-three {
  color: #999999; }
  .color-circle .color-block.color-block--gray-three:before {
    content: '';
    width: 8px;
    height: 8px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
    background-color: #999999;
    background: #999999; }
    @media print {
      .color-circle .color-block.color-block--gray-three:before {
        background-color: #999999 !important;
        background: #999999 !important; } }
  @media print {
    .color-circle .color-block.color-block--gray-three {
      color: #999999 !important; } }

.color-box .color-block.color-block--gray-four {
  padding: 0.9375rem;
  font-size: 0.75rem;
  background-color: #777777;
  background: #777777;
  color: #777777; }
  .color-wrapper--large .color-box .color-block.color-block--gray-four {
    margin: 0;
    height: 60px; }
  .color-box .color-block.color-block--gray-four:hover {
    color: #FFFFFF;
    transition: all .7s ease-in-out; }
    @media print {
      .color-box .color-block.color-block--gray-four:hover {
        color: #FFFFFF !important; } }
  @media print {
    .color-box .color-block.color-block--gray-four {
      background-color: #777777 !important;
      background: #777777 !important;
      color: #777777 !important; } }

.color-circle .color-block.color-block--gray-four {
  color: #777777; }
  .color-circle .color-block.color-block--gray-four:before {
    content: '';
    width: 8px;
    height: 8px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
    background-color: #777777;
    background: #777777; }
    @media print {
      .color-circle .color-block.color-block--gray-four:before {
        background-color: #777777 !important;
        background: #777777 !important; } }
  @media print {
    .color-circle .color-block.color-block--gray-four {
      color: #777777 !important; } }

.color-box .color-block.color-block--gray-five {
  padding: 0.9375rem;
  font-size: 0.75rem;
  background-color: #333333;
  background: #333333;
  color: #333333; }
  .color-wrapper--large .color-box .color-block.color-block--gray-five {
    margin: 0;
    height: 60px; }
  .color-box .color-block.color-block--gray-five:hover {
    color: #FFFFFF;
    transition: all .7s ease-in-out; }
    @media print {
      .color-box .color-block.color-block--gray-five:hover {
        color: #FFFFFF !important; } }
  @media print {
    .color-box .color-block.color-block--gray-five {
      background-color: #333333 !important;
      background: #333333 !important;
      color: #333333 !important; } }

.color-circle .color-block.color-block--gray-five {
  color: #333333; }
  .color-circle .color-block.color-block--gray-five:before {
    content: '';
    width: 8px;
    height: 8px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
    background-color: #333333;
    background: #333333; }
    @media print {
      .color-circle .color-block.color-block--gray-five:before {
        background-color: #333333 !important;
        background: #333333 !important; } }
  @media print {
    .color-circle .color-block.color-block--gray-five {
      color: #333333 !important; } }

.options-wrapper--switch input[type="checkbox"] {
  display: inline;
  left: 10px;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 9px; }
  .options-wrapper--switch input[type="checkbox"] + label {
    display: inline-flex;
    width: auto;
    height: auto;
    align-items: center;
    background: transparent;
    color: inherit;
    text-indent: unset;
    margin-left: 0;
    margin-right: 16px; }
    .options-wrapper--switch input[type="checkbox"] + label:after {
      width: 18px;
      height: 18px;
      left: 1px;
      top: 50%;
      margin-top: -9px;
      border: none;
      box-shadow: none;
      transition: all 0.15s ease-out; }
    .options-wrapper--switch input[type="checkbox"] + label:before {
      content: '';
      display: inline-block;
      width: 32px;
      height: 20px;
      vertical-align: middle;
      background: #B4B4B4;
      border-radius: 2rem;
      border: none;
      box-shadow: none;
      margin-left: 0;
      margin-right: 0.5rem;
      transition: all .15s ease-out; }
  .options-wrapper--switch input[type="checkbox"]:checked + label {
    background: transparent; }
    .options-wrapper--switch input[type="checkbox"]:checked + label:after {
      transform: translateX(12px); }
    .options-wrapper--switch input[type="checkbox"]:checked + label:before {
      background: #1E9336; }
  .options-wrapper--switch input[type="checkbox"]:checked ~ .options-wrapper__status-text {
    margin-left: 0; }
    .options-wrapper--switch input[type="checkbox"]:checked ~ .options-wrapper__status-text:after {
      content: "Enabled";
      position: absolute;
      top: -9px;
      right: -37px; }
  .options-wrapper--switch input[type="checkbox"]:not(:checked) ~ .options-wrapper__status-text {
    margin-left: 0; }
    .options-wrapper--switch input[type="checkbox"]:not(:checked) ~ .options-wrapper__status-text:after {
      content: "Disabled";
      position: absolute;
      top: -9px;
      right: -37px; }
  .options-wrapper--switch input[type="checkbox"][disabled] + label {
    color: #B4B4B4;
    font-weight: 400;
    cursor: not-allowed; }
    .options-wrapper--switch input[type="checkbox"][disabled] + label:before {
      cursor: not-allowed;
      opacity: .65; }

.options-wrapper--switch .advanced-link {
  position: relative;
  top: -5px; }

.options-wrapper--switch + small {
  margin-top: -15px; }

.options-wrapper--switch.columns input[type="checkbox"] + label {
  height: 100%;
  margin-right: -1px; }

.flex .options-wrapper--switch {
  margin-bottom: 0; }
  .flex .options-wrapper--switch input[type="checkbox"] + label {
    height: 100%; }

.switch-wrapper {
  margin-bottom: 1.875rem; }
  .switch-wrapper > * {
    margin-left: 1.875rem; }
    .switch-wrapper > *.options-wrapper--switch {
      margin-left: 0; }

@keyframes blinkingEllipsis {
  50% {
    color: transparent; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  66% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes slideIn {
  0% {
    left: -20px; }
  100% {
    left: 0; } }

@keyframes blink-animation {
  from,
  20%,
  60%,
  to {
    border-left-color: transparent;
    background-color: transparent; }
  40%,
  80% {
    border-left-color: #E00049;
    background-color: #F7F7F7; } }

@keyframes onAutoFillStart {
  from {
    /**/ }
  to {
    /**/ } }

.table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border: none;
  margin-bottom: 0; }
  .table.table--equal-width-cells {
    table-layout: fixed; }
  .table.table--next-to-chart thead tr th {
    padding: 0 0.625rem;
    font-size: 0.75rem; }
  .table.table--next-to-chart thead tr th:last-child {
    text-align: right; }
  .table.table--next-to-chart tbody tr {
    height: 70px; }
    .table.table--next-to-chart tbody tr td {
      padding: 0 0.625rem;
      font-size: 0.75rem; }
      .table.table--next-to-chart tbody tr td[data-metric="coupon"] {
        color: #EC6B10; }
        @media print {
          .table.table--next-to-chart tbody tr td[data-metric="coupon"] {
            color: #EC6B10 !important; } }
      .table.table--next-to-chart tbody tr td[data-metric="matchback"] {
        color: #066FBB; }
        @media print {
          .table.table--next-to-chart tbody tr td[data-metric="matchback"] {
            color: #066FBB !important; } }
      .table.table--next-to-chart tbody tr td[data-metric="cookie"] {
        color: #777777; }
        @media print {
          .table.table--next-to-chart tbody tr td[data-metric="cookie"] {
            color: #777777 !important; } }
      .table.table--next-to-chart tbody tr td[data-metric="share-id"] {
        color: #E00049; }
        @media print {
          .table.table--next-to-chart tbody tr td[data-metric="share-id"] {
            color: #E00049 !important; } }
  .table.table--expanded {
    background-color: #F7F7F7;
    border-top: 1px solid #EFEFEF; }
  .table.table--coupons-preview {
    width: auto; }
    .table.table--coupons-preview .coupon-image {
      width: 30px; }
  .table thead {
    background: transparent; }
    .table thead tr {
      height: 32px; }
      .table thead tr th,
      .table thead tr td {
        border-bottom: 1px solid #EFEFEF;
        height: 32px;
        line-height: 32px;
        padding: 0 20px;
        color: #B4B4B4;
        font-size: 0.875rem;
        font-weight: 400;
        text-align: left;
        white-space: nowrap; }
      .table thead tr:last-child th,
      .table thead tr:last-child td {
        border-bottom: 1px solid #EFEFEF; }
      .table thead tr.multiline td {
        line-height: 20px;
        padding: 10px 20px;
        white-space: normal;
        word-wrap: break-word; }
  .table.table--data-preview thead tr th,
  .table.table--data-preview thead tr td {
    min-height: 32px;
    max-width: 200px;
    height: auto;
    line-height: normal;
    padding: 5px 10px;
    white-space: normal;
    word-wrap: break-word; }
  .table.table--data-preview tbody td {
    padding: 10px; }
    .table.table--data-preview tbody td.code-cell {
      word-break: break-all; }
  .table tr {
    height: auto; }
    .table tr.clickable {
      border-left: 2px solid transparent; }
      .table tr.clickable.even:hover, .table tr.clickable.even:focus, .table tr.clickable.even.active, .table tr.clickable.alt:hover, .table tr.clickable.alt:focus, .table tr.clickable.alt.active, .table tr.clickable:nth-of-type(even):hover, .table tr.clickable:nth-of-type(even):focus, .table tr.clickable:nth-of-type(even).active, .table tr.clickable:nth-of-type(odd):hover, .table tr.clickable:nth-of-type(odd):focus, .table tr.clickable:nth-of-type(odd).active {
        background-color: #F7F7F7;
        border-left: 2px solid #E00049; }
      .table tr.clickable.even.blink, .table tr.clickable.alt.blink, .table tr.clickable:nth-of-type(even).blink, .table tr.clickable:nth-of-type(odd).blink {
        animation: blink-animation 3s 1s;
        -webkit-animation: blink-animation 3s 1s; }
    .table tr.even, .table tr.alt, .table tr:nth-of-type(even) {
      background: transparent; }
    .table tr.error-row {
      background-color: #fff0f0;
      background: #fff0f0; }
      @media print {
        .table tr.error-row {
          background-color: #fff0f0 !important;
          background: #fff0f0 !important; } }
      .table tr.error-row td,
      .table tr.error-row td * {
        color: #CC0000; }
    .table tr td {
      padding: 10px 20px;
      border: none;
      border-bottom: 1px solid #EFEFEF;
      line-height: 1.5;
      color: #777777;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: inherit; }
      .table tr td.date-time {
        min-width: 150px;
        width: auto;
        white-space: pre; }
        .table tr td.date-time span {
          white-space: nowrap;
          display: block; }
      .table tr td.column-fixed-width {
        width: 185px; }
      .table tr td.controls {
        padding: 0; }
      .table tr td.icon {
        text-align: right; }
        .table tr td.icon > * {
          cursor: pointer;
          margin-left: 0.625rem; }
          .table tr td.icon > *:first-child {
            margin-left: 0; }
        .table tr td.icon .button-icon {
          font-weight: 500;
          font-style: normal; }
        .table tr td.icon .button-icon {
          font-weight: 500;
          margin-right: 5px; }
      .table tr td.multiline-cell {
        max-width: 300px;
        word-wrap: break-word; }
      .table tr td.multiline-single-word-cell {
        max-width: 300px;
        word-break: break-all; }
      .table tr td .icon--clickable {
        cursor: pointer; }
      .table tr td > .options-wrapper--switch {
        margin-bottom: 0;
        height: auto; }
        .table tr td > .options-wrapper--switch input {
          height: auto; }
      .table tr td small {
        margin-bottom: 0; }
        .table tr td small.metadata {
          margin: 0;
          display: inline; }
      .table tr td.has-list-with-commas span:not(:last-child):after {
        content: ","; }
      .table tr td.has-list-with-commas .metadata:empty {
        display: none; }
      .table tr td i.status__alert {
        margin-right: 0.625rem; }
      .table tr td i.status__alert--details-icon {
        color: #B4B4B4; }
      .table tr td .details-link {
        margin-left: 0.625rem; }
      .table tr td.cell--failed-quality-rule {
        padding: 0; }
        .table tr td.cell--failed-quality-rule div {
          padding: 10px 20px; }
    .table tr:last-child td {
      border-bottom: none; }
    .table tr input {
      margin: 0 0 0 -9px;
      height: 32px; }
      .table tr input[type="checkbox"] {
        margin: 0; }
      .table tr input > textarea {
        min-height: 65px;
        border-bottom-right-radius: 4px; }
    .table tr textarea {
      min-height: 60px;
      height: 60px; }
    .table tr .status__alert--details {
      background-color: #F7F7F7; }
  .table .actions-column {
    border-left: 1px solid rgba(0, 0, 0, 0.08);
    display: table-cell;
    vertical-align: middle;
    width: 60px; }
    .table .actions-column > :first-child {
      text-align: center;
      display: block; }
  .table.table--with-rows-expandable tr td {
    padding: 10px 0;
    border-bottom: none;
    line-height: inherit; }
    .table.table--with-rows-expandable tr td .expandable-data {
      padding: 0.625rem 0.625rem 0; }

.table--draggable {
  background: transparent; }
  .table--draggable thead {
    background: transparent; }
    .table--draggable thead tr th,
    .table--draggable thead tr td {
      padding: 0 10px; }
    .table--draggable thead tr th:nth-child(2) {
      padding-left: 10px; }
  .table--draggable tr {
    background: transparent; }
    .table--draggable tr td,
    .table--draggable tr th {
      background: #FFFFFF;
      padding: 0 0.625rem; }
      .table--draggable tr td:first-child, .table--draggable tr td:last-child,
      .table--draggable tr th:first-child,
      .table--draggable tr th:last-child {
        background: transparent;
        width: 10px;
        padding: 0;
        border-bottom: 1px solid #EFEFEF;
        z-index: 2000; }
      .table--draggable tr td h3,
      .table--draggable tr th h3 {
        font-weight: 400;
        display: block; }
      .table--draggable tr td h2,
      .table--draggable tr th h2 {
        color: #333333; }
      .table--draggable tr td small,
      .table--draggable tr th small {
        margin-bottom: 0; }
    .table--draggable tr td {
      padding: 0;
      height: 70px;
      vertical-align: top;
      padding-top: 10px; }
      .table--draggable tr td > a {
        padding: 0 10px; }
      .table--draggable tr td:first-child {
        cursor: move;
        cursor: -moz-grab;
        cursor: -webkit-grab;
        cursor: grab;
        vertical-align: middle; }
        .table--draggable tr td:first-child a {
          padding: 0; }
      .table--draggable tr td:nth-child(2) > a {
        padding-left: 10px; }
      .table--draggable tr td .fa-ellipsis-h:before {
        padding-left: 10px; }
    .table--draggable tr .icon--draggable {
      visibility: hidden;
      font-size: 24px;
      padding: 0 20px;
      position: absolute;
      margin: -10px 0 0 -45px; }
      .table--draggable tr .icon--draggable:hover {
        cursor: move;
        cursor: -moz-grab;
        cursor: -webkit-grab;
        cursor: grab;
        color: #066FBB; }
    .table--draggable tr.active {
      cursor: move;
      cursor: -moz-grab;
      cursor: -webkit-grab;
      cursor: grab; }
      .table--draggable tr.active:after {
        box-sizing: border-box;
        content: '';
        position: absolute;
        left: 0;
        right: 2px;
        display: block;
        height: 70px;
        box-shadow: 0 0 10px #066FBB; }
      .table--draggable tr.active .icon--draggable {
        color: #066FBB;
        visibility: visible; }
      .table--draggable tr.active td:first-child, .table--draggable tr.active td:last-child {
        background-color: #FFFFFF; }
      .table--draggable tr.active td:nth-child(2) {
        border-left: none; }
      .table--draggable tr.active td:nth-last-child(2) {
        border-right: none; }
    .table--draggable tr:hover .icon--draggable, .table--draggable tr.active .icon--draggable {
      visibility: visible; }
    .table--draggable tr.table__row--with-top-border {
      border-top: 2px solid #066FBB; }
    .table--draggable tr.table__row--with-bottom-border {
      border-bottom: 2px solid #066FBB; }
    .table--draggable tr:last-child td:first-child, .table--draggable tr:last-child td:last-child {
      border-bottom: none; }
  .table--draggable .metadata {
    margin-left: 0; }

.table tr .selected-status {
  position: relative;
  overflow: visible; }
  .table tr .selected-status:after, .table tr .selected-status:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .table tr .selected-status:after {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #FFFFFF;
    margin-top: -21px;
    border-width: 21px 0 21px 13px; }
  .table tr .selected-status:before {
    border-color: rgba(0, 0, 0, 0);
    border-left-color: rgba(0, 0, 0, 0.08);
    margin-top: -23px;
    border-width: 23px 0 23px 14px; }

.report-data-table {
  table-layout: fixed;
  width: 100%; }
  .report-data-table th,
  .report-data-table td {
    word-wrap: break-word; }

.table-no-data-wrapper {
  position: relative;
  min-height: 200px;
  display: block; }

.table-no-data {
  width: 100%;
  padding: 1.25rem;
  text-align: center;
  color: #777777;
  font-size: 0.875rem;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .table-no-data p {
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    margin: 0;
    padding: 0; }
  @media print {
    .table-no-data {
      background: #FFFFFF !important;
      background-color: #FFFFFF !important;
      color: #777777 !important; } }

.tabs {
  z-index: 1; }
  .tabs + .panel-wrapper {
    z-index: -1; }
  .tabs > li:focus,
  .tabs > dd:focus {
    user-select: none; }
  .tabs > li > a,
  .tabs > dd > a {
    border-bottom: 0; }
    .tabs > li > a:focus,
    .tabs > dd > a:focus {
      user-select: none; }
  .tabs dd {
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-left: 0; }
    .tabs dd > a {
      padding: 10px 20px;
      border: none;
      color: inherit;
      background-color: #EFEFEF; }
      .tabs dd > a:hover, .tabs dd > a:focus {
        outline: none;
        color: inherit; }
    .tabs dd:first-child,
    .tabs dd:first-child > a {
      border-left: 1px solid rgba(0, 0, 0, 0.08);
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
    .tabs dd:last-child,
    .tabs dd:last-child > a {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }
    .tabs dd.active {
      background-color: transparent;
      border: 1px solid #066FBB; }
      .tabs dd.active a {
        color: #066FBB; }
      .tabs dd.active:hover a, .tabs dd.active:focus a {
        color: #066FBB; }
  .tabs.tabs-navigation dd {
    background: transparent;
    border-top: none;
    height: 102px;
    line-height: normal; }
    .tabs.tabs-navigation dd a {
      background: transparent;
      padding: 20px 0 10px; }
      .tabs.tabs-navigation dd a:hover {
        background: transparent; }
      .tabs.tabs-navigation dd a .fas,
      .tabs.tabs-navigation dd a .far,
      .tabs.tabs-navigation dd a .fal,
      .tabs.tabs-navigation dd a .fab {
        font-size: 30px;
        transform: scale(1, 0.85);
        color: #B4B4B4; }
      .tabs.tabs-navigation dd a h4 {
        margin-top: 13px;
        margin-bottom: .5rem; }
    .tabs.tabs-navigation dd.active {
      border-top: 0;
      border-left: 0;
      border-right: 1px solid rgba(0, 0, 0, 0.08);
      border-bottom: 3px solid #066FBB;
      height: 103px;
      background-color: transparent; }
      .tabs.tabs-navigation dd.active:before, .tabs.tabs-navigation dd.active:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
      .tabs.tabs-navigation dd.active:before {
        border-color: transparent;
        border-top-color: #066FBB;
        border-width: 11px;
        margin-left: -11px; }
      .tabs.tabs-navigation dd.active:after {
        border-color: transparent;
        border-top-color: #FFFFFF;
        border-width: 7px;
        margin-left: -7px; }
      .tabs.tabs-navigation dd.active:hover, .tabs.tabs-navigation dd.active:focus {
        border-top: 0; }
      .tabs.tabs-navigation dd.active a .fas,
      .tabs.tabs-navigation dd.active a .far,
      .tabs.tabs-navigation dd.active a .fal,
      .tabs.tabs-navigation dd.active a .fab {
        color: #066FBB; }
      .tabs.tabs-navigation dd.active a h4 {
        color: #066FBB; }
    .tabs.tabs-navigation dd:first-child,
    .tabs.tabs-navigation dd:first-child > a {
      border-left: none;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
    .tabs.tabs-navigation dd:last-child,
    .tabs.tabs-navigation dd:last-child > a {
      border-right: none;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
  .tabs.tabs-navigation.small dd {
    padding: 0;
    height: 70px; }
    .tabs.tabs-navigation.small dd.active {
      height: 71px; }
    .tabs.tabs-navigation.small dd.columns {
      padding-right: 0; }
    .tabs.tabs-navigation.small dd a {
      padding: 0;
      margin: 0; }
      .tabs.tabs-navigation.small dd a h4 {
        line-height: 70px;
        display: inline; }

.tabs-content {
  margin-bottom: 0; }
  .tabs-content.panel-wrapper {
    border-radius: 0 5px 5px 5px;
    padding-left: 1px; }
  .tabs-content .tabs-panel {
    display: none; }
    .tabs-content .tabs-panel.active {
      display: block; }

.tabs-container {
  margin-bottom: 0.9375rem; }
  .tabs-container .tabs > li:focus,
  .tabs-container .tabs > dd:focus {
    user-select: none; }
  .tabs-container .tabs > li > a,
  .tabs-container .tabs > dd > a {
    border-bottom: 0; }
    .tabs-container .tabs > li > a:focus,
    .tabs-container .tabs > dd > a:focus {
      user-select: none; }
  .tabs-container .tabs dd {
    border: 1px solid rgba(0, 0, 0, 0.08); }
    .tabs-container .tabs dd > a {
      padding: 6px 20px;
      font-size: 0.875rem; }
      .tabs-container .tabs dd > a:focus {
        outline: none; }
    .tabs-container .tabs dd:first-child,
    .tabs-container .tabs dd:first-child > a {
      border-left: 1px solid rgba(0, 0, 0, 0.08);
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
    .tabs-container .tabs dd:last-child,
    .tabs-container .tabs dd:last-child > a {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }
    .tabs-container .tabs dd.active {
      background-color: transparent;
      border: 1px solid #066FBB; }
      .tabs-container .tabs dd.active a {
        color: #066FBB; }
      .tabs-container .tabs dd.active:hover a, .tabs-container .tabs dd.active:focus a {
        color: #066FBB; }
  .tabs-container.tabs-container--fixed-height {
    min-height: 150px; }

.tabs-panel {
  outline: none; }
  .tabs-panel h2 {
    color: #333333;
    margin: 0;
    font-size: 1.25rem;
    font-weight: 400;
    display: block; }
    .tabs-panel h2.input-title {
      color: #066FBB;
      margin-bottom: .5rem;
      margin-top: .2rem;
      font-weight: 400; }
  .tabs-panel small {
    margin-bottom: 0; }

.timeline {
  max-height: 532px;
  overflow: hidden;
  overflow-y: auto; }

.timeline__list li {
  height: 50px;
  line-height: 50px; }

.timeline__node {
  display: inline-block;
  border: solid 1px rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: relative;
  background: #FFFFFF;
  z-index: 2;
  margin-right: 1.25rem; }
  .timeline__node:not(.last):before {
    content: "";
    background-color: rgba(0, 0, 0, 0.15);
    position: absolute;
    width: 1px;
    left: 50%;
    display: block;
    z-index: 1;
    height: 27px;
    top: 38px; }

.toggle {
  margin-bottom: 0.9375rem; }
  .toggle ul,
  .toggle dl {
    display: -webkit- flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    align-content: stretch;
    height: 40px;
    overflow: hidden;
    margin: 0;
    font-size: inherit;
    line-height: inherit; }
    .toggle ul li,
    .toggle ul dd,
    .toggle dl li,
    .toggle dl dd {
      display: -webkit- flex;
      display: flex;
      -webkit-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      justify-content: center;
      align-content: stretch;
      background: #FFFFFF;
      padding: 0;
      margin: 0;
      height: inherit;
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-radius: 0;
      border-right: none; }
      .toggle ul li:first-child,
      .toggle ul dd:first-child,
      .toggle dl li:first-child,
      .toggle dl dd:first-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px; }
      .toggle ul li:last-child,
      .toggle ul dd:last-child,
      .toggle dl li:last-child,
      .toggle dl dd:last-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-right: 1px solid rgba(0, 0, 0, 0.2); }
      .toggle ul li a,
      .toggle ul dd a,
      .toggle dl li a,
      .toggle dl dd a {
        color: #777777;
        padding: 0 1.5625rem; }
      .toggle ul li.active,
      .toggle ul dd.active,
      .toggle dl li.active,
      .toggle dl dd.active {
        background: #F7F7F7;
        box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.04); }
        .toggle ul li.active a,
        .toggle ul dd.active a,
        .toggle dl li.active a,
        .toggle dl dd.active a {
          font-weight: 500;
          color: #066FBB; }
  .controls__header .toggle {
    margin-bottom: 0; }
    .controls__header .toggle ul,
    .controls__header .toggle dl {
      height: 35px; }
      .controls__header .toggle ul li a,
      .controls__header .toggle ul dd a,
      .controls__header .toggle dl li a,
      .controls__header .toggle dl dd a {
        padding: 0 0.9375rem; }

.Tokenize {
  font-size: 11px;
  border: none;
  margin: 0 15px 0.9375rem 0; }
  .Tokenize li.Token {
    border-radius: 3px;
    background-color: #EFEFEF;
    color: #777777;
    border: 1px solid #999999; }
    .Tokenize li.Token a {
      color: #777777;
      border: none; }
      .Tokenize li.Token a:hover, .Tokenize li.Token a:focus {
        border: none; }
  .Tokenize .TokensContainer,
  .Tokenize .Dropdown {
    border: solid 1px #999999; }
  .Tokenize .Dropdown {
    border-radius: 0 0 5px 5px;
    margin-top: -3px;
    box-shadow: none;
    max-height: 285px; }
    .Tokenize .Dropdown li.Hover {
      background: #EFEFEF;
      color: inherit; }
  .Tokenize ul.TokensContainer {
    border-radius: 5px;
    height: inherit; }
    .Tokenize ul.TokensContainer.error {
      background-color: #fff0f0;
      background: #fff0f0;
      color: #CC0000;
      border: 1px solid #CC0000;
      box-shadow: none;
      -moz-appearance: none; }
      @media print {
        .Tokenize ul.TokensContainer.error {
          background-color: #fff0f0 !important;
          background: #fff0f0 !important; } }
  .Tokenize ul,
  .Tokenize li,
  .Tokenize span {
    font-size: 11px;
    border: none; }

@keyframes onAutoFillStart {
  from {
    /**/ }
  to {
    /**/ } }

.has-tip {
  cursor: help;
  outline: none;
  margin: 0;
  font-weight: inherit;
  font-size: inherit; }
  a .has-tip {
    cursor: pointer; }
  .has-tip.has-tip--inherit {
    border-bottom: none;
    color: inherit; }
    @media print {
      .has-tip.has-tip--inherit {
        color: inherit !important; } }
    .has-tip.has-tip--inherit:hover, .has-tip.has-tip--inherit:focus {
      border-bottom: none;
      color: inherit; }
      @media print {
        .has-tip.has-tip--inherit:hover, .has-tip.has-tip--inherit:focus {
          color: inherit !important; } }
  .has-tip.has-tip--underline {
    border-bottom: dotted 1px #333333;
    color: #333333; }
    @media print {
      .has-tip.has-tip--underline {
        color: #333333 !important; } }
    .has-tip.has-tip--underline:hover, .has-tip.has-tip--underline:focus {
      border-bottom: dotted 1px #1a1919;
      color: #1a1919; }
      @media print {
        .has-tip.has-tip--underline:hover, .has-tip.has-tip--underline:focus {
          color: #1a1919 !important; } }
  .has-tip.has-tip--question-mark {
    border-bottom: none;
    color: #B4B4B4; }
    @media print {
      .has-tip.has-tip--question-mark {
        color: #B4B4B4 !important; } }
    .has-tip.has-tip--question-mark:hover, .has-tip.has-tip--question-mark:focus {
      border-bottom: none;
      color: #B4B4B4; }
      @media print {
        .has-tip.has-tip--question-mark:hover, .has-tip.has-tip--question-mark:focus {
          color: #B4B4B4 !important; } }

.tooltip {
  background-color: rgba(51, 51, 51, 0.95);
  background: rgba(51, 51, 51, 0.95);
  border-radius: 4px;
  color: #B4B4B4;
  z-index: 9999999999;
  max-width: 500px; }
  @media print {
    .tooltip {
      background-color: rgba(51, 51, 51, 0.95) !important;
      background: rgba(51, 51, 51, 0.95) !important; } }
  .tooltip a {
    color: #FFFFFF !important;
    border-bottom: dotted 1px #777777;
    font-size: inherit; }
    .tooltip a:hover, .tooltip a:focus {
      color: #FFFFFF darken, 10%;
      border-bottom: dotted 1px #777777 darken, 10%; }
  .tooltip.tip-bottom > .nub {
    border-color: transparent transparent rgba(51, 51, 51, 0.95) transparent; }
  .tooltip.tip-top > .nub {
    border-color: rgba(51, 51, 51, 0.95) transparent transparent transparent; }
  .tooltip.tip-left > .nub {
    border-color: transparent transparent transparent rgba(51, 51, 51, 0.95); }
  .tooltip.tip-right > .nub {
    border-color: transparent rgba(51, 51, 51, 0.95) transparent transparent; }
  .tooltip.tooltip--chart {
    width: auto; }

.sortable-table__heading {
  cursor: pointer; }

.sortable-table__column-wide {
  width: 30%; }
  .table--data-preview .sortable-table__column-wide {
    width: 20%; }

.sortable-table__column-narrow {
  width: 35px; }

.sortable-table__heading--desc:after,
.sortable-table__heading--asc:after {
  font-family: "Font Awesome\ 5 Pro";
  font-weight: 900;
  margin-left: 5px; }

.sortable-table__heading--desc:after {
  content: '\f0d7'; }

.sortable-table__heading--asc:after {
  content: '\f0d8'; }

@keyframes onAutoFillStart {
  from {
    /**/ }
  to {
    /**/ } }

.promotion-source {
  display: -webkit- flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  align-content: stretch; }
  .promotion-source .promotion-source__main {
    flex: 18; }
  .promotion-source .promotion-source__metrics {
    display: -webkit- flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    align-content: stretch;
    flex: 4;
    margin-left: 1.5625rem;
    margin-right: 1.5625rem; }
    .promotion-source .promotion-source__metrics .promotion-source__metric {
      flex: 1;
      margin-left: 0.625rem; }
  .promotion-source .promotion-source__actions {
    flex: 1; }

.progress-bar {
  width: auto;
  height: 35px;
  background: #EFEFEF;
  border-radius: 5px; }
  .progress-bar .progress-bar__value {
    display: inline-block;
    position: relative;
    top: -10px;
    padding: 5px 20px;
    color: #066FBB;
    font-size: 1rem; }
    .progress-bar .progress-bar__value.progress-bar__value--inline {
      display: block;
      top: -42px;
      color: #FFFFFF; }
  .progress-bar .progress-bar__active-section {
    display: inline-block;
    height: 35px;
    background: #066FBB;
    border-radius: 3px; }

.progress-indicator {
  position: relative;
  top: -3px;
  margin-left: 0.625rem; }

.js-cloak {
  display: none; }

.ace_editor {
  font-size: 14px !important; }

.alert-box .close {
  height: 20px;
  border-bottom: none;
  color: inherit; }
  .alert-box .close:hover, .alert-box .close:focus {
    border-bottom: none;
    color: inherit; }

.row .column,
.row .columns {
  padding: 0 0.625rem; }
  .row .column:first-child,
  .row .columns:first-child {
    padding-left: 0; }
  .row .column:last-child,
  .row .columns:last-child {
    padding-right: 0; }
  @media only screen and (max-width: 1024px) {
    .row .column,
    .row .columns {
      padding: 0; } }

.panel-wrapper__content .row p,
.form .row p {
  margin-bottom: 1rem; }
  .panel-wrapper__content .row p:last-child,
  .form .row p:last-child {
    margin-bottom: 0; }

.panel-wrapper__content .row > p:last-child,
.form .row > p:last-child {
  margin-bottom: 0; }

.row:last-of-type > input {
  margin-bottom: 0; }

.highcharts-grid-line {
  opacity: 0.5; }

.highcharts-root {
  height: 100%; }

.highcharts-container {
  max-width: 100%; }

div.Tokenize {
  width: 100%; }
  div.Tokenize ul.TokensContainer {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: none; }
    div.Tokenize ul.TokensContainer li.Token {
      height: 22px; }
      div.Tokenize ul.TokensContainer li.Token a {
        border-bottom: none; }
    div.Tokenize ul.TokensContainer .TokenSearch input {
      height: 22px; }
  div.Tokenize ul.Dropdown li.Hover {
    background-color: #066FBB;
    background-image: none;
    background-repeat: no-repeat;
    filter: none; }

.sub-nav dt,
.sub-nav dd,
.sub-nav li {
  color: #777777; }
  .sub-nav dt a,
  .sub-nav dd a,
  .sub-nav li a {
    color: inherit; }
  .sub-nav dt.active a,
  .sub-nav dd.active a,
  .sub-nav li.active a {
    background: #066FBB; }
    .sub-nav dt.active a:hover,
    .sub-nav dd.active a:hover,
    .sub-nav li.active a:hover {
      background: #088cec; }

.f-dropdown li:hover,
.f-dropdown li:focus {
  background: #FFFFFF; }

table thead,
table tr.even,
table tr.alt,
table tr:nth-of-type(even) {
  background: inherit; }

.jsontree_tree {
  margin: 0; }
  .jsontree_tree * {
    color: #777777;
    font-family: Monaco, Menlo, monospace;
    font-size: 0.875rem; }

.panel-wrapper__content .jsontree_node {
  margin-bottom: 0; }

.tabs-content.panel-wrapper__content > .content {
  padding: 0; }
  .tabs-content.panel-wrapper__content > .content pre {
    border: none;
    max-height: initial;
    padding: 0; }

.grid-selector[class*="column"]:last-child {
  float: none; }

@font-face {
  font-family: 'Linearicons';
  src: url("/media/182a737e52/assets/fonts/Linearicons.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"], #campaign-edit .variable-panel .campaign-level-symbol-container .campaign-level-symbol:before {
  font-family: 'Linearicons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-magic-wand:before {
  content: "\e62b"; }

.icon-bubbles:before {
  content: "\e7d7"; }

.icon-users2:before {
  content: "\e723"; }

.icon-bullhorn:before {
  content: "\e8ae"; }

.icon-hammer-wrench:before {
  content: "\e676"; }

.icon-upload2:before {
  content: "\e8f6"; }

.icon-expand:before {
  content: "\e94a"; }

.icon-sync:before {
  content: "\e8da"; }

.icon-bag-dollar:before {
  content: "\e75e"; }

.options-wrapper--switch input[type="checkbox"] {
  display: inline;
  left: 10px;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 9px; }
  .options-wrapper--switch input[type="checkbox"] + label {
    display: inline-flex;
    width: auto;
    height: auto;
    align-items: center;
    background: transparent;
    color: inherit;
    text-indent: unset;
    margin-left: 0;
    margin-right: 16px; }
    .options-wrapper--switch input[type="checkbox"] + label:after {
      width: 18px;
      height: 18px;
      left: 1px;
      top: 50%;
      margin-top: -9px;
      border: none;
      box-shadow: none;
      transition: all 0.15s ease-out; }
    .options-wrapper--switch input[type="checkbox"] + label:before {
      content: '';
      display: inline-block;
      width: 32px;
      height: 20px;
      vertical-align: middle;
      background: #B4B4B4;
      border-radius: 2rem;
      border: none;
      box-shadow: none;
      margin-left: 0;
      margin-right: 0.5rem;
      transition: all .15s ease-out; }
  .options-wrapper--switch input[type="checkbox"]:checked + label {
    background: transparent; }
    .options-wrapper--switch input[type="checkbox"]:checked + label:after {
      transform: translateX(12px); }
    .options-wrapper--switch input[type="checkbox"]:checked + label:before {
      background: #1E9336; }
  .options-wrapper--switch input[type="checkbox"]:checked ~ .options-wrapper__status-text {
    margin-left: 0; }
    .options-wrapper--switch input[type="checkbox"]:checked ~ .options-wrapper__status-text:after {
      content: "Enabled";
      position: absolute;
      top: -9px;
      right: -37px; }
  .options-wrapper--switch input[type="checkbox"]:not(:checked) ~ .options-wrapper__status-text {
    margin-left: 0; }
    .options-wrapper--switch input[type="checkbox"]:not(:checked) ~ .options-wrapper__status-text:after {
      content: "Disabled";
      position: absolute;
      top: -9px;
      right: -37px; }
  .options-wrapper--switch input[type="checkbox"][disabled] + label {
    color: #B4B4B4;
    font-weight: 400;
    cursor: not-allowed; }
    .options-wrapper--switch input[type="checkbox"][disabled] + label:before {
      cursor: not-allowed;
      opacity: .65; }

.options-wrapper--switch .advanced-link {
  position: relative;
  top: -5px; }

.options-wrapper--switch + small {
  margin-top: -15px; }

.options-wrapper--switch.columns input[type="checkbox"] + label {
  height: 100%;
  margin-right: -1px; }

.flex .options-wrapper--switch {
  margin-bottom: 0; }
  .flex .options-wrapper--switch input[type="checkbox"] + label {
    height: 100%; }

.switch-wrapper {
  margin-bottom: 1.875rem; }
  .switch-wrapper > * {
    margin-left: 1.875rem; }
    .switch-wrapper > *.options-wrapper--switch {
      margin-left: 0; }

#campaign-edit {
  min-width: 1000px;
  margin: 0 15px;
  position: relative;
  background-color: white; }
  @media only screen and (min-width: 1000px) {
    #campaign-edit {
      width: calc(100% - 15px * 2);
      max-width: none; } }
  #campaign-edit:before, #campaign-edit:after {
    content: " ";
    display: table; }
  #campaign-edit:after {
    clear: both; }
  #campaign-edit * {
    box-sizing: border-box; }
  #campaign-edit .panel-wrapper--campaign-edit {
    padding: 16px;
    height: 100%; }
  #campaign-edit .header {
    height: auto;
    line-height: normal;
    border: none;
    margin: 0 0 0.9375rem;
    padding: 0; }
    #campaign-edit .header#campaign-state-header {
      margin-top: -0.625rem; }
    #campaign-edit .header i {
      margin: 0;
      top: 0; }
      #campaign-edit .header i.fa-angle-right {
        color: #777777; }
    #campaign-edit .header .f-dropdown.open {
      right: 240px; }
      #campaign-edit .header .f-dropdown.open.right {
        width: auto !important;
        transform: translateX(-37%) !important; }
    #campaign-edit .header .campaign-name h1, #campaign-edit .header .campaign-name input {
      display: inline-block;
      margin: 0;
      font: 1.25rem "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      border: none;
      padding: 0px;
      color: #333333;
      height: 38px;
      line-height: 38px;
      width: auto;
      max-width: 500px; }
    #campaign-edit .header .campaign-name h1 {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      vertical-align: middle;
      display: inline-block; }
    #campaign-edit .header .campaign-name input {
      box-shadow: none; }
    #campaign-edit .header .campaign-name i.fa-edit {
      color: #E00049;
      cursor: pointer; }
    #campaign-edit .header .campaign-name .is-without-editing,
    #campaign-edit .header .campaign-name .is-with-editing {
      line-height: 38px;
      height: 38px;
      white-space: nowrap; }
      #campaign-edit .header .campaign-name .is-without-editing > span,
      #campaign-edit .header .campaign-name .is-with-editing > span {
        display: inline-block;
        line-height: 38px; }
    #campaign-edit .header .campaign-name .is-without-editing {
      display: inline-block; }
    #campaign-edit .header .campaign-name .is-with-editing {
      display: none; }
      #campaign-edit .header .campaign-name .is-with-editing i {
        font-size: 18px;
        color: #B4B4B4; }
    #campaign-edit .header .campaign-name .campaign-name-error-message {
      position: absolute;
      left: 20px;
      top: 5px;
      color: #CC0000;
      font-size: 12px; }
    #campaign-edit .header .campaign-name .is-editing input {
      border: 1px solid rgba(0, 0, 0, 0.15);
      border-radius: 4px;
      padding: 0 12px;
      box-shadow: none; }
    #campaign-edit .header .campaign-name .is-editing .is-without-editing {
      display: none; }
    #campaign-edit .header .campaign-name .is-editing .is-with-editing {
      display: inline-block; }
    #campaign-edit .header .status-label,
    #campaign-edit .header .status-details {
      font: 0.875rem "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      color: #777777;
      vertical-align: middle; }
    #campaign-edit .header .status-label {
      margin: 0 3px;
      color: #777777; }
    #campaign-edit .header .status-details {
      color: #B4B4B4;
      margin-top: 0.625rem;
      position: absolute; }
      #campaign-edit .header .status-details .icon {
        margin-right: 5px; }
    #campaign-edit .header .close-button {
      position: absolute;
      top: 0;
      right: 0;
      color: #777777;
      background: transparent;
      font: 0.875rem "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      padding: 0;
      margin: 0;
      height: 38px;
      line-height: 38px; }
      #campaign-edit .header .close-button > i {
        margin: 0;
        color: #B4B4B4;
        font-size: 1.125rem; }
    #campaign-edit .header .state-actions {
      margin-top: 0.625rem;
      display: flex;
      flex-direction: row; }
      #campaign-edit .header .state-actions a {
        color: #777777;
        display: flex;
        align-items: center; }
        #campaign-edit .header .state-actions a:hover {
          color: #333333; }
      #campaign-edit .header .state-actions .icon {
        margin: 0 5px 0 15px; }
        #campaign-edit .header .state-actions .icon.fa-play-circle {
          color: #066FBB; }
        #campaign-edit .header .state-actions .icon.fa-pause-circle {
          color: #EAC234; }
      #campaign-edit .header .state-actions > .disabled {
        opacity: 0.5;
        pointer-events: none;
        cursor: default; }
        #campaign-edit .header .state-actions > .disabled .icon {
          color: #777777; }
    #campaign-edit .header .draft-actions {
      float: right; }
      #campaign-edit .header .draft-actions > * {
        float: left;
        margin: 0 7px 0 0; }
        #campaign-edit .header .draft-actions > *:last-child {
          margin: 0; }
      #campaign-edit .header .draft-actions button {
        font: 0.875rem "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        padding: 0 20px;
        height: 38px;
        line-height: 38px; }
      #campaign-edit .header .draft-actions .confirmation {
        position: absolute;
        right: 0;
        top: 0;
        background-color: white;
        outline: none;
        white-space: nowrap; }
        #campaign-edit .header .draft-actions .confirmation .confirmation-message {
          color: #777777;
          display: inline-block;
          margin: 0; }
        #campaign-edit .header .draft-actions .confirmation .confirmation-yes {
          color: #1E9336; }
        #campaign-edit .header .draft-actions .confirmation .confirmation-no {
          color: #E00049; }
        #campaign-edit .header .draft-actions .confirmation .confirmation-no,
        #campaign-edit .header .draft-actions .confirmation .confirmation-yes {
          background-color: transparent;
          padding: 0.625rem;
          margin: 0; }
        #campaign-edit .header .draft-actions .confirmation .confirmation-message,
        #campaign-edit .header .draft-actions .confirmation .confirmation-yes {
          font: 0.875rem "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
  #campaign-edit .tabs-wrapper {
    width: 100%;
    min-width: 1000px;
    float: left;
    border-top: 1px solid rgba(0, 0, 0, 0.08); }
  #campaign-edit .level1.tabs {
    width: 88px;
    height: 595px;
    background-color: #EFEFEF;
    overflow: auto; }
    @media only screen and (min-height: 1000px) {
      #campaign-edit .level1.tabs {
        height: 900px; } }
    #campaign-edit .level1.tabs .tab-title.active a {
      background-color: #E00049;
      color: #EFEFEF; }
    #campaign-edit .level1.tabs .tab-title a {
      color: #777777;
      background-color: transparent;
      border-bottom: none;
      height: 100px;
      padding: 15px 0.625rem 0.625rem;
      text-align: center;
      font: 0.875rem "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      line-height: 1.6;
      font-weight: 400; }
    #campaign-edit .level1.tabs .tab-title [class^="icon-"] {
      font-size: 45px; }
  #campaign-edit .zone-panel-containers,
  #campaign-edit .zone-list-containers {
    width: auto;
    height: 595px;
    float: left;
    margin-bottom: 0; }
    @media only screen and (min-height: 1000px) {
      #campaign-edit .zone-panel-containers,
      #campaign-edit .zone-list-containers {
        height: 900px; } }
    #campaign-edit .zone-panel-containers .content,
    #campaign-edit .zone-list-containers .content {
      padding: 0;
      float: left; }
      #campaign-edit .zone-panel-containers .content .tabs-content,
      #campaign-edit .zone-list-containers .content .tabs-content {
        float: left;
        width: 772px; }
        @media only screen and (min-width: 1000px) {
          #campaign-edit .zone-panel-containers .content .tabs-content,
          #campaign-edit .zone-list-containers .content .tabs-content {
            width: calc(100% - 140px); } }
  @media only screen and (min-width: 1000px) {
    #campaign-edit .zone-list-containers {
      width: calc(100% - 88px); } }
  #campaign-edit .zone-list-containers .quickstart.incentive {
    width: 100%; }
    #campaign-edit .zone-list-containers .quickstart.incentive .variable-field-label {
      margin-top: 0;
      margin-bottom: 20px; }
      #campaign-edit .zone-list-containers .quickstart.incentive .variable-field-label.campaign-level:after {
        content: ''; }
    #campaign-edit .zone-list-containers .quickstart.incentive .preview-panel {
      width: calc(100% - 295px);
      height: 595px; }
    #campaign-edit .zone-list-containers .quickstart.incentive .preview-panel-actions {
      display: none; }
  #campaign-edit .level2.tabs {
    float: left;
    width: 140px;
    height: 595px;
    max-width: 140px;
    border-left: 1px solid #d6d5d5;
    background-color: #EFEFEF;
    overflow: auto; }
    @media only screen and (min-height: 1000px) {
      #campaign-edit .level2.tabs {
        height: 900px; } }
    #campaign-edit .level2.tabs .tab-title.active a {
      background-color: #d6d5d5;
      color: #E00049; }
    #campaign-edit .level2.tabs .tab-title a {
      color: #777777;
      background-color: transparent;
      border-bottom: none;
      padding: 7px 20px;
      font: 0.875rem "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      line-height: 1.6;
      font-weight: 400; }
      #campaign-edit .level2.tabs .tab-title a.enabled {
        font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        font-weight: 600; }
  @media only screen and (min-width: 1000px) {
    #campaign-edit .level2.tabs + .tabs-content {
      width: calc(100% - 140px); } }
  #campaign-edit .preview-panel {
    height: 595px;
    float: left;
    position: relative;
    width: 477px;
    overflow: hidden; }
    @media only screen and (min-height: 1000px) {
      #campaign-edit .preview-panel {
        height: 900px; } }
    @media only screen and (min-width: 1000px) {
      #campaign-edit .preview-panel {
        width: calc(100% - 295px); } }
    #campaign-edit .preview-panel iframe {
      width: 100%;
      height: calc(100% - 39px - 1px);
      border-width: 0; }
    #campaign-edit .preview-panel .no-creative,
    #campaign-edit .preview-panel .loading-error {
      position: absolute;
      margin: 1em;
      font: 0.875rem "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      display: none; }
    #campaign-edit .preview-panel .no-creative {
      color: #777777; }
    #campaign-edit .preview-panel .no-creative {
      width: 100%;
      height: 595px;
      background-image: url("/media/182a737e52/assets/no-creative-to-preview.png");
      background-repeat: no-repeat;
      background-position: center 100px;
      text-align: center;
      padding-top: 335px; }
      @media only screen and (min-height: 1000px) {
        #campaign-edit .preview-panel .no-creative {
          height: 900px; } }
    #campaign-edit .preview-panel .loading-error {
      color: #E00049; }
    #campaign-edit .preview-panel .larger-preview-button {
      position: absolute;
      bottom: 0;
      margin: 0;
      padding: 20px;
      background-color: transparent;
      color: #777777; }
    #campaign-edit .preview-panel .larger-preview-button {
      right: 0; }
    #campaign-edit .preview-panel .preview-panel-actions {
      position: absolute;
      bottom: 0;
      left: 0;
      border: 1px solid rgba(0, 0, 0, 0.08);
      border-bottom-color: transparent;
      background-color: #EFEFEF;
      box-shadow: 0px -7px 14px -7px rgba(0, 0, 0, 0.1);
      text-align: center;
      height: 40px;
      width: 100%; }
      #campaign-edit .preview-panel .preview-panel-actions button {
        font: 0.875rem "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        margin: 0;
        padding: 0.625rem;
        color: #777777;
        background-color: transparent; }
  #campaign-edit .variable-panel {
    position: relative;
    width: 295px;
    background-color: #EFEFEF;
    float: right; }
    @media only screen and (min-height: 1000px) {
      #campaign-edit .variable-panel {
        max-height: 900px; } }
    #campaign-edit .variable-panel .variable-list {
      position: relative;
      margin: 0;
      list-style-type: none;
      height: 595px;
      overflow: auto;
      font: 12px "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      padding: 20px 30px 60px; }
      @media only screen and (min-height: 1000px) {
        #campaign-edit .variable-panel .variable-list {
          height: 900px; } }
    #campaign-edit .variable-panel .variable-loadding-error {
      position: relative;
      display: none;
      text-align: center;
      font: 0.875rem "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      color: #777777;
      background-image: url("/media/182a737e52/assets/error-loading.png");
      background-repeat: no-repeat;
      background-position: 0 120px;
      padding-top: 260px; }
      #campaign-edit .variable-panel .variable-loadding-error.visible + .variable-list {
        height: 303px; }
      #campaign-edit .variable-panel .variable-loadding-error .error-code {
        font: 16px "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        position: absolute;
        left: 125px;
        top: 163px; }
      @media only screen and (min-height: 1000px) {
        #campaign-edit .variable-panel .variable-loadding-error.visible + .variable-list {
          height: 608px; } }
    #campaign-edit .variable-panel .loading-indicator {
      display: none;
      font: 12px "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
    #campaign-edit .variable-panel .campaign-level-symbol-container {
      position: relative; }
      #campaign-edit .variable-panel .campaign-level-symbol-container .campaign-level-symbol:before {
        position: absolute;
        top: 0;
        left: -15px;
        content: "\e7b9";
        color: #E00049;
        font-size: 16px; }
    #campaign-edit .variable-panel .variable-field-label {
      margin-top: 20px;
      margin-bottom: 5px;
      position: relative;
      font: 12px "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      color: #777777;
      vertical-align: 0px; }
      #campaign-edit .variable-panel .variable-field-label:before, #campaign-edit .variable-panel .variable-field-label:after {
        content: " ";
        display: table; }
      #campaign-edit .variable-panel .variable-field-label:after {
        clear: both; }
      #campaign-edit .variable-panel .variable-field-label.campaign-level.text-field-label:after {
        top: 21px; }
      #campaign-edit .variable-panel .variable-field-label.error {
        color: #CC0000; }
        #campaign-edit .variable-panel .variable-field-label.error .variable-image-error-message {
          margin: 7px 0; }
        #campaign-edit .variable-panel .variable-field-label.error .variable-image-field {
          border: 1px solid #CC0000; }
      #campaign-edit .variable-panel .variable-field-label .variable-field-label-tooltip {
        font: 12px "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
      #campaign-edit .variable-panel .variable-field-label label {
        margin-right: 0; }
    #campaign-edit .variable-panel .nested-variables-preview {
      position: absolute;
      background-color: white;
      overflow: auto; }
      #campaign-edit .variable-panel .nested-variables-preview .nested-variable-block {
        display: inline-block;
        padding: 3px 0.625rem;
        line-height: 14px;
        vertical-align: 1px;
        border-radius: 3px;
        content: attr(resolved-value);
        background-color: #EFEFEF;
        font: inherit;
        color: #777777; }
        #campaign-edit .variable-panel .nested-variables-preview .nested-variable-block.variable-not-found {
          border: 1px solid #CC0000; }
    #campaign-edit .variable-panel .nested-variables-preview,
    #campaign-edit .variable-panel .variable-text-field {
      margin-top: 5px;
      padding: 5px 0.625rem;
      color: #777777;
      font: 0.875rem "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      line-height: 1.5;
      height: 52px;
      width: 100%; }
    #campaign-edit .variable-panel .variable-text-field,
    #campaign-edit .variable-panel .variable-short-text-field {
      position: relative;
      opacity: 0; }
      #campaign-edit .variable-panel .variable-text-field:focus,
      #campaign-edit .variable-panel .variable-short-text-field:focus {
        opacity: 1; }
    #campaign-edit .variable-panel .variable-text-field {
      border-width: 0;
      max-height: 130px;
      transition: height .5s .15s;
      resize: none;
      box-shadow: none;
      overflow: auto; }
    #campaign-edit .variable-panel .variable-short-text-field {
      border-width: 0;
      margin-top: 5px;
      padding: 8px 0.625rem 4px;
      color: #777777;
      font: 0.875rem "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      width: 100%; }
    #campaign-edit .variable-panel .variable-color-field {
      float: right;
      margin-top: -4px; }
      #campaign-edit .variable-panel .variable-color-field input {
        width: 17px;
        height: 20px;
        border-width: 0;
        border-radius: 12px;
        padding: 4px 2px 0;
        margin-right: -20px;
        vertical-align: 1px;
        font: 12px "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        text-transform: uppercase;
        color: transparent;
        background-color: transparent;
        cursor: pointer;
        transition: width .5s .15s, padding .5s .15s, color .5s .15s, background-color .5s .15s; }
      #campaign-edit .variable-panel .variable-color-field input:focus {
        width: 85px;
        padding: 5px 12px 1px;
        color: #777777;
        background-color: white;
        cursor: text;
        outline: none; }
    #campaign-edit .variable-panel .variable-color-field-sample {
      display: inline-block;
      width: 15px;
      height: 15px;
      border-radius: 50%;
      border: solid 2px #FFFFFF;
      vertical-align: -2px; }
    #campaign-edit .variable-panel .variable-image-field {
      box-sizing: content-box;
      max-height: 120px;
      margin-top: 5px;
      padding: 10px;
      background-color: white; }
      #campaign-edit .variable-panel .variable-image-field img {
        max-width: 215px;
        max-height: 120px; }
    #campaign-edit .variable-panel .variable-image-upload-icon {
      float: right;
      margin-top: -7px;
      font-size: 16px;
      font-weight: bold; }
    #campaign-edit .variable-panel .upload-form {
      opacity: 0;
      position: absolute;
      right: 0;
      top: 0; }
      #campaign-edit .variable-panel .upload-form input[type="file"] {
        cursor: pointer;
        margin: 0; }
    #campaign-edit .variable-panel .variable-switch-field {
      float: right;
      line-height: inherit; }
      #campaign-edit .variable-panel .variable-switch-field .options-wrapper__text {
        color: #777777; }
    #campaign-edit .variable-panel .save-button {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 295px;
      height: 40px;
      margin: 0;
      padding: 0.625rem;
      color: #777777;
      background-color: #EFEFEF;
      font: 0.875rem "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      line-height: 20px;
      border-top: 1px solid rgba(0, 0, 0, 0.08);
      box-shadow: 0px -7px 14px -7px rgba(0, 0, 0, 0.1); }
      #campaign-edit .variable-panel .save-button .icon {
        font-size: 18px;
        vertical-align: -2px; }
  #campaign-edit .quality-rule {
    margin-top: 12px;
    margin-left: 5px; }
    #campaign-edit .quality-rule .inline--full-width {
      margin-top: 0.9375rem; }
  #campaign-edit .scrollable-y--dependent-on-screen-height {
    max-height: 100%;
    height: 437px; }
    @media only screen and (min-height: 1000px) {
      #campaign-edit .scrollable-y--dependent-on-screen-height {
        height: 742px; } }
  #campaign-edit .content--full-width .tabs-content {
    width: 100%;
    padding: 1.25rem; }
  #campaign-edit .content--full-width .scrollable-y--dependent-on-screen-height {
    padding: 0 1.25rem 0 0; }
  #campaign-edit .content--full-width .row {
    max-width: 100%; }
  @media (max-width: 1000px) {
    #campaign-edit .level1.tabs {
      float: left; }
    #campaign-edit .content.content--full-width {
      max-width: 900px;
      width: 100%; } }

@media print {
  * {
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
    color: inherit !important; }
  a:link:after,
  a:visited:after {
    display: none !important;
    content: "" !important; }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  img {
    page-break-after: avoid !important;
    break-after: avoid !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important; }
  blockquote,
  table,
  pre {
    page-break-inside: avoid !important;
    break-inside: avoid !important; }
  ul,
  ol,
  dl {
    page-break-before: avoid !important;
    break-before: avoid !important; }
  .row .column:first-child,
  .row .columns:first-child {
    padding-left: 0 !important; }
  .row .column:last-child,
  .row .columns:last-child {
    padding-right: 0 !important; }
  .column,
  .columns {
    position: relative !important;
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
    float: left !important; }
  .small-12,
  .medium-12,
  .large-12 {
    width: 100% !important; }
  .small-11,
  .medium-11,
  .large-11 {
    width: 91.66667% !important; }
  .small-10,
  .medium-10,
  .large-10 {
    width: 83.33333% !important; }
  .small-9,
  .medium-9,
  .large-9 {
    width: 75% !important; }
  .small-8,
  .medium-8,
  .large-8 {
    width: 66.66667% !important; }
  .small-7,
  .medium-7,
  .large-7 {
    width: 58.33333% !important; }
  .small-6,
  .medium-6,
  .large-6 {
    width: 50% !important; }
  .small-5,
  .medium-5,
  .large-5 {
    width: 41.66667% !important; }
  .small-4,
  .medium-4,
  .large-4 {
    width: 33.33333% !important; }
  .small-3,
  .medium-3,
  .large-3 {
    width: 25% !important; }
  .small-2,
  .medium-2,
  .large-2 {
    width: 16.66667% !important; }
  .small-1,
  .medium-1,
  .large-1 {
    width: 8.33333% !important; }
  .page-wrapper {
    position: relative !important; }
  .sidebar {
    position: absolute !important;
    top: 0 !important; }
  .link.link--block,
  .campaign-details-tabs dd.active a,
  #campaign-details .share-channel-ri-card-title,
  .link.link--nonstyled,
  .fas,
  .far,
  .fal,
  .fab {
    color: inherit !important; }
  #campaign-edit .variable-panel .variable-color-field input {
    color: transparent !important; }
  .success {
    color: #1E9336 !important; }
  .error,
  .form label.error + input,
  .form label.error + select,
  .form label.error + textarea {
    color: #CC0000 !important; }
  .warning {
    color: #EAC234 !important; }
  a,
  .toggle ul li.active a,
  .toggle dl dd.active a,
  .promotions-list li .promotion-source__header .promotion-source__title,
  .progress-bar .progress-bar__value,
  .headlines tbody td.selected,
  .modal-wrapper .inner-panel-wrapper i {
    color: #066FBB !important; }
  .header .header__nav .button.active,
  .sidebar__nav > li.active a,
  .page-loader .fas,
  .page-loader .far,
  .page-loader .fal,
  .page-loader .fab,
  #campaign-edit .header .campaign-name i,
  #campaign-edit .level2.tabs .tab-title.active a {
    color: #E00049 !important; }
  .progress-bar .progress-bar__value.progress-bar__value--inline {
    color: #FFFFFF !important; }
  #campaign-edit .level1.tabs .tab-title.active a {
    color: #EFEFEF !important; }
  #drift-widget {
    display: none !important; }
  h4,
  small,
  .button.button--tertiary,
  .headlines td,
  .table thead tr th,
  .table thead tr td,
  .promotions-list li .promotion-source__header .promotion-source__icon,
  .link.link--secondary,
  .table a.action-button,
  .button.button--link[disabled],
  .button[disabled],
  .grid-selector--single .grid-selector__item > div p,
  #campaign-edit .header .status-details,
  #campaign-edit .header .close-button > i,
  .modal-close-button {
    color: #B4B4B4 !important; }
  .toggle ul li a,
  .toggle dl dd a,
  .placement-label .placement-label-icon {
    color: #999999 !important; }
  body,
  h3,
  p,
  .header .header__nav .button,
  .header .select2-container .select2-choice,
  .sidebar__nav > li a,
  .action-buttons-list > li > a,
  .program-label-wrapper,
  .details-wrapper h4,
  .grid-selector--single .grid-selector__item > div strong,
  .list.list--drop-down ul > li > a,
  #campaign-edit .level1.tabs .tab-title a,
  #campaign-edit .variable-panel .save-button,
  #campaign-edit .preview-panel .preview-panel-actions button,
  #campaign-edit .variable-panel .nested-variables-preview .nested-variable-block,
  .header .header__nav .button.dropdown:after,
  .header .f-dropdown > li > a,
  #campaign-edit .level2.tabs .tab-title a,
  #campaign-edit .variable-panel .variable-field-label {
    color: #777777 !important; }
  h1,
  strong,
  .list > li .list-data-column:not(:first-child) h3,
  .table--draggable tr td h2,
  .table--draggable tr th h2,
  .tabs-panel h2,
  .tabs dd > a,
  .placement-label,
  .placement-major-number,
  .panel-wrapper__content h3,
  .breadcrumbs li {
    color: #333333 !important; }
  .background-overlay {
    background-color: rgba(247, 247, 247, 0.8) !important;
    background: rgba(247, 247, 247, 0.8) !important; }
  #campaign-edit .level1.tabs .tab-title.active a {
    background-color: #E00049 !important;
    background: #E00049 !important; }
  .progress-bar .progress-bar__active-section {
    background-color: #066FBB !important;
    background: #066FBB !important; }
  .program-label-wrapper.program-label-wrapper--primary,
  .panel-wrapper__content h3,
  .toggle ul li.active,
  .toggle dl dd.active,
  .progress-bar,
  .tabs dd > a,
  #campaign-edit .level1.tabs,
  #campaign-edit .variable-panel,
  #campaign-edit .preview-panel .preview-panel-actions,
  #campaign-edit .variable-panel .save-button,
  #campaign-edit .variable-panel .nested-variables-preview .nested-variable-block,
  .modal-wrapper .link.link--block:hover,
  .modal-wrapper .link.link--block:focus,
  .modal-wrapper .link.link--block.active,
  #campaign-details .share-channel-ri-card-container > div,
  #campaign-edit .level2.tabs .tab-title a,
  #campaign-edit .level2.tabs {
    background-color: #EFEFEF !important;
    background: #EFEFEF !important; }
  .action-view,
  .tabs dd.active a,
  .tabs .tab-title.active a,
  .campaign-details-tabs,
  .f-dropdown,
  input,
  textarea,
  #campaign-edit .variable-panel .nested-variables-preview,
  .select2-drop,
  .button[disabled],
  .panel-wrapper,
  #campaign-edit .variable-panel .variable-image-field {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important; }
  #campaign-edit .level2.tabs .tab-title.active a {
    background-color: #d6d5d5 !important;
    background: #d6d5d5 !important; }
  .list > li .list-data-column:not(:first-child) h3,
  #campaign-edit .variable-panel .variable-color-field input,
  #campaign-edit .preview-panel .preview-panel-actions button,
  .panel-wrapper__content h3 {
    background-color: transparent !important;
    background: transparent !important; }
  pre,
  .program-label-wrapper {
    border: 1px solid rgba(0, 0, 0, 0.15) !important; }
  blockquote {
    border: none;
    border-left: 1px solid rgba(0, 0, 0, 0.15) !important; }
  .header .header__nav {
    position: relative !important;
    border-top: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
    height: 67px !important;
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.03), 0 2px 4px rgba(0, 0, 0, 0.03) !important; }
  .header .header__nav > ul > li.header__logo > a img,
  .header .header__nav .account-menu-container > ul > li.header__logo > a img {
    max-width: 100px !important; }
  .header.header-side .header__nav {
    position: fixed !important;
    top: 0 !important;
    height: 100% !important; }
    .header.header-side .header__nav .header__logo {
      border: none !important; }
    .header.header-side .header__nav .main-navigation {
      height: auto !important; }
      .header.header-side .header__nav .main-navigation li {
        border: none !important; }
        .header.header-side .header__nav .main-navigation li a.active {
          color: #E00049 !important; }
    .header.header-side .header__nav .account-menu-container {
      border-right: none !important; }
      .header.header-side .header__nav .account-menu-container .account__initial-name {
        color: #E00049 !important; }
  .nav-flag__image {
    max-width: 45px !important;
    width: 45px !important;
    height: auto !important; }
  img.rewards-brand-image {
    max-width: 280px !important; }
  .panel-wrapper {
    -webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.03), 0 2px 4px rgba(0, 0, 0, 0.03) !important;
    -moz-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.03), 0 2px 4px rgba(0, 0, 0, 0.03) !important;
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.03), 0 2px 4px rgba(0, 0, 0, 0.03) !important; }
  .action-view .panel-wrapper {
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.07), inset 0 -2px 0 rgba(0, 0, 0, 0.03) !important;
    -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.07), inset 0 -2px 0 rgba(0, 0, 0, 0.03) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.07), inset 0 -2px 0 rgba(0, 0, 0, 0.03) !important; }
  .grid-selector__item:hover {
    -webkit-box-shadow: inset 0 0 0 2px #066FBB !important;
    -moz-box-shadow: inset 0 0 0 2px #066FBB !important;
    box-shadow: inset 0 0 0 2px #066FBB !important;
    border: none !important; }
  .list.list--drop-down ul.f-dropdown.open,
  #select2-drop.header__select2-results,
  .header .f-dropdown.open {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.12) !important;
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.12) !important; }
  .modal-wrapper .panel-wrapper {
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.07), inset 0 -2px 0 rgba(0, 0, 0, 0.03);
    -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.07), inset 0 -2px 0 rgba(0, 0, 0, 0.03);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.07), inset 0 -2px 0 rgba(0, 0, 0, 0.03); }
  .promotions-list li .columns:first-child {
    padding-right: 1.25rem !important; }
  .tabs.vertical {
    max-width: 20% !important;
    float: left !important; }
  #campaign-edit .level1.tabs,
  #campaign-edit .zone-panel-containers,
  #campaign-edit .zone-list-containers,
  #campaign-edit .preview-panel,
  #campaign-edit .variable-panel,
  #campaign-edit .variable-panel .variable-list,
  #campaign-edit .level2.tabs {
    height: 900px !important; }
  #campaign-edit .preview-panel {
    width: calc(100% - 295px) !important; }
  #campaign-edit .level2.tabs + .tabs-content {
    width: calc(100% - 140px); }
  #campaign-edit .zone-list-containers {
    width: calc(100% - 88px) !important; }
  #campaign-edit .header .close-button {
    right: 30px !important; }
  #campaign-edit #INCENTIVE-category .variable-panel {
    display: none !important; }
  #campaign-edit #INCENTIVE-category .preview-panel {
    width: 100% !important;
    overflow: visible !important; }
  #campaign-edit #INCENTIVE-category .scrollable-y--dependent-on-screen-height {
    height: 100% !important;
    overflow: visible !important; }
  .checkbox:hover input ~ .checkbox__check,
  .checkbox input:focus ~ .checkbox__check {
    background: #FFFFFF !important; }
  .checkbox:hover input:not([disabled]):checked ~ .checkbox__check,
  .checkbox input:checked:focus ~ .checkbox__check {
    background: #1E9336 !important; }
  .checkbox input:checked ~ .checkbox__check {
    background: #1E9336 !important; }
  .launch-status-modal .checkbox input:checked ~ .checkbox__text {
    color: #B4B4B4 !important; }
  .checkbox input:checked:disabled ~ .checkbox__check {
    background: #EFEFEF !important; }
  .options-wrapper label {
    background: transparent !important;
    color: #333333 !important; }
    .options-wrapper label:after {
      background: #FFFFFF !important;
      content: "" !important; }
  .options-wrapper.options-wrapper--radio input + label {
    background: #FFFFFF !important; }
  .options-wrapper.options-wrapper--radio input:checked + label {
    background: #1E9336 !important; }
  .options-wrapper.options-wrapper--switch input[type="checkbox"]:checked + label {
    background: transparent !important; }
  .variable-list .options-wrapper.options-wrapper--switch input[type="checkbox"]:checked ~ .options-wrapper__status-text {
    content: "Enabled" !important; }
  .variable-list .options-wrapper.options-wrapper--switch input[type="checkbox"]:not(:checked) ~ .options-wrapper__status-text {
    content: "Disabled" !important; } }

* {
  box-sizing: border-box;
  font-size: 0.875rem; }

body {
  line-height: 1.6;
  background: #FFFFFF;
  color: #777777;
  font-weight: 400;
  font-size: 0.875rem;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }

div:focus {
  outline: none; }

hr {
  margin: 0;
  width: 100%;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08); }

small {
  font-size: 0.75rem;
  color: #B4B4B4;
  margin: .25rem 0;
  display: block;
  line-height: inherit; }
  small.metadata {
    margin: 0 5px;
    display: inline-block;
    vertical-align: baseline; }
    .list.list--selector small.metadata {
      margin: 0; }
  label small {
    text-transform: none; }
  small.ellipsis {
    display: block; }
  small > span {
    font-size: inherit; }

strong {
  color: #333333;
  font-weight: 500;
  font-size: inherit; }

pre {
  margin: 1.25rem auto;
  width: 100%;
  background-color: #FFFFFF;
  color: #777777;
  padding: 0.625rem;
  font-size: 0.875rem;
  line-height: 2;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  display: block;
  overflow: auto;
  height: auto;
  max-height: 500px;
  font-family: Monaco, Menlo, monospace;
  white-space: pre-wrap; }
  pre:last-child {
    margin-bottom: 0; }
  pre:first-child {
    margin-top: 0; }
  .panel-wrapper__content pre > div {
    margin-top: 0; }

ul,
li,
th,
tr,
td,
h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
  list-style-type: none;
  border: 0;
  font-size: inherit; }

h1,
h1 .additional-title {
  font-size: 1.25rem;
  font-weight: 400;
  color: #333333;
  display: inline-block;
  vertical-align: middle; }

.header-wrapper__header h1,
.section-wrapper__header h1 {
  height: 38px;
  line-height: 38px; }

h2 {
  font-size: 1.125rem;
  font-weight: 400;
  color: #777777;
  display: inline-block;
  vertical-align: middle; }

h3 {
  font-size: 1rem;
  font-weight: 400;
  color: #777777;
  display: inline-block;
  vertical-align: middle; }

h4 {
  font-size: 0.875rem;
  font-weight: 400;
  color: #B4B4B4; }

p {
  font-size: 0.875rem;
  line-height: 1.6;
  color: #777777;
  margin-bottom: 1.25rem; }

a,
.form a {
  color: #066FBB;
  border-bottom: none;
  text-decoration: none;
  font-size: inherit; }
  a:hover, a:active, a:focus,
  .form a:hover,
  .form a:active,
  .form a:focus {
    color: #04528a;
    text-decoration: none;
    border-bottom: none;
    outline: none; }

table,
thead,
th,
tbody,
tr,
td {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-collapse: collapse;
  border-radius: initial; }

.fas,
.far,
.fal,
.fab {
  color: inherit;
  font-size: inherit;
  line-height: inherit; }

.fas,
.far,
.fal {
  font-family: Font Awesome\ 5 Pro; }

.fab {
  font-family: Font Awesome\ 5 Brands; }

blockquote {
  padding: 0.625rem 0.9375rem;
  border: none;
  border-left: 1px solid rgba(0, 0, 0, 0.15); }

img.logo {
  display: block;
  max-width: 100%;
  border: none;
  outline: none; }
  img.logo.logo--large {
    width: 114px;
    height: 131px;
    margin: 0 auto 40px; }
  img.logo.logo--full {
    margin: 0 auto 40px;
    width: 282px; }

img.avatar {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  display: inline-block;
  max-width: 100%; }
  img.avatar.avatar--small {
    height: 30px;
    margin-right: 5px;
    border-radius: 0; }
  img.avatar.avatar--medium {
    width: 60px; }
  img.avatar.avatar--large {
    width: 120px;
    height: 120px; }
  img.avatar.avatar--circle {
    border-radius: 50%; }

img.rewards-brand-image {
  max-width: 280px;
  width: 100%;
  height: auto; }

img.reports-table-icon {
  width: 20px;
  height: 20px; }

img.client-support-logo {
  max-height: 30px; }

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

.success {
  color: #1E9336; }

.error {
  color: #CC0000; }

.warning {
  color: #EAC234; }

.without-margin-bottom {
  margin-bottom: 0; }

.clickable {
  cursor: pointer; }

.nonscrolling {
  overflow: hidden !important;
  max-height: 100%; }

.scrollable-x {
  overflow-x: auto;
  padding-bottom: 10px; }
  .scrollable-x .table tr td {
    white-space: nowrap;
    max-width: 340px; }
    .scrollable-x .table tr td.date-time {
      white-space: pre; }
      .scrollable-x .table tr td.date-time span {
        white-space: nowrap;
        display: block; }
    .scrollable-x .table tr td.full-width {
      max-width: 100%; }
  .scrollable-x > .headlines {
    position: relative;
    top: 10px; }
  .scrollable-x::-webkit-scrollbar {
    -webkit-appearance: none;
    height: 10px;
    border: 1px solid #EFEFEF;
    background-color: #EFEFEF; }
  .scrollable-x::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #B4B4B4;
    -webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.03), 0 2px 4px rgba(0, 0, 0, 0.03);
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.03), 0 2px 4px rgba(0, 0, 0, 0.03); }

.break-all {
  word-break: break-all; }

.scrollable-y {
  overflow-y: auto;
  width: 100%;
  margin: 0 auto;
  max-height: 60vh; }
  .scrollable-y.scrollable-y--dependent-on-screen-height {
    max-height: 840px; }
    @media screen and (max-height: 900px) {
      .scrollable-y.scrollable-y--dependent-on-screen-height {
        max-height: 500px; } }

.advanced-section {
  margin-top: 1.25rem; }

.flex {
  display: flex;
  align-items: center; }
  .flex .metadata {
    margin-left: 0.625rem; }
  .flex.flex--stretch {
    align-items: stretch; }
  .flex.flex-wrap {
    flex-wrap: wrap; }

.row .row {
  margin-left: auto;
  margin-right: auto; }

.page-wrapper {
  width: 100%;
  margin: 0 auto; }
  .page-wrapper.page-wrapper--preview {
    padding: 100px; }
  .header-side__wrapper ~ .page-wrapper {
    padding: 30px 0; }
  .page-wrapper.page-wrapper--login .equal-width-panel {
    flex: 1;
    max-height: 100vh; }
    .page-wrapper.page-wrapper--login .equal-width-panel:last-child {
      overflow-y: auto; }
      @media only screen and (max-width: 1179px) {
        .page-wrapper.page-wrapper--login .equal-width-panel:last-child {
          max-height: initial; } }
  .page-wrapper .row {
    max-width: 100%;
    margin: 0 auto; }
    .page-wrapper .row.options-wrapper {
      margin-bottom: 0.9375rem; }
    .page-wrapper .row + .options-wrapper {
      margin-top: 0.9375rem; }
    .page-wrapper .row .details-link {
      margin-left: 0.625rem; }

.content-wrapper {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  margin: 0 auto 100px;
  max-width: 1750px;
  min-width: 1750px;
  padding: 0 200px; }
  @media only screen and (max-width: 1555px) {
    .content-wrapper {
      padding: 0 25px 0 200px;
      min-width: 1199px; } }
  .content-wrapper.content-wrapper--skinny {
    min-width: 550px;
    max-width: 550px;
    padding: 0;
    margin-top: 80px; }
    .content-wrapper.content-wrapper--skinny .panel-wrapper__content {
      padding: 45px 60px; }
  .content-wrapper.content-wrapper--without-borders {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 440px;
    max-width: 440px;
    padding: 0;
    margin-top: -5vh; }
    @media only screen and (max-width: 1179px) {
      .content-wrapper.content-wrapper--without-borders {
        height: auto;
        margin: 80px auto 100px; } }
  .content-wrapper.content-wrapper--large {
    max-width: 2100px; }

.header-wrapper {
  margin: 0 0 1.5625rem; }

.header-wrapper__header {
  height: auto; }
  .header-wrapper__header.controls {
    display: flex;
    flex-flow: wrap;
    align-items: center; }
    .header-wrapper__header.controls .left {
      flex: auto; }
  .header-wrapper__header .button.button--square {
    width: 38px;
    height: 38px;
    line-height: 38px; }

.header-wrapper__sub-header {
  margin: 5px 0 0; }
  .header-wrapper__sub-header:before, .header-wrapper__sub-header:after {
    content: " ";
    display: table; }
  .header-wrapper__sub-header:after {
    clear: both; }
  .header-wrapper__sub-header p {
    margin: 0;
    font-size: 0.875rem;
    vertical-align: middle;
    display: inline-block; }
    .header-wrapper__sub-header p:not(:last-child) {
      margin-bottom: 1rem; }
    .header-wrapper__sub-header p:not(:only-of-type) {
      display: block; }
  .header-wrapper__sub-header small {
    margin: 0; }

.breadcrumbs-wrapper {
  width: 60%; }

.breadcrumbs {
  border: none;
  text-decoration: none;
  outline: none;
  padding: 0;
  margin: 0;
  background-color: transparent;
  border-radius: 0; }
  .header-wrapper__header .breadcrumbs {
    height: auto;
    line-height: normal;
    width: 100%; }
  .breadcrumbs > * {
    text-transform: none;
    color: #333333;
    font-size: 1.25rem; }
    .breadcrumbs > *:before {
      content: " ";
      color: transparent;
      margin: 0;
      position: relative;
      top: 0; }
    .breadcrumbs > *:hover a,
    .breadcrumbs > *:focus a {
      text-decoration: none; }
  .breadcrumbs li {
    margin-right: 0.625rem;
    color: #333333;
    display: inline-block;
    vertical-align: middle;
    height: 38px;
    line-height: 38px; }
    .breadcrumbs li.metadata {
      color: #B4B4B4;
      font-size: 0.75rem; }
    .breadcrumbs li > * {
      display: block;
      line-height: inherit;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
    .breadcrumbs li a {
      border: none;
      text-decoration: none;
      outline: none;
      color: #066FBB; }
      .breadcrumbs li a:hover {
        text-decoration: none; }
    .breadcrumbs li i {
      font-size: 0.875rem; }
    .breadcrumbs li:nth-last-child(-n+2):not(.metadata) {
      max-width: 80%; }

.section-wrapper,
.section-wrapper__content,
.section-wrapper__article {
  margin-bottom: 25px; }

.section-wrapper__content:last-child,
.section-wrapper__article:last-child {
  margin-bottom: 0; }

.section-wrapper__content p:last-child,
.section-wrapper__article p:last-child {
  margin-bottom: 0; }

.section-wrapper__content .options-wrapper,
.section-wrapper__article .options-wrapper {
  margin: 0; }

.section-wrapper__header {
  margin-bottom: 5px; }

.section-wrapper__article h3 {
  color: #333333;
  font-size: 1rem;
  line-height: normal;
  margin-bottom: 0.9375rem; }

.panel-wrapper {
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.03), 0 2px 4px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.03), 0 2px 4px rgba(0, 0, 0, 0.03);
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.03), 0 2px 4px rgba(0, 0, 0, 0.03);
  border-radius: 5px;
  background: #FFFFFF;
  margin-bottom: 25px;
  position: relative; }
  .panel-wrapper > div:before, .panel-wrapper > div:after {
    content: " ";
    display: table; }
  .panel-wrapper > div:after {
    clear: both; }
  .panel-wrapper[draggable] {
    padding-bottom: 3px; }
  .panel-wrapper > *:first-child {
    border-top: none; }
  .panel-wrapper.drop-area-wrapper {
    border-style: dashed; }
    .panel-wrapper.drop-area-wrapper .drop-area {
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: center;
      min-height: 200px; }
      .panel-wrapper.drop-area-wrapper .drop-area .panel-wrapper__header {
        width: 100%;
        margin-bottom: 0.9375rem; }
      .panel-wrapper.drop-area-wrapper .drop-area p {
        padding-bottom: 0; }
      .panel-wrapper.drop-area-wrapper .drop-area small {
        margin-bottom: 0.9375rem; }
    .panel-wrapper.drop-area-wrapper.highlight {
      border-color: #066FBB; }

.panel-wrapper__header {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  position: relative;
  padding: 0 1.25rem; }
  .panel-wrapper__header h3 {
    font-size: 1rem;
    color: #777777;
    padding: 0;
    line-height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%; }
  .panel-wrapper__header.controls {
    padding: 0; }
    .panel-wrapper__header.controls .controls__header .options-wrapper--switch {
      display: inline-flex;
      height: 36px;
      line-height: 36px; }
  .panel-wrapper__header.panel-wrapper__header--expandable {
    min-height: 50px; }

.panel-wrapper__sub-header {
  height: 40px;
  line-height: 40px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  position: relative;
  padding: 0 1.25rem; }
  .panel-wrapper__sub-header h4 {
    float: left;
    font-size: 0.875rem;
    color: #B4B4B4;
    line-height: 40px;
    margin: 0; }

.panel-wrapper__content {
  padding: 1.25rem; }
  .panel-wrapper__content > *:last-child {
    margin-bottom: 0; }
    .panel-wrapper__content > *:last-child > p:last-child {
      margin-bottom: 0; }
  .panel-wrapper__content + .table {
    border-top: 1px solid #EFEFEF; }
  .panel-wrapper__content.panel-wrapper__content--small {
    padding: 0.625rem; }
  .panel-wrapper__content.data h1 {
    margin: 0; }
  .panel-wrapper__content > p:last-child {
    margin: 0; }
    .panel-wrapper__content > p:last-child + blockquote {
      margin-top: 1rem; }
  .panel-wrapper__content p {
    color: #777777; }
    .modal-wrapper .panel-wrapper__content p {
      margin-bottom: 0.625rem; }
  .panel-wrapper__content li {
    margin: 0 0 0.9375rem; }
    .panel-wrapper__content li:last-of-type {
      margin-bottom: 0; }
  .panel-wrapper__content h1 {
    margin-bottom: 0.625rem; }
  .panel-wrapper__content h2 {
    display: inline-block;
    vertical-align: middle;
    height: 18px;
    line-height: 18px; }
  .panel-wrapper__content h3 {
    color: #333333;
    font-weight: 600;
    margin-bottom: 0.625rem; }
  .panel-wrapper__content .panel-wrapper__header h3 {
    color: #777777;
    font-size: 1rem;
    font-weight: 400;
    line-height: 50px; }
  .panel-wrapper__content > .form .panel-wrapper__sub-header {
    margin: 1.25rem -1.25rem; }
    .panel-wrapper__content > .form .panel-wrapper__sub-header:before, .panel-wrapper__content > .form .panel-wrapper__sub-header:after {
      content: " ";
      display: table; }
    .panel-wrapper__content > .form .panel-wrapper__sub-header:after {
      clear: both; }

.panel-wrapper__details {
  padding: 30px 40px; }
  .panel-wrapper__details h2 {
    font-size: 22px;
    margin: 0;
    padding-bottom: 0.9375rem; }
  .panel-wrapper__details > * {
    margin: 0 0 1.5625rem; }
    .panel-wrapper__details > *:last-child {
      margin: 0; }
  .panel-wrapper__details > div > * {
    margin: 0; }
    .panel-wrapper__details > div > * span {
      display: block; }

.panel-wrapper__row {
  padding: 0; }
  .panel-wrapper__row a > .panel-wrapper__content > *,
  .panel-wrapper__row .panel-wrapper__content a > * {
    vertical-align: middle;
    display: inline-block;
    color: #B4B4B4; }
  .panel-wrapper__row a.active {
    background-color: #EFEFEF; }
    .panel-wrapper__row a.active > .panel-wrapper__content > * {
      color: #E00049; }
  .panel-wrapper__row span {
    font-size: 16px;
    margin: 0 15px; }
  .panel-wrapper__row .table span {
    font-size: inherit;
    margin: inherit; }
  .panel-wrapper__row img {
    width: 24px;
    height: auto; }

.panel-wrapper__tabs {
  height: 49px;
  overflow: hidden;
  padding: 7px; }
  .panel-wrapper__tabs .tabs dd a {
    line-height: 33px;
    padding: 0 15px;
    color: #B4B4B4;
    font-size: 14px;
    background: #FFFFFF;
    border: none; }
  .panel-wrapper__tabs .tabs dd.active {
    border: 1px solid rgba(0, 0, 0, 0.15); }
    .panel-wrapper__tabs .tabs dd.active:hover, .panel-wrapper__tabs .tabs dd.active:focus {
      border: 1px solid rgba(0, 0, 0, 0.15); }
      .panel-wrapper__tabs .tabs dd.active:hover a, .panel-wrapper__tabs .tabs dd.active:focus a {
        color: inherit; }
    .panel-wrapper__tabs .tabs dd.active a {
      background: #EFEFEF;
      color: #777777;
      font-weight: 500;
      box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.04);
      background: #EFEFEF; }

.inner-panel-wrapper {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  padding: 30px;
  text-align: center;
  margin-bottom: 1.25rem; }
  .inner-panel-wrapper i {
    color: #066FBB;
    font-size: 30px; }
  .inner-panel-wrapper p {
    padding: 30px 0;
    margin: 0; }
  .inner-panel-wrapper small {
    margin-top: 0.9375rem;
    font-size: 0.875rem;
    display: block; }

.modal-wrapper {
  margin-bottom: 0;
  z-index: 2147483649;
  top: 65px;
  width: 700px;
  height: auto;
  position: fixed;
  left: 50%;
  margin-left: -350px;
  overflow: hidden; }
  .modal-wrapper .panel-wrapper {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.07), inset 0 -2px 0 rgba(0, 0, 0, 0.03); }
    .modal-wrapper .panel-wrapper > .panel-wrapper__header:first-child + .panel-wrapper__content:last-child,
    .modal-wrapper .panel-wrapper > .panel-wrapper__content:only-child {
      overflow-y: auto;
      max-height: calc(100vh - 65px - 65px - 50px); }
  .modal-wrapper.modal-wrapper--wide {
    width: 1000px;
    margin-left: -500px;
    height: auto; }

.link-wrapper {
  margin-top: 20px; }
  .header-wrapper__header .link-wrapper {
    margin-top: 0; }
  .link-wrapper .button--tiny {
    margin-right: 7px; }
    .link-wrapper .button--tiny:first-child {
      margin-left: 7px; }
  .link-wrapper.link-wrapper--small {
    line-height: 35px; }
  .link-wrapper.link-wrapper--medium {
    line-height: 38px; }
  .link-wrapper.link-wrapper--large {
    line-height: 40px; }

.button-wrapper {
  margin-top: 20px; }
  .button-wrapper .button {
    margin: 0; }
  .button-wrapper + .input-wrapper {
    margin-top: 1.25rem; }

.details-wrapper {
  height: 25px;
  line-height: 25px; }
  .details-wrapper h4 {
    color: #777777; }
  .details-wrapper small {
    margin: 0; }
  .details-wrapper > * {
    margin: 0 7px 0 0;
    display: inline-block; }

.action-detail-container {
  max-width: 50%;
  overflow: hidden; }

.show-on-detail {
  display: none; }

.detail-on .hide-on-detail {
  display: none; }

.detail-on .show-on-detail {
  display: initial; }

.options-group {
  margin: 0.9375rem 0; }
  .section-wrapper__article .options-group:first-child {
    margin: 0; }
  .options-group > .options-wrapper {
    margin: 0;
    width: 100%; }
    .options-group > .options-wrapper.options-wrapper--small {
      margin-bottom: 0.625rem; }
  .columns > .options-group {
    margin: 0; }
    .columns > .options-group.options-group--with-margin {
      margin-bottom: 0.9375rem; }

.options-wrapper {
  border: none;
  outline: 0;
  padding: 0;
  position: relative;
  height: 40px;
  line-height: 40px;
  margin-bottom: 0.9375rem;
  user-select: none;
  display: inline-block; }
  .inline-wrapper .options-wrapper {
    margin-bottom: 0; }
  .options-wrapper + p {
    height: 40px;
    line-height: 40px;
    margin-bottom: 0; }
  .options-wrapper + .list--drop-down {
    margin-bottom: 0 !important; }
  .options-wrapper.options-wrapper--small {
    height: 20px;
    line-height: 20px; }
    .options-wrapper.options-wrapper--small + p {
      height: 20px;
      line-height: 20px;
      margin-bottom: 0; }
  .options-wrapper.options-wrapper--with-description {
    margin-bottom: 0.875rem; }
  .options-wrapper label {
    cursor: pointer;
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    position: relative;
    text-indent: 100%;
    height: 20px;
    line-height: 20px;
    width: 2.25rem;
    left: 0;
    border-radius: 2rem; }
    .options-wrapper label:after {
      background: #FFFFFF;
      content: "";
      display: block;
      left: 0.25rem;
      position: absolute;
      top: 0.25rem;
      height: 0.625rem;
      width: 0.625rem;
      border-radius: 2rem; }
  .options-wrapper.options-wrapper--radio input {
    opacity: 0;
    padding: 0;
    position: absolute;
    height: 0; }
    .options-wrapper.options-wrapper--radio input + label {
      display: inline;
      margin-left: 0; }
      .options-wrapper.options-wrapper--radio input + label:before {
        content: "";
        margin-left: 0;
        margin-right: 0.5rem;
        vertical-align: middle;
        background: #FFFFFF;
        width: 18px;
        height: 18px;
        border: 1px solid rgba(0, 0, 0, 0.15);
        box-shadow: inset 0px 0 1px 1px #EFEFEF;
        display: inline-block;
        border-radius: 50%; }
    .options-wrapper.options-wrapper--radio input:checked + label:before {
      background: #1E9336;
      box-shadow: none;
      border: none;
      width: 18px;
      height: 18px; }
    .options-wrapper.options-wrapper--radio input[type="radio"] + label:after {
      display: none;
      width: 16px;
      height: 16px;
      border: none;
      box-shadow: inset 0px 0 1px 1px #EFEFEF;
      left: 0;
      top: 0; }
    .options-wrapper.options-wrapper--radio input[type="radio"]:checked + label:after {
      display: block;
      width: 6px;
      height: 6px;
      border: none;
      box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
      left: 6px;
      top: 6px; }

.modal-wrapper .options-wrapper__text {
  color: #777777 !important;
  font-weight: 400; }

.program-label-wrapper {
  display: inline-block;
  font-size: 0.75rem;
  padding: 0 7px;
  height: 27px;
  line-height: 25px;
  color: #777777;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin: 8px 4px 0 0; }
  .program-label-wrapper.program-label-wrapper--primary {
    background-color: #EFEFEF; }
    .program-label-wrapper.program-label-wrapper--primary .icon {
      margin-left: 12px; }
  .program-label-wrapper.program-label-wrapper--secondary {
    background-color: #FFFFFF; }

.input-wrapper {
  display: flex;
  align-items: center; }
  .form .input-wrapper:last-of-type input,
  .form .input-wrapper:last-of-type textarea,
  .form .input-wrapper:last-of-type label,
  .form .input-wrapper:last-of-type .button {
    margin-bottom: 0; }
  .form .input-wrapper input,
  .form .input-wrapper select,
  .form .input-wrapper textarea,
  .form .input-wrapper .list--drop-down {
    border-radius: 4px 0 0 4px;
    margin-bottom: 1rem; }
    .form .input-wrapper input + .button,
    .form .input-wrapper select + .button,
    .form .input-wrapper textarea + .button,
    .form .input-wrapper .list--drop-down + .button {
      margin-bottom: 1rem; }
    .form .input-wrapper input.rounded,
    .form .input-wrapper select.rounded,
    .form .input-wrapper textarea.rounded,
    .form .input-wrapper .list--drop-down.rounded {
      border-radius: 4px; }
  .form .input-wrapper .list--drop-down {
    width: 100%; }
    .form .input-wrapper .list--drop-down select {
      border-radius: 4px 0 0 4px;
      height: 38px;
      line-height: 38px;
      margin-right: 0;
      width: 100%; }
  .form .input-wrapper input {
    height: 38px; }
    .controls__header .form .input-wrapper input {
      height: 35px;
      line-height: 35px;
      width: 100%; }
    .form .input-wrapper input + span {
      margin-left: 5px; }
  .form .input-wrapper textarea {
    height: 60px;
    min-height: 60px; }
    .form .input-wrapper textarea + .button {
      height: 60px;
      line-height: 60px; }
    .form .input-wrapper textarea.textarea--large {
      height: 120px;
      min-height: 120px; }
      .form .input-wrapper textarea.textarea--large + .button {
        height: 120px;
        line-height: 120px; }
    .form .input-wrapper textarea.code-block {
      height: 125px;
      min-height: 125px;
      font-family: Monaco, Menlo, monospace;
      line-height: 2;
      white-space: pre-wrap; }
      .form .input-wrapper textarea.code-block.code-block--large,
      .form .input-wrapper textarea.code-block.code-block--large + .button {
        height: 625px; }
      .form .input-wrapper textarea.code-block:hover, .form .input-wrapper textarea.code-block:focus {
        cursor: not-allowed; }
      .form .input-wrapper textarea.code-block + .button {
        height: 125px;
        line-height: 125px; }
  .form .input-wrapper .button {
    border-radius: 0 4px 4px 0; }
  .row.input-wrapper-row .input-wrapper input,
  .row.input-wrapper-row .input-wrapper textarea,
  .row.input-wrapper-row .input-wrapper .button {
    margin-bottom: 1rem; }
  .input-wrapper > .options-wrapper:first-child {
    white-space: nowrap;
    margin-bottom: 0; }
    .input-wrapper > .options-wrapper:first-child + input,
    .input-wrapper > .options-wrapper:first-child + textarea {
      border-radius: 4px; }

.short-line {
  padding: 10px;
  margin: 0 auto;
  width: 100px; }

.inline-wrapper {
  display: -webkit- flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: normal;
  justify-content: normal;
  align-content: stretch;
  margin-bottom: 0.9375rem; }
  .inline-wrapper:last-child {
    margin-bottom: 0; }
  .inline-wrapper.inline-wrapper--nowrap {
    flex-flow: row nowrap; }
  .inline-wrapper.inline-wrapper--centered {
    justify-content: center; }
  .inline-wrapper.inline-wrapper--space-between {
    justify-content: space-between;
    margin-bottom: 8px; }
  .inline-wrapper > * {
    color: #777777;
    margin-right: 0.625rem; }
    .inline-wrapper > *:last-child {
      margin-right: 0; }
  .form .inline-wrapper input {
    margin-bottom: 0;
    margin-right: 0.625rem; }
    .form .inline-wrapper input:last-child {
      margin-right: 0; }
  .form .inline-wrapper span {
    margin-top: 0;
    margin-bottom: 0; }
  .form .inline-wrapper small {
    color: #B4B4B4;
    flex: 1 100%; }
  .inline-wrapper .list--drop-down.inline:first-child {
    margin-left: 0; }

.social-wrapper, .social-wrapper.row {
  margin: 20px 0 0; }

.social-wrapper p {
  margin-bottom: 10px; }

.auto-width-wrapper .auto-width-wrapper__text {
  color: #333333;
  margin-right: 5px;
  float: left;
  width: auto; }

.auto-width-wrapper .auto-width-wrapper__button {
  margin-right: 5px;
  float: left;
  width: auto; }

.auto-width-wrapper .auto-width-wrapper__input {
  overflow: hidden; }
  .auto-width-wrapper .auto-width-wrapper__input input {
    margin: 0; }

.diff td {
  word-break: break-all; }

.diff .equal {
  color: #999999; }

.diff .insert {
  color: #1E9336; }

.diff .delete {
  color: #CC0000; }

.diff .replace:first-of-type {
  color: #CC0000; }

.diff .replace:last-of-type {
  color: #1E9336; }

.controls {
  padding: 0; }
  .controls:before, .controls:after {
    content: " ";
    display: table; }
  .controls:after {
    clear: both; }
  .controls h3 {
    padding-left: 20px; }
  .controls > .left > * {
    float: left;
    margin-right: 7px; }
    .controls > .left > *:empty {
      margin-right: 0; }
  .controls > .right > * {
    float: left;
    margin-left: 7px; }
    .controls > .right > *:empty {
      margin-left: 0; }
  .controls .options-wrapper--switch {
    display: flex;
    align-items: center;
    margin-bottom: 0; }
  .controls.controls--sticky {
    position: relative;
    z-index: 5; }
    .controls.controls--sticky > .right {
      position: absolute;
      right: 0; }
      .controls.controls--sticky > .right .button {
        background: #FFFFFF; }
    .controls.controls--sticky + * {
      z-index: 4;
      width: 1300px; }
      @media only screen and (max-width: 1555px) {
        .controls.controls--sticky + * {
          width: 100%; } }
  .controls.panel-wrapper__content {
    padding: 20px 20px 0; }
  .controls.controls--spacer {
    margin-top: 1.25rem; }
    .controls.controls--spacer .link-wrapper,
    .controls.controls--spacer .button-wrapper {
      margin-top: 0; }

.controls__header {
  padding: 7px;
  white-space: nowrap;
  overflow: hidden; }
  .controls__header > * {
    height: 36px;
    line-height: 36px;
    margin-top: 0;
    margin-bottom: 0; }
  .controls__header > small {
    padding-right: 0.625rem; }

.page-loader {
  margin: 60px auto;
  width: 100%;
  text-align: center; }
  .page-loader .fas,
  .page-loader .far,
  .page-loader .fal,
  .page-loader .fab {
    font-size: 76px;
    color: #E00049; }
  .page-loader.page-loader--cover {
    background-color: rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    padding: 60px 0 0;
    margin: 0 auto; }
    @media print {
      .page-loader.page-loader--cover {
        background-color: rgba(255, 255, 255, 0.5) !important;
        background: rgba(255, 255, 255, 0.5) !important; } }
    .page-loader.page-loader--cover .fas,
    .page-loader.page-loader--cover .far,
    .page-loader.page-loader--cover .fal,
    .page-loader.page-loader--cover .fab {
      font-size: 50px; }

.loader .fas,
.loader .far,
.loader .fal,
.loader .fab {
  color: #E00049; }

.background-overlay {
  background: rgba(247, 247, 247, 0.8);
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2147483649; }

.modal-close-button {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 50px;
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  line-height: 50px;
  text-align: center;
  color: #B4B4B4;
  border-bottom: 0; }
  .modal-close-button > .fa-times {
    line-height: 50px;
    font-size: 18px;
    margin: 0; }
  .modal-close-button:hover, .modal-close-button:active, .modal-close-button:focus {
    color: #777777;
    border-bottom: 0;
    text-decoration: none;
    border-left: 1px solid rgba(0, 0, 0, 0.15); }

.hidden {
  display: none; }

.alert-message {
  display: none;
  text-align: center;
  margin: 1.25rem auto;
  padding: 15px 35px;
  font-size: 1rem;
  line-height: 25px; }
  .alert-message.notify {
    background-color: aliceblue;
    background: aliceblue;
    color: #066FBB; }
    @media print {
      .alert-message.notify {
        background-color: aliceblue !important;
        background: aliceblue !important; } }
    @media print {
      .alert-message.notify {
        color: #066FBB !important; } }
    .alert-message.notify a {
      color: #066FBB; }
      @media print {
        .alert-message.notify a {
          color: #066FBB !important; } }
  .alert-message.error {
    background-color: #fff0f0;
    background: #fff0f0;
    color: #CC0000; }
    @media print {
      .alert-message.error {
        background-color: #fff0f0 !important;
        background: #fff0f0 !important; } }
    @media print {
      .alert-message.error {
        color: #CC0000 !important; } }
    .alert-message.error a {
      color: #CC0000; }
      @media print {
        .alert-message.error a {
          color: #CC0000 !important; } }
  .alert-message.success {
    background-color: #f1fcf3;
    background: #f1fcf3;
    color: #1E9336; }
    @media print {
      .alert-message.success {
        background-color: #f1fcf3 !important;
        background: #f1fcf3 !important; } }
    @media print {
      .alert-message.success {
        color: #1E9336 !important; } }
    .alert-message.success a {
      color: #1E9336; }
      @media print {
        .alert-message.success a {
          color: #1E9336 !important; } }
  .alert-message.warning {
    background-color: #fefcf5;
    background: #fefcf5;
    color: #EAC234; }
    @media print {
      .alert-message.warning {
        background-color: #fefcf5 !important;
        background: #fefcf5 !important; } }
    @media print {
      .alert-message.warning {
        color: #EAC234 !important; } }
    .alert-message.warning a {
      color: #EAC234; }
      @media print {
        .alert-message.warning a {
          color: #EAC234 !important; } }
  .alert-message.sticky-wide {
    position: fixed;
    margin: 0 auto;
    padding: 15px 0;
    width: 100%;
    top: 70px;
    opacity: 0.98;
    z-index: 10;
    line-height: 30px; }
    .alert-message.sticky-wide .alert-message--sticky {
      position: relative;
      margin: 0 auto; }
    .alert-message.sticky-wide .alert-message--sticky__text:before {
      content: "\f071";
      font-family: Font Awesome\ 5 Pro;
      padding-right: 0.625rem;
      font-size: 0.75rem;
      font-weight: 900; }
    .alert-message.sticky-wide .alert-message--sticky__close {
      position: absolute;
      right: 1.25rem;
      bottom: 50%;
      transform: translate(0, 50%); }

.link {
  text-decoration: none;
  border-bottom: none;
  color: #066FBB; }
  .link:hover, .link:active {
    text-decoration: none;
    border-bottom: none; }
  .link[disabled] {
    color: #B4B4B4;
    cursor: not-allowed; }
  .link.link--secondary {
    color: #B4B4B4; }
    .link.link--secondary:hover, .link.link--secondary:active {
      color: #066FBB; }
  .link.link--tertiary {
    color: #999999; }
    .link.link--tertiary:hover, .link.link--tertiary:active {
      color: #FFFFFF; }
  .link.link--block {
    display: block;
    color: inherit; }
    .link.link--block:hover {
      color: inherit; }
    .modal-wrapper .link.link--block:hover, .modal-wrapper .link.link--block:focus, .modal-wrapper .link.link--block.active {
      background: #EFEFEF; }
      .modal-wrapper .link.link--block:hover span,
      .modal-wrapper .link.link--block:hover i, .modal-wrapper .link.link--block:focus span,
      .modal-wrapper .link.link--block:focus i, .modal-wrapper .link.link--block.active span,
      .modal-wrapper .link.link--block.active i {
        color: #333333; }
      .modal-wrapper .link.link--block:hover small, .modal-wrapper .link.link--block:focus small, .modal-wrapper .link.link--block.active small {
        color: #777777; }
    .modal-wrapper .link.link--block .panel-wrapper__content div > img {
      width: 36px;
      margin-right: 1.25rem; }
    .modal-wrapper .link.link--block .panel-wrapper__content div > span {
      vertical-align: middle;
      margin-right: 5px;
      font-size: 1rem;
      font-weight: 500; }
    .modal-wrapper .link.link--block .panel-wrapper__content div > i {
      font-size: 1.125rem;
      vertical-align: middle; }
    .modal-wrapper .link.link--block .panel-wrapper__content div > small {
      font-size: 0.875rem; }
  .link.link--toggle {
    display: inline-block;
    margin-bottom: 1.5625rem; }
  .link.link--nonstyled {
    color: inherit;
    cursor: pointer; }
    .link.link--nonstyled:hover {
      color: inherit; }
    .header-wrapper__sub-header .link.link--nonstyled {
      color: #066FBB; }
  .link.link--advanced-section {
    display: block;
    margin-bottom: 15px; }

.ellipsis {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 300px; }
  .ellipsis.ellipsis--wide {
    max-width: 100%; }

.footer {
  text-align: center;
  font-size: 0.75rem;
  color: #B4B4B4;
  width: 100%;
  margin: 0 auto; }
  .footer.footer--login {
    margin-top: 10px; }
  .footer p {
    font-size: inherit;
    line-height: inherit;
    color: inherit; }

.divider {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  margin-top: 40px;
  padding-top: 20px; }
  .divider.divider--narrow {
    margin-top: 10px; }

.timestamp {
  color: inherit;
  font-size: inherit;
  line-height: inherit; }
  .controls__header .timestamp {
    color: #B4B4B4;
    font-size: 12px;
    line-height: 36px;
    padding-right: 8px; }

.indicator-button .indicator-button__indicator {
  display: none;
  margin-left: 10px; }

.indicator-button.indicator-button--active .indicator-button__indicator {
  display: inline-block; }

.data-with-action-buttons {
  display: flex;
  align-items: flex-start;
  justify-content: space-between; }
  .data-with-action-buttons > .link--block {
    width: 85%; }
  .data-with-action-buttons > .action-buttons {
    width: 15%;
    min-width: 175px; }
  .data-with-action-buttons .data {
    width: auto;
    overflow: hidden;
    border-right: 1px solid rgba(0, 0, 0, 0.08); }

a.action-button {
  text-decoration: none;
  border-bottom: 0;
  color: #B4B4B4; }
  a.action-button:hover {
    text-decoration: none;
    border-bottom: 0;
    color: #B4B4B4; }

.share-stream-messages {
  max-height: 600px;
  overflow-y: auto; }

.nav-flag {
  position: relative; }

.nav-flag__image {
  display: block;
  width: 45px;
  height: auto;
  position: absolute;
  top: 0;
  right: 0; }

.dialog:after, .dialog:before {
  right: 100%;
  top: 30px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

@media only screen and (min-width: 64.063em) {
  .dialog:after {
    border-right-color: #FFFFFF;
    border-width: 8px;
    margin-top: -8px; }
  .dialog:before {
    border-right-color: rgba(0, 0, 0, 0.15);
    border-width: 9px;
    margin-top: -9px; } }

.report {
  min-height: 200px;
  background: #FFFFFF;
  position: relative; }
  .report .highcharts-container * {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 11px; }
  .report .highcharts-container text {
    color: #777777 !important;
    fill: #777777 !important; }
  .report h2 {
    display: block; }
  .report .loading {
    margin-top: 50px; }
    .report .loading p {
      margin: 0;
      font-weight: 400; }

.list.list--drop-down.list--checkboxes li {
  margin-bottom: 0 !important; }
  .list.list--drop-down.list--checkboxes li .checkbox input,
  .list.list--drop-down.list--checkboxes li .checkbox__check {
    top: 50%;
    transform: translateY(-50%); }
  .list.list--drop-down.list--checkboxes li .checkbox__check {
    left: 0.625rem; }
    .list.list--drop-down.list--checkboxes li .checkbox__check + .options-wrapper__text {
      bottom: 20px;
      padding-left: 0.625rem; }

.callout {
  padding: 5px 25px;
  display: inline-block;
  text-align: center;
  font-size: 55px;
  border: solid 2px;
  border-radius: 5px;
  margin: 40px auto 0; }
  .callout.poor {
    color: #CC0000; }
  .callout.average {
    color: #EAC234; }
  .callout.good {
    color: #1E9336; }

.participation-rate {
  float: left;
  width: 80%;
  text-align: center; }
  .participation-rate .scale {
    margin: 95px auto 10px;
    height: 12px;
    border-radius: 6px;
    background: #1E9336;
    position: relative; }
    .participation-rate .scale h1 {
      font-size: 50px;
      line-height: 65px;
      color: #1E9336;
      position: absolute;
      left: 60%;
      top: -70px;
      margin-left: -38px; }
      .participation-rate .scale h1:before, .participation-rate .scale h1:after {
        content: ' ';
        height: 0;
        position: absolute;
        width: 0;
        border: 10px solid transparent;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent; }
      .participation-rate .scale h1:before {
        border-top-color: #FFFFFF;
        position: absolute;
        top: 64px;
        left: 32px;
        z-index: 1; }
      .participation-rate .scale h1:after {
        border-top-color: #1E9336;
        position: absolute;
        top: 60px;
        left: 32px;
        z-index: 2; }
  .participation-rate h2 {
    font-size: 0.875rem;
    margin-bottom: 0;
    color: #777777; }
  .participation-rate .fine-print {
    font-size: 10px;
    color: #EFEFEF; }

.rewards-activity .flex {
  height: 60px;
  line-height: 60px; }

.rewards-activity h1 {
  font-size: 54px;
  line-height: inherit;
  margin: 0; }
  .rewards-activity h1 + .status-pill {
    margin-left: 0.625rem; }

.rewards-activity small {
  margin-bottom: 0;
  height: 25px;
  line-height: 25px;
  font-size: 14px; }

.rewards-activity p,
.rewards-activity li,
.rewards-activity a {
  font-size: 16px; }

.rewards-activity p {
  margin-bottom: 0.625rem; }
  .rewards-activity p span {
    font-size: inherit; }

.rewards-activity li {
  margin-bottom: .25rem; }
  .rewards-activity li:last-child {
    margin-bottom: 0; }

.activity-list {
  width: 100%; }
  .activity-list tbody tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
    .activity-list tbody tr:last-child {
      border-bottom: initial; }
  .activity-list tbody td {
    text-align: left;
    vertical-align: top;
    color: inherit;
    font-size: inherit;
    padding: 8px 0; }
    .activity-list tbody td:first-child {
      padding-right: 10px; }
    .activity-list tbody td .small {
      font-size: 0.75rem; }
  .activity-list .metadata {
    margin: 0; }
    .activity-list .metadata.sub-line {
      margin-top: 5px; }

.pagination {
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  margin: -7px 0;
  padding: 0 13px 0 20px;
  height: inherit;
  line-height: inherit; }
  .pagination > *:not(:last-child) {
    padding-right: 7px; }

.form .search-bar {
  width: 200px; }
  .form .search-bar.search-bar--full-width {
    display: -webkit- flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    align-content: stretch;
    width: 100%; }
    .form .search-bar.search-bar--full-width > .list--drop-down {
      margin: 0 1rem 0 0; }
      .form .search-bar.search-bar--full-width > .list--drop-down .button--drop-down {
        height: 50px;
        line-height: 50px; }
      .form .search-bar.search-bar--full-width > .list--drop-down .button--drop-down[aria-expanded="true"] + .list__arrow:before,
      .form .search-bar.search-bar--full-width > .list--drop-down a[aria-expanded="true"] + .list__arrow:before {
        top: -10px; }
      .form .search-bar.search-bar--full-width > .list--drop-down .button--drop-down[aria-expanded="true"] + .list__arrow:after,
      .form .search-bar.search-bar--full-width > .list--drop-down a[aria-expanded="true"] + .list__arrow:after {
        top: -12px; }
    .form .search-bar.search-bar--full-width > span {
      height: 50px;
      line-height: 50px;
      flex: 1; }
      .form .search-bar.search-bar--full-width > span:before {
        left: 15px;
        top: 0; }
      .form .search-bar.search-bar--full-width > span input {
        height: 50px;
        line-height: 50px;
        padding-left: 40px; }
  .form .search-bar > span {
    position: relative;
    display: block;
    height: 35px;
    line-height: 35px; }
    .form .search-bar > span:before {
      content: "\f002";
      font-family: "Font Awesome 5 Pro";
      position: absolute;
      color: #777777;
      left: 10px;
      top: 1px; }
    .form .search-bar > span input {
      height: 35px;
      line-height: 35px;
      padding-left: 32px;
      margin: 0;
      width: 100%; }

.statsbox {
  display: -webkit- flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  align-content: space-around;
  height: auto;
  width: 100%; }
  .statsbox > * {
    width: 100%; }
  .statsbox span {
    margin: 0;
    font-size: 0.875rem;
    color: #B4B4B4;
    line-height: 21px;
    display: block; }
  .statsbox hr {
    height: 2px;
    width: 90px;
    margin: 0 auto;
    border: none;
    color: #EFEFEF;
    background-color: #EFEFEF; }
  .statsbox .statsbox-row {
    margin: 1.25rem 0 0; }
  .statsbox .statsbox__callout {
    font-size: 3rem;
    font-weight: 500;
    line-height: 1; }
    .statsbox .statsbox__callout[data-metric="advocate-activity"], .statsbox .statsbox__callout[data-metric="active-advocates"], .statsbox .statsbox__callout[data-metric="events-count"], .statsbox .statsbox__callout[data-metric="unique-converters"] {
      color: #1E9336; }
      @media print {
        .statsbox .statsbox__callout[data-metric="advocate-activity"], .statsbox .statsbox__callout[data-metric="active-advocates"], .statsbox .statsbox__callout[data-metric="events-count"], .statsbox .statsbox__callout[data-metric="unique-converters"] {
          color: #1E9336 !important; } }
    .statsbox .statsbox__callout[data-metric="referral-index"], .statsbox .statsbox__callout[data-metric="participation-rate"], .statsbox .statsbox__callout[data-metric="conversion-activity"] {
      color: #066FBB; }
      @media print {
        .statsbox .statsbox__callout[data-metric="referral-index"], .statsbox .statsbox__callout[data-metric="participation-rate"], .statsbox .statsbox__callout[data-metric="conversion-activity"] {
          color: #066FBB !important; } }
    .statsbox .statsbox__callout[data-metric="funnel-rates"] {
      color: #333333; }
      @media print {
        .statsbox .statsbox__callout[data-metric="funnel-rates"] {
          color: #333333 !important; } }
    .statsbox .statsbox__callout.statsbox__callout--benchmark {
      color: #B4B4B4; }
      @media print {
        .statsbox .statsbox__callout.statsbox__callout--benchmark {
          color: #B4B4B4 !important; } }
    .statsbox .statsbox__callout.statsbox__callout--period, .statsbox .statsbox__callout.statsbox__callout--benchmark {
      font-size: 2rem; }
  .statsbox .statsbox__sort {
    display: flex;
    align-items: center;
    flex-flow: column nowrap; }
    .statsbox .statsbox__sort > div {
      display: flex; }
      .statsbox .statsbox__sort > div .fas {
        font-size: 1.375rem;
        line-height: 21px;
        padding-right: 0.625rem; }
        .statsbox .statsbox__sort > div .fas.fa-caret-up {
          color: #1E9336; }
        .statsbox .statsbox__sort > div .fas.fa-caret-down {
          color: #CC0000; }

.equal-width-panels {
  display: flex; }
  .equal-width-panels .equal-width-panel {
    flex-grow: 1;
    margin: auto;
    justify-content: center; }
    .equal-width-panels .equal-width-panel:empty {
      display: none; }
  @media (max-width: 1179px) {
    .equal-width-panels {
      flex-direction: column; } }

.equal-height-panels {
  display: flex;
  align-items: stretch;
  overflow: hidden; }
  .equal-height-panels.equal-height-panels--small .panel-wrapper .panel-wrapper__content,
  .equal-height-panels.equal-height-panels--small .panel-wrapper .panel-wrapper__header + div {
    height: auto;
    max-height: 200px;
    min-height: 200px;
    overflow: auto; }
  .equal-height-panels.equal-height-panels--small .panel-wrapper__content {
    height: auto;
    max-height: 200px;
    min-height: 200px;
    overflow: auto; }
  .equal-height-panels.equal-height-panels--medium .panel-wrapper .panel-wrapper__content,
  .equal-height-panels.equal-height-panels--medium .panel-wrapper .panel-wrapper__header + div {
    height: auto;
    max-height: 350px;
    min-height: 200px;
    overflow: auto; }
  .equal-height-panels.equal-height-panels--medium .panel-wrapper__content {
    height: auto;
    max-height: 350px;
    min-height: 200px;
    overflow: auto; }
  .equal-height-panels.equal-height-panels--large .panel-wrapper .panel-wrapper__content,
  .equal-height-panels.equal-height-panels--large .panel-wrapper .panel-wrapper__header + div,
  .equal-height-panels.equal-height-panels--large .panel-wrapper > .columns,
  .panel-wrapper .equal-height-panels.equal-height-panels--large .panel-wrapper__content,
  .panel-wrapper .equal-height-panels.equal-height-panels--large .panel-wrapper__header + div,
  .panel-wrapper .equal-height-panels.equal-height-panels--large > .columns {
    height: auto;
    max-height: 450px;
    min-height: 200px;
    overflow: auto; }
  .equal-height-panels.equal-height-panels--large .panel-wrapper__content {
    height: auto;
    max-height: 450px;
    min-height: 200px;
    overflow: auto; }
  .equal-height-panels > .columns {
    padding: 0; }
    .equal-height-panels > .columns:not(:last-child) {
      border-right: 1px solid rgba(0, 0, 0, 0.08); }
      .equal-height-panels > .columns:not(:last-child).panel-wrapper {
        border-right: 1px solid rgba(0, 0, 0, 0.15); }
    .equal-height-panels > .columns:nth-child(n+2).panel-wrapper {
      border-left: 1px solid rgba(0, 0, 0, 0.15);
      margin-left: 1.25rem; }
    .equal-height-panels > .columns.no-border {
      border: none;
      padding: 0 0.625em; }
      .equal-height-panels > .columns.no-border:first-child {
        padding-left: 0; }
      .equal-height-panels > .columns.no-border + * {
        padding: 0 0.625em; }
        .equal-height-panels > .columns.no-border + *:last-child {
          padding-right: 0; }

.grid-view .columns > div:not(.panel-wrapper__content) h2 {
  margin-bottom: 5px; }
  .grid-view .columns > div:not(.panel-wrapper__content) h2 + .status-pill {
    margin-bottom: 5px; }

.grid-view h2 {
  color: #333333;
  font-size: 1.375rem;
  font-weight: 400;
  height: initial;
  line-height: initial;
  margin-bottom: 1.25rem; }
  .grid-view h2 + .status-pill {
    margin: 0 0 1.25rem 0.625rem; }

.grid-view h3 {
  color: #777777;
  font-size: 1.25rem;
  font-weight: 400;
  height: initial;
  line-height: initial; }
  .grid-view h3 span {
    color: #B4B4B4;
    font-size: inherit;
    font-weight: inherit; }
  .grid-view h3 small {
    display: block;
    margin-top: .25rem; }

.grid-view small {
  color: #B4B4B4;
  margin: 0;
  line-height: inherit;
  font-weight: 400;
  font-size: 0.75rem; }

.grid-view .grid-view__primary-section {
  display: -webkit- flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: center;
  justify-content: center;
  align-content: stretch; }
  .grid-view .grid-view__primary-section .panel-wrapper__content {
    padding: 30px 25px; }

.grid-view .grid-view__secondary-section {
  display: -webkit- flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  align-content: stretch; }
  .grid-view .grid-view__secondary-section .panel-wrapper__header {
    display: -webkit- flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    align-content: stretch;
    width: 100%;
    border: none;
    height: auto;
    line-height: inherit;
    padding: 15px 25px 0;
    position: static; }
    .grid-view .grid-view__secondary-section .panel-wrapper__header small {
      width: 100%; }
  .grid-view .grid-view__secondary-section .panel-wrapper__content {
    padding: 15px 25px; }
    .grid-view .grid-view__secondary-section .panel-wrapper__content:not(:first-child) {
      border-left: 1px solid rgba(0, 0, 0, 0.08); }

.feed-wrapper {
  max-height: 300px;
  overflow-y: auto; }

.headline-tabs {
  display: -webkit- flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  align-content: stretch; }

.headline-tabs__section {
  display: -webkit- flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  align-content: stretch;
  padding: 0 8px;
  margin: 0;
  list-style: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
  .headline-tabs__section:first-child:not(:only-child) {
    flex: 1;
    border-right: 1px solid rgba(0, 0, 0, 0.08); }
  .headline-tabs__section:last-child {
    flex: 2; }
  @media (max-width: 1200px) {
    .headline-tabs__section {
      padding: 0; } }

.headline-cell {
  display: -webkit- flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  align-content: stretch;
  flex: 1;
  position: relative;
  height: 80px;
  margin: 0 3px;
  padding: 8px 12px 0; }
  .headline-cell.headline-cell--header {
    flex: 1 100%;
    font-size: 13px;
    padding: 5px 8px;
    height: auto;
    border: none; }
  .headline-cell.selected, .headline-cell:hover {
    cursor: pointer; }
    .headline-cell.selected[data-metric="advocates"], .headline-cell:hover[data-metric="advocates"] {
      background-color: #f1fcf3;
      background: #f1fcf3;
      border-radius: 5px 0 0 0; }
      @media print {
        .headline-cell.selected[data-metric="advocates"], .headline-cell:hover[data-metric="advocates"] {
          background-color: #f1fcf3 !important;
          background: #f1fcf3 !important; } }
      .headline-cell.selected[data-metric="advocates"].selected:before, .headline-cell.selected[data-metric="advocates"].selected:after, .headline-cell:hover[data-metric="advocates"].selected:before, .headline-cell:hover[data-metric="advocates"].selected:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
      .headline-cell.selected[data-metric="advocates"].selected:before, .headline-cell:hover[data-metric="advocates"].selected:before {
        border-color: transparent;
        border-top-color: #1E9336;
        border-width: 11px;
        margin-left: -11px; }
      .headline-cell.selected[data-metric="advocates"].selected:after, .headline-cell:hover[data-metric="advocates"].selected:after {
        border-color: transparent;
        border-top-color: #f1fcf3;
        border-width: 7px;
        margin-left: -7px; }
    .headline-cell.selected[data-metric="reach"], .headline-cell.selected[data-metric="advocate_shares"], .headline-cell:hover[data-metric="reach"], .headline-cell:hover[data-metric="advocate_shares"] {
      background-color: #f8f8f8;
      background: #f8f8f8; }
      @media print {
        .headline-cell.selected[data-metric="reach"], .headline-cell.selected[data-metric="advocate_shares"], .headline-cell:hover[data-metric="reach"], .headline-cell:hover[data-metric="advocate_shares"] {
          background-color: #f8f8f8 !important;
          background: #f8f8f8 !important; } }
      .headline-cell.selected[data-metric="reach"].selected:before, .headline-cell.selected[data-metric="reach"].selected:after, .headline-cell.selected[data-metric="advocate_shares"].selected:before, .headline-cell.selected[data-metric="advocate_shares"].selected:after, .headline-cell:hover[data-metric="reach"].selected:before, .headline-cell:hover[data-metric="reach"].selected:after, .headline-cell:hover[data-metric="advocate_shares"].selected:before, .headline-cell:hover[data-metric="advocate_shares"].selected:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
      .headline-cell.selected[data-metric="reach"].selected:before, .headline-cell.selected[data-metric="advocate_shares"].selected:before, .headline-cell:hover[data-metric="reach"].selected:before, .headline-cell:hover[data-metric="advocate_shares"].selected:before {
        border-color: transparent;
        border-top-color: #777777;
        border-width: 11px;
        margin-left: -11px; }
      .headline-cell.selected[data-metric="reach"].selected:after, .headline-cell.selected[data-metric="advocate_shares"].selected:after, .headline-cell:hover[data-metric="reach"].selected:after, .headline-cell:hover[data-metric="advocate_shares"].selected:after {
        border-color: transparent;
        border-top-color: #f8f8f8;
        border-width: 7px;
        margin-left: -7px; }
    .headline-cell.selected[data-metric="conversions"], .headline-cell.selected[data-metric="first_high_quality_conversions"], .headline-cell.selected[data-metric="new_to_file"], .headline-cell.selected[data-metric="first_conversions"], .headline-cell.selected[data-metric="advocate_redemptions"], .headline-cell:hover[data-metric="conversions"], .headline-cell:hover[data-metric="first_high_quality_conversions"], .headline-cell:hover[data-metric="new_to_file"], .headline-cell:hover[data-metric="first_conversions"], .headline-cell:hover[data-metric="advocate_redemptions"] {
      background-color: aliceblue;
      background: aliceblue; }
      @media print {
        .headline-cell.selected[data-metric="conversions"], .headline-cell.selected[data-metric="first_high_quality_conversions"], .headline-cell.selected[data-metric="new_to_file"], .headline-cell.selected[data-metric="first_conversions"], .headline-cell.selected[data-metric="advocate_redemptions"], .headline-cell:hover[data-metric="conversions"], .headline-cell:hover[data-metric="first_high_quality_conversions"], .headline-cell:hover[data-metric="new_to_file"], .headline-cell:hover[data-metric="first_conversions"], .headline-cell:hover[data-metric="advocate_redemptions"] {
          background-color: aliceblue !important;
          background: aliceblue !important; } }
      .headline-cell.selected[data-metric="conversions"].selected:before, .headline-cell.selected[data-metric="conversions"].selected:after, .headline-cell.selected[data-metric="first_high_quality_conversions"].selected:before, .headline-cell.selected[data-metric="first_high_quality_conversions"].selected:after, .headline-cell.selected[data-metric="new_to_file"].selected:before, .headline-cell.selected[data-metric="new_to_file"].selected:after, .headline-cell.selected[data-metric="first_conversions"].selected:before, .headline-cell.selected[data-metric="first_conversions"].selected:after, .headline-cell.selected[data-metric="advocate_redemptions"].selected:before, .headline-cell.selected[data-metric="advocate_redemptions"].selected:after, .headline-cell:hover[data-metric="conversions"].selected:before, .headline-cell:hover[data-metric="conversions"].selected:after, .headline-cell:hover[data-metric="first_high_quality_conversions"].selected:before, .headline-cell:hover[data-metric="first_high_quality_conversions"].selected:after, .headline-cell:hover[data-metric="new_to_file"].selected:before, .headline-cell:hover[data-metric="new_to_file"].selected:after, .headline-cell:hover[data-metric="first_conversions"].selected:before, .headline-cell:hover[data-metric="first_conversions"].selected:after, .headline-cell:hover[data-metric="advocate_redemptions"].selected:before, .headline-cell:hover[data-metric="advocate_redemptions"].selected:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
      .headline-cell.selected[data-metric="conversions"].selected:before, .headline-cell.selected[data-metric="first_high_quality_conversions"].selected:before, .headline-cell.selected[data-metric="new_to_file"].selected:before, .headline-cell.selected[data-metric="first_conversions"].selected:before, .headline-cell.selected[data-metric="advocate_redemptions"].selected:before, .headline-cell:hover[data-metric="conversions"].selected:before, .headline-cell:hover[data-metric="first_high_quality_conversions"].selected:before, .headline-cell:hover[data-metric="new_to_file"].selected:before, .headline-cell:hover[data-metric="first_conversions"].selected:before, .headline-cell:hover[data-metric="advocate_redemptions"].selected:before {
        border-color: transparent;
        border-top-color: #066FBB;
        border-width: 11px;
        margin-left: -11px; }
      .headline-cell.selected[data-metric="conversions"].selected:after, .headline-cell.selected[data-metric="first_high_quality_conversions"].selected:after, .headline-cell.selected[data-metric="new_to_file"].selected:after, .headline-cell.selected[data-metric="first_conversions"].selected:after, .headline-cell.selected[data-metric="advocate_redemptions"].selected:after, .headline-cell:hover[data-metric="conversions"].selected:after, .headline-cell:hover[data-metric="first_high_quality_conversions"].selected:after, .headline-cell:hover[data-metric="new_to_file"].selected:after, .headline-cell:hover[data-metric="first_conversions"].selected:after, .headline-cell:hover[data-metric="advocate_redemptions"].selected:after {
        border-color: transparent;
        border-top-color: aliceblue;
        border-width: 7px;
        margin-left: -7px; }
    .headline-cell.selected[data-metric="revenue"], .headline-cell:hover[data-metric="revenue"] {
      background-color: #fef8f3;
      background: #fef8f3;
      border-radius: 0 5px 0 0; }
      @media print {
        .headline-cell.selected[data-metric="revenue"], .headline-cell:hover[data-metric="revenue"] {
          background-color: #fef8f3 !important;
          background: #fef8f3 !important; } }
      .headline-cell.selected[data-metric="revenue"].selected:before, .headline-cell.selected[data-metric="revenue"].selected:after, .headline-cell:hover[data-metric="revenue"].selected:before, .headline-cell:hover[data-metric="revenue"].selected:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
      .headline-cell.selected[data-metric="revenue"].selected:before, .headline-cell:hover[data-metric="revenue"].selected:before {
        border-color: transparent;
        border-top-color: #EC6B10;
        border-width: 11px;
        margin-left: -11px; }
      .headline-cell.selected[data-metric="revenue"].selected:after, .headline-cell:hover[data-metric="revenue"].selected:after {
        border-color: transparent;
        border-top-color: #fef8f3;
        border-width: 7px;
        margin-left: -7px; }
  .headline-cell[data-metric="advocates"] {
    color: #1E9336;
    border-bottom: 3px solid #1E9336; }
    .headline-cell[data-metric="advocates"] .headline-major-number,
    .headline-cell[data-metric="advocates"] .headline-minor-number {
      color: #1E9336; }
    .headline-cell[data-metric="advocates"] .headline-minor-number {
      background-color: rgba(30, 147, 54, 0.1);
      background: rgba(30, 147, 54, 0.1); }
      @media print {
        .headline-cell[data-metric="advocates"] .headline-minor-number {
          background-color: rgba(30, 147, 54, 0.1) !important;
          background: rgba(30, 147, 54, 0.1) !important; } }
    @media print {
      .headline-cell[data-metric="advocates"] {
        color: #1E9336 !important; }
        .headline-cell[data-metric="advocates"] .headline-major-number {
          color: #1E9336 !important; } }
  .headline-cell[data-metric="reach"], .headline-cell[data-metric="advocate_shares"] {
    color: #777777;
    border-bottom: 3px solid #777777; }
    .headline-cell[data-metric="reach"] .headline-major-number,
    .headline-cell[data-metric="reach"] .headline-minor-number, .headline-cell[data-metric="advocate_shares"] .headline-major-number,
    .headline-cell[data-metric="advocate_shares"] .headline-minor-number {
      color: #777777; }
    .headline-cell[data-metric="reach"] .headline-minor-number, .headline-cell[data-metric="advocate_shares"] .headline-minor-number {
      background-color: rgba(119, 119, 119, 0.1);
      background: rgba(119, 119, 119, 0.1); }
      @media print {
        .headline-cell[data-metric="reach"] .headline-minor-number, .headline-cell[data-metric="advocate_shares"] .headline-minor-number {
          background-color: rgba(119, 119, 119, 0.1) !important;
          background: rgba(119, 119, 119, 0.1) !important; } }
    @media print {
      .headline-cell[data-metric="reach"], .headline-cell[data-metric="advocate_shares"] {
        color: #777777 !important; }
        .headline-cell[data-metric="reach"] .headline-major-number, .headline-cell[data-metric="advocate_shares"] .headline-major-number {
          color: #777777 !important; } }
  .headline-cell[data-metric="conversions"], .headline-cell[data-metric="first_high_quality_conversions"], .headline-cell[data-metric="new_to_file"], .headline-cell[data-metric="first_conversions"], .headline-cell[data-metric="advocate_redemptions"] {
    color: #066FBB;
    border-bottom: 3px solid #066FBB; }
    .headline-cell[data-metric="conversions"] .headline-major-number,
    .headline-cell[data-metric="conversions"] .headline-minor-number, .headline-cell[data-metric="first_high_quality_conversions"] .headline-major-number,
    .headline-cell[data-metric="first_high_quality_conversions"] .headline-minor-number, .headline-cell[data-metric="new_to_file"] .headline-major-number,
    .headline-cell[data-metric="new_to_file"] .headline-minor-number, .headline-cell[data-metric="first_conversions"] .headline-major-number,
    .headline-cell[data-metric="first_conversions"] .headline-minor-number, .headline-cell[data-metric="advocate_redemptions"] .headline-major-number,
    .headline-cell[data-metric="advocate_redemptions"] .headline-minor-number {
      color: #066FBB; }
    .headline-cell[data-metric="conversions"] .headline-minor-number, .headline-cell[data-metric="first_high_quality_conversions"] .headline-minor-number, .headline-cell[data-metric="new_to_file"] .headline-minor-number, .headline-cell[data-metric="first_conversions"] .headline-minor-number, .headline-cell[data-metric="advocate_redemptions"] .headline-minor-number {
      background-color: rgba(6, 111, 187, 0.1);
      background: rgba(6, 111, 187, 0.1); }
      @media print {
        .headline-cell[data-metric="conversions"] .headline-minor-number, .headline-cell[data-metric="first_high_quality_conversions"] .headline-minor-number, .headline-cell[data-metric="new_to_file"] .headline-minor-number, .headline-cell[data-metric="first_conversions"] .headline-minor-number, .headline-cell[data-metric="advocate_redemptions"] .headline-minor-number {
          background-color: rgba(6, 111, 187, 0.1) !important;
          background: rgba(6, 111, 187, 0.1) !important; } }
    @media print {
      .headline-cell[data-metric="conversions"], .headline-cell[data-metric="first_high_quality_conversions"], .headline-cell[data-metric="new_to_file"], .headline-cell[data-metric="first_conversions"], .headline-cell[data-metric="advocate_redemptions"] {
        color: #066FBB !important; }
        .headline-cell[data-metric="conversions"] .headline-major-number, .headline-cell[data-metric="first_high_quality_conversions"] .headline-major-number, .headline-cell[data-metric="new_to_file"] .headline-major-number, .headline-cell[data-metric="first_conversions"] .headline-major-number, .headline-cell[data-metric="advocate_redemptions"] .headline-major-number {
          color: #066FBB !important; } }
  .headline-cell[data-metric="revenue"] {
    color: #EC6B10;
    border-bottom: 3px solid #EC6B10; }
    .headline-cell[data-metric="revenue"] .headline-major-number,
    .headline-cell[data-metric="revenue"] .headline-minor-number {
      color: #EC6B10; }
    .headline-cell[data-metric="revenue"] .headline-minor-number {
      background-color: rgba(236, 107, 16, 0.1);
      background: rgba(236, 107, 16, 0.1); }
      @media print {
        .headline-cell[data-metric="revenue"] .headline-minor-number {
          background-color: rgba(236, 107, 16, 0.1) !important;
          background: rgba(236, 107, 16, 0.1) !important; } }
    @media print {
      .headline-cell[data-metric="revenue"] {
        color: #EC6B10 !important; }
        .headline-cell[data-metric="revenue"] .headline-major-number {
          color: #EC6B10 !important; } }
  .headline-cell .headline-major-number,
  .headline-cell .headline-major-number * {
    margin: 0 8px 0 0;
    font-size: 24px;
    font-weight: 500;
    line-height: normal; }
  .headline-cell .headline-minor-number,
  .headline-cell .headline-minor-number * {
    padding: 0 3px;
    border-radius: 4px;
    font-size: 13px; }
    .headline-cell .headline-minor-number *,
    .headline-cell .headline-minor-number * * {
      font-size: inherit; }
  .headline-cell .headline-title {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    align-self: flex-start;
    margin: -2px 0 0; }
  @media (max-width: 1555px) {
    .headline-cell {
      padding: 8px 10px 0; }
      .headline-cell .headline-major-number,
      .headline-cell .headline-major-number * {
        font-size: 21px; }
      .headline-cell .headline-minor-number,
      .headline-cell .headline-minor-number * {
        font-size: 12px; } }
  @media (max-width: 1400px) {
    .headline-cell {
      padding: 8px 8px 0; }
      .headline-cell .headline-major-number,
      .headline-cell .headline-major-number * {
        font-size: 16px;
        margin: 0 5px 0 0; }
      .headline-cell .headline-minor-number,
      .headline-cell .headline-minor-number * {
        font-size: 11px; } }
  @media (max-width: 1200px) {
    .headline-cell {
      padding: 8px 5px 0; } }

.headlines {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #FFFFFF; }
  .headlines thead,
  .headlines tfoot {
    background: none; }
  .headlines td {
    color: #b4b4b4; }
  .headlines tbody td {
    width: 13.5%;
    padding: 15px 7px 10px;
    border: none;
    background-color: #FFFFFF;
    cursor: pointer;
    border-top: rgba(0, 0, 0, 0.08) 3px solid; }
    .headlines tbody td.selected {
      position: relative;
      background: transparent;
      border-top: 3px solid #066FBB;
      color: #066fbb; }
      .headlines tbody td.selected:after, .headlines tbody td.selected:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
      .headlines tbody td.selected:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #FFFFFF;
        border-width: 7px;
        margin-left: -7px; }
      .headlines tbody td.selected:before {
        border-color: rgba(6, 111, 187, 0);
        border-bottom-color: #066FBB;
        border-width: 11px;
        margin-left: -11px; }
    .headlines tbody td:first-child:nth-last-child(8),
    .headlines tbody td:first-child:nth-last-child(8) ~ .headlines-cell {
      width: 12%; }
    .headlines tbody td.headlines-cell__border.headlines-cell__border--right {
      border-right: 3px solid rgba(0, 0, 0, 0.08); }
    .headlines tbody td .headline-major-number,
    .headlines tbody td .headline-major-number * {
      margin-bottom: 5px;
      font-size: 1.125rem; }
    .headlines tbody td .headline-minor-number,
    .headlines tbody td .headline-minor-number * {
      float: right;
      font-size: 0.875rem;
      font-weight: 400; }
    .headlines tbody td .headline-title {
      display: inline-block;
      font-size: 0.875rem;
      font-weight: 400; }
    .headlines tbody td.headlines-cell {
      min-width: 120px; }
  .headlines .headlines-footer-cell:first-child {
    border-right: 3px solid rgba(0, 0, 0, 0.08); }

.thumbnail {
  display: -webkit- flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  align-content: stretch; }
  .thumbnail .thumbnail__details {
    display: -webkit- flex;
    display: flex;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
    align-content: stretch;
    margin-left: 0.625rem; }
  .thumbnail .thumbnail__name {
    font-weight: 500;
    color: #333333; }
    .profile .thumbnail .thumbnail__name {
      font-size: 1.25rem; }

.profile-background {
  background: #F7F7F7; }

.profile-background--right {
  border-radius: 0 5px 5px 0; }

.profile-background--left {
  border-radius: 5px 0 0 5px; }

.panel-wrapper__content .profile .row:not(:last-child) {
  margin-bottom: 1.25rem; }

.panel-wrapper__content .profile h3 {
  font-size: 1.25rem;
  font-weight: 500;
  color: #333333;
  margin: 0;
  word-break: break-all; }

.panel-wrapper__content .profile li {
  margin: 0 0 0.625rem; }
  .panel-wrapper__content .profile li > a {
    color: #066FBB; }
    .panel-wrapper__content .profile li > a:hover, .panel-wrapper__content .profile li > a:focus {
      color: #04528a; }
  .panel-wrapper__content .profile li:last-child {
    margin-bottom: 0; }

.panel-wrapper__content .profile .profile__toggle {
  display: -webkit- flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-content: stretch; }

.profile .profile-item {
  margin-bottom: 0.625rem; }

.program-type h2 {
  margin-bottom: .5rem;
  font-weight: 500; }

.program-type[data-program-type="refer-a-friend"] h2 {
  color: #E00049; }

.program-type[data-program-type="refer-a-friend"] li:not([disabled]):hover, .program-type[data-program-type="refer-a-friend"] li:not([disabled]):focus, .program-type[data-program-type="refer-a-friend"] li:not([disabled]):active {
  border-left: 2px solid #E00049; }

.program-type[data-program-type="refer-a-friend"] .bordered-item {
  display: inline-block;
  padding: 0 0.625rem;
  color: #E00049;
  border: 1px solid #E00049;
  box-shadow: 0 2px 4px #ffc6d8, inset 0 -2px 0 #ffe2ec; }

.program-type[data-program-type="refer-a-friend-mobile-app"] h2 {
  color: #4C4793; }

.program-type[data-program-type="refer-a-friend-mobile-app"] li:not([disabled]):hover, .program-type[data-program-type="refer-a-friend-mobile-app"] li:not([disabled]):focus, .program-type[data-program-type="refer-a-friend-mobile-app"] li:not([disabled]):active {
  border-left: 2px solid #4C4793; }

.program-type[data-program-type="refer-a-friend-mobile-app"] .bordered-item {
  display: inline-block;
  padding: 0 0.625rem;
  color: #4C4793;
  border: 1px solid #4C4793;
  box-shadow: 0 2px 4px #d9d8ec, inset 0 -2px 0 #ecebf5; }

.program-type[data-program-type="refer-a-friend-international"] h2 {
  color: #066FBB; }

.program-type[data-program-type="refer-a-friend-international"] li:not([disabled]):hover, .program-type[data-program-type="refer-a-friend-international"] li:not([disabled]):focus, .program-type[data-program-type="refer-a-friend-international"] li:not([disabled]):active {
  border-left: 2px solid #066FBB; }

.program-type[data-program-type="refer-a-friend-international"] .bordered-item {
  display: inline-block;
  padding: 0 0.625rem;
  color: #066FBB;
  border: 1px solid #066FBB;
  box-shadow: 0 2px 4px #c2e4fd, inset 0 -2px 0 #e0f2fe; }

.program-type[data-program-type="drop-a-hint"] h2 {
  color: #333333; }

.program-type[data-program-type="drop-a-hint"] li:not([disabled]):hover, .program-type[data-program-type="drop-a-hint"] li:not([disabled]):focus, .program-type[data-program-type="drop-a-hint"] li:not([disabled]):active {
  border-left: 2px solid #333333; }

.program-type[data-program-type="drop-a-hint"] .bordered-item {
  display: inline-block;
  padding: 0 0.625rem;
  color: #333333;
  border: 1px solid #333333;
  box-shadow: 0 2px 4px #d6d6d6, inset 0 -2px 0 #ebebeb; }

.program-type[data-program-type="influencer"] h2 {
  color: #066FBB; }

.program-type[data-program-type="influencer"] li:not([disabled]):hover, .program-type[data-program-type="influencer"] li:not([disabled]):focus, .program-type[data-program-type="influencer"] li:not([disabled]):active {
  border-left: 2px solid #066FBB; }

.program-type[data-program-type="influencer"] .bordered-item {
  display: inline-block;
  padding: 0 0.625rem;
  color: #066FBB;
  border: 1px solid #066FBB;
  box-shadow: 0 2px 4px #c2e4fd, inset 0 -2px 0 #e0f2fe; }

.date-time {
  min-width: 150px;
  width: 250px; }
  .date-time.date-time--small {
    width: 150px; }

.report-parameters {
  word-break: break-all; }

.submenu.submenu--level-1 {
  margin-left: 1.25rem; }

.event-timeline-row .icon {
  width: 18px; }

.event-timeline-row li {
  position: relative;
  padding-left: 1.25rem; }

.multiline-block {
  word-break: break-all; }

.tree-segment-container {
  overflow: hidden;
  padding-top: 15px; }

.tree-segment {
  display: inline-block;
  width: 15px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  border-left: 2px solid rgba(0, 0, 0, 0.12);
  height: 38px;
  margin-bottom: 3px;
  position: absolute;
  top: -25px;
  left: 0px; }

.share-links > * {
  margin-bottom: 0.625rem; }