:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

:export {
  regular-weight: 400;
  bold-weight: 500;
}

.sl-plot-options-labels {
  text-transform: uppercase;
}

.line-chart .menu-button-container {
  position: absolute;
  z-index: 1;
  padding-top: 5px;
  right: 30px;
}
.line-chart .menu-button {
  align-items: center;
}
.line-chart .groupby-button-container {
  position: absolute;
  z-index: 1;
}
.line-chart .groupby-button-container .groupby-button {
  margin-left: 5px;
  height: 24px;
}
.line-chart .menu-button > button {
  border-radius: 13%;
  width: 40px;
  height: 40px;
  background: white;
  min-height: 0;
  box-shadow: none;
  transition: stroke-dashoffset 0.35s ease-out !important;
}
.line-chart .menu-button > button:hover {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.1), 0 6px 10px 0 rgba(0, 0, 0, 0.07), 0 1px 18px 0 rgba(0, 0, 0, 0.06);
}
.line-chart .menu-button > button span svg {
  transition: all 0.5s;
  width: 45px;
}
.line-chart .highcharts-groupbybutton {
  border: 1px solid rgba(0, 0, 0, 0.4);
  color: #031425;
  font-size: 14px;
}
.line-chart .chart-horizontal-scrolling {
  position: absolute;
  z-index: 1;
  justify-content: space-between;
  display: flex;
  width: 100%;
  top: 305px;
}
.line-chart .chart-horizontal-scrolling button {
  outline: none;
  stroke-dasharray: 242;
  stroke-dashoffset: 242;
  background-color: transparent;
  padding: 0;
  border: 0;
  box-sizing: content-box;
  margin: 0;
  height: 40px;
  width: 40px;
  border-radius: 13%;
  transition: stroke-dashoffset 0.35s ease-out !important;
}
.line-chart .chart-horizontal-scrolling button:hover {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.1), 0 6px 10px 0 rgba(0, 0, 0, 0.07), 0 1px 18px 0 rgba(0, 0, 0, 0.06);
  background-color: #fff;
}
.line-chart:hover .chart-horizontal-scrolling > button {
  stroke-dashoffset: 0;
}
.line-chart .opened-button > button {
  background: #031425;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.1), 0 6px 10px 0 rgba(0, 0, 0, 0.07), 0 1px 18px 0 rgba(0, 0, 0, 0.06);
}
.line-chart .opened-button > button svg {
  color: white !important;
}
.line-chart .opened-button > button span svg {
  fill: white !important;
}
.line-chart #speedDial-actions {
  padding-top: 36px;
}
.line-chart #speedDial-actions button {
  margin: 4px;
  border-radius: 13%;
  background: white;
  width: 40px;
  height: 40px;
  min-height: 0;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.1), 0 6px 10px 0 rgba(0, 0, 0, 0.07), 0 1px 18px 0 rgba(0, 0, 0, 0.06);
}
.line-chart #speedDial-actions button span svg {
  width: 44px;
  fill: #031425;
  stroke: #031425;
}
.line-chart #speedDial-actions button:hover {
  background: rgb(202, 202, 202);
}

.title-category-select-caret {
  border: solid black;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-bottom: 6px;
  margin-left: 7px;
}

.title-category-select-items {
  opacity: 0;
  transition: opacity 0.3s;
  background-color: #fff;
  -webkit-transition: opacity 0.3s;
  margin: 0;
  padding: 0;
  padding-right: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
  position: relative;
  list-style: none;
  width: calc(100% + 0px);
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.title-category-select-items-visible {
  display: block;
}

/**
 * This class is set manually after a delay in order to use CSS transitions, since transitions
 * don't work with `display: none`.
 */
.title-category-select-displayed {
  opacity: 1 !important;
}

.title-category-select-items-hidden {
  display: none;
  overflow: hidden;
}

.group-by-dropdown {
  transition: text-decoration-color 0.15s;
}

.group-by-dropdown-selected {
  margin-left: 5px;
}

.title-category-select-item {
  color: #031425;
  width: auto;
  height: 24px;
  overflow: hidden;
  font-size: 1rem;
  box-sizing: content-box;
  font-weight: 400;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  line-height: 1.5em;
  white-space: nowrap;
  padding-left: 16px;
  text-overflow: ellipsis;
  padding-right: 16px;
  display: flex;
  position: relative;
  text-align: left;
  align-items: center;
  padding-top: 11px;
  padding-bottom: 11px;
  justify-content: flex-start;
  text-decoration: none;
  border: 0;
  margin: 0;
  cursor: pointer;
  outline: none;
  border-radius: 0;
  vertical-align: middle;
  -moz-appearance: none;
  background-color: transparent;
  -moz-user-select: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}

.title-category-select-item:hover {
  background: rgb(246, 249, 252) !important;
}

.highcharts-data-labels.highcharts-column-series.highcharts-tracker {
  opacity: 1 !important;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

:export {
  regular-weight: 400;
  bold-weight: 500;
}

.legend-container {
  display: flex;
  flex-flow: row nowrap;
}

.legend {
  display: flex;
  flex-flow: row nowrap;
  text-align: center;
  width: 100%;
  margin-top: 20px;
  justify-content: flex-end;
}
.legend .legend {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .legend {
    margin-top: 0;
    max-width: 500px;
  }
}
.legend__icon {
  width: 32px !important;
  height: 32px !important;
  margin: 0px 6px 6px 6px !important;
}
.legend__primary {
  text-align: left;
}
@media screen and (min-width: 768px) {
  .legend__primary {
    padding: 0 40px 0 0;
  }
}
.legend__primary-period, .legend__comparison-period, .legend__primary-metric, .legend__comparison-metric {
  font-size: 12px;
  font-weight: 400;
}
.legend__primary-period, .legend__comparison-period {
  margin-left: 28px;
}
.legend__primary-bar, .legend__comparison-bar {
  width: 20px;
  text-align: center;
  margin: 10px auto;
}
.legend__primary-bar {
  border: 2px solid #46a8f6;
  background: #46a8f6;
}
.legend__date-container {
  font-size: 12px;
  margin-top: 5px;
}
.legend__primary-date, .legend__comparison-date {
  display: inline-block;
  font-size: 12px;
  line-height: 12px;
  vertical-align: top;
}
.legend__primary-circle {
  width: 12px;
  height: 12px;
  background: #46a8f6;
  border-radius: 50%;
  display: inline-block;
  margin-right: 15px;
}
.legend__comparison-circle {
  width: 12px;
  height: 12px;
  background: #b0c7ed;
  border-radius: 50%;
  display: inline-block;
  margin-right: 15px;
}
.legend__primary-amount {
  color: #031425;
}
.legend__comparison-amount {
  color: #031425;
}
.legend__primary-amount, .legend__comparison-amount {
  margin-left: 28px;
  font-size: 18px;
  margin-bottom: 4px;
  font-weight: 400;
}
.legend__primary-amount .sl-metric__suffix, .legend__comparison-amount .sl-metric__suffix {
  font-size: 18px;
  margin-left: 1px;
  font-weight: 400;
}
.legend__percent-change {
  color: #031425;
  display: inline-block;
  margin-left: 4px;
}
.legend__percent-change .sl-metric__suffix {
  margin-left: 0;
}
.legend__percent-change-metric--increase {
  color: #39b3ae;
}
.legend__percent-change-metric--decrease {
  color: #f35379;
}
.legend__comparison-bar {
  border: 2px solid #b0c7ed;
  background: #b0c7ed;
}
.legend__comparison {
  min-width: 160px;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .legend__comparison {
    padding: 0 20px 0 0;
  }
}
.legend__menu {
  display: inline-block !important;
  max-width: 32px;
  flex: 1 1;
}
.legend__ellipses-icon {
  width: 40px;
  height: 40px;
}
.legend__compare-icon {
  stroke: white;
  border-radius: 50%;
  margin: 4px 0 0 12px !important;
  background: #adb3f1;
}
.legend__filter-icon {
  fill: #39b3ae !important;
  border-radius: 50%;
  margin: 4px 0 0 12px !important;
}

.summary_subtrend_wrapper {
  transition: box-shadow 0.5s;
  min-height: 100px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-radius: 5px;
  cursor: pointer;
  padding: 26px 16px;
}
.summary_subtrend_wrapper .summary_trend_legend {
  margin-left: 13px;
}
.summary_subtrend_wrapper .summary_subtrend_plot {
  flex: 1 1 130px;
}

.summary_maintrend_wrapper .summary_trend_legend {
  cursor: pointer;
  margin-left: 13px;
}
.summary_maintrend_wrapper .summary_trend_legend .summary_maintrend_title {
  font-size: 28px;
  color: #031425;
  font-weight: 400;
  line-height: 1.5em;
  overflow: hidden;
}

.summary_subtrend_title {
  font-size: 16px;
  color: #7e8fa8;
  font-weight: 400;
  line-height: 1.5em;
  width: 165px;
  overflow: hidden;
}

.summary_legend_info {
  font-weight: 400;
  font-size: 16px;
  width: 165px;
  overflow: hidden;
  display: flex;
  gap: 4px;
}
.summary_legend_info * {
  font-weight: 400;
  font-size: 16px;
}

.summary_subtrend_parent {
  border-top: 1px solid rgba(248, 248, 248, 0);
}

.summary_column_container {
  transition: box-shadow 0.5s;
  border-radius: 4px;
}

.summary_column_container:hover {
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
}
.summary_column_container:hover .summary_subtrend_parent {
  border-top: 1px solid #f8f8f8;
}

.line-chart__container svg,
.line-chart__container > div > div {
  overflow: visible !important;
}

.summary_subtrend_parent {
  transition: background-color 0.5s;
}

.summary_subtrend_parent:hover {
  background-color: #f6f9fc;
}
@font-face {
  font-family: "Roboto";
  src: url("https://fonts.gstatic.com/s/roboto/v47/KFO5CnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmkC3kaSTbQWt4N.woff2") format("woff2");
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.header_logo {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
  cursor: pointer;
  font-size: 25px;
  color: #031425;
  font-family: Industry-Bold;
}

.header_logo_dropdown {
  background: #fff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
  position: absolute;
  width: 140px;
  padding: 10px 18px;
  border-radius: 4px;
}
.header_logo_dropdown div {
  cursor: pointer;
  font-size: 21px;
  margin: 4px 0;
  color: #031425;
  font-family: Industry-Bold;
}
.header_logo_dropdown :last-child {
  color: #e1e4e9;
}

.hidden-logo {
  display: none !important;
}

.show-logo {
  display: block !important;
}
/**
 * This file contains a mixin that defines re-useable styles for overriding the AG grid's defaults.  It makes the
 * header for grids overflow, allowing for custom headers to expand above where they'd usually be clipped and applies
 * some other style overrides for absolute-positioned overlays and other things.
 */
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.entity-grid-noclip-header .ag-cell {
  overflow: unset !important;
  white-space: normal;
}
.entity-grid-noclip-header .ag-header {
  z-index: 1;
}
.entity-grid-noclip-header .ag-header,
.entity-grid-noclip-header .ag-header-viewport {
  height: 48px !important;
  overflow: visible;
}
.entity-grid-noclip-header .ag-header-cell {
  z-index: 1 !important;
}
.entity-grid-noclip-header .ag-header-container,
.entity-grid-noclip-header .ag-header-row {
  height: 48px !important;
  overflow: visible;
}
.entity-grid-noclip-header .ag-header-cell:first-child .ag-react-container {
  justify-content: flex-end;
}

.ag-root {
  overflow: unset;
}
.bold,
.bold * {
  font-weight: 500;
}

.bold-light,
.bold-light* {
  font-weight: 400;
}

.entity-text-link:hover {
  text-decoration: underline;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.index-menu-popover {
  background-color: #f6f9fc;
  color: #3b495b;
  position: absolute;
  left: calc(100% + 10px);
  bottom: 0px;
  width: 123px;
  font-size: 12px;
  text-align: left;
  border-radius: 4px;
}
.index-menu-popover__row {
  text-transform: uppercase;
  padding: 17px;
  cursor: pointer;
  border-bottom: 1px solid #c9d5e2;
  outline: none;
  font-weight: 400;
}
.index-menu-popover__row:hover {
  background-color: #e1e4e9;
}
.index-menu-popover__row:nth-child(1) {
  border-radius: 4px 4px 0 0;
}
.index-menu-popover__row:nth-child(2) {
  border-radius: 0 0 4px 4px;
  border-bottom: none;
}
.index-menu-popover__row:nth-child(2):hover + .popover-triangle {
  border-color: transparent #e1e4e9 transparent transparent;
}

.popover-triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 9px 8px 0;
  border-color: transparent #f6f9fc transparent transparent;
  position: absolute;
  right: 100%;
  bottom: 20px;
}

.popover-backdrop {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  position: fixed;
  touch-action: none;
  background-color: transparent;
  -webkit-tap-highlight-color: transparent;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.action-chip.action-chip {
  margin-bottom: 5px !important;
}
.action-chip.action-chip span {
  font-weight: 400;
}

.chip-active.chip-active {
  background-color: #031425 !important;
  color: #f6f9fc !important;
}

.action-cell-chip-child {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.1), 0 6px 10px 0 rgba(0, 0, 0, 0.07), 0 1px 18px 0 rgba(0, 0, 0, 0.06);
  z-index: 100;
  right: 20px;
  position: absolute;
  background-color: #fff !important;
  color: #031425 !important;
}
.action-cell-chip-child span {
  font-weight: 400;
}

.search-chip.chip-active {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.1), 0 6px 10px 0 rgba(0, 0, 0, 0.07), 0 1px 18px 0 rgba(0, 0, 0, 0.06);
}

.search-chip:hover {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.1), 0 6px 10px 0 rgba(0, 0, 0, 0.07), 0 1px 18px 0 rgba(0, 0, 0, 0.06);
}

.grid-chips-group {
  padding-bottom: 8px;
}

.action-cell-menu .MuiMenu-paper {
  margin-top: 40px;
  box-shadow: none;
}
.action-cell-menu .action-cell-list {
  float: right;
  padding: 0px;
  margin-left: 14px;
}
.action-cell-menu .action-cell-menu-item {
  border: solid 1px #062849;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
  border-radius: 25px;
  margin-bottom: 5px;
  min-height: auto;
  font-size: 0.8125rem;
  justify-content: flex-end;
}
.action-cell-menu .action-cell-menu-item .MuiButton-label {
  color: #062849;
}
/*
Application Settings Go Here
------------------------------------
This file acts as a bundler for all variables/mixins/themes, so they
can easily be swapped out without `core.scss` ever having to know.

For example:

@import './variables/colors';
@import './variables/components';
@import './themes/default';
*/
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.sl-form-label {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0;
}

.sl-form-input {
  margin-top: 9px;
}
.sl-form-input > div:first-child {
  color: #cfd7df !important;
  font-size: 14px;
}
.sl-form-input input {
  color: #031425 !important;
  font-size: 14px !important;
}
.sl-form-input input ::placeholder {
  color: rgba(126, 143, 168, 0.8) !important;
  opacity: 0.8 !important;
}
.sl-form-input > div > hr:first-child {
  border-bottom: 1px solid #f6f9fc !important;
}
.sl-form-input > div > hr:last-child {
  border-bottom: 1px solid #46a8f6 !important;
}
.sl-form-input--error > div > hr:last-child {
  border-bottom: 1px solid red !important;
}
.sl-form-input--flex {
  max-width: 45%;
}
.sl-form-input--margin-top {
  margin-top: 10px;
}

.sl-primary-button {
  height: 40px;
  width: 150px;
  line-height: initial !important;
  background-color: #46a8f6 !important;
  color: #f6f9fc;
}
.sl-primary-button > span {
  font-size: 12px;
}
.sl-primary-button:focus {
  color: #f6f9fc;
}
.sl-primary-button span {
  color: #f6f9fc !important;
}
.sl-primary-button--sm {
  height: 36px !important;
  width: 100px !important;
  padding: 0 !important;
}
.sl-primary-button--lg {
  width: 210px;
}
.sl-primary-button--xl {
  width: 280px !important;
}
.sl-primary-button--no-padding {
  padding: 0 !important;
}

.sl-error-button {
  height: 40px;
  width: 150px;
  line-height: initial !important;
  background-color: #f35379 !important;
  color: #f6f9fc;
}
.sl-error-button > span {
  font-size: 12px;
}
.sl-error-button:focus {
  color: #f6f9fc;
}
.sl-error-button span {
  color: #f6f9fc !important;
}
.sl-error-button--sm {
  height: 36px !important;
  width: 100px !important;
  padding: 0 !important;
}
.sl-error-button--lg {
  width: 210px;
}
.sl-error-button--xl {
  width: 280px !important;
}
.sl-error-button--no-padding {
  padding: 0 !important;
}

.sl-green-button {
  height: 40px;
  width: 150px;
  line-height: initial !important;
  background-color: #35aaa1 !important;
  color: #f6f9fc;
}
.sl-green-button > span {
  font-size: 12px;
}
.sl-green-button:focus {
  color: #f6f9fc;
}
.sl-green-button span {
  color: #f6f9fc !important;
}
.sl-green-button--sm {
  height: 36px !important;
  width: 100px !important;
  padding: 0 !important;
}
.sl-green-button--lg {
  width: 210px;
}
.sl-green-button--xl {
  width: 280px !important;
}
.sl-green-button--no-padding {
  padding: 0 !important;
}

.sl-secondary-button {
  height: 40px;
  width: 150px;
  line-height: initial !important;
  background-color: #f6f9fc !important;
  color: #7e8fa8;
}
.sl-secondary-button > span {
  font-size: 12px;
}
.sl-secondary-button:focus {
  color: #7e8fa8;
}
.sl-secondary-button span {
  color: #7e8fa8 !important;
}
.sl-secondary-button--sm {
  height: 36px !important;
  width: 100px !important;
  padding: 0 !important;
}
.sl-secondary-button--lg {
  width: 210px;
}
.sl-secondary-button--xl {
  width: 280px !important;
}
.sl-secondary-button--no-padding {
  padding: 0 !important;
}

.sl-disabled-button {
  height: 40px;
  width: 150px;
  line-height: initial !important;
  background-color: #f6f9fc !important;
  color: #cfd7df;
}
.sl-disabled-button > span {
  font-size: 12px;
}
.sl-disabled-button:focus {
  color: #cfd7df;
}
.sl-disabled-button span {
  color: #cfd7df !important;
}
.sl-disabled-button--sm {
  height: 36px !important;
  width: 100px !important;
  padding: 0 !important;
}
.sl-disabled-button--lg {
  width: 210px;
}
.sl-disabled-button--xl {
  width: 280px !important;
}
.sl-disabled-button--no-padding {
  padding: 0 !important;
}

.sl-v_3_2-outlined-button {
  height: 40px;
  width: 150px !important;
  line-height: initial !important;
  padding: 5px !important;
  border: 1px solid #46a8f6 !important;
}
.sl-v_3_2-outlined-button:focus {
  color: #46a8f6 !important;
}
.sl-v_3_2-outlined-button span {
  color: #46a8f6 !important;
}
.sl-v_3_2-outlined-button--sm {
  height: 36px !important;
  width: 100px !important;
  padding: 0 !important;
}
.sl-v_3_2-outlined-button--lg {
  width: 210px !important;
}
.sl-v_3_2-outlined-button--xl {
  width: 240px !important;
}
.sl-v_3_2-outlined-button--no-padding {
  padding: 0 !important;
}

.sl-delete-button {
  height: 40px;
  width: 100% !important;
  line-height: initial !important;
  background-color: #f35379 !important;
  padding: 10px 20px !important;
}
.sl-delete-button > div {
  height: initial !important;
  background-color: #f35379 !important;
}
.sl-delete-button > div > div {
  height: initial !important;
  background-color: #f35379 !important;
}
.sl-delete-button > span {
  font-size: 14px;
}
.sl-delete-button:focus {
  color: white;
}
.sl-delete-button span {
  color: white !important;
}
.sl-delete-button--lg {
  width: 200px !important;
}
.sl-delete-button--xl {
  width: 240px;
}
.sl-delete-button--sm {
  width: 180px;
  max-width: 180px;
}

.sl-cancel-button {
  color: #2a8ade !important;
  height: 40px;
  width: 100% !important;
  line-height: initial !important;
  padding: 10px 20px !important;
}
.sl-cancel-button > div {
  height: initial !important;
}
.sl-cancel-button > div > div {
  height: initial !important;
}

.sl-file-input {
  display: none;
}

textarea:active.no-outline,
textarea:focus.no-outline {
  outline: none !important;
  -webkit-appearance: none;
}

.range_selector_input {
  padding: 0;
  color: #031425;
  width: 75px;
  border: none;
  outline: none;
}

:export {
  regular-weight: 400;
  bold-weight: 500;
}

.CalendarMonth_caption strong {
  font-size: 16px;
  font-weight: 400;
}

.DayPickerNavigation_leftButton__horizontal {
  background: white;
  border: 0;
  padding-left: 0;
  padding-right: 0;
  margin-top: -4px;
  outline: 0;
}

.DayPickerNavigation_rightButton__horizontal {
  background: white;
  border: 0;
  padding-left: 0;
  padding-right: 0;
  margin-top: -4px;
  outline: 0;
}

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

html {
  box-sizing: border-box;
}

a {
  outline: none;
  color: #031425;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

ol,
ul {
  margin-top: 0;
  margin-bottom: 10px;
}

.h4,
h4 {
  font-size: 18px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-weight: 400;
  line-height: 1.1;
  color: inherit;
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}

img {
  vertical-align: middle;
}

html,
body {
  line-height: 1.42857143;
  margin: 0;
  padding: 0;
  background: white;
  height: 100%;
  color: #031425;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
}

@keyframes autofill {
  100% {
    background: transparent;
    color: inherit;
  }
}
@-webkit-keyframes autofill {
  100% {
    background: transparent;
    color: inherit;
  }
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-animation: autofill 0s forwards;
  animation: autofill 0s forwards;
}

label {
  font-weight: normal;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

/* do not group these rules */
*::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.298039);
}

*:-moz-placeholder {
  /* FF 4-18 */
  color: rgba(0, 0, 0, 0.298039);
}

*::-moz-placeholder {
  /* FF 19+ */
  color: rgba(0, 0, 0, 0.298039);
}

*:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(0, 0, 0, 0.298039);
}

.sl-slider-container {
  padding: 0 50px;
}

.sl-container {
  margin-top: 80px;
}

.sl-image-container {
  width: 120px;
  height: 120px;
  margin: auto;
  display: table;
}

.sl-image-center {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
}

.sl-image {
  margin: auto;
  max-width: 120px;
  max-height: 120px;
}

.sl-navigation--hidden {
  display: none;
}

.sl-page-container {
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  margin-bottom: 40px;
}
@media screen and (min-width: 1950px) {
  .sl-page-container {
    max-width: 81%;
  }
}
.sl-page-container--search, .sl-page-container--account {
  max-width: initial;
}
.sl-page-container--keyMetrics, .sl-page-container--brands, .sl-page-container--segments, .sl-page-container--advertisingSummary {
  margin-top: 0;
}
.sl-page-container--content {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .sl-page-container--content {
    margin-top: 40px;
  }
}

.sl-page-title {
  font-weight: 400;
  font-size: 30px;
  margin: 40px 0 15px 0;
}

.sl-header-text {
  font-size: 20px;
  font-weight: 400;
}

.sl-subheader-text {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 6px;
}

.sl-no-data {
  font-family: roboto;
  font-weight: 400;
  font-size: 14px;
  fill: #031425;
  color: #031425;
  margin-top: 20px;
}

.sl-panel-close-button {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: transparent;
  border: 0;
  outline: 0;
  padding: 0;
  width: 58px;
  height: 58px;
  transform: rotate(-90deg);
}
.sl-panel-close-button > svg {
  stroke: white;
  fill: white;
}
.sl-panel-close-button--navigation {
  left: initial;
  z-index: 10000;
  right: 0;
  transform: rotate(90deg);
}
.sl-panel-close-button--navigation > svg {
  stroke: #031425;
  fill: #031425;
}
@media screen and (min-width: 768px) {
  .sl-panel-close-button {
    display: none;
  }
}

.sl-divider {
  border-top: 1px solid #dedede;
}
.sl-divider--no-margin-top {
  margin-top: -1px;
}
.sl-divider--no-margin-bottom {
  margin-bottom: 0;
}
.sl-divider--sm-margin-top {
  margin-top: 10px;
}
.sl-divider--sm-margin-bottom {
  margin-bottom: 10px;
}
.sl-divider--lg-margin-bottom {
  margin-bottom: 30px;
}

.sl-page {
  height: 100%;
  position: relative;
}
.sl-page__header {
  height: 130px;
  max-height: 130px;
}
@media screen and (min-width: 1200px) {
  .sl-page__header {
    height: 65px;
    max-height: 65px;
  }
}
.sl-page__body {
  position: relative;
  -moz-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  -o-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  padding: 0px 40px;
}
.sl-page__body--nav-visible {
  padding-left: 0;
}
@media (min-width: 1200px) {
  .sl-page__body--nav-visible {
    padding-left: 270px;
  }
}
@media (min-width: 1930px) {
  .sl-page__body--nav-visible {
    padding-left: 0;
  }
}
.sl-page__body--atlas {
  display: flex;
  flex-flow: row nowrap;
}

.sl-body {
  display: flex;
  flex-flow: row nowrap;
  background-color: white;
  height: 100%;
}
.sl-body--search {
  flex-flow: row wrap;
}
@media screen and (min-width: 768px) {
  .sl-body--search {
    flex-flow: row nowrap;
  }
}
.sl-body__nav {
  flex: 1 1;
  max-width: 250px;
  min-width: 0;
  background: white;
}
.sl-body__nav--search {
  padding: 20px 0;
  min-width: 100%;
  max-width: inherit;
}
@media screen and (min-width: 768px) {
  .sl-body__nav--search {
    padding: 30px 20px 20px 20px;
    flex-flow: row nowrap;
    min-width: 0;
    max-width: 250px;
  }
}
.sl-body__content {
  flex: 1 1;
  min-width: 0;
  max-width: 1400px;
  margin: 1px auto;
}
.sl-body__content--search {
  min-width: 100%;
  max-width: inherit;
}
@media screen and (min-width: 768px) {
  .sl-body__content--search {
    min-width: 0;
    max-width: 1400px;
    margin: 1px auto;
  }
}
.sl-body__padding {
  display: none;
}
@media (min-width: 1940px) {
  .sl-body__padding {
    display: block;
    flex: 1 1;
    max-width: 250px;
    min-width: 250px;
  }
}

@keyframes sl-hue-rotate {
  0% {
    filter: hue-rotate(0deg) saturate(1.2);
  }
  50% {
    filter: hue-rotate(180deg) saturate(1.4);
  }
  100% {
    filter: hue-rotate(360deg) saturate(1.2);
  }
}
body.sl-rgb-rave {
  animation: sl-hue-rotate 0.5s linear infinite;
}

body.sl-rgb-rave * {
  transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

@keyframes sl-pulse-shadow {
  0% {
    box-shadow: 0 0 8px 0 rgba(255, 0, 0, 0.25), 0 0 16px 0 rgba(0, 255, 255, 0.15);
  }
  50% {
    box-shadow: 0 0 18px 0 rgba(0, 255, 0, 0.3), 0 0 28px 0 rgba(255, 0, 255, 0.2);
  }
  100% {
    box-shadow: 0 0 8px 0 rgba(255, 0, 0, 0.25), 0 0 16px 0 rgba(0, 255, 255, 0.15);
  }
}
body.sl-rgb-rave .MuiButton-root,
body.sl-rgb-rave .MuiTextField-root,
body.sl-rgb-rave .MuiPaper-root,
body.sl-rgb-rave .MuiCard-root {
  box-shadow: 0 0 0px 0 rgba(255, 0, 0, 0), 0 0 20px 0 rgba(0, 255, 255, 0.25);
  animation: sl-pulse-shadow 2.4s ease-in-out infinite;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.spinner-wrapper {
  position: relative;
  text-align: center;
}

.line-chart__loading {
  left: 41%;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1920px) {
  .line-chart__loading {
    left: 0;
    justify-content: center;
  }
}

.spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.spinner.in-place {
  position: relative;
  left: 0;
  top: 0;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.beacon-signin-container {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.beacon-signin-form-container {
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  top: 0%;
}

.beacon-signin-form-container.open {
  transform: translate(0%, -63%);
}

.beacon-sence {
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
}
.beacon-sence .signin-space {
  height: 100vh;
  position: absolute;
  z-index: 0;
}
.beacon-sence .signin-space #ParticleGroup_x5F_1 circle {
  animation: starFlash 22s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_1 rect {
  animation: starGlow 22s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_2 circle {
  animation: starFlash 15s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_2 rect {
  animation: starGlow 15s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_3 circle {
  animation: starFlash 13s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_3 rect {
  animation: starGlow 13s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_4 circle {
  animation: starFlash 15s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_4 rect {
  animation: starGlow 15s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_5 circle {
  animation: starFlash 11s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_5 rect {
  animation: starGlow 11s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_6 circle {
  animation: starFlash 21s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_6 rect {
  animation: starGlow 21s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_7 circle {
  animation: starFlash 17s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_7 rect {
  animation: starGlow 17s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_8 circle {
  animation: starFlash 12s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_8 rect {
  animation: starGlow 12s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_9 circle {
  animation: starFlash 19s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_9 rect {
  animation: starGlow 19s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_10 circle {
  animation: starFlash 13s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_10 rect {
  animation: starGlow 13s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_11 circle {
  animation: starFlash 19s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_11 rect {
  animation: starGlow 19s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_12 circle {
  animation: starFlash 12s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_12 rect {
  animation: starGlow 12s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_13 circle {
  animation: starFlash 23s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_13 rect {
  animation: starGlow 23s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_14 circle {
  animation: starFlash 10s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_14 rect {
  animation: starGlow 10s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_15 circle {
  animation: starFlash 18s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_15 rect {
  animation: starGlow 18s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_16 circle {
  animation: starFlash 18s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_16 rect {
  animation: starGlow 18s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_17 circle {
  animation: starFlash 18s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_17 rect {
  animation: starGlow 18s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_18 circle {
  animation: starFlash 18s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_18 rect {
  animation: starGlow 18s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_19 circle {
  animation: starFlash 20s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_19 rect {
  animation: starGlow 20s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_20 circle {
  animation: starFlash 20s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_20 rect {
  animation: starGlow 20s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_21 circle {
  animation: starFlash 19s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_21 rect {
  animation: starGlow 19s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_22 circle {
  animation: starFlash 17s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_22 rect {
  animation: starGlow 17s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_23 circle {
  animation: starFlash 17s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_23 rect {
  animation: starGlow 17s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_24 circle {
  animation: starFlash 19s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_24 rect {
  animation: starGlow 19s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_25 circle {
  animation: starFlash 12s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_25 rect {
  animation: starGlow 12s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_26 circle {
  animation: starFlash 18s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_26 rect {
  animation: starGlow 18s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_27 circle {
  animation: starFlash 19s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_27 rect {
  animation: starGlow 19s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_28 circle {
  animation: starFlash 11s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_28 rect {
  animation: starGlow 11s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_29 circle {
  animation: starFlash 19s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_29 rect {
  animation: starGlow 19s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_30 circle {
  animation: starFlash 11s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_30 rect {
  animation: starGlow 11s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_31 circle {
  animation: starFlash 23s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_31 rect {
  animation: starGlow 23s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_32 circle {
  animation: starFlash 22s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_32 rect {
  animation: starGlow 22s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_33 circle {
  animation: starFlash 21s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_33 rect {
  animation: starGlow 21s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_34 circle {
  animation: starFlash 21s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_34 rect {
  animation: starGlow 21s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_35 circle {
  animation: starFlash 20s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_35 rect {
  animation: starGlow 20s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_36 circle {
  animation: starFlash 16s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_36 rect {
  animation: starGlow 16s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_37 circle {
  animation: starFlash 21s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_37 rect {
  animation: starGlow 21s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_38 circle {
  animation: starFlash 12s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_38 rect {
  animation: starGlow 12s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_39 circle {
  animation: starFlash 15s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_39 rect {
  animation: starGlow 15s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_40 circle {
  animation: starFlash 15s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_40 rect {
  animation: starGlow 15s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_41 circle {
  animation: starFlash 16s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_41 rect {
  animation: starGlow 16s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_42 circle {
  animation: starFlash 23s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_42 rect {
  animation: starGlow 23s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_43 circle {
  animation: starFlash 16s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_43 rect {
  animation: starGlow 16s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_44 circle {
  animation: starFlash 19s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_44 rect {
  animation: starGlow 19s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_45 circle {
  animation: starFlash 13s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space #ParticleGroup_x5F_45 rect {
  animation: starGlow 13s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
}
.beacon-sence .signin-space .st0 {
  fill: none;
  stroke: #eff0f3;
  stroke-width: 0.5;
  stroke-miterlimit: 10;
}
.beacon-sence .signin-space .st1 {
  opacity: 0.7;
  fill: url(#Glow_x5F_45_1_);
}
.beacon-sence .signin-space .st2 {
  fill: #eff0f3;
}
.beacon-sence .signin-space .st3 {
  opacity: 0.7;
  fill: url(#Glow_x5F_44_1_);
}
.beacon-sence .signin-space .st4 {
  opacity: 0.7;
  fill: url(#Glow_x5F_43_1_);
}
.beacon-sence .signin-space .st5 {
  opacity: 0.7;
  fill: url(#Glow_x5F_42_1_);
}
.beacon-sence .signin-space .st6 {
  opacity: 0.7;
  fill: url(#Glow_x5F_41_1_);
}
.beacon-sence .signin-space .st7 {
  opacity: 0.7;
  fill: url(#Glow_x5F_40_1_);
}
.beacon-sence .signin-space .st8 {
  opacity: 0.7;
  fill: url(#SVGID_1_);
}
.beacon-sence .signin-space .st9 {
  opacity: 0.7;
  fill: url(#Glow_x5F_38_1_);
}
.beacon-sence .signin-space .st10 {
  opacity: 0.7;
  fill: url(#Glow_x5F_37_1_);
}
.beacon-sence .signin-space .st11 {
  opacity: 0.7;
  fill: url(#Glow_x5F_36_1_);
}
.beacon-sence .signin-space .st12 {
  opacity: 0.7;
  fill: url(#Glow_x5F_35_1_);
}
.beacon-sence .signin-space .st13 {
  opacity: 0.7;
  fill: url(#Glow_x5F_34_1_);
}
.beacon-sence .signin-space .st14 {
  opacity: 0.7;
  fill: url(#Glow_x5F_33_1_);
}
.beacon-sence .signin-space .st15 {
  opacity: 0.7;
  fill: url(#Glow_x5F_32_1_);
}
.beacon-sence .signin-space .st16 {
  opacity: 0.7;
  fill: url(#Glow_x5F_31_1_);
}
.beacon-sence .signin-space .st17 {
  opacity: 0.7;
  fill: url(#Glow_x5F_30_1_);
}
.beacon-sence .signin-space .st18 {
  opacity: 0.7;
  fill: url(#Glow_x5F_29_1_);
}
.beacon-sence .signin-space .st19 {
  opacity: 0.7;
  fill: url(#Glow_x5F_28_1_);
}
.beacon-sence .signin-space .st20 {
  opacity: 0.7;
  fill: url(#Glow_x5F_27_1_);
}
.beacon-sence .signin-space .st21 {
  opacity: 0.7;
  fill: url(#Glow_x5F_26_1_);
}
.beacon-sence .signin-space .st22 {
  opacity: 0.7;
  fill: url(#Glow_x5F_25_1_);
}
.beacon-sence .signin-space .st23 {
  opacity: 0.7;
  fill: url(#Glow_x5F_24_1_);
}
.beacon-sence .signin-space .st24 {
  opacity: 0.7;
  fill: url(#Glow_x5F_23_1_);
}
.beacon-sence .signin-space .st25 {
  opacity: 0.7;
  fill: url(#Glow_x5F_22_1_);
}
.beacon-sence .signin-space .st26 {
  opacity: 0.7;
  fill: url(#Glow_x5F_21_1_);
}
.beacon-sence .signin-space .st27 {
  opacity: 0.7;
  fill: url(#Glow_x5F_20_1_);
}
.beacon-sence .signin-space .st28 {
  opacity: 0.7;
  fill: url(#Glow_x5F_19_1_);
}
.beacon-sence .signin-space .st29 {
  opacity: 0.7;
  fill: url(#Glow_x5F_18_1_);
}
.beacon-sence .signin-space .st30 {
  opacity: 0.7;
  fill: url(#Glow_x5F_17_1_);
}
.beacon-sence .signin-space .st31 {
  opacity: 0.7;
  fill: url(#Glow_x5F_16_1_);
}
.beacon-sence .signin-space .st32 {
  opacity: 0.7;
  fill: url(#Glow_x5F_15_1_);
}
.beacon-sence .signin-space .st33 {
  opacity: 0.7;
  fill: url(#Glow_x5F_14_1_);
}
.beacon-sence .signin-space .st34 {
  opacity: 0.7;
  fill: url(#Glow_x5F_13_1_);
}
.beacon-sence .signin-space .st35 {
  opacity: 0.7;
  fill: url(#Glow_x5F_12_1_);
}
.beacon-sence .signin-space .st36 {
  opacity: 0.7;
  fill: url(#Glow_x5F_11_1_);
}
.beacon-sence .signin-space .st37 {
  opacity: 0.7;
  fill: url(#Glow_x5F_10_1_);
}
.beacon-sence .signin-space .st38 {
  opacity: 0.7;
  fill: url(#Glow_x5F_9_1_);
}
.beacon-sence .signin-space .st39 {
  opacity: 0.7;
  fill: url(#Glow_x5F_8_1_);
}
.beacon-sence .signin-space .st40 {
  opacity: 0.7;
  fill: url(#Glow_x5F_7_1_);
}
.beacon-sence .signin-space .st41 {
  opacity: 0.7;
  fill: url(#Glow_x5F_6_1_);
}
.beacon-sence .signin-space .st42 {
  opacity: 0.7;
  fill: url(#Glow_x5F_5_1_);
}
.beacon-sence .signin-space .st43 {
  opacity: 0.7;
  fill: url(#Glow_x5F_4_1_);
}
.beacon-sence .signin-space .st44 {
  opacity: 0.7;
  fill: url(#Glow_x5F_3_1_);
}
.beacon-sence .signin-space .st45 {
  opacity: 0.7;
  fill: url(#Glow_x5F_2_1_);
}
.beacon-sence .signin-space .st46 {
  opacity: 0.7;
  fill: url(#Glow_x5F_1_1_);
}
.beacon-sence .signin-space .st47 {
  fill: #848ec1;
}
.beacon-sence .signin-space .st48 {
  opacity: 0.15;
  fill: #ffffff;
  enable-background: new;
}
.beacon-sence .signin-space .st49 {
  clip-path: url(#SVGID_3_);
}
.beacon-sence .signin-space .st50 {
  fill: #5c69b1;
}
.beacon-sence .signin-space .st51 {
  fill: #5164ae;
}
.beacon-sence .signin-space .st52 {
  fill: #7c86c2;
}
.beacon-sence .signin-space .st53 {
  clip-path: url(#SVGID_5_);
}
.beacon-sence .signin-space .st54 {
  clip-path: url(#SVGID_7_);
}
.beacon-sence .signin-space .st55 {
  clip-path: url(#SVGID_9_);
}
.beacon-sence .signin-space .st56 {
  clip-path: url(#SVGID_11_);
}
.beacon-sence .signin-space .st57 {
  clip-path: url(#SVGID_13_);
}
.beacon-sence .signin-space .st58 {
  clip-path: url(#SVGID_15_);
}
.beacon-sence .signin-mountains {
  height: 134vh;
  position: absolute;
  top: 66%;
  z-index: 0;
}
.beacon-sence .signin-mountains .st0 {
  clip-path: url(#MOUNTAIN_SVG2);
  fill: #a2add8;
}
.beacon-sence .signin-mountains .st1 {
  clip-path: url(#MOUNTAIN_SVG2);
}
.beacon-sence .signin-mountains .st2 {
  fill: #a2add8;
}
.beacon-sence .signin-mountains .st3 {
  clip-path: url(#MOUNTAIN_SVG2);
  fill: #f0f0f3;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.signin-button, .signin-button-loading {
  font-family: "Geist";
  height: 47px;
  width: 100%;
  color: #fff;
  border: none;
  font-weight: 500;
  font-size: 18px;
  border-radius: 24px;
  background: #031425;
  margin: 6px 0;
  outline: none;
  text-transform: capitalize;
}

.signin-button-loading {
  cursor: wait;
  background-color: #031425 !important;
}

.signin-input-container {
  display: flex;
  justify-content: center;
}

.signin-form,
.reset-form {
  position: relative;
  background: white;
  padding: 50px 60px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
}
.signin-form .app-logo,
.reset-form .app-logo {
  margin: 0 auto;
}
.signin-form .app-logo-atlas,
.reset-form .app-logo-atlas {
  width: 80px;
}
.signin-form .app-logo-omni,
.reset-form .app-logo-omni {
  width: 80px;
}
.signin-form .app-logo-discover,
.reset-form .app-logo-discover {
  width: 80px;
}
.signin-form .app-logo-beacon,
.reset-form .app-logo-beacon {
  width: 80px;
}
.signin-form .app-logo-advertising,
.reset-form .app-logo-advertising {
  width: 80px;
}

.signin-form .login_app_title,
.reset-form .login_app_title {
  font-size: 25px;
  font-weight: 900;
  letter-spacing: 1.5px;
  margin: 10px 0 0 0;
  color: #031425;
  text-align: center;
  text-transform: uppercase;
}
.signin-form .signin-email input,
.signin-form .signin-password input,
.reset-form .signin-email input,
.reset-form .signin-password input {
  padding: 0 20px 0px 20px;
  min-height: 47px;
  font-weight: 400;
  border-bottom: 1px solid #bfbfbf;
}

.error-form {
  padding: 56px;
  width: 532px;
  background: transparent;
}

.signup-password-rules-container {
  width: 410px !important;
  display: block !important;
}
.signup-password-rules-container p {
  margin-bottom: 0;
}

.signin-text-field-container {
  position: relative;
}

.signin-text-field {
  display: block !important;
}
.signin-text-field label {
  color: #031425;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: normal;
  white-space: nowrap;
}
.signin-text-field label span.MuiFormLabel-asterisk {
  display: none;
}
.signin-text-field label.MuiFormLabel-root.Mui-focused {
  color: #031425 !important;
}
.signin-text-field label.Mui-disabled {
  color: #bfbfbf !important;
}
.signin-text-field div.MuiInputBase-root {
  width: 100%;
}
.signin-text-field div.MuiInputBase-root input {
  border: 1px solid #e8e8ed;
  border-radius: 4px;
  color: #031425;
  height: 32px;
  margin-top: 8px;
  padding: 0 14px;
  font-size: 12px;
}
.signin-text-field div.MuiInputBase-root input:focus {
  border: 1px solid #46a8f6;
  box-shadow: 0 0 6px 0 #56b788;
}
.signin-text-field div.MuiInputBase-root input.Mui-disabled {
  color: #bfbfbf !important;
}
.signin-text-field div.MuiInputBase-root.Mui-error input {
  border: 1px solid #f44a36;
  box-shadow: 0 0 6px 0 #f44a36;
}
.signin-text-field div.MuiInputBase-root.Mui-error input:focus {
  border: 1px solid #f44a36;
  box-shadow: 0 0 6px 0 #f44a36;
}

a.signin-forgot-password {
  color: #a21671;
  font-size: 12px;
  font-weight: 500;
  position: absolute !important;
  top: 3px;
  right: 0;
}
a.signin-forgot-password:hover {
  cursor: pointer;
}
div.app-date-range-picker-popper {
  width: "$paper-width";
}
div.app-date-range-picker-popper div.MuiPaper-root {
  width: "500px";
  background-color: #f6f7f8;
  border-radius: 8px 8px 7px 7px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
  height: 290px;
  overflow: hidden;
}
div.app-date-range-picker-popper div.MuiPaper-root div.MuiDateRangePickerViewDesktop-container {
  border-right: none;
  width: 229px;
  height: 214px;
  display: flex;
  flex-direction: column;
}
div.app-date-range-picker-popper div.MuiPaper-root div.MuiDateRangePickerViewDesktop-container div.MuiPickersArrowSwitcher-root {
  padding: 20px 16px 4px 16px;
}
div.app-date-range-picker-popper div.MuiPaper-root div.MuiDateRangePickerViewDesktop-container div.MuiPickersArrowSwitcher-root span.MuiTypography-root {
  font-size: 12px;
  font-weight: 500;
  font-family: Roboto;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
div.app-date-range-picker-popper div.MuiPaper-root div.MuiDateRangePickerViewDesktop-container div.MuiPickersArrowSwitcher-root button.MuiButtonBase-root {
  visibility: visible;
}
div.app-date-range-picker-popper div.MuiPaper-root div.MuiDateRangePickerViewDesktop-container div[role=grid] {
  width: 229px;
}
div.app-date-range-picker-popper div.MuiPaper-root div.MuiDateRangePickerViewDesktop-container div[role=grid] div.MuiDayPicker-header {
  display: grid;
  grid-template-columns: repeat(7, 27px);
}
div.app-date-range-picker-popper div.MuiPaper-root div.MuiDateRangePickerViewDesktop-container div[role=grid] div.MuiDayPicker-header span.MuiTypography-root {
  color: #7e8fa8;
  font-size: 10px;
  font-weight: 500;
  margin: 0;
  height: 22px;
  width: 27px;
}
div.app-date-range-picker-popper div.MuiPaper-root div.MuiDateRangePickerViewDesktop-container div[role=grid] div.MuiDayPicker-slideTransition {
  width: 229px;
}
div.app-date-range-picker-popper div.MuiPaper-root div.MuiDateRangePickerViewDesktop-container div[role=grid] div.MuiDayPicker-slideTransition div.MuiDayPicker-monthContainer {
  width: 229px;
}
div.app-date-range-picker-popper div.MuiPaper-root div.MuiDateRangePickerViewDesktop-container div[role=grid] div.MuiDayPicker-slideTransition div.MuiDayPicker-monthContainer div[role=row] {
  margin: 0px;
  display: grid;
  grid-template-columns: repeat(7, 27px);
  height: 27px;
}
div.app-date-range-picker-popper div.MuiPaper-root div.MuiDateRangePickerViewDesktop-container div[role=grid] div.MuiDayPicker-slideTransition div.MuiDayPicker-monthContainer div[role=row] div.MuiDateRangePickerDay-root {
  border-top-right-radius: 0%;
  border-top-left-radius: 0%;
  border-bottom-right-radius: 0%;
  border-bottom-left-radius: 0%;
  margin: 0px;
  height: 27px;
}
div.app-date-range-picker-popper div.MuiPaper-root div.MuiDateRangePickerViewDesktop-container div[role=grid] div.MuiDayPicker-slideTransition div.MuiDayPicker-monthContainer div[role=row] div.MuiDateRangePickerDay-root.MuiDateRangePickerDay-rangeIntervalDayHighlight {
  background-color: rgba(165, 207, 255, 0.3490196078);
  border-color: transparent;
}
div.app-date-range-picker-popper div.MuiPaper-root div.MuiDateRangePickerViewDesktop-container div[role=grid] div.MuiDayPicker-slideTransition div.MuiDayPicker-monthContainer div[role=row] div.MuiDateRangePickerDay-root div.MuiDateRangePickerDay-rangeIntervalPreview {
  height: 27px;
  border-top-right-radius: 0%;
  border-top-left-radius: 0%;
  border-bottom-right-radius: 0%;
  border-bottom-left-radius: 0%;
  border-width: 1px !important;
  border-color: transparent;
}
div.app-date-range-picker-popper div.MuiPaper-root div.MuiDateRangePickerViewDesktop-container div[role=grid] div.MuiDayPicker-slideTransition div.MuiDayPicker-monthContainer div[role=row] div.MuiDateRangePickerDay-root div.MuiDateRangePickerDay-rangeIntervalPreview button.MuiPickersDay-root {
  border-radius: 0%;
  color: #031425;
  font-size: 12px;
  font-weight: 500;
  width: 24.55px;
  height: 24.55px;
}
div.app-date-range-picker-popper div.MuiPaper-root div.MuiDateRangePickerViewDesktop-container div[role=grid] div.MuiDayPicker-slideTransition div.MuiDayPicker-monthContainer div[role=row] div.MuiDateRangePickerDay-root div.MuiDateRangePickerDay-rangeIntervalPreview button.MuiPickersDay-root:hover:not(.MuiPickersDay-today) {
  border: none;
}
div.app-date-range-picker-popper div.MuiPaper-root div.MuiDateRangePickerViewDesktop-container div[role=grid] div.MuiDayPicker-slideTransition div.MuiDayPicker-monthContainer div[role=row] div.MuiDateRangePickerDay-root div.MuiDateRangePickerDay-rangeIntervalPreview button.Mui-selected {
  background-color: #a5cfff;
}
div.app-date-range-picker-popper div.MuiPaper-root div.MuiDateRangePickerViewDesktop-container div[role=grid] div.MuiDayPicker-slideTransition div.MuiDayPicker-monthContainer div[role=row] div.MuiDateRangePickerDay-root div.MuiDateRangePickerDay-rangeIntervalPreview button.MuiPickersDay-today {
  border-color: #e8e8ed;
  background-color: #e8e8ed;
}
div.app-date-range-picker-popper div.MuiPaper-root div.MuiDateRangePickerViewDesktop-container div[role=grid] div.MuiDayPicker-slideTransition div.MuiDayPicker-monthContainer div[role=row] div.MuiDateRangePickerDay-root div.MuiDateRangePickerDay-rangeIntervalPreview button.Mui-disabled {
  color: rgba(126, 143, 168, 0.5);
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.inner-container {
  overflow-x: hidden;
}
.inner-container::-webkit-scrollbar {
  width: 5px;
}
.inner-container:hover::-webkit-scrollbar-thumb {
  background-color: #7e8fa8;
  border-radius: 15px;
}
.inner-container:hover::-webkit-scrollbar-track {
  background-color: #f6f9fc;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.upload_animation_group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.upload_animation_group .paperclip_group {
  width: 200px;
  height: 200px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.upload_animation_group .paperclip_group svg.white_paperclip {
  fill: none;
  stroke: #ffffff;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 54px;
  position: absolute;
  top: 0;
}
.upload_animation_group .paperclip_group svg.main_paperclip {
  fill: none;
  stroke: #9fabbd;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 17px;
  position: absolute;
  top: 0;
}
.upload_animation_group .paperclip_group svg.second_paperclip {
  position: absolute;
  top: 0;
  fill: none;
  stroke: #489eec;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 14px;
}
.upload_animation_group .paperclip_group svg.paperclip_check {
  position: absolute;
  top: 0;
  fill: none;
  stroke: #489eec;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 14px;
}
.upload_animation_group .paperclip_group svg.paperclip_check path {
  opacity: 0;
}
.upload_animation_group .paperclip_group svg.paperclip_cycle {
  position: absolute;
  top: 0;
  fill: none;
  stroke: #489eec;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 14px;
}
.upload_animation_group .paperclip_group svg.paperclip_cycle path {
  opacity: 0;
}
.upload_animation_group .paperclip_group svg.upload_finish {
  position: absolute;
  top: 0;
  fill: none;
  stroke: #489eec;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 14px;
  transform: rotateY(180deg);
}
.upload_animation_group .paperclip_progress {
  opacity: 0;
  text-align: center;
  border: none;
  font-size: 28px;
  font-weight: 400;
  color: #9fabbd;
}
.upload_animation_group .file_background {
  opacity: 1;
  position: absolute;
  width: 350px;
  top: -20px;
  height: 350px;
  z-index: -1;
}
.upload_animation_group .file_background svg.upload_file_background {
  fill: #9fabbd;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.bulk_textarea_background {
  opacity: 1;
  transition: opacity 0.5s ease-in;
  width: 500px;
  height: 350px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px;
  justify-content: center;
  position: relative;
  margin-top: 37px;
}
.bulk_textarea_background .bulk_arrow {
  width: 131px;
  position: absolute;
  left: 30px;
  top: 39px;
  transform: rotate(18deg);
  fill: #9fabbd;
}
.bulk_textarea_background .bulk_upload_clip {
  height: 119px;
  transform: scale(0.55) translateY(-88px);
}
.bulk_textarea_background span {
  font-size: 24px;
  z-index: 2;
  user-select: none;
  font-weight: 400;
  color: #9fabbd;
}
.bulk_textarea_background input[type=file] {
  display: none;
}
.bulk_textarea_background .pick_file {
  transition: all 0.33s cubic-bezier(0.215, 0.61, 0.355, 1);
  display: inline-block;
  cursor: pointer;
}
.bulk_textarea_background .pick_file:hover {
  transform: translateY(-3px);
  color: #031425;
  font-weight: 500;
}

.bulk_upload_hide {
  opacity: 0;
  z-index: 0 !important;
}

.user_management_bulk_background {
  height: 270px;
}
.omni_segment-filter__radio-buttons {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
}
.omni-filter-header-hr + div hr:first-of-type {
  visibility: hidden;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.score_bar_title {
  padding: 0 20px;
  font-size: 22px;
}

.score_bar_chart {
  position: relative;
  padding: 12px 20px;
  width: 240px;
}

.summary_header_group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #f6f9fc;
}
.summary_header_group .title {
  font-size: 28px;
}
.summary_header_group .control_group {
  display: flex;
  align-items: center;
}

.summary_chart_section {
  height: 500px;
  margin-bottom: 40px;
  width: 100%;
  position: relative;
}
.summary_chart_section .groupby {
  position: absolute;
  z-index: 1;
  top: 30px;
  left: -31px;
}

.single_legend_container {
  display: flex;
  justify-content: space-between;
}

.single_legend_cell {
  cursor: pointer;
  padding: 20px;
  height: 105px;
  margin: 0px 0px;
  background-color: #fff;
  transition: background-color 0.3s;
  width: 240px;
}
.single_legend_cell .single_legend_title {
  font-size: 16px;
  color: #7e8fa8;
}
.single_legend_cell .single_legend_data {
  display: flex;
  padding: 10px 0;
  align-items: flex-end;
  justify-content: space-between;
}
.single_legend_cell .single_legend_data .main_value {
  font-size: 25px;
  line-height: 33px;
}
.single_legend_cell .single_legend_data .changed_value {
  font-size: 18px;
  line-height: 29px;
}

.single_legend_cell.selected {
  background-color: #f6f9fc;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

:export {
  regular-weight: 400;
  bold-weight: 500;
}

.hichart-tooltip {
  text-align: left;
  color: #fff;
  background-color: #fff;
  padding: 10px;
  padding-right: 15;
  background: #fff;
  border: 1px solid #f6f9fc;
  border-radius: 3px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  opacity: 1;
  z-index: 9999 !important;
}
.hichart-tooltip .hiline-chart-tooltipx {
  font-size: 14px;
  text-align: left;
}
.hichart-tooltip .hiline-chart-tooltipy {
  margin-top: 10px;
  font-size: 22px;
  font-weight: 400;
}
.hichart-tooltip .hiline-chart-tooltipy--multiple {
  text-align: left;
}
.hichart-tooltip .hiline-chart-tooltipy .sl-metric__suffix {
  font-size: 14px;
  font-weight: 400;
  margin-left: -2px;
}
.hichart-tooltip .hiline-chart-tooltipy .sl-metric__week-ending {
  font-size: 14px;
  font-weight: 400;
  margin-left: 4px;
}
.hichart-tooltip .hiscatter-chart-tooltipy {
  font-size: 16px;
  font-weight: 400;
}

.highcharts-tooltip {
  z-index: 1;
}

.hichart-tooltip.donut {
  padding: 10px;
  background: #fff;
  border: 1px solid #f6f9fc;
  border-radius: 3px;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.ReactVirtualized__List {
  overflow: auto;
}

.ReactVirtualized__List::-webkit-scrollbar {
  background-color: transparent;
  width: 8.5px;
}

.ReactVirtualized__List::-webkit-scrollbar-thumb {
  background-color: #fff;
}

.ReactVirtualized__List:hover::-webkit-scrollbar-thumb {
  transition: background-color 0.7s;
  background-color: rgba(126, 143, 168, 0.8) !important;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

.category-filter {
  margin-bottom: 10px;
}

.segment-filter__radio-buttons {
  overflow: hidden;
  height: 170px;
}
.segment-filter__radio-buttons:hover {
  overflow: auto;
}
.segment-filter__radio-buttons::-webkit-scrollbar {
  background-color: transparent;
  width: 7px;
}
.segment-filter__radio-buttons::-webkit-scrollbar-thumb {
  background: rgba(126, 143, 168, 0.8) !important;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

.scroll-filter-message {
  color: #cfd7df;
  font-size: 10px;
  padding-left: 40px;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.traffic-locking {
  width: 25px;
  height: 25px;
  position: absolute;
  left: 50px;
  top: 0px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDAwIDQwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAwIDQwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiMzRDQ5NTk7fS5zdDF7ZmlsbDpub25lO308L3N0eWxlPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yODguMywxOTcuMWgtMTguM3YtNDcuNGMwLTM4LjQtMzEuMi02OS42LTY5LjYtNjkuNnMtNjkuNiwzMS4yLTY5LjYsNjkuNnYyOWMwLDMuNiwyLjksNi41LDYuNSw2LjVzNi41LTIuOSw2LjUtNi41di0yOWMwLTMxLjIsMjUuNC01Ni42LDU2LjYtNTYuNnM1Ni42LDI1LjQsNTYuNiw1Ni42djQ3LjRIMTEyLjRjLTMuNiwwLTYuNSwyLjktNi41LDYuNXY4NWMwLDE3LjYsMTQuMywzMS45LDMxLjksMzEuOWgxMjUuMWMxNy42LDAsMzEuOS0xNC4zLDMxLjktMzEuOXYtODVDMjk0LjgsMjAwLDI5MS44LDE5Ny4xLDI4OC4zLDE5Ny4xeiBNMjgxLjgsMjg4LjZjMCwxMC40LTguNSwxOC45LTE4LjksMTguOUgxMzcuOGMtMTAuNCwwLTE4LjktOC41LTE4LjktMTguOXYtNzguNWgxNjIuOFYyODguNnogTTIwMC4zLDIyMy41Yy0xMy40LDAtMjQuNCwxMC45LTI0LjQsMjQuNGMwLDExLjIsNy42LDIwLjYsMTcuOSwyMy41djE2LjJjMCwzLjYsMi45LDYuNSw2LjUsNi41czYuNS0yLjksNi41LTYuNXYtMTYuMmMxMC4zLTIuOSwxNy45LTEyLjMsMTcuOS0yMy41QzIyNC43LDIzNC41LDIxMy44LDIyMy41LDIwMC4zLDIyMy41eiBNMjAwLjMsMjU5LjNjLTYuMywwLTExLjQtNS4xLTExLjQtMTEuNGMwLTYuMyw1LjEtMTEuNCwxMS40LTExLjRzMTEuNCw1LjEsMTEuNCwxMS40QzIxMS43LDI1NC4yLDIwNi42LDI1OS4zLDIwMC4zLDI1OS4zeiIvPjxyZWN0IHg9IjAuMyIgeT0iMC4zIiBjbGFzcz0ic3QxIiB3aWR0aD0iNDAwIiBoZWlnaHQ9IjQwMCIvPjwvZz48L3N2Zz4=);
}

.traffic-ad-container {
  z-index: 10;
  background: white;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNzA2LjMgNTYyLjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDcwNi4zIDU2Mi4yOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2NsaXAtcGF0aDp1cmwoI1NWR0lEXzJfKTt9LnN0MXtmaWxsOiM4RUQ0RjU7fS5zdDJ7ZmlsbDojMEU4NEI2O30uc3Qze2ZpbGw6IzM0OTdEMzt9LnN0NHtjbGlwLXBhdGg6dXJsKCNTVkdJRF80Xyk7ZmlsbDojMTg4RUNFO30uc3Q1e2ZpbGw6bm9uZTtzdHJva2U6IzBFODRCNjtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9PC9zdHlsZT48Zz48ZGVmcz48cGF0aCBpZD0iU1ZHSURfMV8iIGQ9Ik03MDAuOCw1NjEuOUg2LjVjLTMuMSwwLTUuNi0yLjUtNS42LTUuNlY2YzAtMy4xLDIuNS01LjYsNS42LTUuNmg2OTQuM2MzLjEsMCw1LjYsMi41LDUuNiw1LjZ2NTUwLjRDNzA2LjQsNTU5LjQsNzAzLjksNTYxLjksNzAwLjgsNTYxLjl6Ii8+PC9kZWZzPjxjbGlwUGF0aCBpZD0iU1ZHSURfMl8iPjx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgc3R5bGU9Im92ZXJmbG93OnZpc2libGU7Ii8+PC9jbGlwUGF0aD48ZyBjbGFzcz0ic3QwIj48Zz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNTQ5LjIsNDc2LjVjLTYuNCw3LjQtMTMuMywxNC4zLTIwLjYsMjAuOGMtMy41LDMuMS03LjIsNi4xLTEwLjksOS4xYy0zLjcsMi45LDIuMy0xLjctMS41LDEuMWMtMC44LDAuNi0xLjUsMS4xLTIuMywxLjdjLTIuMywxLjctNC43LDMuNC03LDVjLTE3LDExLjctMzUuMiwyMS42LTU0LDMwLjFjLTUuNywyLjUtNi40LDIuOC0xMS42LDQuOWMtNS4xLDItMTAuMyw0LTE1LjUsNS44Yy0xMCwzLjUtMjAuMSw2LjctMzAuMiw5LjVjLTIwLDUuNi00MC41LDkuOC02MS4xLDEyLjhjMC4yLDAtNC41LDAuNi0yLjMsMC4zYzIuMi0wLjMtMi41LDAuMy0yLjMsMC4zYy0yLjQsMC4zLTQuNywwLjYtNy4xLDAuOGMtNS4yLDAuNi0xMC4zLDEtMTUuNSwxLjRjLTkuOSwwLjctMTkuNywxLjItMjkuNiwxLjJjLTEwLjIsMC0yMC40LTAuMy0zMC41LTEuNGMtMS0wLjEtMS45LTAuMi0yLjktMC4zYy0wLjMsMC01LTAuNy0xLjctMC4yYy0yLjMtMC4zLTQuNy0wLjctNy0xLjFjLTUuMS0wLjktMTAuMS0yLTE1LjEtMy40Yy00LjUtMS4yLTguOS0yLjctMTMuMi00LjNjLTAuOS0wLjMtMS43LTAuNy0yLjYtMWMzLDEuMi0xLjItMC42LTEuNS0wLjdjLTIuNS0xLjItNS0yLjQtNy40LTMuN2MtNC4xLTIuMi04LTQuNy0xMS44LTcuNGMtMC44LTAuNS0xLjUtMS4xLTIuMy0xLjdjMi40LDEuOS0xLjItMS4xLTEuNC0xLjJjLTIuMi0xLjktNC4zLTMuOC02LjQtNS44Yy0xLjctMS43LTMuNC0zLjUtNS01LjNjLTAuNy0wLjctMS4zLTEuNS0xLjktMi4zYzAsMC0zLTMuOC0xLjQtMS43Yy0zLjYtNC43LTYuOC05LjctOS40LTE0LjljLTAuNS0xLTAuOS0xLjktMS40LTIuOWMtMi4xLTQuNSwwLjcsMi40LTAuOS0yLjJjLTAuOS0yLjQtMS43LTQuOC0yLjUtNy4zYy0xLjUtNS0yLjctMTAuMi0zLjctMTUuM2MtNC0yMC40LTUuOS00MS43LTE3LjUtNTkuNmMtMTItMTguNy0zMC4zLTI5LjUtNTEuMS0zNmMtOC44LTIuNy0xNy43LTQuOS0yNi41LTcuNmMtMi4xLTAuNy00LjItMS4zLTYuMy0yLjFjLTAuOC0wLjMtNi42LTIuNy0zLjgtMS40Yy00LjUtMi04LjgtNC4zLTEyLjktNy4xYy0wLjItMC4yLTMuOC0yLjktMS40LTAuOWMtMC43LTAuNi0xLjQtMS4yLTIuMS0xLjhjLTEuOC0xLjYtMy41LTMuMy01LjItNS4xYy0xLTEuMS0yLTIuMy0yLjktMy41YzEuOCwyLjIsMC40LDAuNSwwLDBjLTEuNS0yLjEtMi45LTQuMi00LjMtNi41Yy0yLjMtMy44LTQuMy03LjgtNi4xLTExLjhjLTEuOS00LDEsMi43LTAuNi0xLjRjLTAuMy0wLjktMC43LTEuNy0xLTIuNmMtMS0yLjYtMS44LTUuMy0yLjYtNy45Yy0xLjQtNC41LTIuNS05LjEtMy40LTEzLjdjLTAuNS0yLjMtMC45LTQuNy0xLjItNy4xYy0wLjgtNC43LDAuMywzLTAuMi0xLjdjLTAuMi0xLjQtMC4zLTIuOS0wLjUtNC4zYy0wLjktMTAtMS0yMC4xLTAuMS0zMC4yYzAuMS0xLjQsMC4zLTIuOCwwLjQtNC4yYzAuMS0wLjUsMC40LTMsMC0wLjJjMC4zLTIuMywwLjctNC42LDEuMi02LjljMC45LTQuOSwyLjEtOS43LDMuNi0xNC41YzAuNy0yLjEsMS40LTQuMiwyLjEtNi4yYzAsMC4xLDEuNS0zLjksMC43LTEuOGMtMC45LDIuMSwwLjgtMS43LDAuOC0xLjdjMS42LTMuNCwzLjQtNi43LDUuNS05LjhjMC41LTAuNywxLTEuMywxLjQtMmMxLjItMS44LTIuNCwyLjgtMC4yLDAuM2MxLjEtMS4zLDIuMi0yLjYsMy4zLTMuOWMyLjYtMi45LDUuNC01LjcsOC4zLTguNUMzMSwyMTkuOSwzNywyMTQuNyw0MywyMDkuM2MxMi4xLTExLDI0LjUtMjIuNiwzMi43LTM3YzguOC0xNS41LDExLjYtMzQsNS42LTUxQzc1LjcsMTA1LjIsNjMuNyw5Myw0OC42LDg1LjRDMTguNyw3MC41LTE2LjEsNjkuMS00OC44LDY3Yy02LjMtMC40LTEyLjYtMC44LTE4LjktMS41Yy03LjgtMC45LTE1LjMsNy41LTE1LDE1YzAuNCw4LjksNi42LDE0LjEsMTUsMTVjMTQuMSwxLjUsMjguMiwyLDQyLjMsMy4yYzQuMSwwLjMsOC4yLDAuNywxMi4yLDEuMmMyLDAuMiwzLjksMC41LDUuOSwwLjdjLTAuNS0wLjEtMy4zLTAuNS0wLjUtMC4xYzEuNiwwLjIsMy4xLDAuNSw0LjcsMC43YzgsMS4zLDE2LDMsMjMuOCw1LjNjMy41LDEuMSw3LDIuMywxMC40LDMuN2MtMy45LTEuNSwxLjMsMC43LDIuMiwxLjFjMS44LDAuOSwzLjYsMS45LDUuNCwzYzEuNCwwLjksMi44LDEuOSw0LjIsMi44YzIuNywxLjctMS43LTEuNy0wLjMtMC4yYzAuNSwwLjYsMS4yLDEuMSwxLjgsMS42YzEuMiwxLjEsMi4zLDIuMiwzLjQsMy40YzAuMiwwLjIsMi4zLDIuNywwLjYsMC43Yy0xLjYtMiwwLjgsMS4yLDEsMS42YzAuOSwxLjMsMS41LDIuOCwyLjMsNC4yYzEuNiwyLjctMC41LTIuNC0wLjItMC41YzAuMiwwLjksMC43LDEuOSwxLDIuN2MwLjYsMS44LDEuMSwzLjcsMS41LDUuNmMwLjIsMC45LDAuNCw0LjUsMC4xLDAuM2MwLjEsMS4xLDAuMiwyLjEsMC4yLDMuMmMwLjEsMS43LTAuMSwzLjQtMC4yLDUuMmMtMC4yLDMuNSwwLjgtMy40LDAsMGMtMC4yLDAuNy0wLjMsMS4zLTAuNCwyYy0wLjQsMS42LTAuOSwzLjItMS40LDQuOGMtMC4zLDAuOC0xLjcsMy45LDAsMC4yYy0wLjQsMC45LTAuOSwxLjktMS4zLDIuOGMtMS42LDMuMS0zLjQsNi4xLTUuNCw4LjljLTAuNCwwLjYtMi43LDMuNS0wLjIsMC40Yy0wLjQsMC42LTAuOSwxLjEtMS40LDEuN2MtMS40LDEuNy0yLjksMy40LTQuMyw1Yy01LjQsNS45LTExLjMsMTEuNC0xNy4yLDE2LjhDMTAuNCwxOTguNC0yLjIsMjA5LjEtMTIsMjIyLjRjLTEwLjgsMTQuNi0xNi4xLDMzLjUtMTguNSw1MS4zYy0zLDIxLjctMi40LDQzLjYsMi4zLDY1LjFjNC40LDIwLjIsMTIuOCwzOS42LDI2LjEsNTUuNmMxMy42LDE2LjMsMzMuMywyNC42LDUzLjIsMzAuM2M4LjgsMi41LDE3LjcsNC43LDI2LjMsNy44YzEuMiwwLjQsMi40LDAuOSwzLjYsMS40YzMuOSwxLjUtMS43LTAuOCwwLjYsMC4yYzEuOSwwLjksMy45LDEuOCw1LjcsMi45YzIuMSwxLjIsNCwyLjUsNiwzLjhjMC41LDAuMywyLjIsMS43LDAuMSwwYzEuMiwxLDIuNCwyLjEsMy42LDMuMmMxLjksMS44LDMuNywzLjcsNS40LDUuN2MxLjcsMi4xLTEuNy0yLjcsMC44LDEuMWMwLjgsMS4yLDEuNiwyLjQsMi40LDMuN2MxLjIsMiwyLjMsNC4yLDMuMyw2LjNjMC4yLDAuNCwxLjEsMi43LDAuMSwwLjNjMC43LDEuNywxLjMsMy41LDEuOSw1LjNjMy4xLDkuNSw0LjYsMTkuNSw2LjMsMjkuM2MxLjgsMTAuMywzLjcsMjAuNyw3LjMsMzAuNWM0LjQsMTIuMSwxMC42LDIyLjgsMTguNSwzMi45YzEyLjgsMTYuMywyOS44LDI5LjEsNDguOCwzNy4zYzM4LjUsMTYuNSw4MiwxNi44LDEyMy4xLDEzYzQyLjQtMy45LDg0LjUtMTIuOCwxMjQuNS0yNy42YzQwLTE0LjgsNzguMy0zNSwxMTAuNC02My40YzcuMy02LjUsMTQuMi0xMy40LDIwLjYtMjAuOGM1LjMtNi4xLDYtMTUuMiwwLTIxLjJDNTY1LDQ3MSw1NTQuNiw0NzAuMyw1NDkuMiw0NzYuNUw1NDkuMiw0NzYuNXoiLz48L2c+PC9nPjxnIGNsYXNzPSJzdDAiPjxnPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik01NzEuMyw0MzcuM2MwLDAtMjIuOC0zLjMtMzMuMSwxOWMtMTAuMiwyMi4zLDE5LjUsNS45LDE5LjUsNS45TDU3MS4zLDQzNy4zeiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik02MTEuNiw0ODIuN2MwLDAsMy43LDEzLjQtMy4yLDIycy0xMC42LDkuNS0xMC42LDkuNWwtNi4zLTIyTDYxMS42LDQ4Mi43eiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik02MDAsNDk3LjFjMjEuMS0xOC45LDM2LjItNDUuNCw0Mi41LTcyLjljMC40LTEuNSwwLjktMy4zLDEtNC45YzAuMy00LjktMy41LTUuNC03LjctNS4zYy01LjEsMC4yLTEwLjIsMS4xLTE1LjIsMi4yYy0yNS4yLDUuNC01MC40LDE4LTY4LjIsMzYuNmMtNS45LDYuMi0xMC4xLDE1LjItMTMuMiwyM2MtNC45LDEyLTQuNiwyMi43LDUuOCwzMS44YzUuNiw0LjksMTAsNy42LDE3LjMsNi45QzU3Ni4zLDUxMyw1OTAsNTA2LjcsNjAwLDQ5Ny4xeiIvPjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik01NzQuNyw0NTcuNWMwLDAtMjUuMiwxNC0zNi43LDMyLjljMCwwLTEuMSwyLjItMi4zLDEuNmMtMC45LTAuNC00LjktMS42LTkuNCwxYy00LjUsMi42LTExLjgsOC40LTE0LjYsMTUuNWMtMi44LDcuMS01LjMsMi43LTUuMywyLjdzLTEuMi0zLjYsMC44LTkuM2MxLjktNS42LDE3LjUtNTIuMSw0MS01MS42YzAsMCwxNC42LDAuMywyNi45LDQuNUM1NzguNSw0NTYuMSw1NzQuNyw0NTcuNSw1NzQuNyw0NTcuNXoiLz48Zz48ZGVmcz48cGF0aCBpZD0iU1ZHSURfM18iIGQ9Ik02NDguMyw0MTAuMmMtMTAuNCwyMy0yOC44LDU4LjUtNjAsODJjLTEyLjQsOS4zLDEwLjUsMzUuNS02Ni44LDM1LjdjMy40LDE4LDg3LjEsMzguNCw4Ny4xLDM4LjRTNjYyLjgsMzc4LjEsNjQ4LjMsNDEwLjJ6Ii8+PC9kZWZzPjxjbGlwUGF0aCBpZD0iU1ZHSURfNF8iPjx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzNfIiAgc3R5bGU9Im92ZXJmbG93OnZpc2libGU7Ii8+PC9jbGlwUGF0aD48cGF0aCBjbGFzcz0ic3Q0IiBkPSJNNjAwLDQ5Ny4xYzIxLjEtMTguOSwzNi4yLTQ1LjQsNDIuNS03Mi45YzAuNC0xLjUsMC45LTMuMywxLTQuOWMwLjMtNC45LTMuNS01LjQtNy43LTUuM2MtNS4xLDAuMi0xMC4yLDEuMS0xNS4yLDIuMmMtMjUuMiw1LjQtNTAuNCwxOC02OC4yLDM2LjZjLTUuOSw2LjItMTAuMSwxNS4yLTEzLjIsMjNjLTQuOSwxMi00LjYsMjIuNyw1LjgsMzEuOGM1LjYsNC45LDEwLDcuNiwxNy4zLDYuOUM1NzYuMyw1MTMsNTkwLDUwNi43LDYwMCw0OTcuMXoiLz48L2c+PHBhdGggY2xhc3M9InN0MyIgZD0iTTU4Ny4yLDQ5My4yYy02LjcsNy42LTE3LjksMTcuNy0zMS44LDIwLjJjMCwwLTAuNy0wLjEtMC45LDAuN2MtMC4yLDAuOS01LjgsMTYuMS0xOC44LDE5LjZjMCwwLTYsMS40LTQsNS44czkuMSwzLjYsOS4xLDMuNnMzMS0yLjIsNDkuNi0xOGMxNy0xNC40LDguMi0zNi43LDYuNi00MC4zIi8+PHBhdGggY2xhc3M9InN0NSIgZD0iTTYxOC45LDQ3NS4yYzAsMC0xMyw0LjctMjktMTBzLTkuNy0zMy41LTkuNy0zMy41Ii8+PGVsbGlwc2UgdHJhbnNmb3JtPSJtYXRyaXgoMC43NjUzIC0wLjY0MzcgMC42NDM3IDAuNzY1MyAtMTU3LjczNjYgNDg4LjU2ODIpIiBjbGFzcz0ic3QxIiBjeD0iNTkxLjEiIGN5PSI0NjAuNiIgcng9IjE0LjUiIHJ5PSIxMi4zIi8+PC9nPjwvZz48L2c+PC9zdmc+);
  background-repeat: no-repeat;
  position: fixed;
  width: 706.3px;
  height: 523.2px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
  border-radius: 5px;
  color: #1c5ca3;
  font-family: "Roboto", sans-serif;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.traffic-ad-container .traffic-close {
  cursor: pointer;
  right: 10px;
  top: 10px;
  height: 45px;
  width: 45px;
  position: absolute;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgNDAwIj48dGl0bGU+Y3Jvc3M8L3RpdGxlPjxnIGlkPSJMYXllcl8xIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxyZWN0IHdpZHRoPSI0MDAiIGhlaWdodD0iNDAwIiBzdHlsZT0iZmlsbDpub25lIi8+PC9nPjxnIGlkPSJMYXllcl8yIiBkYXRhLW5hbWU9IkxheWVyIDIiPjxsaW5lIHgxPSIxMTAuNTgiIHkxPSIyODkuNDIiIHgyPSIyODkuNDIiIHkyPSIxMTAuNTgiIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiAjMzU5N0QzO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDoxM3B4Ii8+PGxpbmUgeDE9IjI4OS40MiIgeTE9IjI4OS40MiIgeDI9IjExMC41OCIgeTI9IjExMC41OCIgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6ICMzNTk3RDM7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjEzcHgiLz48L2c+PC9zdmc+);
}
.traffic-ad-container h1 {
  font-size: 42px;
  padding: 0px 70px;
  margin: 66px 0 20px 0;
}
.traffic-ad-container ul {
  padding: 0;
  list-style: none;
  text-align: left;
}
.traffic-ad-container ul li {
  font-size: 17px;
  font-weight: 360;
  display: flex;
  align-items: center;
}
.traffic-ad-container ul li .traffic-list-icon {
  width: 30px;
  height: 30px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgNDAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6bm9uZTtzdHJva2U6IzFjNWNhMztzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjEzcHg7fS5jbHMtMntmaWxsOiMxYzVjYTM7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5zZW88L3RpdGxlPjxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iMjAwIiBjeT0iMjAwIiByPSI4Mi43NyIvPjxjaXJjbGUgY2xhc3M9ImNscy0yIiBjeD0iMjAwIiBjeT0iMjAwIiByPSIxMCIvPjxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjIwMCIgeTE9IjExNy4yMyIgeDI9IjIwMCIgeTI9Ijg0Ljc3Ii8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMjAwIiB5MT0iMzE1LjIzIiB4Mj0iMjAwIiB5Mj0iMjgyLjc3Ii8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMjgyLjc3IiB5MT0iMjAwIiB4Mj0iMzE1LjIzIiB5Mj0iMjAwIi8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iODQuNzciIHkxPSIyMDAiIHgyPSIxMTcuMjMiIHkyPSIyMDAiLz48L3N2Zz4=);
}
.traffic-ad-container p {
  font-size: 16px;
  font-weight: 360;
}
.traffic-ad-container #traffic-description {
  font-size: 18.61px;
  color: #3597d3;
  font-weight: 400;
}

#traffic-button {
  border: 10px;
  box-sizing: border-box;
  display: inline-block;
  font-family: Roboto, sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  text-decoration: none;
  margin: 39px;
  padding: 0px 20px;
  outline: none;
  font-size: inherit;
  font-weight: inherit;
  position: relative;
  height: 36px;
  color: white;
  font-weight: 500 !important;
  line-height: 36px;
  border-radius: 2px;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  background-color: #5db3a1;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

:export {
  regular-weight: 400;
  bold-weight: 500;
}

.segments-page {
  max-width: 1000px;
  margin: auto;
  padding-bottom: 40px;
}

.segments-container {
  display: flex;
  flex-flow: row wrap;
}
.segments-container__segment {
  flex: 1 1;
  margin-top: 20px;
  max-width: 100%;
  min-width: 100%;
}
@media screen and (min-width: 768px) {
  .segments-container__segment {
    max-width: 50%;
    min-width: 50%;
  }
}
@media screen and (min-width: 1000px) {
  .segments-container__segment {
    max-width: 25%;
    min-width: 25%;
  }
}
.segments-container__divider {
  width: 100%;
  margin: auto;
}
@media (min-width: 768px) {
  .segments-container__divider {
    width: 440px;
  }
}
.segments-container__load-more {
  text-align: center;
  padding: 40px 0 0 0;
}
.segments-container__load-more-text {
  font-weight: 700;
  font-size: 14px;
  padding: 30px 0;
}

.segment-container {
  perspective: 10000px;
  min-height: 320px;
  cursor: pointer;
}

.segment {
  position: relative;
  height: 100%;
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
  box-shadow: initial;
  transition: 0.6s;
  /* hide back of pane during swap */
  /* front pane, placed above back */
  /* back, initially hidden pane */
}
.segment--flipped {
  transform: rotateY(180deg);
}
.segment__front, .segment__back {
  padding: 30px 20px 60px 20px;
  min-height: 320px;
  backface-visibility: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  box-sizing: border-box;
  border: 1px solid transparent;
}
.segment__front--hover, .segment__back--hover {
  border: 1px solid #f6f9fc;
}
.segment__front {
  z-index: 2;
  /* for firefox 31 */
  transform: rotateY(0deg);
}
.segment__front--multiline-name {
  min-height: 350px;
}
.segment__back {
  transform: rotateY(180deg);
}
.segment__back--multiline-name {
  min-height: 350px;
}
.segment__arrow-icon {
  display: inline-block;
  height: 16px;
  font-weight: 400;
  font-size: 16px;
}
.segment__arrow-icon--plus {
  color: #39b3ae;
}
.segment__arrow-icon--minus {
  color: #f35379;
}
.segment__edit-icon {
  height: 32px;
  width: 32px;
  fill: #031425;
}
.segment__edit-icon:hover {
  fill: #2a8ade;
}
.segment__duplicate-icon {
  height: 32px;
  width: 32px;
  stroke: #031425;
}
.segment__duplicate-icon:hover {
  stroke: #2a8ade;
}
.segment__cancel-button {
  position: absolute !important;
  height: 48px !important;
  left: 0;
  bottom: 48px;
}
.segment__delete-text {
  font-weight: 400;
  text-align: center;
  margin-top: 50px;
  line-height: 30px;
}
.segment__delete-button {
  position: absolute !important;
  height: 48px !important;
  left: 0;
  bottom: 0;
}
.segment__delete-button > button {
  height: 48px !important;
}
.segment__delete-icon {
  height: 32px;
  width: 32px;
  stroke: #031425;
}
.segment__delete-icon:hover {
  stroke: #f35379;
}
.segment--deleting {
  opacity: 0.2;
}
.segment__short-name-container {
  width: 80px;
  height: 80px;
  margin: auto;
  border-radius: 40px;
  display: table;
  background-color: #031425;
  font: inherit;
  border: 0;
  padding: 0;
  outline: 0;
}
.segment__short-name-container--new {
  background-color: white;
}
.segment__short-name {
  font-size: 36px;
  display: table-cell;
  font-weight: 400;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
}
.segment__short-name--new {
  outline: 0;
  font-size: 60px;
  line-height: 60px;
  color: #031425;
}
.segment__name {
  text-align: center;
  margin: 20px auto 0 auto;
  font-size: 20px;
  font-weight: 400;
}
.segment__value {
  margin-top: 20px;
  font-size: 30px;
  font-weight: 400;
  text-align: center;
}
.segment__period-name {
  margin-top: 3px;
  color: #031425;
  font-size: 12px;
  letter-spacing: 0.3px;
  font-weight: 400;
}
.segment__currency {
  font-size: 28px;
  vertical-align: middle;
}
.segment__amount {
  vertical-align: middle;
}
.segment__suffix {
  display: inline-block;
  margin: 6px 0 0 4px;
  font-size: 18px;
  vertical-align: middle;
}
.segment__change {
  text-align: center;
  margin-top: 5px;
}
.segment__delete {
  position: absolute !important;
  right: 1px;
  top: 1px;
}
.segment__edit, .segment__duplicate {
  position: absolute !important;
  left: 1px;
  top: 1px;
}
.segment__deleting-container {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.segment__deleting-content {
  display: table;
  height: 100%;
  width: 100%;
  text-align: center;
}
.segment__deleting-text {
  display: table-cell;
  vertical-align: middle;
  font-size: 20px;
}
.segment__owner-name {
  font-weight: 400;
  font-size: 11px;
  color: #cfd7df;
  text-align: center;
  padding: 8px 20px;
  border-top: 1px solid #f6f9fc;
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.card-container {
  perspective: 10000px;
}

.card {
  background-color: white;
  height: 100%;
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
  box-shadow: initial;
  border-radius: 2px;
  /* hide back of pane during swap */
  /* front pane, placed above back */
  /* back, initially hidden pane */
}
.card--flipped {
  transform: rotateY(180deg);
}
.card__front, .card__back {
  backface-visibility: hidden;
  position: absolute;
  padding: 32px 48px;
  width: 100%;
  height: 100%;
}
.card__front {
  z-index: 2;
  /* for firefox 31 */
  transform: rotateY(0deg);
}
.card__back {
  transform: rotateY(180deg);
}
.card__title {
  font-size: 18px;
  color: #7e8fa8;
  fill: #7e8fa8;
}
.card__subtitle {
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  color: #cfd7df;
  fill: #cfd7df;
  text-align: left;
  margin-top: 3px;
}
.card__value {
  font-size: 30px;
  font-family: "Open Sans", sans-serif;
  color: #4285f4;
  line-height: 1.2;
  text-align: left;
  margin-top: 10px;
  font-weight: 400;
}
.card__metric-change {
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  color: #808fa4;
  text-align: left;
  margin-top: 15px;
}
.card__flip-btn {
  outline: 0;
  position: absolute;
  top: 1px;
  right: 1px;
  background: white;
  border: none;
  padding: 5px;
  color: #d3d3d3;
}
.card__flip-icon {
  height: 40px;
  width: 40px;
}

.exclude-btn {
  position: absolute;
  top: 20px;
  border: none;
  background-color: transparent;
  width: 40px;
  height: 15px;
  margin: 0 26px 16px 0;
  font-family: Roboto;
  font-size: 11px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.22px;
  text-align: center;
  color: #031425;
}
.exclude-btn:hover {
  text-decoration: underline;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

:export {
  regular-weight: 400;
  bold-weight: 500;
}

.active-tab {
  font-weight: 700;
  color: #2a8ade !important;
}

.active-subtab {
  color: #2a8ade !important;
}

.nav-container {
  margin: auto;
  list-style: none;
  padding: 0;
}
.nav-container ul {
  list-style: none;
}

.nav-header-container {
  padding: 60px 15px 15px 15px;
  max-width: fit-content;
  text-align: center;
}

.nav-header-product-container {
  text-align: center;
}
.nav-header-product-container .card-container {
  min-height: 300px;
  box-shadow: initial;
}
.nav-header-product-container .card__front {
  padding: 40px 0;
}
.nav-header-product-container .card__back {
  min-height: 300px;
  padding: 32px 16px;
  font-size: 12px;
  overflow: scroll;
}

.nav-name-container {
  margin: 10px 0px 0px 0px;
  text-align: center;
  font-size: 13px;
}
.nav-name-container .name {
  border: 1px solid rgba(0, 0, 0, 0.4);
  padding: 3px 5px;
  border-radius: 2px;
}
.nav-name-container__product-name {
  display: block;
  margin-top: 5px;
  color: #031425;
  font-weight: 400;
}
.nav-name-container__brand-name {
  display: block;
  margin-top: 5px;
  color: #031425;
  font-size: 20px;
  font-weight: 400;
}

.nav-image-container {
  width: 160px;
  height: 160px;
  margin: auto;
  display: table;
}

.nav-image-center {
  vertical-align: middle;
  display: table-cell;
}

.nav-image {
  max-width: 120px;
  max-height: 120px;
  margin: auto;
  display: block;
}

.nav-company-name {
  display: block;
  text-align: center;
  color: #7e8fa8;
}
.nav-company-name span {
  display: block;
}
.nav-company-name br {
  display: none;
}

.nav-subtab {
  position: absolute;
  height: 32px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 14px;
  padding: 8px 8px 8px 76px;
  color: #031425;
}
.nav-subtab:hover, .nav-subtab:focus {
  text-decoration: none;
  color: #031425;
}
.nav-subtab--atlas {
  padding: 8px 8px 8px 56px;
}

.nav-list-item-container {
  padding-bottom: 10px !important;
}
.nav-list-item-container > div > div {
  padding: 0 !important;
}
.nav-list-item-container > div > div > div > span {
  height: 32px !important;
}
.nav-list-item-container > div > div > div > span:hover {
  background: transparent !important;
}

.Incoming_feature {
  color: #aeaeae !important;
}
.Incoming_feature > div > a {
  color: #aeaeae !important;
}
.Incoming_feature > span {
  color: #aeaeae;
}
.Incoming_feature > span:hover {
  cursor: not-allowed;
}

.nav-list-item {
  color: #031425 !important;
  font-size: 13px !important;
  padding-left: 0;
  font-size: 14px !important;
}
.nav-list-item:hover {
  background-color: transparent !important;
}
.nav-list-item > div > div > svg {
  margin: 0px 0 0 10px !important;
  height: 28px !important;
  width: 32px !important;
  left: 0 !important;
}
.nav-list-item > div > div > button {
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
}
.nav-list-item__text {
  font-weight: 400;
}
.nav-list-item__text--active > div > div svg {
  color: #2a8ade !important;
  fill: #2a8ade !important;
}
.nav-list-item__icon {
  opacity: 0.5;
  transition: 450ms opacity linear;
  fill: #031425;
}
.nav-list-item__icon--active {
  opacity: 1;
}

.entity-chip.all-categories-chip {
  margin: 0 !important;
}

.entity-chip,
.chip {
  margin: 10px auto !important;
  background-color: #f6f9fc !important;
  font-size: 14px;
}
.entity-chip--small,
.chip--small {
  margin: 0 !important;
}
.entity-chip--small > span,
.chip--small > span {
  font-size: 12px !important;
  line-height: 22px !important;
}
.entity-chip--green,
.chip--green {
  background-color: #39b3ae !important;
}
.entity-chip--green > span,
.chip--green > span {
  color: white !important;
}
.entity-chip--green svg,
.chip--green svg {
  color: white !important;
  stroke: white !important;
}

.segment-header__edit-icon, .segment-header__duplicate-icon {
  stroke: #031425;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

.nav-clear-all {
  margin-left: 10px !important;
  color: #2a8ade !important;
  float: left;
  margin-top: 12px !important;
}
.nav-clear-all span {
  font-size: 12px !important;
  color: #2a8ade !important;
}

.omni-nav-clear-all {
  margin-left: 10px !important;
  color: #2a8ade !important;
  float: left;
  padding-top: 15px !important;
}
.omni-nav-clear-all span {
  font-size: 12px !important;
  color: #2a8ade !important;
}

.omni-nav-clear-toggle-all {
  padding-top: 0px !important;
  margin-left: 10px !important;
  color: #2a8ade !important;
  float: left;
}
.omni-nav-clear-toggle-all span {
  font-size: 12px !important;
  color: #2a8ade !important;
}

.left_nav_main_label {
  color: #031425;
  font-size: 16px;
  font-weight: 500;
  padding: 30px 16px 13px 0px;
}

.nav_label_bold div,
.nav_label_bold a {
  font-weight: 400;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

:export {
  regular-weight: 400;
  bold-weight: 500;
}

.accuracy__container {
  margin-top: 48px;
}
.accuracy__title {
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 40px;
}
.accuracy__label {
  display: block;
  font-size: 11px;
  font-weight: 400;
  margin-bottom: 10px;
  margin-top: 40px;
}
.accuracy__item {
  display: flex;
  flex-flow: row nowrap;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 47px 10px 20px;
  margin-bottom: 10px;
  min-height: 52px;
  vertical-align: middle;
  border: 1px solid #f6f9fc;
  align-items: center;
}
.accuracy__item--validate {
  padding: 10px 2px 10px 20px;
}
.accuracy__item--invalid {
  border: 1px solid #f35379;
}
.accuracy__scores {
  display: flex;
  flex-flow: row nowrap;
}
.accuracy__item-content, .accuracy__item-verification {
  display: flex;
}
.accuracy__item-content {
  flex: 1 1;
}
.accuracy__item-description {
  line-height: 1.8;
}
.accuracy__item-verification--bullet, .accuracy__item-verification--title {
  padding: 0 14px;
}
.accuracy__icon {
  width: 17px;
  height: 17px;
}
.accuracy__icon--valid {
  stroke: #39b3ae;
}
.accuracy__icon--invalid {
  stroke: #f35379;
}
.accuracy__bullet {
  margin-left: 20px;
  display: list-item;
  list-style-type: disc;
  list-style-position: outside;
}
.accuracy__content {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.accuracy__master-content, .accuracy__current-content {
  min-width: 48%;
  max-width: 48%;
  flex: 1 1;
}
.accuracy__images-container, .accuracy__videos-container {
  padding: 35px;
  border: 1px solid #f6f9fc;
  overflow: hidden;
}
.accuracy__images-container--invalid, .accuracy__videos-container--invalid {
  border: 1px solid #f35379;
}
.accuracy__images-content {
  max-width: 275px;
  margin: auto;
}
.accuracy__videos-content {
  max-width: 330px;
  margin: auto;
}
.accuracy__image-validate, .accuracy__video-validate {
  position: absolute;
  top: -8px;
  right: -8px;
}
.accuracy__image-validate svg, .accuracy__video-validate svg {
  fill: white;
}
.accuracy__image-container, .accuracy__video-container {
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 20px;
}
.accuracy__image-container {
  width: 45px;
  height: 45px;
}
.accuracy__video-container {
  width: 100px;
  height: 100px;
}
.accuracy__image-content, .accuracy__video-content {
  cursor: pointer;
  border: 1px solid transparent;
  position: relative;
  display: table;
}
.accuracy__image-content--invalid, .accuracy__video-content--invalid {
  border: 1px solid #f35379;
}
.accuracy__image-content--selected, .accuracy__video-content--selected {
  border: 1px solid #2a8ade;
}
.accuracy__image-content {
  width: 45px;
  height: 45px;
}
.accuracy__video-content {
  width: 100px;
  height: 100px;
}
.accuracy__image, .accuracy__video {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.accuracy__image > img, .accuracy__video > img {
  max-height: 45px;
  max-width: 45px;
}
.accuracy__image > video, .accuracy__video > video {
  max-height: 100px;
  max-width: 100px;
  width: 100%;
  display: block;
}
.accuracy__selected-image-container {
  display: table;
  width: 275px;
  height: 275px;
  margin: auto;
}
.accuracy__selected-video-container {
  display: table;
  width: 330px;
  height: 200px;
  margin: auto;
}
.accuracy__selected-image-content, .accuracy__selected-video-content {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.accuracy__selected-image {
  max-height: 275px;
  max-width: 275px;
}
.accuracy__selected-video {
  max-width: 330px;
  max-height: 200px;
}

.accuracy__title {
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 40px;
}
.accuracy__label {
  display: block;
  font-size: 11px;
  font-weight: 400;
  margin-bottom: 10px;
  margin-top: 40px;
}
.accuracy__item {
  display: flex;
  flex-flow: row nowrap;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 47px 10px 20px;
  margin-bottom: 10px;
  min-height: 52px;
  vertical-align: middle;
  border: 1px solid #f6f9fc;
  align-items: center;
}
.accuracy__item--validate {
  padding: 10px 2px 10px 20px;
}
.accuracy__item--invalid {
  border: 1px solid #f35379;
}
.accuracy__scores {
  display: flex;
  justify-content: center;
  flex-flow: row nowrap;
}
.accuracy__item-content, .accuracy__item-verification {
  display: flex;
}
.accuracy__item-content {
  flex: 1 1;
}
.accuracy__item-verification--bullet, .accuracy__item-verification--title {
  padding: 0 14px;
}
.accuracy__icon {
  width: 17px;
  height: 17px;
}
.accuracy__icon--valid {
  stroke: #39b3ae;
}
.accuracy__icon--invalid {
  stroke: #f35379;
}
.accuracy__bullet {
  margin-left: 20px;
  display: list-item;
  list-style-type: disc;
  list-style-position: outside;
}
.accuracy__content {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.accuracy__master-content, .accuracy__current-content {
  min-width: 48%;
  max-width: 48%;
  flex: 1 1;
}
.accuracy__images-container, .accuracy__videos-container {
  padding: 35px;
  border: 1px solid #f6f9fc;
  overflow: hidden;
}
.accuracy__images-container--invalid, .accuracy__videos-container--invalid {
  border: 1px solid #f35379;
}
.accuracy__images-content {
  max-width: 275px;
  margin: auto;
}
.accuracy__videos-content {
  max-width: 330px;
  margin: auto;
}
.accuracy__image-validate, .accuracy__video-validate {
  position: absolute;
  top: -8px;
  right: -8px;
}
.accuracy__image-validate svg, .accuracy__video-validate svg {
  fill: white;
}
.accuracy__image-container, .accuracy__video-container {
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 20px;
}
.accuracy__image-container {
  width: 45px;
  height: 45px;
}
.accuracy__video-container {
  width: 100px;
  height: 100px;
}
.accuracy__image-content, .accuracy__video-content {
  cursor: pointer;
  border: 1px solid transparent;
  position: relative;
  display: table;
}
.accuracy__image-content--invalid, .accuracy__video-content--invalid {
  border: 1px solid #f35379;
}
.accuracy__image-content--selected, .accuracy__video-content--selected {
  border: 1px solid #2a8ade;
}
.accuracy__image-content {
  width: 45px;
  height: 45px;
}
.accuracy__video-content {
  width: 100px;
  height: 100px;
}
.accuracy__image, .accuracy__video {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.accuracy__image > img, .accuracy__video > img {
  max-height: 45px;
  max-width: 45px;
}
.accuracy__image > video, .accuracy__video > video {
  max-height: 100px;
  max-width: 100px;
  width: 100%;
  display: block;
}
.accuracy__selected-image-container {
  display: table;
  width: 275px;
  height: 275px;
  margin: auto;
}
.accuracy__selected-video-container {
  display: table;
  width: 330px;
  height: 200px;
  margin: auto;
}
.accuracy__selected-image-content, .accuracy__selected-video-content {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.accuracy__selected-image {
  max-height: 275px;
  max-width: 275px;
}
.accuracy__selected-video {
  max-width: 330px;
  max-height: 200px;
}
.widget-container-wrapper::-webkit-scrollbar {
  width: 7px;
}
.widget-container-wrapper::-webkit-scrollbar-track, .widget-container-wrapper::-webkit-scrollbar-thumb {
  border-radius: 6px;
}
.widget-container-wrapper::-webkit-scrollbar-thumb {
  background-color: #eff1f5;
  border: 3 solid transparent;
  min-height: 18px;
}
.widget-container-wrapper::-webkit-scrollbar:horizontal {
  height: 8px;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

#add-team-user-firstName-label,
#add-team-user-lastName-label,
#add-team-user-email-label,
#add-user-domain-label,
#add-team-user-multi-label {
  color: #031425;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.finish_screen {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.finish_screen .icon_group {
  width: 200px;
  height: 200px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.finish_screen .icon_group svg.success_cycle {
  position: absolute;
  top: 0;
  fill: none;
  stroke: #489eec;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 14px;
  stroke-dasharray: 740;
  stroke-dashoffset: 740;
  transform: scaleY(-1) rotate(-115deg);
  animation: cycle 1s cubic-bezier(0.11, 0, 0.5, 0) forwards;
}
.finish_screen .icon_group svg.failed_cycle {
  position: absolute;
  top: 0;
  fill: none;
  stroke: #f35379;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 14px;
  stroke-dasharray: 740;
  stroke-dashoffset: 740;
  transform: scaleY(-1) rotate(-115deg);
  animation: cycle 1s cubic-bezier(0.11, 0, 0.5, 0) forwards;
}
.finish_screen .icon_group svg.success_check {
  position: absolute;
  opacity: 0;
  top: 0;
  fill: none;
  stroke: #489eec;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 14px;
  animation: fadeIn 1s cubic-bezier(0.11, 0, 0.5, 0) 0.7s forwards;
}
.finish_screen .icon_group .failed_cross {
  opacity: 0;
  animation: fadeIn 1s cubic-bezier(0.11, 0, 0.5, 0) 0.7s forwards;
}
.finish_screen .content_area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  opacity: 0;
  transform: translateY(30px);
  animation: fadeInWithMoveUp 1s cubic-bezier(0.11, 0, 0.5, 0) 1.3s forwards;
}
.finish_screen .content_area .title {
  font-size: 28px;
}
.finish_screen .content_area .subtitle {
  line-height: 34px;
  font-size: 16px;
}
.finish_screen .content_area .button_group {
  margin-top: 10px;
}

.submit_dialog {
  width: 640px;
  padding: 40px 35px;
  color: #031425;
}
.submit_dialog .title {
  font-size: 35px;
  margin-bottom: 20px;
}
.submit_dialog .subtitle {
  font-size: 22px;
  margin-bottom: 20px;
}
.submit_dialog .entity_list {
  font-size: 16px;
  overflow-y: scroll;
  height: 400px;
}
.submit_dialog .entity_list .entity_line {
  display: grid;
  grid-template-columns: auto auto;
  gap: 1em;
  padding: 5px 0 0;
}
.submit_dialog .entity_list::-webkit-scrollbar {
  width: 7px;
}
.submit_dialog .entity_list::-webkit-scrollbar-track, .submit_dialog .entity_list::-webkit-scrollbar-thumb {
  border-radius: 6px;
}
.submit_dialog .entity_list::-webkit-scrollbar-thumb {
  background-color: #eff1f5;
  border: 3 solid transparent;
  min-height: 18px;
}
.submit_dialog .entity_list::-webkit-scrollbar:horizontal {
  height: 8px;
}

@keyframes cycle {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.45;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInWithMoveUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.campaign_column {
  width: 220px;
  line-height: 1.6;
}
.campaign_column .title {
  font-size: 14px;
}
.campaign_column .type_pill {
  background: #dfe4ea;
  vertical-align: middle;
  padding: 0px 8px;
  font-size: 14px;
  border-radius: 47px;
  display: block;
  width: fit-content;
}

.budget_column {
  line-height: 1.6;
}

.secondary_label {
  color: #7e8fa8;
}

.confirm_dialog {
  padding: 25px;
  color: #031425;
  max-width: 600px;
  min-width: 600px;
}
.confirm_dialog .confirm_loading {
  height: 150px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.confirm_dialog .confirm_title {
  font-size: 27px;
}
.confirm_dialog .confirm_body {
  margin: 20px 0;
  font-size: 16px;
}
.confirm_dialog .confirm_buttons {
  display: flex;
  justify-content: center;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

:export {
  regular-weight: 400;
  bold-weight: 500;
}

.search-nav-container {
  padding: 30px 0;
  margin-top: -8px;
}
@media screen and (min-width: 768px) {
  .search-nav-container {
    padding: 0 25px 0 15px;
    max-width: 240px;
  }
}

.search-form-container {
  width: 210px;
  margin-bottom: 50px;
}
.search-form-container--sm {
  margin-top: 15px;
}
.search-form-container--lg {
  margin-top: 30px;
}

.search-header {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 25px;
  text-align: left;
}

.search-labels {
  margin-bottom: 0;
  margin-top: 10px;
  display: block;
  font-weight: 400;
}

.search-chip-container {
  overflow-x: hidden;
  max-height: 200px;
}

.search-chip {
  float: left;
  width: auto !important;
  margin: 6px 5px 0 0;
  background-color: #f6f9fc !important;
}
.search-chip span {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  white-space: nowrap;
  overflow: hidden;
  line-height: initial !important;
  max-width: 162px;
}
.search-chip > svg {
  min-width: 24px;
  min-height: 24px;
  fill: #cfd7df !important;
  color: #cfd7df !important;
}

.LinesEllipsis {
  text-overflow: ellipsis;
  overflow: hidden;
}

.search-divider.sl-divider {
  margin-top: 30px;
  margin-bottom: 30px;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.search-spacer {
  width: 230px;
}

.form-flex-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.form-flex-container .search-form-container {
  width: 230px;
  margin-bottom: 0;
  padding-right: 5px;
}
.form-flex-container .search-form-container .ReactVirtualized__List {
  margin-top: 8px;
}
.form-flex-container .search-form-container .ReactVirtualized__List::-webkit-scrollbar {
  width: 7px;
}
.form-flex-container .search-form-container .MuiAutocomplete-input:first-child {
  margin-bottom: 0;
}
.form-flex-container .sl-form-input {
  margin-top: 0;
}
.form-flex-container .range_selector_input {
  margin: 0;
  padding: 0;
}
.form-flex-container .MuiFormControlLabel-root {
  margin: 0;
  padding: 0;
  gap: 7px;
  align-items: center;
  margin-bottom: 10px;
}
.form-flex-container .MuiFormControlLabel-root .MuiCheckbox-root {
  padding: 0;
}

.simplebar-scrollbar:before {
  background-color: #1d3a65;
}

.updated-search-nav-container {
  position: fixed;
  overflow: scroll;
  height: 90%;
  background-color: white;
  overflow-x: hidden;
  bottom: 20px;
  width: 260px;
  padding-top: 20px;
}
.updated-search-nav-container h4 {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1em;
  letter-spacing: normal;
  text-align: left;
  color: #031425;
  margin: 0;
}
.updated-search-nav-container input {
  font-size: 12px;
  margin-top: 8px;
  font-family: Roboto;
}

.main-button-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-right: 5px;
  max-width: 230px;
}

.form-group-controls {
  display: flex;
  align-items: center;
  gap: 15px;
}
.form-group-controls > svg {
  width: 14px;
  height: 14px;
}

.form-group-controls-beaconV2 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}
.form-group-controls-beaconV2 > svg {
  width: 16px;
  height: 16px;
}

.updated-sl-form-input {
  margin-top: 0;
}
.updated-sl-form-input input {
  font-size: 12px;
  color: #031425;
}
.updated-sl-form-input input ::placeholder {
  color: #7e8fa8;
  opacity: 0.5;
}
.updated-sl-form-input .MuiAutocomplete-input:first-child {
  margin-bottom: 0;
}

.checkbox-container {
  display: flex;
  width: auto;
  height: 16px;
  gap: 2px;
}

.clear-btn {
  padding: 0;
  border: none;
  background-color: transparent;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #031425;
}

.custom-svg {
  width: 14px;
  height: 14px;
  margin: 2px;
  margin-right: 0px;
}
.custom-svg:hover {
  cursor: pointer;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.suggestions--highlight {
  font-weight: 700;
  color: black;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.updated-beacon-container h4.sl-form-label {
  margin: 0;
  font-family: Roboto;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1em;
  letter-spacing: normal;
  text-align: left;
  color: #031425;
}
.updated-beacon-container .form-group-controls {
  margin-bottom: 4px;
}
.updated-beacon-container .form-group-controls > h4 {
  font-family: Roboto;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #031425;
}
.updated-beacon-container .form-group-controls-beaconV2 > h4 {
  font-family: Roboto;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #031425;
}
.updated-beacon-container .updated-form-container {
  margin-bottom: 10px;
}
.updated-beacon-container .brands-form-container {
  margin-bottom: 25px;
}
.updated-beacon-container .search-form-container {
  width: 100%;
  margin-bottom: 32px;
}
.updated-beacon-container .search-form-container .clear-btn {
  font-weight: 500;
}
.updated-beacon-container .MuiTypography-root > span {
  font-weight: normal;
}
.updated-beacon-container input::placeholder {
  color: #7e8fa8;
  opacity: 0.5;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.admanager_sidebar {
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: white;
  z-index: 900;
  left: 50px;
  top: 65px;
  width: 300px;
  height: calc(100vh - 65px);
  overflow-y: scroll;
  border-right: 1px solid #f6f9fc;
}
.admanager_sidebar::-webkit-scrollbar {
  width: 8.5px;
}
.admanager_sidebar::-webkit-scrollbar-track, .admanager_sidebar::-webkit-scrollbar-thumb {
  border-radius: 6px;
}
.admanager_sidebar::-webkit-scrollbar-thumb {
  background-color: #f6f9fc;
  border: 3 solid transparent;
  min-height: 18px;
}
.admanager_sidebar::-webkit-scrollbar:horizontal {
  height: 8px;
}
.admanager_sidebar .header {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  padding: 20px 25px 20px 15px;
  width: 240px;
}
.admanager_sidebar .header .header_text {
  font-size: 25px;
}
.admanager_sidebar .header .hide_button {
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  color: #2a8ade;
}

.search_result_header {
  padding: 20px 0;
  font-size: 16px;
}
.search_result_header .header_text {
  font-size: 30px;
  display: flex;
  align-items: center;
}
.search_result_header .subheader_override {
  padding-top: 12px;
}

.subheader_section {
  padding-top: 25px;
  font-size: 18px;
  display: flex;
  align-items: center;
}

.result_count {
  margin-right: 18px;
}

.filter_pills {
  display: flex;
  align-items: center;
}
.filter_pills .pill_box {
  display: flex;
  align-items: center;
}
.filter_pills .pill_box .single_search_pill {
  transition: all 0.5s;
  vertical-align: center;
  cursor: pointer;
  color: #031425;
  background: #f6f9fc;
  border-radius: 50px;
  padding: 5px 13px;
  font-size: 14px;
  margin-right: 18px;
}
.filter_pills .pill_box .single_search_pill:hover {
  color: #fff;
  background: #031425;
}
.filter_pills .open_sidebar {
  font-weight: 500;
  cursor: pointer;
  color: #2a8ade;
}

.ad-pagination {
  z-index: 1;
  display: flex;
  justify-content: end;
  position: relative;
  padding: 10px 0;
  position: sticky;
  right: 0;
  bottom: 0;
  background: white;
  width: 100%;
}
.ad-pagination .ad-pagination__item {
  padding-right: 0;
  padding-left: 3;
}
.ad-pagination .ad-pagination__item:hover {
  background-color: transparent;
}

/**
  AD FILTER
*/
.ad-filter-toggle {
  display: flex;
  gap: 1%;
  position: absolute;
  right: 60px;
}
.ad-filter-toggle svg {
  width: 12px;
  height: 15px;
  margin-top: 14px;
  margin-bottom: 14px;
  margin-right: 7px;
  transition: all linear 0.2s;
}
.ad-filter-toggle svg .open {
  transform: rotate(90deg);
}
.ad-filter-toggle span {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.84px;
  text-align: left;
  color: #031425;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.MuiFormControlLabel-root.Mui-disabled label,
.MuiFormControlLabel-root.Mui-disabled span {
  color: rgba(126, 143, 168, 0.8);
}
/**
 * This file contains a mixin that defines re-useable styles for overriding the AG grid's defaults.  It makes the
 * header for grids overflow, allowing for custom headers to expand above where they'd usually be clipped and applies
 * some other style overrides for absolute-positioned overlays and other things.
 */
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.entity-grid-noclip-header .ag-cell {
  overflow: unset !important;
  white-space: normal;
}
.entity-grid-noclip-header .ag-header {
  z-index: 1;
}
.entity-grid-noclip-header .ag-header,
.entity-grid-noclip-header .ag-header-viewport {
  height: 48px !important;
  overflow: visible;
}
.entity-grid-noclip-header .ag-header-cell {
  z-index: 1 !important;
}
.entity-grid-noclip-header .ag-header-container,
.entity-grid-noclip-header .ag-header-row {
  height: 48px !important;
  overflow: visible;
}
.entity-grid-noclip-header .ag-header-cell:first-child .ag-react-container {
  justify-content: flex-end;
}

.ag-root {
  overflow: unset;
}

.target-keywords-grid[data-component-type=search-result-grid] .ag-body-viewport {
  height: 48vh;
  max-height: 1000px;
  overflow-y: scroll;
}

.target-keywords-grid[data-component-type=search-result-grid] .ag-root-wrapper-body {
  height: unset;
}

.target-keywords-grid {
  position: relative;
}
.target-keywords-grid .ag-cell {
  overflow: unset !important;
  white-space: normal;
}
.target-keywords-grid .ag-header {
  z-index: 1;
}
.target-keywords-grid .ag-header,
.target-keywords-grid .ag-header-viewport {
  height: 48px !important;
  overflow: visible;
}
.target-keywords-grid .ag-header-cell {
  z-index: 1 !important;
}
.target-keywords-grid .ag-header-container,
.target-keywords-grid .ag-header-row {
  height: 48px !important;
  overflow: visible;
}
.target-keywords-grid .ag-header-cell:first-child .ag-react-container {
  display: flex !important;
  justify-content: flex-start !important;
}
.target-keywords-grid .ag-body {
  top: 48px !important;
}
.target-keywords-grid .select-all-checkbox {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: -20px;
  font-size: 15px;
  width: 40px;
  z-index: 500;
  position: absolute;
  top: 2px;
}
.target-keywords-grid .ag-header-cell {
  display: flex !important;
  flex-direction: row-reverse !important;
}
.target-keywords-grid .ag-header-cell:not([col-id=campaignId_2]):last-child {
  text-align: right !important;
}
.target-keywords-grid .ag-row {
  border-bottom: 1px solid #d0d7de;
}
.target-keywords-grid .ag-header {
  background-color: #f6f9fd;
}
.target-keywords-grid .ag-header[ref=headerRoot] {
  background-color: #f6f9fd;
  z-index: 1;
}
.target-keywords-grid .ag-floating-top {
  background-color: #f6f9fd;
}
.target-keywords-grid .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-track, .target-keywords-grid .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb {
  border-radius: 6px;
}
.target-keywords-grid .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb {
  background-color: #d0d7de;
  min-height: 18px;
}
.target-keywords-grid .ag-body-horizontal-scroll-viewport::-webkit-scrollbar:horizontal {
  height: 6px;
  background-color: transparent;
}
.target-keywords-grid .advertising-sticky-header .ag-floating-top[ref=eTop] {
  z-index: 0;
}

.no-flex .ag-header-cell {
  display: inline-block !important;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.custom-sort-icon {
  width: 20px;
  height: 20px;
  stroke: #031425;
}
.custom-sort-icon--desc {
  display: inline-block;
  transform: rotate(180deg);
}
.custom-sort-icon--asc {
  display: inline-block;
}

.custom-ag-material .ag-row-hover {
  background: #f6f9fc !important;
}
.custom-ag-material .ag-header {
  border-bottom: 1px #f6f9fc solid;
  height: 48px;
}
.custom-ag-material .ag-cell-focus {
  text-align: right;
  padding-right: 20px;
  border-left: 0;
  border-top: 0;
  border-right: 1px #f6f9fc solid;
  border-bottom: 1px #f6f9fc solid;
  outline: none;
}
.custom-ag-material .ag-cell-no-focus {
  border-top: 0 #f6f9fc solid;
  border-bottom: 1px #f6f9fc solid;
}
.custom-ag-material .ag-cell-not-inline-editing {
  padding-top: 2px;
}
.custom-ag-material .ag-cell-not-inline-editing[col-id=stacklineSku] {
  flex-direction: row !important;
}
.custom-ag-material .ag-ltr .ag-cell-no-focus,
.custom-ag-material .ag-ltr .ag-header-cell {
  border-right: transparent 1px solid;
}
.custom-ag-material .ag-ltr .ag-header-cell.align-left {
  text-align: left;
}
.custom-ag-material .ag-ltr .ag-header-cell {
  display: inline-block;
  text-align: right;
  padding-right: 0px;
  font-size: 14px;
  overflow: visible;
}
.custom-ag-material .ag-ltr .ag-header-cell .ag-react-container div {
  padding-right: 20px;
  align-items: center;
}
.custom-ag-material .ag-ltr .ag-header-cell span {
  font-weight: 500;
}
.custom-ag-material .ag-ltr .ag-header-cell[col-id=rank] {
  padding-right: 0px;
}
.custom-ag-material .ag-ltr .ag-cell[col-id=adGroupId] div.campaign_column {
  overflow: hidden;
  text-overflow: ellipsis;
}
.custom-ag-material .ag-ltr .ag-header-cell[col-id=currentValue] {
  display: inline-flex !important;
}
.custom-ag-material .ag-ltr .ag-header-cell[col-id=targetingText],
.custom-ag-material .ag-ltr .ag-header-cell[col-id=stacklineSku] {
  flex-direction: row !important;
}
.custom-ag-material .ag-ltr .ag-header-cell.campaign-id {
  padding-top: 0px !important;
}
.custom-ag-material .ag-ltr .ag-header-cell.campaign-id .ag-header-cell-text {
  position: relative;
  top: -8px;
}
.custom-ag-material .ag-ltr .ag-header-cell.align-left.justify-flex-end {
  justify-content: flex-end;
}
.custom-ag-material .ag-ltr .ag-header-cell[col-id=impressions],
.custom-ag-material .ag-ltr .ag-header-cell[col-id=conversionRate],
.custom-ag-material .ag-ltr .ag-header-cell[col-id=brandTotalClicksIncrementalUnitsOrders],
.custom-ag-material .ag-ltr .ag-header-cell[col-id=brandTotalClicksIncrementalROAS],
.custom-ag-material .ag-ltr .ag-header-cell[col-id=brandTotalClicksIncrementalSales],
.custom-ag-material .ag-ltr .ag-header-cell[col-id=brandTotalClicksIncrementalClicks],
.custom-ag-material .ag-ltr .ag-header-cell[col-id=avgIncrementality],
.custom-ag-material .ag-ltr .ag-header-cell[col-id=sameSKUSales],
.custom-ag-material .ag-ltr .ag-header-cell[col-id=sameSKUConversions] {
  white-space: normal;
}
.custom-ag-material .ag-ltr .ag-header-cell[col-id=brandTotalClicksIncrementalSales] div[role=button] span div,
.custom-ag-material .ag-ltr .ag-header-cell[col-id=brandTotalClicksIncrementalClicks] div[role=button] span div,
.custom-ag-material .ag-ltr .ag-header-cell[col-id=brandTotalClicksIncrementalROAS] div[role=button] span div {
  padding-right: 0;
  font-weight: 500 !important;
}
.custom-ag-material .ag-ltr .ag-header-cell.ad-group .ag-header-cell-text,
.custom-ag-material .ag-ltr .ag-header-cell.match .ag-header-cell-text,
.custom-ag-material .ag-ltr .ag-header-cell.target .ag-header-cell-text,
.custom-ag-material .ag-ltr .ag-header-cell.status .ag-header-cell-text {
  position: relative;
  top: -8px;
}
.custom-ag-material .ag-ltr .ag-header-cell[col-id=campaignId]:first-of-type {
  display: inline-flex !important;
  justify-content: start;
}
.custom-ag-material .ag-ltr .ag-cell-no-focus[col-id=name],
.custom-ag-material .ag-ltr .ag-cell-focus[col-id=name],
.custom-ag-material .ag-ltr .ag-cell-no-focus[col-id=custom],
.custom-ag-material .ag-ltr .ag-cell-focus[col-id=custom] {
  border-right: 1px transparent solid;
  display: flex;
  align-items: center;
  text-align: center;
}
.custom-ag-material .ag-ltr .ag-header-cell[col-id=weekEnding],
.custom-ag-material .ag-ltr .ag-cell-no-focus[col-id=weekEnding],
.custom-ag-material .ag-ltr .ag-cell-focus[col-id=weekEnding] {
  border-right: 1px transparent solid;
  text-align: left;
  display: flex;
  align-self: center;
  justify-content: flex-start !important;
}
.custom-ag-material .ag-ltr .ag-header-cell .ag-header-cell-label,
.custom-ag-material .ag-ltr .ag-cell-no-focus .ag-header-cell-label,
.custom-ag-material .ag-ltr .ag-cell-focus .ag-header-cell-label {
  padding-right: 20px;
}
.custom-ag-material .ag-ltr .ag-cell-no-focus:not([col-id=custom]),
.custom-ag-material .ag-ltr .ag-cell-focus:not([col-id=custom]) {
  border: none !important;
  padding-right: 0px;
}
.custom-ag-material .ag-ltr .ag-header-cell[col-id=projectedSpend] .ag-header-cell-label,
.custom-ag-material .ag-ltr .ag-header-cell[col-id=projectedSpend_1] .ag-header-cell-label,
.custom-ag-material .ag-ltr .ag-header-cell[col-id=entity] .ag-header-cell-label,
.custom-ag-material .ag-ltr .ag-header-cell[col-id=stacklineSku_1] .ag-header-cell-label,
.custom-ag-material .ag-ltr .ag-header-cell[col-id=entityId] .ag-header-cell-label {
  flex-direction: row !important;
}
.custom-ag-material .ag-ltr .ag-header-cell[col-id=name],
.custom-ag-material .ag-ltr .ag-cell-no-focus[col-id=name],
.custom-ag-material .ag-ltr .ag-cell-focus[col-id=name],
.custom-ag-material .ag-ltr .ag-header-cell[col-id=custom],
.custom-ag-material .ag-ltr .ag-cell-no-focus[col-id=custom],
.custom-ag-material .ag-ltr .ag-cell-focus[col-id=custom] {
  justify-content: flex-start;
}
.custom-ag-material .ag-ltr .ag-header-cell[col-id=name] .ag-header-cell-label,
.custom-ag-material .ag-ltr .ag-cell-no-focus[col-id=name] .ag-header-cell-label,
.custom-ag-material .ag-ltr .ag-cell-focus[col-id=name] .ag-header-cell-label,
.custom-ag-material .ag-ltr .ag-header-cell[col-id=custom] .ag-header-cell-label,
.custom-ag-material .ag-ltr .ag-cell-no-focus[col-id=custom] .ag-header-cell-label,
.custom-ag-material .ag-ltr .ag-cell-focus[col-id=custom] .ag-header-cell-label {
  padding-right: 0;
}
.custom-ag-material .ag-ltr .ag-header-cell[col-id=name] .ag-react-container,
.custom-ag-material .ag-ltr .ag-cell-no-focus[col-id=name] .ag-react-container,
.custom-ag-material .ag-ltr .ag-cell-focus[col-id=name] .ag-react-container,
.custom-ag-material .ag-ltr .ag-header-cell[col-id=custom] .ag-react-container,
.custom-ag-material .ag-ltr .ag-cell-no-focus[col-id=custom] .ag-react-container,
.custom-ag-material .ag-ltr .ag-cell-focus[col-id=custom] .ag-react-container {
  width: 100%;
}
.custom-ag-material .ag-ltr .ag-header-cell[col-id=name] .ag-react-container div div,
.custom-ag-material .ag-ltr .ag-cell-no-focus[col-id=name] .ag-react-container div div,
.custom-ag-material .ag-ltr .ag-cell-focus[col-id=name] .ag-react-container div div,
.custom-ag-material .ag-ltr .ag-header-cell[col-id=custom] .ag-react-container div div,
.custom-ag-material .ag-ltr .ag-cell-no-focus[col-id=custom] .ag-react-container div div,
.custom-ag-material .ag-ltr .ag-cell-focus[col-id=custom] .ag-react-container div div {
  align-self: center;
  flex: 0 0 45px;
}
.custom-ag-material .ag-ltr .ag-header-cell[col-id=name] .ag-react-container div div:last-child,
.custom-ag-material .ag-ltr .ag-cell-no-focus[col-id=name] .ag-react-container div div:last-child,
.custom-ag-material .ag-ltr .ag-cell-focus[col-id=name] .ag-react-container div div:last-child,
.custom-ag-material .ag-ltr .ag-header-cell[col-id=custom] .ag-react-container div div:last-child,
.custom-ag-material .ag-ltr .ag-cell-no-focus[col-id=custom] .ag-react-container div div:last-child,
.custom-ag-material .ag-ltr .ag-cell-focus[col-id=custom] .ag-react-container div div:last-child {
  flex: 1 1 0;
}
.custom-ag-material .ag-ltr .ag-cell-no-focus,
.custom-ag-material .ag-ltr .ag-cell-focus {
  text-align: right;
  padding-right: 20px;
}
.custom-ag-material .ag-ltr .ag-cell-no-focus span[title=Total] span,
.custom-ag-material .ag-ltr .ag-cell-focus span[title=Total] span {
  font-weight: 500;
}
.custom-ag-material .ag-ltr .ag-cell-no-focus[col-id=name],
.custom-ag-material .ag-ltr .ag-cell-focus[col-id=name],
.custom-ag-material .ag-ltr .ag-cell-no-focus[col-id=custom],
.custom-ag-material .ag-ltr .ag-cell-focus[col-id=custom] {
  text-align: left;
  padding-right: 0;
}
.custom-ag-material .ag-ltr .ag-cell-no-focus[col-id=weekEnding],
.custom-ag-material .ag-ltr .ag-cell-focus[col-id=weekEnding] {
  text-align: left;
  padding-right: 0;
}
.custom-ag-material .ag-header-group-cell-label {
  text-align: center;
  font-size: 16px;
  padding-top: 0;
  padding-left: 60px;
}
.custom-ag-material .ag-header-cell:last-child {
  text-align: right;
}
.custom-ag-material .last-line > div {
  font-weight: 400;
  border-bottom: 1px solid transparent;
}

.advertising-custom-ag-material .ag-header-viewport[ref=eHeaderViewport] {
  overflow: hidden;
}
.advertising-custom-ag-material .ag-header-cell[col-id=campaignId] div[ref=eLabel],
.advertising-custom-ag-material .ag-header-cell[col-id=stacklineSku] div[ref=eLabel] {
  flex-direction: row !important;
}

.advertising-sticky-header .ag-root-wrapper[ref=eRootWrapper],
.advertising-sticky-header .ag-root[ref=gridBody] {
  overflow: visible;
}
.advertising-sticky-header .ag-header[ref=headerRoot],
.advertising-sticky-header .ag-floating-top[ref=eTop] {
  position: sticky;
  z-index: 1;
  background-color: #fff;
}
.advertising-sticky-header .ag-header[ref=headerRoot] {
  top: 65px;
  overflow: visible;
}
.advertising-sticky-header .ag-floating-top[ref=eTop] {
  top: 110px;
  z-index: 498;
}

.advertising-sticky-search_header_widget_wrapper {
  background-color: #fff;
}

.promotions-ag-material .ag-row-hover {
  background: #f6f9fc !important;
}
.promotions-ag-material .ag-header {
  border-bottom: 1px #f6f9fc solid;
}
.promotions-ag-material .ag-header-cell:not(.align-left) {
  flex-direction: row-reverse;
}
.promotions-ag-material .ag-cell-focus {
  padding-right: 20px;
  border-left: 0;
  border-top: 0;
  border-right: 1px #f6f9fc solid;
  border-bottom: 1px #f6f9fc solid;
  outline: none;
}
.promotions-ag-material .ag-cell-no-focus {
  border-top: 0 #f6f9fc solid;
  border-bottom: 1px #f6f9fc solid;
}
.promotions-ag-material .ag-cell-not-inline-editing {
  padding-top: 2px;
}
.promotions-ag-material .ag-ltr .ag-cell-no-focus,
.promotions-ag-material .ag-ltr .ag-header-cell {
  border-right: transparent 1px solid;
}
.promotions-ag-material .ag-ltr .ag-header-cell {
  font-size: 14px;
}
.promotions-ag-material .ag-ltr .ag-header-cell span {
  font-weight: 400;
}
.promotions-ag-material .ag-ltr .ag-header-cell[col-id=name],
.promotions-ag-material .ag-ltr .ag-cell-no-focus[col-id=name],
.promotions-ag-material .ag-ltr .ag-cell-focus[col-id=name],
.promotions-ag-material .ag-ltr .ag-header-cell[col-id=custom],
.promotions-ag-material .ag-ltr .ag-cell-no-focus[col-id=custom],
.promotions-ag-material .ag-ltr .ag-cell-focus[col-id=custom] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-right: 1px transparent solid;
}
.promotions-ag-material .ag-ltr .ag-header-cell .ag-header-cell-label,
.promotions-ag-material .ag-ltr .ag-cell-no-focus .ag-header-cell-label,
.promotions-ag-material .ag-ltr .ag-cell-focus .ag-header-cell-label {
  padding-right: 0px;
}
.promotions-ag-material .ag-ltr .ag-header-cell[col-id=name] .ag-header-cell-label,
.promotions-ag-material .ag-ltr .ag-cell-no-focus[col-id=name] .ag-header-cell-label,
.promotions-ag-material .ag-ltr .ag-cell-focus[col-id=name] .ag-header-cell-label,
.promotions-ag-material .ag-ltr .ag-header-cell[col-id=custom] .ag-header-cell-label,
.promotions-ag-material .ag-ltr .ag-cell-no-focus[col-id=custom] .ag-header-cell-label,
.promotions-ag-material .ag-ltr .ag-cell-focus[col-id=custom] .ag-header-cell-label {
  padding-right: 0;
}
.promotions-ag-material .ag-ltr .ag-cell-no-focus,
.promotions-ag-material .ag-ltr .ag-cell-focus {
  padding-right: 20px;
}
.promotions-ag-material .ag-ltr .ag-cell-no-focus span[title=Total] span,
.promotions-ag-material .ag-ltr .ag-cell-focus span[title=Total] span {
  font-weight: 500;
}
.promotions-ag-material .ag-ltr .ag-cell-no-focus[col-id=name],
.promotions-ag-material .ag-ltr .ag-cell-focus[col-id=name],
.promotions-ag-material .ag-ltr .ag-cell-no-focus[col-id=custom],
.promotions-ag-material .ag-ltr .ag-cell-focus[col-id=custom] {
  text-align: left;
  padding-right: 0;
}
.promotions-ag-material .last-line > div {
  font-weight: 400;
  border-bottom: 1px solid transparent;
}

.promotions-percent--plus {
  color: #39b3ae;
}
.promotions-percent--minus {
  color: #f35379;
}

.reviews-grid-container {
  margin-top: 30px;
}

.ag-icon-desc {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTUwIDE1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTUwIDE1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMzQzQ4NTk7c3Ryb2tlLXdpZHRoOjEzO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDt9PC9zdHlsZT48dGl0bGU+Y2hldnJvbi1kb3duPC90aXRsZT48cG9seWxpbmUgY2xhc3M9InN0MCIgcG9pbnRzPSIxNDIuNSw0MSA3NC44LDEwOC42IDcuMSw0MSAiLz48L3N2Zz4=);
  background-size: 12px 12px;
  width: 12px;
  height: 11px;
}

.ag-icon-asc {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTUwIDE1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTUwIDE1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMzQzQ4NTk7c3Ryb2tlLXdpZHRoOjEzO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDt9PC9zdHlsZT48dGl0bGU+Y2hldnJvbi1kb3duPC90aXRsZT48cG9seWxpbmUgY2xhc3M9InN0MCIgcG9pbnRzPSIxNDIuNSw0MSA3NC44LDEwOC42IDcuMSw0MSAiLz48L3N2Zz4=);
  background-size: 12px 12px;
  transform: rotate(180deg);
  width: 12px;
  height: 11px;
}

.ag-body-viewport {
  overflow: auto;
}
.ag-body-viewport::-webkit-scrollbar {
  width: 7px;
}
.ag-body-viewport::-webkit-scrollbar-track, .ag-body-viewport::-webkit-scrollbar-thumb {
  border-radius: 6px;
}
.ag-body-viewport::-webkit-scrollbar-thumb {
  background-color: #d0d7de;
  border: 3 solid transparent;
  min-height: 18px;
}
.ag-body-viewport::-webkit-scrollbar:horizontal {
  height: 8px;
}

.summary-table-container .ag-header-row .ag-header-cell:nth-child(2) .ag-header-cell-label {
  text-align: left;
}

.amc-product-grid-container .ag-header-row .ag-header-cell:nth-child(n+2):nth-child(-n+4) .ag-header-cell-label {
  justify-content: center;
  padding-right: 0;
}
.amc-product-grid-container .ag-cell {
  justify-content: center;
}

.amc-product-grid-container .ag-header-row .ag-header-cell:nth-child(n+2):nth-child(-n+4) .ag-header-cell-label {
  justify-content: center;
  padding-right: 0;
}
.amc-product-grid-container .ag-cell {
  justify-content: center;
}

::-webkit-scrollbar {
  background-color: transparent;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.ag_grid_no_result {
  height: 314px;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16x;
}
.ag_grid_no_result .no_results_header {
  font-size: 26px;
}
.ag_grid_no_result .open_filter {
  border-radius: 3px;
  margin-top: 10px;
  padding: 7px 12px 5px;
  background: #f6f9fc;
  cursor: pointer;
}
/* The campaigns column gets messed up for scheduled actions,
    this fixes the positioning */
.scheduled-action-campaign .ag-header-cell-label {
  justify-content: flex-end;
}
@keyframes moveDown {
  from {
    top: -50px;
    opacity: 0;
  }
  to {
    top: 0px;
    opacity: 1;
  }
}
@-webkit-keyframes moveDown {
  from {
    top: -50px;
    opacity: 0;
  }
  to {
    top: 0px;
    opacity: 1;
  }
}
@keyframes moveUp {
  from {
    transform: translateY(40px);
  }
  to {
    transform: translateY(0px);
  }
}
@keyframes hideToShow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

:export {
  regular-weight: 400;
  bold-weight: 500;
}

.ad-manager-container {
  padding: 40px 20px;
  position: relative;
}
.ad-manager-container .ad-manager-section {
  position: relative;
  -webkit-animation: moveDown 1s; /* Safari 4.0 - 8.0 */
  animation: moveDown 1s;
}
.ad-manager-container .ad-manager-header {
  font-size: 28px;
  font-weight: 400;
}
.ad-manager-container .ad-manager-subheader {
  font-size: 16px;
  margin: 10px 0;
  font-weight: 400;
}
.ad-manager-container .underline {
  width: 100%;
  border-bottom: 1px solid #dedede;
  height: 10px;
  margin-bottom: 10px;
}
.ad-manager-container .info {
  display: inline-block;
  font-weight: 400;
}
.ad-manager-container .info a {
  font-weight: 400;
}
.ad-manager-container .platform-select {
  display: flex;
  align-items: center;
  margin: 40px 0 120px 0;
}
.ad-manager-container .platform-select form {
  display: flex;
  align-items: center;
}
.ad-manager-container .field-header {
  margin-bottom: 2px;
  font-size: 20px;
}
.ad-manager-container .field-label {
  width: 220px;
  height: 40px;
  line-height: 20px;
  overflow: hidden;
}
.ad-manager-container .radio-group .radio-label {
  cursor: pointer;
  margin-right: 10px;
  display: inline-block;
}
.ad-manager-container .small-block {
  margin-top: 40px;
}
.ad-manager-container .budget-block {
  display: flex;
  margin-top: 15px;
}
.ad-manager-container .inner-header {
  font-size: 24px;
  font-weight: 400;
}
.ad-manager-container .campaign-type-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ad-manager-container .campaign-type-container .campaign-type-opt {
  margin: 25px 0;
  max-width: 300px;
  min-width: 300px;
}
.ad-manager-container .campaign-type-container .campaign-type-opt .type-img {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f6f9fc;
  height: 230px;
  width: 300px;
  border-radius: 4px;
}
.ad-manager-container .campaign-type-container .campaign-type-opt .type-img .type-svg {
  transition: all 0.5s ease;
  height: 140px;
}
.ad-manager-container .campaign-type-container .campaign-type-opt .type-img .type-svg svg {
  height: 100%;
}
.ad-manager-container .campaign-type-container .campaign-type-opt .type-img .type-svg.active {
  transform: scale(1.02);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.09);
}
.ad-manager-container .campaign-type-container .campaign-type-opt .type-img:hover > .type-svg {
  transform: scale(1.02);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.09);
}
.ad-manager-container .campaign-type-container .campaign-type-opt .type-disc {
  padding: 2px;
  margin-top: 10px;
}
.ad-manager-container .campaign-type-container .media-management-label {
  align-items: flex-start;
}
.ad-manager-container .campaign-type-container .media-management-label h5 {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
}
.ad-manager-container .campaign-type-container .media-management-label span {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
}
.ad-manager-container .campaign-type-container .media-management-label .media-management-sublabel {
  color: #031425;
}
.ad-manager-container .campaign-type-container .media-management-label .MuiRadio-root {
  color: #031425;
}
.ad-manager-container .campaign-type-container .media-management-label .Mui-disabled {
  color: #cfd7df;
}
.ad-manager-container .campaign-type-container .media-management-label .Mui-disabled .media-management-sublabel {
  color: #cfd7df;
}
.ad-manager-container .confirmation-block {
  margin-bottom: 40px;
}
.ad-manager-container .confirmation-block .confirmation-list {
  font-size: 20px;
  margin: 20px 0;
}
.ad-manager-container .confirmation-block .confirmation-list a {
  color: #2a8ade;
  cursor: pointer;
}
.ad-manager-container .image-group {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0;
}
.ad-manager-container .image-group .image-block {
  margin-right: 95px;
}
.ad-manager-container .creative-img-container {
  width: 220px;
  height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #f6f9fc;
}
.ad-manager-container .creative-img-container img {
  width: auto;
  max-width: 90%;
  max-height: 90%;
  height: auto;
}
.ad-manager-container .headline-suggestion .headline-suggestion-row {
  display: flex;
  align-items: center;
  height: 70px;
  border-bottom: 1px solid #f6f9fc;
}
.ad-manager-container .headline-suggestion .headline-suggestion-row .header {
  font-size: 14px;
  font-weight: 400;
}
.ad-manager-container .headline-suggestion .headline-suggestion-row .row-left {
  width: 130px;
}
.ad-manager-container .headline-suggestion .headline-suggestion-row .row-left .click {
  font-size: 24px;
}
.ad-manager-container .headline-suggestion .headline-suggestion-row .row-right .sponsored {
  font-size: 15px;
}
.ad-manager-container .headline-suggestion .headline-suggestion-row .row-right .headline {
  font-size: 22px;
}
.ad-manager-container .headline-suggestion .header-row {
  height: 46px;
}
.ad-manager-container .logo-preview {
  height: 200px;
  width: 200px;
  border-radius: 5px;
  border: 2px dashed #adbdcc;
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.ad-manager-container .logo-preview img {
  width: auto;
  height: auto;
  max-height: 90%;
  max-width: 90%;
}
.ad-manager-container .logo-preview .empty-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #9fabbd;
  height: 200px;
  width: 200px;
}
.ad-manager-container .projection-block {
  border-bottom: 1px solid #f6f9fc;
  padding: 10px 0;
}
.ad-manager-container .projection-block .projection-item {
  margin: 15px 0;
  display: flex;
  align-items: center;
}
.ad-manager-container .projection-block .projection-item .data {
  width: 180px;
  font-size: 30px;
  font-weight: 400;
}
.ad-manager-container .projection-block .projection-item .name {
  font-size: 20px;
}
.ad-manager-container .target-match-table-container {
  font-size: 15px;
}
.ad-manager-container .target-match-table-container .target-match-table-content {
  max-height: 650px;
  outline: none;
}
.ad-manager-container .target-match-table-container .header {
  padding-bottom: 6px;
}
.ad-manager-container .target-match-table-container .header div {
  font-weight: 500;
}
.ad-manager-container .target-match-table-container .target-match-row {
  display: flex;
  border-bottom: 1px solid #f6f9fc;
}
.ad-manager-container .target-match-table-container .target-match-row .name {
  display: flex;
  align-items: center;
  min-width: 532px;
  width: 800px;
  max-width: 800px;
}
.ad-manager-container .target-match-table-container .target-match-row .name_adBuilder {
  display: flex;
  align-items: center;
  min-width: 532px;
  width: 532px;
  max-width: 532px;
}
.ad-manager-container .target-match-table-container .target-match-row .check_box {
  min-width: 178px;
  padding: 5px 10px;
  display: flex;
  align-items: center;
}
.ad-manager-container .target-match-table-container .target-match-row .check_box .check_box_warper {
  display: flex;
}
.ad-manager-container .target-match-table-container .target-match-row .check_box .check_box_warper .bidprice {
  display: flex;
  align-items: center;
}
.ad-manager-container .target-match-table-container .target-match-row .check_box .check_box_warper .bidprice input {
  width: 80px;
  border-radius: 3px;
  outline: none;
  border: none;
  padding: 4px 7px;
  color: #031425;
  font-family: Roboto, sans-serif;
  background: #f6f9fc;
}
.ad-manager-container .target-match-table-container .target-match-row .check_box .check_box_warper .disabled input {
  color: rgba(126, 143, 168, 0.8);
}
.ad-manager-container .submitted {
  -webkit-animation: moveUp 1s ease-in 1s forwards; /* Safari 4.0 - 8.0 */
  animation: moveUp 1s ease-in 1s forwards;
  margin: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translateY(40px);
}
.ad-manager-container .submitted .info_group {
  animation: hideToShow 1s ease-in 1s forwards;
  opacity: 0;
}
.ad-manager-container .submitted .detail_group {
  width: 450px;
}
.ad-manager-container .submitted .detail_group .block_group {
  border-bottom: 1px solid #f6f9fc;
  margin: 20px 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.ad-manager-container .submitted .detail_group .label {
  padding-bottom: 2px;
  color: rgba(126, 143, 168, 0.8);
}
.ad-manager-container .submitted .detail_group .value {
  font-size: 23px;
}
.ad-manager-container .submitted .button_group {
  width: 450px;
  display: flex;
  justify-content: space-between;
}
.ad-manager-container .submitted .button_group a {
  text-decoration: none !important;
}

.logo-gallery {
  width: 700px;
  max-height: 500px;
  padding: 5px;
  outline: none;
  display: flex;
  flex-wrap: wrap;
}

.budget-block-detail {
  margin-left: 20px;
  align-self: flex-end;
  font-weight: 400;
  display: inline-block;
  transform: translateY(-8px);
}

.number_flip_data {
  font-size: 30px;
}

.video_upload {
  display: flex;
  margin-top: 25px;
  padding: 10px;
}
.video_upload .video_area {
  flex: 2;
  height: 650px;
  border: 1px dashed #d0d8db;
  border-radius: 10px;
}
.video_upload .video_area .upload_box {
  height: 650px;
}
.video_upload .video_area .upload_box .upload_background {
  user-select: none;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.5s ease-in;
  height: 650px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  transform: scale(0.5);
}
.video_upload .video_area .upload_box .upload_background .pick_file {
  transition: all 0.33s cubic-bezier(0.215, 0.61, 0.355, 1);
  font-size: 45px;
  color: #9fabbd;
}
.video_upload .video_area .upload_box .upload_background * {
  cursor: pointer;
}
.video_upload .video_area .upload_box .upload_background:hover .pick_file {
  transform: translateY(-28px);
  font-size: 48px;
  font-weight: 500;
  color: #031425;
}
.video_upload .video_area .video_ {
  line-height: 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #f35379;
}
.video_upload .video_area .uploading_box {
  color: #031425;
  margin: 15px;
  padding: 15px;
  box-shadow: 0 2px 6px 0 rgba(101, 121, 135, 0.2);
  border-radius: 6px;
}
.video_upload .video_area .uploading_box .upload_box_top {
  display: flex;
  justify-content: space-between;
}
.video_upload .video_area .uploading_box .upload_box_top .updating_title {
  font-size: 23px;
  color: #031425;
}
.video_upload .video_area .uploading_box .upload_box_top .upload_fileName {
  color: #031425;
}
.video_upload .video_area .video_preview {
  margin: 15px;
}
.video_upload .verify_area {
  flex: 1;
  margin-right: 25px;
  background: #f2f5f8;
  padding: 45px 30px;
  border-radius: 6px;
  height: 650px;
}
.video_upload .verify_area .specs_header {
  font-size: 25px;
}
.video_upload .verify_area .specs_list {
  font-size: 16px;
  line-height: 26px;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.info-tooltip:hover .info-tooltip-text {
  visibility: visible;
  opacity: 1;
  transform: translateX(18px);
}

.info-tooltip {
  display: inline-block;
  height: 27px;
  width: 27px;
  padding-top: 10px;
  /* this border color controlls the color of the triangle (what looks like the fill of the triangle) */
  /* this border color controlls the outside, thin border */
}
.info-tooltip .info-tooltip-container {
  display: flex;
  position: absolute;
  align-items: center;
}
.info-tooltip .info-tooltip-icon {
  display: inline-block;
  height: 27px;
  width: 27px;
}
.info-tooltip .info-tooltip-text {
  -webkit-transition: all 0.8s; /* Safari */
  transition: all 0.8s;
  transform: translateX(3px);
  opacity: 0;
  background: #fff;
  white-space: nowrap;
  max-width: 1000px;
  width: auto;
  visibility: hidden;
  z-index: 2;
  position: absolute;
  margin-left: 20px;
  border-radius: 6px;
  border: 1px solid #f6f9fc;
  padding: 13px 19px;
  display: inline-block;
}
.info-tooltip .info-tooltip-text:after,
.info-tooltip .info-tooltip-text:before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  border-width: 11px;
  width: 0;
  height: 0;
  border-style: solid;
}
.info-tooltip .info-tooltip-text:after {
  left: -21.5px;
  border-color: transparent #fff transparent transparent;
}
.info-tooltip .info-tooltip-text:before {
  left: -23px;
  border-color: transparent #f6f9fc transparent transparent;
}

.infoTooltip-node * {
  cursor: help;
}

.infoTooltip-node {
  display: flex;
  justify-content: center;
  align-items: center;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.summary_tile_container {
  margin: 20px 0 100px 0;
  border: 1px solid #f6f9fc;
}
.summary_tile_container .summary_header_info {
  border-bottom: 1px solid #f6f9fc;
  padding: 20px 30px;
}
.summary_tile_container .summary_header_info .header {
  font-size: 28px;
  margin-bottom: 5px;
}
.summary_tile_container .summary_header_info .subheader {
  font-weight: 500;
  font-size: 15px;
  color: rgba(126, 143, 168, 0.8);
  text-transform: uppercase;
}
.summary_tile_container .summary_tile_content .tile_operations {
  padding: 0px 30px;
  display: flex;
  border-bottom: 1px solid #f6f9fc;
}
.summary_tile_container .summary_tile_content .tile_content {
  padding: 0px 0px;
  display: flex;
}
.summary_tile_container .summary_tile_content .column_left {
  overflow: hidden;
  flex: 11;
}
.summary_tile_container .summary_tile_content .column_right {
  overflow: hidden;
  border-left: 1px solid #f6f9fc;
  flex: 9;
}
.summary_tile_container .ad_summary_header_info {
  padding: 20px 30px;
}
.summary_tile_container .ad_summary_header_info,
.summary_tile_container .ad_summary_header_info_sec {
  display: flex;
  border-bottom: 1px solid #f6f9fc;
}
.summary_tile_container .ad_summary_header_info a,
.summary_tile_container .ad_summary_header_info_sec a {
  text-decoration: none;
}
.summary_tile_container .ad_summary_header_info .main_box,
.summary_tile_container .ad_summary_header_info_sec .main_box {
  margin-right: 30px;
}
.summary_tile_container .ad_summary_header_info .main_box a:hover,
.summary_tile_container .ad_summary_header_info_sec .main_box a:hover {
  text-decoration: underline;
}
.summary_tile_container .ad_summary_header_info .info_box,
.summary_tile_container .ad_summary_header_info_sec .info_box {
  border-right: 1px solid #f6f9fc;
  padding: 20px 30px;
}
.summary_tile_container .ad_summary_header_info .header,
.summary_tile_container .ad_summary_header_info_sec .header {
  display: flex;
  flex: 1;
  justify-content: space-between;
  align-items: center;
}
.summary_tile_container .ad_summary_header_info .header .main_header,
.summary_tile_container .ad_summary_header_info_sec .header .main_header {
  cursor: pointer;
  font-size: 27px;
  display: flex;
  align-items: center;
}
.summary_tile_container .ad_summary_header_info .header .main_header .type_pill,
.summary_tile_container .ad_summary_header_info_sec .header .main_header .type_pill {
  background: #eff1f5;
  padding: 5px 16px;
  margin: 0px 10px;
  display: inline-block;
  font-size: 14px;
  border-radius: 47px;
}
.summary_tile_container .ad_summary_header_info .header .main_header .status_dot,
.summary_tile_container .ad_summary_header_info_sec .header .main_header .status_dot {
  border-radius: 50%;
  width: 15px;
  height: 15px;
  margin: 0px 10px 0px 0px;
}
.summary_tile_container .ad_summary_header_info .header .main_header .header_text,
.summary_tile_container .ad_summary_header_info_sec .header .main_header .header_text {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 626px;
  white-space: nowrap;
}
.summary_tile_container .info_box .label {
  color: rgba(126, 143, 168, 0.8);
  font-size: 12px;
}

.summarytile_list .searchbar_container {
  height: 55px;
  padding: 0;
  border-bottom: 1px solid #f6f9fc;
  display: flex;
  align-items: center;
}
.summarytile_list .searchbar_container input {
  flex: 1;
  color: #031425;
  font-size: 20px;
  border: none;
  outline: none;
}
.summarytile_list .searchbar_container input::placeholder {
  /* Firefox, Chrome, Opera */
  color: rgba(59, 72, 90, 0.35);
}

.adManager_header_section {
  padding: 47px 0;
  display: flex;
  height: 210px;
}
.adManager_header_section .donut_score {
  width: 120px;
  height: 120px;
  margin-right: 25px;
}
.adManager_header_section .header_image_container {
  min-width: 120px;
  max-width: 120px;
  height: 120px;
  margin-right: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.adManager_header_section .header_image_container img {
  max-width: 100%;
  max-height: 100%;
}
.adManager_header_section .header_name {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2px 0;
}
.adManager_header_section .header_name a {
  text-decoration: none;
}
.adManager_header_section .header_name .main_header {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.adManager_header_section .header_name .main_header .header_text {
  font-size: 27px;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 800px;
  white-space: nowrap;
}
.adManager_header_section .header_name .main_header .twoline_header_text {
  display: flex;
  width: 800px;
  font-size: 27px;
  align-items: center;
}
.adManager_header_section .header_name .main_header .type_pill {
  background: #eff1f5;
  vertical-align: middle;
  padding: 5px 16px;
  margin: 0 10px;
  display: inline-block;
  font-size: 14px;
  border-radius: 47px;
}
.adManager_header_section .header_name .sub_header {
  display: flex;
  margin-top: 11px;
  font-size: 16px;
}
.adManager_header_section .header_name .sub_header .main_box {
  width: 270px;
  margin-right: 10px;
}
.adManager_header_section .header_name .sub_header .singleline_main_box {
  width: 230px;
}
.adManager_tile_container {
  margin: 20px 0 100px 0;
  border: solid #f6f9fc;
  border-width: 1px 1px 0 1px;
}
.adManager_tile_container .section_warpper {
  border-bottom: 1px solid #f6f9fc;
  padding: 0 30px;
}
.adManager_tile_container .charts_section {
  height: 317.25px;
  padding: 40px 0;
  display: flex;
  justify-content: space-between;
}
.adManager_tile_container .grid_section {
  height: 293.4px;
  padding: 15px 0 0 0;
}
.adManager_tile_container .footer_section {
  height: 63.95px;
  display: flex;
  justify-content: space-between;
  padding: 15px 0;
}
.adManager_tile_container .footer_section .pacing {
  font-size: 15px;
  display: flex;
  align-items: center;
}
.adManager_tile_container .footer_section a {
  text-decoration: none;
}

.omni_tile_container {
  width: 1334px;
  margin: 60px 0 100px 0;
  border: 1px solid #dedede;
  border-radius: 8px;
}
.omni_tile_container .section_warpper {
  padding: 0 30px;
}
.omni_tile_container .charts_section {
  height: 317.25px;
  padding: 40px 0;
  display: flex;
  justify-content: space-between;
}
.omni_tile_container .grid_section {
  height: 293.4px;
  padding: 15px 0 0 0;
}
.omni_tile_container .footer_section {
  height: 63.95px;
  display: flex;
  justify-content: space-between;
  padding: 15px 0;
}
.omni_tile_container .footer_section .pacing {
  font-size: 15px;
  display: flex;
  align-items: center;
}
.omni_tile_container .footer_section a {
  text-decoration: none;
}
.setting_container {
  font-size: 16px;
}
.setting_container .setting_row {
  display: flex;
  align-items: center;
  margin-bottom: 29px;
  min-height: 40px;
}
.setting_container .setting_row .label {
  font-weight: 500;
  margin-right: 15px;
  width: 180px;
  margin: 6px 0px;
}
.setting_container .setting_row--flex-container {
  display: flex;
  gap: 5px;
  align-items: center;
}
.setting_container .control_button {
  height: 300px;
  display: flex;
}
.setting_container .datepicker_container {
  display: flex;
  align-items: center;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.sl-scroll > div:first-child {
  overflow-x: hidden !important;
}
.sl-scroll > div:last-child {
  z-index: 100000;
}

.sl-header {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 50px;
  right: 0;
  background: white;
  transition: 100ms linear all;
}
.sl-header--expanded {
  left: 100px;
}
.sl-header--atlas {
  background: #46a8f6;
}
.sl-header__container {
  display: flex;
  padding: 0 40px;
  flex-flow: row nowrap;
  height: 65px;
  position: relative;
  background: white;
  color: black;
  border-bottom: 1px solid #f6f9fc;
  align-items: center;
}
.sl-header__container--atlas {
  background: #46a8f6;
}
.sl-header__discover-container {
  display: flex;
  padding-left: 2%;
  padding-right: 32px;
  justify-content: space-between;
  flex-flow: row nowrap;
  height: 65px;
  position: relative;
  background: white;
  color: black;
  border-bottom: 1px solid #f6f9fc;
  align-items: center;
}
.sl-header__discover-container--atlas {
  background: #46a8f6;
}
.sl-header__drawer-container--hidden {
  display: none;
}
.sl-header__divider {
  margin-top: 0;
}
.sl-header__company-container {
  display: flex;
  flex-flow: row nowrap;
}
.sl-header__company-image-container {
  flex: 1 1;
  max-width: 65px;
  padding: 12px;
}
.sl-header__company-image {
  max-width: 40px;
  max-height: 40px;
}
.sl-header__company-name-container {
  flex: 1 1;
  align-self: center;
}
.sl-header__arrow-container {
  flex: 1 1;
  max-width: 50px;
  align-self: center;
}
.sl-header__menu-button-container {
  padding-left: 10px;
  width: 50px;
}
.sl-header__menu-button-container, .sl-header__search-button-container {
  flex: 0 1 auto;
  align-self: center;
}
.sl-header__menu-button, .sl-header__search-button, .sl-header__cross-button {
  background: transparent;
  border: 0;
  outline: 0;
  padding: 0;
}
.sl-header__search-button--atlas {
  height: 36px;
  background: #2a8ade;
  width: 50px;
}
.sl-header__menu-icon, .sl-header__search-icon {
  display: inline-block;
  vertical-align: middle;
}
.sl-header__menu-icon, .sl-header__cross-icon {
  height: 38px;
  width: 38px;
}
.sl-header__menu-icon {
  color: #031425;
  fill: #031425;
}
.sl-header__menu-icon--atlas {
  fill: white;
  stroke: white;
}
.sl-header__search-icon {
  height: 27px;
  width: 27px;
  margin: 0 5px;
}
.sl-header__search-icon--atlas {
  color: white;
  stroke: white;
}
.sl-header__cross-button {
  display: none;
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  z-index: 101;
}
.sl-header__cross-button--visible {
  display: initial;
}
@media screen and (min-width: 1200px) {
  .sl-header__cross-button--visible {
    display: none;
  }
}
.sl-header__logo {
  width: 170px;
  display: flex;
  justify-content: center;
  text-align: center;
}
.sl-header__logo--atlas {
  max-width: 204px;
  width: 204px;
  text-align: left;
}
.sl-header__img {
  height: 65px;
  display: inline-block;
  vertical-align: middle;
}
.sl-header__img_no_search {
  margin-left: 566px;
}
.sl-header__search {
  display: flex;
  flex-flow: row nowrap;
  flex: 1 1;
  height: 100%;
  padding: 0 10px;
  width: 50px;
  min-width: 50px;
  align-items: center;
}
.sl-header__search > .searchbar_wraper {
  background-color: #f6f9fc;
  border-radius: 24px;
  padding: 0 8px;
  display: flex;
  width: 100%;
  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.sl-header__search > .searchbar_wraper:hover {
  background-color: rgba(239, 241, 245, 0.4941176471);
}
.sl-header__search > .searchbar_wraper:focus-within {
  background-color: rgba(239, 241, 245, 0.4941176471);
}
@media screen and (min-width: 1200px) {
  .sl-header__search {
    width: 566px;
    min-width: 566px;
  }
}
@media screen and (min-width: 1200px) {
  .sl-header__search--atlas {
    width: 430px;
    max-width: 430px;
    min-width: 430px;
  }
}
.sl-header__search-bar {
  display: inline-block;
  transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) !important;
  transition: height 450ms cubic-bezier(0.23, 1, 0.32, 1) !important;
  transition: width 450ms cubic-bezier(0.23, 1, 0.32, 1) !important;
  opacity: 0 !important;
  height: 0;
  width: 0;
  background-color: transparent;
  overflow: hidden;
  margin-left: 0 !important;
}
.sl-header__search-bar > input {
  background-color: transparent;
  border: none;
  height: 40px;
  margin: 0;
  font-size: 16px;
  padding: 0;
  color: #031425;
  word-wrap: break-word;
  outline: none;
  display: flex;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
}
.sl-header__search-bar--visible {
  opacity: 1 !important;
  width: 100%;
  height: auto;
  z-index: 100;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 0 20px;
}
.sl-header__search-bar--visible .sl-form-input > div:first-child {
  font-size: 20px;
  transition: none !important;
}
.sl-header__search-bar--visible > div {
  padding: 0 0 0 40px;
}
@media screen and (min-width: 1200px) {
  .sl-header__search-bar--visible > div {
    padding: 0;
  }
}
@media screen and (min-width: 1200px) {
  .sl-header__search-bar--visible {
    position: initial;
    padding: 0;
    z-index: 1;
    left: 0;
  }
  .sl-header__search-bar--visible .sl-form-input > div:first-child {
    font-size: 14px;
  }
}
.sl-header__drop-down-icon {
  stroke: #031425;
  height: 28px;
  width: 28px;
  top: 25%;
  right: 0;
  color: rgba(0, 0, 0, 0.54);
  position: absolute;
  pointer-events: none;
}
.sl-header__drop-down-icon--atlas {
  stroke: white !important;
}
.sl-header__drop-down-icon_in_content {
  stroke: #031425;
  height: 28px;
  width: 28px;
  top: 11%;
  right: 0;
  color: rgba(0, 0, 0, 0.54);
  position: absolute;
  pointer-events: none;
}
.sl-header__drop-down-icon_in_content--atlas {
  stroke: white !important;
}
.sl-header__my-account {
  height: 100%;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (min-width: 1200px) {
  .sl-header__my-account--atlas {
    width: auto;
    min-width: auto;
  }
}
.sl-header__dropdowns {
  display: none;
  white-space: nowrap;
}
@media screen and (min-width: 1200px) {
  .sl-header__dropdowns {
    display: block;
  }
}
.sl-header__dropdowns--mobile {
  display: block;
  height: 56px;
  text-align: right;
  border-bottom: 1px solid #f6f9fc;
}
@media screen and (min-width: 1200px) {
  .sl-header__dropdowns--mobile {
    display: none;
  }
}
.sl-header__circle-buttons {
  display: inline-block;
}
.sl-header__circle-buttons > div > button {
  display: none !important;
}
@media screen and (min-width: 1200px) {
  .sl-header__circle-buttons > div > button {
    display: inline-block !important;
  }
}
.sl-header label {
  font-weight: 400;
}

.avatar-button {
  vertical-align: bottom;
  min-width: 32px !important;
  border-radius: 16px !important;
  box-shadow: initial !important;
}
.avatar-button > button {
  height: 32px !important;
  line-height: 32px !important;
  width: 32px !important;
  border-radius: 16px !important;
}
.avatar-button > button > div > span {
  height: 32px !important;
  border-radius: 16px !important;
}
.avatar-button > button > div > div {
  height: 32px !important;
  border-radius: 16px !important;
}

.arrow-up {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid rgb(240, 240, 240);
  margin-top: -16px;
  text-align: right;
  float: right;
  margin-right: 7px;
}

.avatar-text {
  color: #031425 !important;
  height: 32px !important;
  font-size: 14px !important;
  width: 32px !important;
  background: #f6f9fc !important;
}

.avatar-popover {
  overflow-y: initial !important;
  margin-top: 8px;
}
.avatar-popover > div {
  overflow-y: initial !important;
}

.CalendarDay__default {
  border: none;
}

.CalendarDay__selected {
  background: #46a8f6;
  border: none;
}

.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  background: #46a8f6;
  border: none;
}

.CalendarDay__selected_span {
  background: #f0f8ff;
  color: #46a8f6;
  border: none;
}

.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
  background: #f0f8ff;
  border: none;
}

.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
  background: #46a8f6;
  border: none;
}

.CalendarDay__selected_start {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  border-radius: 50% 0 0 50%;
  background: #46a8f6;
  color: white;
}

.CalendarDay__selected_end {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  background: #46a8f6;
  color: white;
}

.calendarButtons {
  width: 100%;
  display: flex;
  justify-content: space-around;
  padding-bottom: 20px;
}
.calendarButtons button {
  background: white;
  border: none;
  color: #2a8ade !important;
  float: left;
  padding: 5px 22px 5px 22px;
}
.calendarButtons button span {
  display: inline-block;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.calendarButtons button:hover {
  background: rgba(225, 228, 233, 0.2);
}

.loader-60devs[data-state=running]:before {
  height: 2px !important;
}

.MuiSelect-select.Mui-disabled {
  color: #d7d7d7;
}
.month-picker {
  position: relative;
  z-index: 1;
}
.month-picker .rmp-popup.show {
  padding-bottom: 60px;
}
.month-picker .clear-container {
  position: absolute;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.create-portfolio-confirmation {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 40%;
}
.create-portfolio-confirmation p {
  font-size: 16px;
  text-align: center;
}
.create-portfolio-confirmation button {
  margin-top: 30px;
  width: 140px;
}

.create_portfolio_container {
  width: 800px;
  height: 900px;
  padding: 30px 60px;
  color: #031425;
}
.create_portfolio_container .underline {
  border-bottom: 1px solid #f6f9fc;
}
.create_portfolio_container .header {
  font-size: 37px;
  padding-bottom: 11px;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.create_portfolio_container .setting_container {
  font-size: 16px;
}
.create_portfolio_container .setting_container .setting_row {
  display: flex;
  align-items: center;
  margin: 15px 0;
  min-height: 40px;
}
.create_portfolio_container .setting_container .setting_row .label {
  font-weight: 500;
  margin-right: 15px;
  width: unset;
}
.create_portfolio_container .setting_container .setting_row .select-wrapper {
  height: 40px;
  position: relative;
  top: -15px;
}
.create_portfolio_container .setting_container .control_button {
  height: 300px;
  display: flex;
}
.create_portfolio_container .setting_container .datepicker_container {
  display: flex;
  align-items: center;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.ad-manager-container .portfolio-control-button-group {
  border-bottom: 1px solid #f6f9fc;
  padding-bottom: 10px;
  display: flex;
  justify-content: flex-end;
}
.ad-manager-container .portfolio-control-button-group .searchbar_container {
  flex: 1;
  display: flex;
  align-items: center;
}
.ad-manager-container .portfolio-control-button-group .searchbar_container input {
  flex: 1;
  color: #031425;
  font-size: 16px;
  border: none;
  outline: none;
}
.ad-manager-container .portfolio-control-button-group .searchbar_container input::placeholder {
  /* Firefox, Chrome, Opera */
  color: rgba(59, 72, 90, 0.35);
}
.ad-manager-container .portfolio-table-container {
  font-size: 15px;
}
.ad-manager-container .portfolio-table-container .portfolio-table-content {
  max-height: 650px;
  outline: none;
}
.ad-manager-container .portfolio-table-container .header {
  padding-bottom: 6px;
}
.ad-manager-container .portfolio-table-container .header div {
  font-weight: 500;
}
.ad-manager-container .portfolio-table-container .portfolio-table-row {
  display: flex;
  height: 44px;
  border-bottom: 1px solid #f6f9fc;
}
.ad-manager-container .portfolio-table-container .portfolio-table-row .check_box {
  width: 40px;
  display: flex;
  align-items: center;
}
.ad-manager-container .portfolio-table-container .portfolio-table-row .name {
  display: flex;
  align-items: center;
  flex: 1;
}
.ad-manager-container .portfolio-table-container .portfolio-table-row .strategy {
  width: 200px;
  display: flex;
  align-items: center;
}
.ad-manager-container .portfolio-table-container .portfolio-table-row .creator {
  width: 200px;
  display: flex;
  align-items: center;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

:export {
  regular-weight: 400;
  bold-weight: 500;
}

.summary-page__title {
  display: inline-block;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
}
.summary-page__title--cursor {
  cursor: initial;
}
.summary-page__search-container {
  margin-top: "20px";
  padding: "0 30px";
}
.summary-page .grid-header__title {
  display: inline-block;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: "middle";
}
.summary-page .grid-header__title--cursor {
  cursor: initial;
}
.summary-page__chevron-icon {
  vertical-align: middle;
  width: 32px;
  height: 32px;
  stroke: #031425;
}
.summary-page__chevron-icon--flipped {
  transform: rotate(180deg);
}
.summary-page__entity {
  font-size: 16px;
  margin-right: 25px;
  color: #031425;
  float: left;
  cursor: pointer;
}
.summary-page__entity--selected {
  color: #2a8ade;
  border-bottom: 2px solid #46a8f6;
}
.summary-page__view-row-icon {
  fill: #031425;
}
.summary-page__view-row-icon--active {
  fill: #2a8ade;
}
.summary-page__view-tile-icon {
  fill: #031425;
}
.summary-page__view-tile-icon--active {
  fill: #2a8ade;
}
.summary-page__view-row-icon, .summary-page__view-tile-icon {
  vertical-align: middle;
  width: 32px !important;
  height: 32px !important;
  cursor: pointer;
}
.summary-page__summaries-container--grid {
  display: flex;
  flex-flow: row wrap;
}
.summary-page__summaries-item--grid {
  flex: 1 1;
  min-width: 50%;
  max-width: 50%;
}
.summary-page__search-item {
  cursor: pointer;
}
.summary-page__search-item > div {
  margin-top: 2px;
  margin-right: 2px;
  border: 1px solid transparent;
}
.summary-page__search-item:hover > div {
  border: 1px solid #f6f9fc;
}
.summary-page__search-item--active div {
  color: #2a8ade;
  font-weight: 400;
}
.summary-page__child-search-item {
  padding: 5px 5px 10px 15px;
  margin-bottom: 40px;
}
.summary-page__segment-icon {
  stroke: #031425 !important;
}
.summary-page__segment-icon:hover {
  stroke: #2a8ade;
}

.sl-tooltip {
  line-height: 20px;
  z-index: 10000 !important;
  font-weight: 400;
}

.metric-value--low span {
  font-weight: 400;
}
.metric-value--medium span {
  font-weight: 400;
}
.metric-value--high span {
  font-weight: 600;
}

.summary-container .summary--segment {
  min-height: 567px;
}
.summary-container--tall .summary--segment {
  min-height: 840px;
}

.summary {
  height: 566px;
  transition: 0.6s;
  margin-top: 20px;
  border-radius: 2px;
  border: 1px solid transparent;
  /* back, initially hidden pane */
  /* hide back of pane during swap */
  /* front pane, placed above back */
}
.summary:hover {
  border: 1px solid #f6f9fc;
  cursor: pointer;
}
.summary__back {
  display: none;
}
.summary__front, .summary__back {
  padding: 20px 30px;
}
.summary__data--horizontal-layout {
  display: flex;
  flex-flow: row nowrap;
}
.summary__data--vertical-layout .summary-data-grid {
  margin-top: 40px !important;
}
.summary__no-data {
  margin: 20px 40px 0px 40px;
}
.summary__total-row {
  font-weight: 500;
}
.summary__negative-number {
  color: #f35379;
}
.summary__positive-number {
  color: #39b3ae;
}
.summary__line {
  flex: 2 1;
}
.summary__grid {
  flex: 2 1;
}
.summary__grid--left-padding {
  padding-left: 40px;
}
.summary .grid-header {
  padding-top: 0;
  padding-right: 0;
}

.highcharts-container,
.highcharts-container svg {
  width: 100%;
}

.summary-data-grid th {
  padding-top: 0;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
}
.summary-data-grid th:nth-child(1) {
  text-align: right;
  width: 70px;
  padding-right: 20px;
  padding-left: 0;
}
.summary-data-grid th:nth-child(1) .data-grid_table-header {
  float: none;
}
.summary-data-grid th:nth-child(2) {
  text-align: left;
}
.summary-data-grid th:nth-child(4), .summary-data-grid th:nth-child(5) {
  width: 80px;
}
.summary-data-grid th:nth-child(6) {
  width: 100px;
}
.summary-data-grid th > span {
  font-weight: 400 !important;
}
.summary-data-grid td:nth-child(1) {
  text-align: right;
  width: 70px;
  padding-right: 20px;
}
.summary-data-grid td:nth-child(2) {
  text-align: left;
}
.summary-data-grid td:nth-child(4), .summary-data-grid td:nth-child(5) {
  width: 80px;
}
.summary-data-grid td:nth-child(6) {
  width: 100px;
}
.summary-data-grid td:nth-child(6) span {
  font-weight: 400;
}
.summary-data-grid tbody tr:last-child td {
  border-bottom: 0;
}
.summary-data-grid tbody tr:last-child td span {
  font-weight: 400;
}
.reclassify--inline {
  display: inline-block;
}
.reclassify--inline > div {
  margin-right: 25px;
}
.reclassify__product-checkbox {
  padding: 0 !important;
}
.reclassify__product-checkbox > div > div {
  margin-right: 0 !important;
}
.reclassify__dropdown {
  margin-right: 20px;
  max-width: 180px;
  height: 40px;
  width: 100%;
  outline: none;
  border: 0;
  background: white;
}
.reclassify__dropdown--vertical {
  margin-right: 0;
  margin-top: 20px;
}
.reclassify__button--vertical {
  margin-top: 10px;
  color: #fff;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

:export {
  regular-weight: 400;
  bold-weight: 500;
}

.entity-card {
  cursor: pointer;
}
.entity-card .card-container {
  min-height: 380px;
}
.entity-card .card-container .card__front, .entity-card .card-container .card__back {
  min-height: 380px;
  border-radius: 2px;
  box-sizing: border-box;
  border: 1px solid white;
  padding: 32px 16px 4px 16px;
}
.entity-card .card-container .card__front--hover, .entity-card .card-container .card__back--hover {
  border: 1px solid #f6f9fc;
}
.entity-card .card-container .card__front--reclassify, .entity-card .card-container .card__back--reclassify {
  min-height: 600px;
}
.entity-card .card-container--tall {
  min-height: 460px;
}
.entity-card .card-container--tall--reclassify {
  min-height: 600px;
}
.entity-card .card-container--tall .card__front, .entity-card .card-container--tall .card__back {
  min-height: 420px;
}
.entity-card .card-container--tall .card__front--reclassify, .entity-card .card-container--tall .card__back--reclassify {
  min-height: 600px;
}
.entity-card .card-container--tall .card__front--tall, .entity-card .card-container--tall .card__back--tall {
  min-height: 460px;
}
.entity-card__block-text {
  font-weight: 400;
}
.entity-card__entity-name {
  display: block;
  margin-top: 5px;
  color: #031425;
  font-weight: 400;
  min-height: 40px;
}
.entity-card__icon {
  display: inline-block;
  height: 18px;
  margin-right: 4px;
  font-size: 16px;
  font-weight: 400;
}
.entity-card__icon--plus {
  color: #39b3ae;
}
.entity-card__icon--minus {
  color: #f35379;
}
.entity-card__metric {
  margin-top: 20px;
  font-size: 30px;
  font-weight: 400;
}
.entity-card__metric-change {
  margin-top: 5px;
  font-weight: 400;
}
.entity-card__period-name {
  margin-top: 3px;
  color: #031425;
  font-size: 12px;
  letter-spacing: 0.3px;
}
.entity-card__image-container {
  margin: 15px auto 0 auto;
  overflow: hidden;
  text-align: center;
}
.entity-card__brand-name {
  display: block;
  margin-top: 5px;
  color: #031425;
  font-size: 20px;
  font-weight: 400;
}
.entity-card__category-name {
  display: block;
  margin-top: 5px;
  color: #031425;
  font-size: 20px;
  font-weight: 400;
}
.entity-card__image {
  max-height: 120px;
  max-width: 120px;
}
.entity-card__info-container {
  width: 100%;
  clear: both;
  display: inline-block;
  overflow-x: hidden;
  text-align: center;
  vertical-align: top;
  margin: 10px auto 0 auto;
}
.entity-card__status-bar {
  font-weight: 400;
  font-size: 11px;
  color: #7e8fa8;
  text-align: center;
  padding: 8px 20px;
  border-top: 1px solid #f6f9fc;
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0px;
  margin-bottom: 10px;
}
.entity-card__reclassify-container {
  position: absolute;
  left: 2px;
  top: 7px;
  display: table;
  width: 40px;
  height: 40px;
}
.entity-card__reclassify-container {
  position: absolute;
  left: 2px;
  top: 7px;
  display: table;
  width: 40px;
  height: 40px;
}
.entity-card__reclassify-content {
  display: table-cell;
  vertical-align: middle;
  width: 24px;
  margin: auto;
}
.entity-card__reclassify-checkbox {
  width: 24px;
  margin: auto;
}

.card-container--tall--reclassify .card--flipped .card__back {
  min-height: 600px;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.entityGrid {
  background: white;
}
.entityGrid__loading-entities {
  background: white;
  padding: 20px;
}
.entityGrid__loading-more-entities {
  background: #f6f9fc;
  padding: 20px;
}
.entityGrid .entityGrid-data-grid.data-grid {
  margin-top: 20px !important;
}

.entityGrid-list-grid__item .card {
  box-shadow: initial;
  border-radius: 0;
}

.entityGrid-data-grid.data-grid th {
  padding-top: 0;
  padding-bottom: 10px;
  font-size: 14px;
}
.entityGrid-data-grid.data-grid th:nth-child(1) {
  width: auto;
  padding-left: 0;
}
.entityGrid-data-grid.data-grid th:nth-child(2) {
  min-width: 150px;
  text-align: right;
}
.entityGrid-data-grid.data-grid th:nth-child(3), .entityGrid-data-grid.data-grid th:nth-child(4) {
  min-width: 100px;
  text-align: right;
}
.entityGrid-data-grid.data-grid th:nth-child(4) {
  padding-right: 0;
}
.entityGrid-data-grid.data-grid th > span {
  font-weight: 400 !important;
}
.entityGrid-data-grid.data-grid td {
  font-size: 14px;
}
.entityGrid-data-grid.data-grid td:nth-child(1) {
  width: auto;
}
.entityGrid-data-grid.data-grid td:nth-child(2), .entityGrid-data-grid.data-grid td:nth-child(3), .entityGrid-data-grid.data-grid td:nth-child(4) {
  min-width: 100px;
  text-align: right;
}
.entityGrid-data-grid.data-grid td:nth-child(4) {
  padding-right: 0;
}

.grouped-by-data-grid.data-grid th {
  padding-bottom: 10px;
}
.grouped-by-data-grid.data-grid th:nth-child(1) {
  padding-left: 0;
  min-width: 120px;
  width: auto;
}
.grouped-by-data-grid.data-grid th span {
  font-weight: 400;
}
.grouped-by-data-grid.data-grid th:last-child {
  padding-right: 0;
}
.grouped-by-data-grid.data-grid td {
  padding: 10px 0;
}
.grouped-by-data-grid.data-grid td:nth-child(1) {
  padding-left: 0;
}
@media screen and (min-width: 768px) {
  .grouped-by-data-grid.data-grid td:nth-child(1) {
    width: auto;
  }
}

.grouped-by-grid-header {
  padding: 0 !important;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.list-grid {
  margin-top: 20px;
  display: flex;
  flex-flow: row wrap;
}
.list-grid__item {
  flex: 1 1 100%;
  max-width: 100%;
  padding: 0;
}
@media (min-width: 768px) {
  .list-grid__item {
    flex: 1 1 50%;
    max-width: 50%;
  }
}
@media (min-width: 1200px) {
  .list-grid__item {
    flex: 1 1 25%;
    max-width: 25%;
  }
}

.chip-list-grid {
  display: flex;
  flex-direction: column;
}
.chip-list-grid__cross-icon {
  height: 20px;
  width: 20px;
}
.chip-list-grid__item {
  flex: initial;
  max-width: initial;
  margin: 5px;
}
.chip-list-grid__item > div {
  border: 1px solid rgba(0, 0, 0, 0.4);
  color: #031425;
  font-size: 14px;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

:export {
  regular-weight: 400;
  bold-weight: 500;
}

.grid-header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  background: white;
  padding: 5px 0;
}
@media screen and (min-width: 768px) {
  .grid-header {
    padding: 5px 0;
  }
}
.grid-header__action-icon {
  width: 32px !important;
  height: 32px !important;
}
.grid-header__action-button {
  vertical-align: middle;
  padding: 0 5px;
  height: 40px;
  min-height: 40px;
  line-height: 40px;
  border: 0;
  outline: none;
  background: white;
  fill: #031425;
}
.grid-header__action-button--selected {
  fill: #46a8f6;
}
.grid-header__drop-down-icon {
  stroke: #031425 !important;
  height: 28px;
  width: 28px;
}
.grid-header__title {
  font-size: 20px;
  flex: 1 1;
  font-weight: 400;
  color: #031425;
}
.grid-header__title h4 {
  margin: 0;
}
.grid-header__dropdowns {
  flex: 0 1;
  text-align: right;
}
@media screen and (min-width: 768px) {
  .grid-header__dropdowns {
    flex: 1 1;
  }
}
.grid-header__groupby-menu, .grid-header__sort-menu {
  display: inline-block;
}
.grid-header__icon-menu {
  flex: 1 1;
  text-align: right;
  padding-right: 20px;
}
.grid-header__icon {
  width: 40px;
  height: 40px;
  transform: rotate(90deg);
}
/**
 * This file contains a mixin that defines re-useable styles for overriding the AG grid's defaults.  It makes the
 * header for grids overflow, allowing for custom headers to expand above where they'd usually be clipped and applies
 * some other style overrides for absolute-positioned overlays and other things.
 */
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.entity-grid-noclip-header .ag-cell {
  overflow: unset !important;
  white-space: normal;
}
.entity-grid-noclip-header .ag-header {
  z-index: 1;
}
.entity-grid-noclip-header .ag-header,
.entity-grid-noclip-header .ag-header-viewport {
  height: 48px !important;
  overflow: visible;
}
.entity-grid-noclip-header .ag-header-cell {
  z-index: 1 !important;
}
.entity-grid-noclip-header .ag-header-container,
.entity-grid-noclip-header .ag-header-row {
  height: 48px !important;
  overflow: visible;
}
.entity-grid-noclip-header .ag-header-cell:first-child .ag-react-container {
  justify-content: flex-end;
}

.ag-root {
  overflow: unset;
}

.featured-products-grid .ag-cell {
  overflow: unset !important;
  white-space: normal;
}
.featured-products-grid .ag-header {
  z-index: 1;
}
.featured-products-grid .ag-header,
.featured-products-grid .ag-header-viewport {
  height: 48px !important;
  overflow: visible;
}
.featured-products-grid .ag-header-cell {
  z-index: 1 !important;
}
.featured-products-grid .ag-header-container,
.featured-products-grid .ag-header-row {
  height: 48px !important;
  overflow: visible;
}
.featured-products-grid .ag-header-cell:first-child .ag-react-container {
  display: flex !important;
  justify-content: flex-start !important;
}
.featured-products-grid .ag-body {
  top: 48px !important;
}
.featured-products-grid .select-all-checkbox {
  display: flex;
  flex-direction: row;
  flex-direction: row;
  align-items: center;
  padding-top: 16px;
  margin-bottom: -47px;
  font-size: 15px;
  width: 40px;
  z-index: 500;
  position: sticky;
  top: 50px;
}
.featured-products-grid .ag-header-row .ag-header-cell:nth-child(2) {
  text-align: left;
}
/**
 * This file contains a mixin that defines re-useable styles for overriding the AG grid's defaults.  It makes the
 * header for grids overflow, allowing for custom headers to expand above where they'd usually be clipped and applies
 * some other style overrides for absolute-positioned overlays and other things.
 */
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.entity-grid-noclip-header .ag-cell {
  overflow: unset !important;
  white-space: normal;
}
.entity-grid-noclip-header .ag-header {
  z-index: 1;
}
.entity-grid-noclip-header .ag-header,
.entity-grid-noclip-header .ag-header-viewport {
  height: 48px !important;
  overflow: visible;
}
.entity-grid-noclip-header .ag-header-cell {
  z-index: 1 !important;
}
.entity-grid-noclip-header .ag-header-container,
.entity-grid-noclip-header .ag-header-row {
  height: 48px !important;
  overflow: visible;
}
.entity-grid-noclip-header .ag-header-cell:first-child .ag-react-container {
  justify-content: flex-end;
}

.ag-root {
  overflow: unset;
}

.ad-optimization-history .ag-row .ag-cell:first-child {
  justify-content: flex-start;
  text-align: left;
}
.ad-optimization-history .ag-cell {
  overflow: unset;
}
.ad-optimization-history .change_reason_cell {
  position: relative;
  display: flex;
  align-items: center;
}
.ad-optimization-history .change_reason_cell .text {
  text-align: left;
  width: 240px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ad-optimization-history .change_reason_cell .cell_tooltip {
  opacity: 0;
  transition: all 0.5s;
  will-change: opacity, right;
  background-color: #3b485a;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 10px;
  position: absolute;
  z-index: 1;
  right: 100%;
}
.ad-optimization-history .cell_tooltip {
  white-space: pre-wrap;
  width: 250px;
}
.ad-optimization-history .change_reason_cell .cell_tooltip::after {
  content: "";
  position: absolute;
  top: 20%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #3b485a;
}
.ad-optimization-history .change_reason_cell:hover .cell_tooltip {
  opacity: 1;
  right: 105%;
  top: 1px;
}

.recommendations_container .ad-manager-container,
.targeting_container .ad-manager-container {
  padding-left: 0;
  padding-right: 0;
}
.recommendations_container .header,
.targeting_container .header {
  font-size: 25px;
  margin-bottom: 8px;
}
.recommendations_container .sub_header,
.targeting_container .sub_header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 45px;
}
.recommendations_container .negative_body,
.targeting_container .negative_body {
  margin-bottom: 45px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.recommendations_container .negative_body h2,
.targeting_container .negative_body h2 {
  border-bottom: 2px solid #f6f9fc;
  padding: 20px 0px;
}
.recommendations_container .negative_body .table,
.targeting_container .negative_body .table {
  flex: 1;
}
.recommendations_container .negative_body .input_container,
.targeting_container .negative_body .input_container {
  flex: 1;
  padding-right: 100px;
}
.recommendations_container .negative_body .input_container .inner,
.targeting_container .negative_body .input_container .inner {
  display: flex;
  flex-direction: column;
}
.recommendations_container .negative_body .input_container .inner .keyword_input,
.targeting_container .negative_body .input_container .inner .keyword_input {
  flex: 1;
  width: 100%;
  margin: 20px 0px;
  border-style: dashed;
  border-width: 2px;
  border-radius: 3px;
  padding: 12px;
  border-color: #f6f9fc;
  color: #71809b;
}
.recommendations_container .negative_body .input_container .inner .submit,
.targeting_container .negative_body .input_container .inner .submit {
  width: 160px;
  float: left;
  border-radius: 3px;
  margin-top: 10px;
  padding: 10px 12px;
  background: #f6f9fc;
  border-width: 0px;
  font-size: 13px;
  cursor: pointer;
}

.bulk_bid_update_content {
  color: #031425;
  font-family: Roboto, sans-serif;
}
.bulk_bid_update_content .content {
  padding: 10px 24px 24px 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.bulk_bid_update_content .button_group {
  display: flex;
  justify-content: flex-end;
  padding: 0px 24px 24px 24px;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.timeline_box {
  width: 185px;
  margin-right: 80px;
}
.timeline_box .timeline_displayName {
  margin: 10px 0 15px 0;
  font-size: 23px;
}

.amount_header {
  font-size: 28px;
}

.amount_container {
  font-size: 16px;
  display: flex;
  width: 100%;
  flex-direction: column;
}
.amount_container .amount_row {
  display: flex;
  align-items: center;
  margin: 15px 0;
  min-height: 40px;
}
.amount_container .amount_row .disc_side {
  width: 180px;
  font-weight: 500;
  margin-right: 15px;
}

.allocation_container {
  width: 100%;
}
.allocation_container .filter_row {
  display: flex;
  margin: 10px 0;
  align-items: center;
}
.allocation_container .filter_row .single_search_pill {
  transition: all 0.5s;
  vertical-align: center;
  cursor: pointer;
  color: #031425;
  background: #f6f9fc;
  border-radius: 50px;
  padding: 5px 13px;
  font-size: 14px;
  margin-right: 18px;
}
.allocation_container .filter_row .single_search_pill:hover {
  color: #fff;
  background: #031425;
}
.allocation_container .filter_row .filter_text {
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  color: #2a8ade;
}
.allocation_container .allocation_header {
  font-size: 18px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 40px;
}
.allocation_container .allocation_header .autoMode {
  display: flex;
  align-items: center;
  width: 320px;
}
.allocation_container .allocation_header .header_total {
  font-weight: 500;
  display: flex;
}
.allocation_container .allocation_header .header_total .total_label {
  width: 200px;
}
.allocation_container .allocation_header .header_total div {
  font-weight: inherit;
}
.allocation_container .current_budget_cell {
  width: 200px;
}
.allocation_container .current_budget_cell .value {
  font-size: 25px;
}
.allocation_container .current_budget_cell .title {
  font-size: 16px;
  font-weight: 400 !important;
  color: rgba(126, 143, 168, 0.8);
}
.allocation_container .change_budget_cell {
  width: 200px;
}
.allocation_container .new_budget_cell {
  width: 180px;
}
.allocation_container .new_budget_cell .remaining {
  font-weight: 400 !important;
  font-size: 16px;
  color: rgba(126, 143, 168, 0.8);
  position: absolute;
}
.allocation_container .portfolio_row {
  width: 100%;
  display: flex;
  height: 120px;
  align-items: center;
  font-size: 16px;
}
.allocation_container .portfolio_row div {
  font-weight: inherit;
}
.allocation_container .portfolio_row .portfolio {
  width: 220px;
}
.allocation_container .portfolio_row .ad_spend,
.allocation_container .portfolio_row .ad_sales {
  color: #031425;
  width: 130px;
}
.allocation_container .portfolio_row .budget,
.allocation_container .portfolio_row .ad_roas,
.allocation_container .portfolio_row .current_budget,
.allocation_container .portfolio_row .budget_change {
  color: #031425;
  width: 150px;
}
.allocation_container .portfolio_row .new_budget {
  width: 150px;
  display: flex;
}
.allocation_container .portfolio_row .new_budget .budget {
  width: 125px;
}
.allocation_container .portfolio_row .new_budget .budget input {
  transition: all 0.6s;
  color: #031425;
  width: 122px;
  border: none;
  outline: none;
  padding: 10px;
  border-radius: 5px;
  font-family: Roboto, sans-serif;
  background: #f6f9fc;
}
.allocation_container .portfolio_row .new_budget .percentage {
  color: rgba(126, 143, 168, 0.8);
  display: flex;
  align-items: center;
  width: 25px;
}
.allocation_container .portfolio_header {
  display: flex;
  width: 100%;
  font-weight: 500;
  height: 60px;
  border-top: 1px solid #f6f9fc;
  border-bottom: 1px solid #f6f9fc;
}
.allocation_container .portfolio_header .new_budget {
  width: 180px;
}
.allocation_container .portfolio_header_sticky {
  position: sticky;
  top: 65px;
  background-color: white;
  z-index: 499;
}
.allocation_container .portfolio_total_header_sticky {
  position: sticky;
  top: 125px;
  background-color: white;
  z-index: 498;
}
.allocation_container .campaign_table {
  width: 100%;
}
.allocation_container .campaign_row {
  display: flex;
  border-bottom: 1px solid #f6f9fc;
  height: 60px;
}
.allocation_container .campaign_row .campaign_name {
  color: #031425;
  min-width: 270px;
  flex: 1;
  display: flex;
  align-items: center;
}
.allocation_container .campaign_row .campaign_spend {
  color: #031425;
  justify-content: flex-end;
  text-align: right;
  width: 120px;
  display: flex;
  align-items: center;
}
.allocation_container .campaign_row .campaign_sales {
  color: #031425;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  width: 120px;
}
.allocation_container .campaign_row .campaign_roas {
  color: #031425;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  width: 120px;
}
.allocation_container .campaign_row .campaign_budget {
  color: #031425;
  justify-content: flex-end;
  display: flex;
  align-items: center;
  width: 120px;
}
.allocation_container .campaign_row .campaign_budget input {
  width: 80px;
  border-radius: 3px;
  outline: none;
  border: none;
  padding: 7px;
  color: #031425;
  font-family: Roboto, sans-serif;
  background: #f6f9fc;
}
.allocation_container .header.campaign_row {
  position: sticky;
  background-color: white;
  z-index: 497;
}

.number-formatter::placeholder {
  color: rgba(126, 143, 168, 0.8);
  opacity: 0.8;
}

/* All styles here apply to the OrphanCampaignsTable */
.orphan-campaigns .align-right .ag-header-cell-label {
  justify-content: flex-end;
  padding-right: 0 !important;
}
.orphan-campaigns .campaign_row .ag-cell {
  word-break: normal;
}
.orphan-campaigns .align-left {
  text-align: left !important;
}
.orphan-campaigns .ag-header {
  background-color: white;
  z-index: 1;
  color: #031425;
}
.orphan-campaigns .ag-header-cell span {
  font-weight: 400 !important;
}
.top-5-grid .ag-body-container {
  width: 615px !important;
}
.top-5-grid .ag-root {
  padding-top: 1px;
  overflow-x: hidden;
}
.top-5-grid .ag-row .ag-cell > .ag-react-container {
  width: 100%;
  text-align: left;
}
.top-5-grid .ag-row .ag-cell > .ag-react-container span {
  width: 100%;
  text-align: left;
}
.top-5-grid .ag-row .ag-cell:nth-child(3) span {
  display: inline-block;
}
.top-5-grid .ag-row:last-child * {
  border-bottom: none;
}
.top-5-grid .ag-header-cell:nth-child(2) > .ag-cell-label-container {
  display: flex;
}
.top-5-grid .ag-overlay-no-rows-center {
  display: inline-block;
  margin-top: 50px;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.ad-performance-bar-chart .section_headerline {
  font-size: 20px;
  font-weight: 700;
  padding: 15px 0 8px 0;
}
.ad-performance-bar-chart .section_subHeaderline {
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 15px;
  border-bottom: 1px solid #f6f9fc;
}
.ad-performance-bar-chart .trend-bar-chart-legend {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 50px;
}
.ad-performance-bar-chart .trend-bar-chart-legend .legend-item {
  width: 215px;
}
.ad-performance-bar-chart .trend-bar-chart-legend .legend-item .top-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 4px;
}
.ad-performance-bar-chart .trend-bar-chart-legend .legend-item .top-row .color-swatch {
  border-radius: 50%;
  display: inline-block;
  width: 12px;
  height: 12px;
}
.ad-performance-bar-chart .trend-bar-chart-legend .legend-item .top-row .title {
  padding-left: 8px;
  color: #031425;
  font-size: 16px;
}
.ad-performance-bar-chart .trend-bar-chart-legend .legend-item .value {
  font-size: 34px;
  font-weight: 400;
}
.ad-performance-bar-chart .trend-bar-chart-legend .legend-item .secondary-value {
  color: rgba(126, 143, 168, 0.8);
  font-size: 16px;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.ad-manager-portfolio-summary {
  display: flex;
  flex-direction: column;
}
.ad-manager-portfolio-summary > .header {
  border-bottom: 1px solid #f6f9fc;
  margin: 11px 0 0 0;
  font-size: 16px;
  padding: 0;
  justify-content: space-between;
  display: flex;
  align-items: flex-start;
}
.ad-manager-portfolio-summary > .header h1 {
  font-weight: 400;
  font-size: 28px;
  padding-bottom: 20px;
  margin-top: 0;
}
.ad-manager-portfolio-summary > .header .platform-header {
  color: #031425;
  font-size: 14px;
  padding-bottom: 4px;
  opacity: 0.35;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.page-context-container {
  z-index: 10;
  bottom: 18px;
  right: 10px;
  align-self: flex-end;
  justify-self: flex-end;
  position: fixed;
  padding: 0 0.9rem 0.9rem 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}
.page-context-container .menu-button > button {
  background: #031425;
  min-height: 0;
}
.page-context-container .menu-button > button span {
  width: 45px;
  height: 45px;
}
.page-context-container .menu-button > button span svg {
  fill: white !important;
  stroke: white !important;
}
.page-context-container #speedDial-actions button {
  background: white;
}
.page-context-container #speedDial-actions button:hover {
  background: rgb(202, 202, 202);
}
.page-context-container .menu-button-container button {
  width: 45px;
  height: 45px;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.view-details__icon {
  vertical-align: middle;
  height: 30px;
  min-height: 30px;
  border: 0;
  outline: none;
  background: #fff;
  stroke: #031425;
  transform: rotate(-90deg);
}
.view-details__icon:hover {
  stroke: #2a8ade;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.sl-form-label {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0;
}

.sl-form-input {
  margin-top: 9px;
}
.sl-form-input > div:first-child {
  color: #cfd7df !important;
  font-size: 14px;
}
.sl-form-input input {
  color: #031425 !important;
  font-size: 14px !important;
}
.sl-form-input input ::placeholder {
  color: rgba(126, 143, 168, 0.8) !important;
  opacity: 0.8 !important;
}
.sl-form-input > div > hr:first-child {
  border-bottom: 1px solid #f6f9fc !important;
}
.sl-form-input > div > hr:last-child {
  border-bottom: 1px solid #46a8f6 !important;
}
.sl-form-input--error > div > hr:last-child {
  border-bottom: 1px solid red !important;
}
.sl-form-input--flex {
  max-width: 45%;
}
.sl-form-input--margin-top {
  margin-top: 10px;
}

.sl-primary-button {
  height: 40px;
  width: 150px;
  line-height: initial !important;
  background-color: #46a8f6 !important;
  color: #f6f9fc;
}
.sl-primary-button > span {
  font-size: 12px;
}
.sl-primary-button:focus {
  color: #f6f9fc;
}
.sl-primary-button span {
  color: #f6f9fc !important;
}
.sl-primary-button--sm {
  height: 36px !important;
  width: 100px !important;
  padding: 0 !important;
}
.sl-primary-button--lg {
  width: 210px;
}
.sl-primary-button--xl {
  width: 280px !important;
}
.sl-primary-button--no-padding {
  padding: 0 !important;
}

.sl-error-button {
  height: 40px;
  width: 150px;
  line-height: initial !important;
  background-color: #f35379 !important;
  color: #f6f9fc;
}
.sl-error-button > span {
  font-size: 12px;
}
.sl-error-button:focus {
  color: #f6f9fc;
}
.sl-error-button span {
  color: #f6f9fc !important;
}
.sl-error-button--sm {
  height: 36px !important;
  width: 100px !important;
  padding: 0 !important;
}
.sl-error-button--lg {
  width: 210px;
}
.sl-error-button--xl {
  width: 280px !important;
}
.sl-error-button--no-padding {
  padding: 0 !important;
}

.sl-green-button {
  height: 40px;
  width: 150px;
  line-height: initial !important;
  background-color: #35aaa1 !important;
  color: #f6f9fc;
}
.sl-green-button > span {
  font-size: 12px;
}
.sl-green-button:focus {
  color: #f6f9fc;
}
.sl-green-button span {
  color: #f6f9fc !important;
}
.sl-green-button--sm {
  height: 36px !important;
  width: 100px !important;
  padding: 0 !important;
}
.sl-green-button--lg {
  width: 210px;
}
.sl-green-button--xl {
  width: 280px !important;
}
.sl-green-button--no-padding {
  padding: 0 !important;
}

.sl-secondary-button {
  height: 40px;
  width: 150px;
  line-height: initial !important;
  background-color: #f6f9fc !important;
  color: #7e8fa8;
}
.sl-secondary-button > span {
  font-size: 12px;
}
.sl-secondary-button:focus {
  color: #7e8fa8;
}
.sl-secondary-button span {
  color: #7e8fa8 !important;
}
.sl-secondary-button--sm {
  height: 36px !important;
  width: 100px !important;
  padding: 0 !important;
}
.sl-secondary-button--lg {
  width: 210px;
}
.sl-secondary-button--xl {
  width: 280px !important;
}
.sl-secondary-button--no-padding {
  padding: 0 !important;
}

.sl-disabled-button {
  height: 40px;
  width: 150px;
  line-height: initial !important;
  background-color: #f6f9fc !important;
  color: #cfd7df;
}
.sl-disabled-button > span {
  font-size: 12px;
}
.sl-disabled-button:focus {
  color: #cfd7df;
}
.sl-disabled-button span {
  color: #cfd7df !important;
}
.sl-disabled-button--sm {
  height: 36px !important;
  width: 100px !important;
  padding: 0 !important;
}
.sl-disabled-button--lg {
  width: 210px;
}
.sl-disabled-button--xl {
  width: 280px !important;
}
.sl-disabled-button--no-padding {
  padding: 0 !important;
}

.sl-v_3_2-outlined-button {
  height: 40px;
  width: 150px !important;
  line-height: initial !important;
  padding: 5px !important;
  border: 1px solid #46a8f6 !important;
}
.sl-v_3_2-outlined-button:focus {
  color: #46a8f6 !important;
}
.sl-v_3_2-outlined-button span {
  color: #46a8f6 !important;
}
.sl-v_3_2-outlined-button--sm {
  height: 36px !important;
  width: 100px !important;
  padding: 0 !important;
}
.sl-v_3_2-outlined-button--lg {
  width: 210px !important;
}
.sl-v_3_2-outlined-button--xl {
  width: 240px !important;
}
.sl-v_3_2-outlined-button--no-padding {
  padding: 0 !important;
}

.sl-delete-button {
  height: 40px;
  width: 100% !important;
  line-height: initial !important;
  background-color: #f35379 !important;
  padding: 10px 20px !important;
}
.sl-delete-button > div {
  height: initial !important;
  background-color: #f35379 !important;
}
.sl-delete-button > div > div {
  height: initial !important;
  background-color: #f35379 !important;
}
.sl-delete-button > span {
  font-size: 14px;
}
.sl-delete-button:focus {
  color: white;
}
.sl-delete-button span {
  color: white !important;
}
.sl-delete-button--lg {
  width: 200px !important;
}
.sl-delete-button--xl {
  width: 240px;
}
.sl-delete-button--sm {
  width: 180px;
  max-width: 180px;
}

.sl-cancel-button {
  color: #2a8ade !important;
  height: 40px;
  width: 100% !important;
  line-height: initial !important;
  padding: 10px 20px !important;
}
.sl-cancel-button > div {
  height: initial !important;
}
.sl-cancel-button > div > div {
  height: initial !important;
}

.sl-file-input {
  display: none;
}

textarea:active.no-outline,
textarea:focus.no-outline {
  outline: none !important;
  -webkit-appearance: none;
}

.range_selector_input {
  padding: 0;
  color: #031425;
  width: 75px;
  border: none;
  outline: none;
}
.selectable-button-group {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.selectable-button-label {
  font-size: 16px;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.business-unit-listing .business-unit-folder {
  margin-top: 20px;
}
.business-unit-listing .business-unit-folder .business-unit-folder-header {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #f6f9fc;
  margin-bottom: 30px;
}
.business-unit-listing .business-unit-folder .business-unit-folder-header .business-unit-folder-title {
  display: flex;
  flex: 1;
  flex-direction: row;
  font-size: 18px;
  align-items: center;
}
.business-unit-listing .business-unit-folder .business-unit-folder-header .business-unit-folder-buttons {
  display: flex;
  flex: 0;
}
.business-unit-listing .business-unit-folder .business-unit-folder-items {
  display: flex;
  flex-direction: column;
  margin-bottom: 80px;
}
.business-unit-listing .business-unit-folder .business-unit-folder-items .business-unit-folder-items-header {
  border: none !important;
  height: 30px !important;
}
.business-unit-listing .business-unit-folder .business-unit-folder-items .business-unit-folder-items-header * {
  font-weight: 500;
}
.business-unit-listing .business-unit-folder .business-unit-folder-items .business-unit-folder-item:nth-child(1) {
  border-top: 1px solid #f6f9fc;
}
.business-unit-listing .business-unit-folder .business-unit-folder-items .business-unit-folder-item {
  display: flex;
  flex-direction: row;
  height: 48px;
  align-items: center;
  border-bottom: 1px solid #f6f9fc;
}
.business-unit-listing .business-unit-folder .business-unit-folder-items .business-unit-folder-item .business-unit-folder-item-cell {
  display: flex;
}
.business-unit-listing .business-unit-folder .business-unit-folder-items .business-unit-folder-item .business-unit-folder-item-cell:not(:first-child) {
  display: flex;
  text-align: right;
  justify-content: flex-end;
}
@charset "UTF-8";
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}

.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}

.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}

.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}

.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 2px;
}

.react-datepicker__navigation--next {
  right: 2px;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
}

.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}

.react-datepicker__navigation-icon--next {
  left: -2px;
}

.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}

.react-datepicker__navigation-icon--previous {
  right: -2px;
}

.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}

.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}

.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 0.85rem);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,
.react-datepicker__week-number--keyboard-selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__week-number--selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__week-number--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}

.react-datepicker__week-number--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}

.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}

.react-datepicker__day--holidays .holiday-overlay,
.react-datepicker__month-text--holidays .holiday-overlay,
.react-datepicker__quarter-text--holidays .holiday-overlay,
.react-datepicker__year-text--holidays .holiday-overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}

.react-datepicker__day--holidays:hover,
.react-datepicker__month-text--holidays:hover,
.react-datepicker__quarter-text--holidays:hover,
.react-datepicker__year-text--holidays:hover {
  background-color: #cf5300;
}

.react-datepicker__day--holidays:hover .holiday-overlay,
.react-datepicker__month-text--holidays:hover .holiday-overlay,
.react-datepicker__quarter-text--holidays:hover .holiday-overlay,
.react-datepicker__year-text--holidays:hover .holiday-overlay {
  visibility: visible;
  opacity: 1;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #bad9f1;
  color: rgb(0, 0, 0);
}

.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__close-icon--disabled {
  cursor: default;
}

.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}

.react-datepicker__header--custom {
  background-color: white;
}

.react-datepicker {
  border-width: 0px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  width: 569px;
}

.react-datepicker__week {
  height: 38px;
}

.react-datepicker__header {
  border-bottom-width: 0px !important;
}

.react-datepicker__current-month {
  font-weight: 400;
}

.react-datepicker__navigation {
  top: 11px;
}

.react-datepicker-time__header,
.react-datepicker-year-header,
.react-datepicker__current-month {
  font-size: 16px;
}

.react-datepicker__day,
.react-datepicker__day-name,
.react-datepicker__time-name {
  width: 39px;
  height: 38px;
  line-height: 20px;
  padding: 0px;
  border-radius: 0px;
  margin: 0px;
  display: table-cell;
  vertical-align: middle;
}

.react-datepicker__day:hover {
  background: #e4e7e7;
  border-radius: 0px;
}

.react-datepicker__day--in-range {
  color: #46a8f6;
  background-color: #f0f8ff;
}

.react-datepicker__day--range-start,
.react-datepicker__day--selecting-range-start {
  border-top-left-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
  border-radius: 50% 0 0 50% !important;
  background: #46a8f6 !important;
  color: #fff !important;
}

.react-datepicker__day--range-end,
.react-datepicker__day--selecting-range-end {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
  background: #46a8f6 !important;
  color: #fff !important;
}

.react-datepicker__day-name {
  color: #757575;
  height: 20px;
  font-size: 14px;
}

.react-datepicker__day--outside-month {
  visibility: hidden;
}

.react-datepicker__day--disabled {
  color: #cacccd;
}

.calendarButtons {
  width: 569px;
}
.automated-badge {
  border-radius: 0.25em;
  padding: 5px 8px;
  font-size: 14px;
}

.automated-badge.automated {
  color: #1ba79e;
  border: 1px solid #1ba79e;
}

.automated-badge.not-automated {
  color: #e52d67;
  border: 1px solid #e52d67;
}

:export {
  automated-color: #1ba79e;
  not-automated-color: #e52d67;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.badges {
  display: flex;
  min-width: max-content;
}

.badge {
  height: max-content;
  flex-basis: 200px;
  padding-left: 30px;
  font-size: 16px;
  display: flex;
  align-items: center;
}
.badge > .text {
  padding-right: 6px;
}
.badge > .badge-amount-wrapper {
  display: inline-block;
  border-radius: 50px;
  padding: 4px;
  cursor: pointer;
}
.badge > .badge-amount-wrapper > .badge-amount {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 24px;
  border-radius: 50px;
  height: 24px;
  line-height: 24px;
  padding: 0px 8px;
  color: #f6f9fc;
  font-weight: 500;
  text-align: center;
  font-size: 13px;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

input.search-input::placeholder {
  color: rgba(126, 143, 168, 0.8);
  opacity: 0.8;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.adManager_summary_trend_legend {
  padding: 0 10px;
}
.adManager_summary_trend_legend .header {
  font-size: 19px;
  font-weight: 400;
  color: rgba(126, 143, 168, 0.8);
}
.adManager_summary_trend_legend .data {
  font-size: 33px;
  color: #031425;
}

.adManager_summary_trend_legend_change {
  padding: 0 10px;
  font-size: 24px;
}
.ag-cell {
  display: flex;
  align-items: center;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.scheduled_actions_container {
  margin-top: 49px;
}
.scheduled_actions_container .header {
  padding-bottom: 10px;
  font-size: 31px;
}
.scheduled_actions_container .header_create {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  font-size: 31px;
  border-bottom: 1px solid #f6f9fc;
}
.scheduled_actions_container .subheader {
  display: flex;
  justify-content: space-between;
  margin-top: 7px;
  font-size: 16px;
  border-bottom: 1px solid #f6f9fc;
}
.scheduled_actions_grid .header {
  font-size: 16px;
  font-weight: 500;
}
.scheduled_actions_grid .targeting_container {
  border-top: 1px solid #f6f9fc;
}

.scheduled_action_cell .plan {
  white-space: pre-wrap;
}
.scheduled_action_cell .period {
  color: #7e8fa8;
}
.scheduled_action_cell .operation_button {
  cursor: pointer;
}

.entity_scheduled_actions_container .header {
  font-size: 25px;
  margin-bottom: 8px;
}
.entity_scheduled_actions_container .subheader {
  display: flex;
  justify-content: space-between;
  margin-bottom: 45px;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.ad-manager-summary-metrics-grid {
  padding-top: 76px;
  padding-bottom: 170px;
  display: flex;
  flex-direction: column;
}
.ad-manager-summary-metrics-grid * {
  font-size: 16px;
}
.ad-manager-summary-metrics-grid > .grid-row:first-child {
  align-items: flex-end;
  padding-bottom: 18px;
}
.ad-manager-summary-metrics-grid > .grid-row:first-child > .grid-cell {
  font-size: 16px;
  font-weight: 500;
}
.ad-manager-summary-metrics-grid > .grid-row:first-child > .grid-cell > * {
  font-weight: 500;
}
.ad-manager-summary-metrics-grid > .grid-row {
  display: flex;
  border-bottom: 1px solid #f6f9fc;
  height: 74px;
  align-items: center;
}
.ad-manager-summary-metrics-grid > .grid-row > .grid-cell:last-child {
  text-align: right;
  display: flex;
  justify-content: flex-end;
  padding-right: 14px;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.ad-manager-top-nav {
  width: 100%;
}
.ad-manager-top-nav .nav-items {
  padding: 30px 15px 20px;
}
.ad-manager-top-nav .badge {
  padding-left: 0;
  transform: scale(0.7);
}
.ad-manager-top-nav .nav-item {
  display: flex;
  height: 53px;
  white-space: nowrap;
  align-items: center;
  color: #3b485a;
}
.ad-manager-top-nav .nav-item a {
  opacity: 0.5;
  text-decoration: none;
}
.ad-manager-top-nav .nav-item a div {
  font-size: 18px;
  font-weight: 500;
}
.ad-manager-top-nav button.selected .nav-item {
  opacity: 1;
}
.ad-manager-top-nav button.selected .nav-item a {
  opacity: 1;
}
.ad-manager-top-nav .sidebar-card-wrapper {
  width: 210px;
  background-color: #fff;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.number-formatter::placeholder {
  color: rgba(126, 143, 168, 0.8);
  opacity: 0.8;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.venn-label-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.venn-label-container * {
  text-align: center;
}
.venn-label-sponsored {
  top: 10px;
  position: relative;
}
.venn-label-outer {
  font-size: 20px;
  font-weight: 500;
  color: #031425;
  margin-bottom: 10px;
  position: relative;
}
.venn-label-outer-value {
  font-size: 18px;
  color: #031425;
  font-weight: 500;
}
.venn-label-inner {
  font-size: 18px;
  color: white;
}
.venn-label-tooltip {
  font-size: 14px;
  font-weight: 500;
  max-width: 182px;
  position: relative;
  font-family: "Roboto";
}

/**
  Filter icon for Custom tab should
  be gray when it's not selected
*/
.amc-filter-icon > g > g {
  stroke: #7e8fa8;
}

/**
  Filter icon for Custom tab should
  be gray when it is selected
*/
.amc-filter-icon--selected > g > g {
  stroke: #031425;
}

/**
  Filter icon for Custom tab should
  be gray when it is hovered over
*/
.MuiTab-root:hover .amc-filter-icon > g > g {
  stroke: #031425;
}

.amc-dashboard {
  /* Adjust font size for chat dropdown since it is huge by default */
  /* Adjust font size for each dropdown item in the chart dropdown */
  /* Adjust margin for chart dropdown since it is 5px by default */
  /* Adjust position of chart dropdown caret */
}
.amc-dashboard .highcharts-title * {
  font-size: 28px;
}
.amc-dashboard .title-category-select-item {
  font-size: 14px;
}
.amc-dashboard .group-by-dropdown-selected {
  margin-left: 0px;
}
.amc-dashboard .title-category-select-caret {
  margin-bottom: 4px;
  margin-left: 12px;
}
.amc-dashboard span.ag-header-cell-text {
  font-size: 18px;
}
.amc-dashboard .ag-header-cell-label {
  align-items: flex-start;
}
.amc-dashboard .ag-row {
  border-bottom: 1px solid #dedede;
  font-size: 16px;
}
.amc-dashboard .ag-header-row {
  height: 80px;
}
.amc-dashboard .conversions-grid-header .ag-header-cell-text {
  overflow: visible;
  white-space: normal;
  padding-right: 0;
  text-align: left;
}
.amc-dashboard .most-valuable-audiences-grid .ag-row {
  border-width: 0;
}
.amc-dashboard .most-valuable-audiences-dropdown .MuiSelect-select {
  font-size: 28px;
  margin-left: 0px;
  padding-left: 0px;
  border: 0px;
}
.column-chart {
  width: 100%;
}
.column-chart__container {
  width: 98%;
}
@media screen and (min-width: 1700px) {
  .column-chart__container {
    width: 100%;
  }
}
.column-spline-chart {
  /* Legend symbol for spline series is showing up as a dash
     but it should be a dot, so hide it and we will style it
     ourselves since highcharts options don't work */
  /* Style spline legend symbol to be a dot */
}
.column-spline-chart .highcharts-legend-item.highcharts-spline-series path {
  display: none;
}
.column-spline-chart .highcharts-spline-series::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-color: var(--spline-color);
  border-radius: 50%;
  margin-top: 4px;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.omni_summary_trend_legend {
  padding: 0 10px;
}
.omni_summary_trend_legend .header {
  font-size: 19px;
  font-weight: 400;
  color: rgba(126, 143, 168, 0.8);
}
.omni_summary_trend_legend .data {
  font-size: 33px;
  color: #031425;
}

.omni_summary_trend_legend_change {
  padding: 0 10px;
  font-size: 24px;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

:export {
  regular-weight: 400;
  bold-weight: 500;
}

.omni-grid-header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  background: white;
  position: absolute;
  padding: 5px 0;
  top: 25px;
  right: 0px;
}
@media screen and (min-width: 768px) {
  .omni-grid-header {
    padding: 5px 0;
  }
}
.omni-grid-header__icon-menu {
  flex: 1 1;
  text-align: right;
  padding-right: 20px;
}
.omni-grid-header__action-button {
  vertical-align: middle;
  padding: 0 5px;
  height: 40px;
  min-height: 40px;
  line-height: 40px;
  border: 0;
  outline: none;
  background: white;
  fill: #031425;
}
.omni-grid-header__action-button--selected {
  fill: #46a8f6;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.omni-segment-title {
  height: 32px;
  margin: 10px 0px;
  font-family: Roboto;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #031425;
}

.omni-cell-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 58px;
  grid-row-gap: 48px;
}

.omni-cell {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 300px;
  font-family: Roboto;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #031425;
}
.omni-cell_text_style {
  font-size: 16px;
  font-weight: 700;
  margin: 10px 0;
}
.omni-cell_sub_title_style {
  font-size: 16px;
  margin: 0 0 9px 0;
}

.omni-segment-list-operation-button {
  visibility: hidden;
}

.omni-cell:hover .omni-segment-delete {
  visibility: visible;
}
.omni-cell:hover .omni-view-details__icon {
  visibility: visible;
}

.omni-view-details__icon {
  vertical-align: middle;
  height: 30px;
  min-height: 30px;
  border: 0;
  outline: none;
  background: #fff;
  stroke: #031425;
  transform: rotate(-90deg);
}
.omni-view-details__icon:hover {
  stroke: #2a8ade;
}

.omni-segment-delete {
  width: 24px;
  height: 24px;
  visibility: hidden;
}

.omni-divider-gap {
  margin-top: 20px;
}
.rc-slider {
  padding: 5px 0;
}
.rc-slider .rc-slider-handle {
  transform: translateX(-0.001%) !important;
}
.rc-slider .rc-slider-rail {
  height: 4px;
}
.rc-slider .rc-slider-tooltip-inner {
  background-color: #043040;
  font-size: 18px;
  font-weight: 500;
  height: 35px;
  padding: 8px 6px;
  box-shadow: none;
  border-radius: 4px;
}
.rc-slider .rc-slider-tooltip-arrow {
  border-top-color: #043040;
}

.rc-slider-disabled {
  background-color: rgb(246, 249, 253);
}

.omni_eclipse--tools__hidden {
  visibility: hidden;
}
.omni-map-color-axis {
  position: absolute;
  left: 100px;
  top: 50px;
  z-index: 5;
}
.omni-map-color-axis rect:first-child {
  rx: 5;
  width: 8;
}
.omni-map-color-axis .highcharts-coloraxis-grid {
  clip-path: inset(0 33.5% 0 0);
}
.omni-map-color-axis .highcharts-coloraxis-grid:first-child, .omni-map-color-axis .highcharts-coloraxis-grid:last-child {
  visibility: hidden;
}
.card-view {
  border: 1px solid #dedede;
  box-shadow: none;
  flex: 1 0 auto;
}
.card-view:hover {
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.card-view .info-container {
  display: grid;
  grid-template-rows: 85px;
  padding-top: 24px;
}
.card-view .card-view-section {
  margin: 16px;
}
.card-view .logo {
  font-size: 18px;
  font-weight: 500;
}
.card-view .logo img {
  height: 40px;
  width: 40px;
  object-fit: contain;
}
.card-view .logo div {
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}
.card-view .logo div.no-image {
  border-radius: 50%;
  background-color: #031425;
}
.card-view .logo svg {
  width: 40px;
}
.card-view .name {
  font-size: 18px;
  font-weight: 500;
  height: 53px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-view .info .info-type {
  font-family: "Roboto";
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.card-view .info .legend-card-view-compare-value {
  font-size: 12px;
  margin-left: 20px;
}
.card-view .info .legend-card-view {
  font-size: 18px;
}

.card-view.MuiPaper-root {
  color: #031425;
  border-radius: 8px;
}
.card-view-outer .card-view-container {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  row-gap: 40px;
  column-gap: 40px;
  line-height: 1.5;
  padding-bottom: 100px;
}
.shareOfShelfContainer:last-child:nth-child(4n-1) {
  margin-right: 25.6666666667%;
}

.shareOfShelfContainer:last-child:nth-child(4n-2) {
  margin-right: 51.3333333333%;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

:export {
  regular-weight: 400;
  bold-weight: 500;
}

.review {
  height: 270px;
  padding: 10px 20px 0 20px;
}
@media screen and (min-width: 768px) {
  .review {
    height: 300px;
    padding: 25px 25px;
    margin: 0 25px 25px 25px;
    border: 1px solid white;
  }
  .review:hover {
    cursor: pointer;
    border: 1px solid #f6f9fc;
  }
}
.review__verified-purchase {
  color: #031425;
  font-size: 12px;
  vertical-align: middle;
}
.review__verified-purchase--unverified {
  opacity: 0.5;
}
.review__manufacturer-response {
  text-align: center;
  vertical-align: middle;
  padding-top: 5px;
  border-top: 1px solid #f6f9fc;
}
.review__header {
  display: flex;
  flex-flow: row nowrap;
  padding-top: 5px;
}
.review__icon-container {
  flex: 1 1;
  text-align: left;
}
.review__icon {
  margin-left: -4px;
  height: 20px;
  width: 20px;
  display: inline-block;
  fill: rgb(255, 150, 91);
}
.review__date-container {
  flex: 1 1;
  text-align: right;
  font-weight: 400;
  color: #031425;
  font-size: 13px;
}
.review__view-more {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  font-weight: 700;
}
.review__author {
  vertical-align: middle;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 18px;
}
.review__title {
  display: block;
  font-size: 16px;
  font-weight: 400;
  margin-top: 15px;
}
.review__text {
  font-size: 13px;
  height: 36px;
  margin-top: 8px;
  margin-bottom: 20px;
}
.review__footer {
  display: flex;
  flex-flow: row nowrap;
  padding: 14px 0;
}
.review__image-container {
  flex: 0 1 40px;
  text-align: center;
  min-width: 40px;
}
.review__image {
  max-height: 40px;
  max-width: 40px;
}
.review__product-name {
  flex: 1 1;
  padding-left: 15px;
  align-self: center;
  font-weight: 400;
  font-size: 11px;
}
.review__product-name a {
  display: block;
  color: #031425;
}
.review__manufacturer-responded {
  color: #39b3ae;
  stroke: #39b3ae;
}

.review-dialog__header {
  display: flex;
  flex-flow: row nowrap;
  position: relative;
}
.review-dialog__product-image {
  align-self: center;
  padding: 20px 10px;
}
@media screen and (min-width: 768px) {
  .review-dialog__product-image {
    padding: 20px 30px;
  }
}
.review-dialog__product-name-container {
  flex: 2 1;
  padding: 20px 20px 20px 0;
}
.review-dialog__product-name {
  line-height: 16px;
  font-size: 12px;
}
.review-dialog__review {
  padding: 20px 0;
  display: flex;
  flex-flow: row nowrap;
}
.review-dialog__customer-review-container {
  flex: 1 1;
}
.review-dialog__customer-review {
  height: 100%;
  padding: 14px 30px;
  border-right: 1px solid #f6f9fc;
}
.review-dialog__author {
  vertical-align: middle;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 10px;
}
.review-dialog__customer-review-text {
  color: #031425;
  margin: 0;
  font-weight: 400;
}
.review-dialog__title, .review-dialog__text {
  color: #031425;
}
.review-dialog__title {
  display: block;
  font-size: 16px;
  font-weight: 400;
  margin-top: 15px;
}
.review-dialog__text {
  font-size: 13px;
  margin-top: 8px;
}
.review-dialog__customer-review-header {
  display: flex;
  flex-flow: row nowrap;
}
.review-dialog__icon-container {
  flex: 1 1;
  text-align: left;
}
.review-dialog__icon {
  margin-left: -4px;
  height: 20px;
  width: 20px;
  display: inline-block;
  fill: rgb(255, 150, 91);
}
.review-dialog__date-container {
  flex: 1 1;
  text-align: right;
  font-weight: 400;
  color: #031425;
  font-size: 13px;
}
.review-dialog__image {
  max-width: 60px;
  max-height: 60px;
}
.review-dialog__manufacturer {
  display: none;
}
@media screen and (min-width: 768px) {
  .review-dialog__manufacturer {
    display: block;
    padding: 20px 30px;
    max-width: 250px;
    align-self: center;
  }
}
.review-dialog__manufacturer-response-container {
  padding: 14px 30px;
  min-width: 300px;
}
.review-dialog__add-comment-text {
  font-weight: 400;
  color: #031425;
  margin: 0;
}
.review-dialog__add-comment {
  width: 100%;
  padding: 8px;
  font-size: 14px;
  height: 200px;
  margin-top: 10px;
  border: 1px solid #f6f9fc;
}
.review-dialog__manufacturer-response-block {
  color: #031425;
  max-width: 300px;
}
.review-dialog__manufacturer-response-text {
  margin-top: 10px;
  background-color: #f6f9fc;
  padding: 10px;
  font-size: 13px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  border-radius: 10px;
}
.review-dialog__manufacturer-response-text--is-manufacturer {
  color: white;
  background: #39b3ae;
}
.review-dialog__commented-on {
  font-size: 12px;
}
.review-dialog__commented-on--is-manufacturer {
  color: #031425;
  text-align: right;
}
.review-dialog__close {
  position: absolute;
  display: block;
  right: 5px;
  top: 5px;
  width: 20px;
  height: 20px;
}
.review-dialog__close:hover {
  cursor: pointer;
}
.review-dialog__media-content {
  overflow: hidden;
}
.review-dialog__media-content video {
  float: left;
  margin-right: 10px;
  display: block;
  max-height: 150px;
  margin-top: 20px;
}
.review-dialog__media-content img {
  float: left;
  margin-right: 10px;
  max-height: 150px;
  margin-top: 20px;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

:export {
  regular-weight: 400;
  bold-weight: 500;
}

.review-metrics__container {
  display: flex;
  flex-flow: row wrap;
}
@media screen and (min-width: 1024px) {
  .review-metrics__container {
    flex-flow: row nowrap;
  }
}
.review-metrics__donut {
  flex: 1 1;
  min-width: 100%;
  margin-right: 5em;
}
@media screen and (min-width: 1024px) {
  .review-metrics__donut {
    min-width: inherit;
    max-width: 500px;
  }
}
.review-metrics__line {
  flex: 1 1;
  min-width: 100%;
  margin-top: 60px;
}
@media screen and (min-width: 768px) {
  .review-metrics__line {
    margin-top: inherit;
  }
}
@media screen and (min-width: 1024px) {
  .review-metrics__line {
    min-width: inherit;
  }
}
.review-metrics__drop-down-icon {
  stroke: #031425 !important;
  height: 28px;
  width: 28px;
}
.review-metrics__search-bar {
  font-size: 34px !important;
  line-height: 56px !important;
  height: 80px !important;
}
.review-metrics__search-bar > div:first-child {
  color: #031425 !important;
  font-size: 46px !important;
  font-weight: 400 !important;
}
.review-metrics__search-bar > input#review {
  color: #031425 !important;
}
.review-metrics__search-bar > div > hr:last-child {
  border-bottom: 1px solid #46a8f6 !important;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

:export {
  regular-weight: 400;
  bold-weight: 500;
}

.omni_review__container {
  margin-top: 48px;
}
.omni_review__title {
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 40px;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.inner-container {
  overflow-x: hidden;
}
.inner-container::-webkit-scrollbar {
  width: 5px;
}
.inner-container::-webkit-scrollbar-track {
  background-color: #f6f9fc;
}
.inner-container::-webkit-scrollbar-thumb {
  background-color: #bec7d3;
  border-radius: 15px;
}
.inner-container:hover::-webkit-scrollbar-thumb {
  background-color: #7e8fa8;
}
/**
 * Custom style overrides for `ag-grid` styles
 */
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

/**
 * This file contains a mixin that defines re-useable styles for overriding the AG grid's defaults.  It makes the
 * header for grids overflow, allowing for custom headers to expand above where they'd usually be clipped and applies
 * some other style overrides for absolute-positioned overlays and other things.
 */
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.entity-grid-noclip-header .ag-cell {
  overflow: unset !important;
  white-space: normal;
}
.entity-grid-noclip-header .ag-header {
  z-index: 1;
}
.entity-grid-noclip-header .ag-header,
.entity-grid-noclip-header .ag-header-viewport {
  height: 48px !important;
  overflow: visible;
}
.entity-grid-noclip-header .ag-header-cell {
  z-index: 1 !important;
}
.entity-grid-noclip-header .ag-header-container,
.entity-grid-noclip-header .ag-header-row {
  height: 48px !important;
  overflow: visible;
}
.entity-grid-noclip-header .ag-header-cell:first-child .ag-react-container {
  justify-content: flex-end;
}

.ag-root {
  overflow: unset;
}

.waterfall-keyword-insights .ag-cell {
  overflow: unset !important;
  white-space: normal;
}
.waterfall-keyword-insights .ag-header {
  z-index: 1;
}
.waterfall-keyword-insights .ag-header,
.waterfall-keyword-insights .ag-header-viewport {
  height: 48px !important;
  overflow: visible;
}
.waterfall-keyword-insights .ag-header-cell {
  z-index: 1 !important;
}
.waterfall-keyword-insights .ag-header-container,
.waterfall-keyword-insights .ag-header-row {
  height: 48px !important;
  overflow: visible;
}

.action-cell-chip-child:hover {
  background-color: rgb(202, 202, 202) !important;
}

.keyword-filter-container {
  margin-bottom: 35px;
  display: flex;
  flex-direction: row;
}
.keyword-filter-container .filter-box {
  margin-right: 60px;
  display: flex;
  flex-direction: column;
}
.keyword-filter-container .filter-box h4 {
  margin-bottom: 5px;
}

.long-dropdown-search-box {
  background: #fff;
  display: flex;
  justify-content: center;
  padding: 4px;
}

.waterfall-keyword-insights > div.entity-grid-container {
  width: 100%;
  height: 100%;
}
/**
 * This file contains a mixin that defines re-useable styles for overriding the AG grid's defaults.  It makes the
 * header for grids overflow, allowing for custom headers to expand above where they'd usually be clipped and applies
 * some other style overrides for absolute-positioned overlays and other things.
 */
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.entity-grid-noclip-header .ag-cell {
  overflow: unset !important;
  white-space: normal;
}
.entity-grid-noclip-header .ag-header {
  z-index: 1;
}
.entity-grid-noclip-header .ag-header,
.entity-grid-noclip-header .ag-header-viewport {
  height: 48px !important;
  overflow: visible;
}
.entity-grid-noclip-header .ag-header-cell {
  z-index: 1 !important;
}
.entity-grid-noclip-header .ag-header-container,
.entity-grid-noclip-header .ag-header-row {
  height: 48px !important;
  overflow: visible;
}
.entity-grid-noclip-header .ag-header-cell:first-child .ag-react-container {
  justify-content: flex-end;
}

.ag-root {
  overflow: unset;
}

.waterfall-other-insight .ag-cell {
  overflow: unset !important;
  white-space: normal;
}
.waterfall-other-insight .ag-header {
  z-index: 1;
}
.waterfall-other-insight .ag-header,
.waterfall-other-insight .ag-header-viewport {
  height: 48px !important;
  overflow: visible;
}
.waterfall-other-insight .ag-header-cell {
  z-index: 1 !important;
}
.waterfall-other-insight .ag-header-container,
.waterfall-other-insight .ag-header-row {
  height: 48px !important;
  overflow: visible;
}
/**
 * This file contains a mixin that defines re-useable styles for overriding the AG grid's defaults.  It makes the
 * header for grids overflow, allowing for custom headers to expand above where they'd usually be clipped and applies
 * some other style overrides for absolute-positioned overlays and other things.
 */
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.entity-grid-noclip-header .ag-cell {
  overflow: unset !important;
  white-space: normal;
}
.entity-grid-noclip-header .ag-header {
  z-index: 1;
}
.entity-grid-noclip-header .ag-header,
.entity-grid-noclip-header .ag-header-viewport {
  height: 48px !important;
  overflow: visible;
}
.entity-grid-noclip-header .ag-header-cell {
  z-index: 1 !important;
}
.entity-grid-noclip-header .ag-header-container,
.entity-grid-noclip-header .ag-header-row {
  height: 48px !important;
  overflow: visible;
}
.entity-grid-noclip-header .ag-header-cell:first-child .ag-react-container {
  justify-content: flex-end;
}

.ag-root {
  overflow: unset;
}

.waterfall-keyword-insight .ag-cell {
  overflow: unset !important;
  white-space: normal;
}
.waterfall-keyword-insight .ag-header {
  z-index: 1;
}
.waterfall-keyword-insight .ag-header,
.waterfall-keyword-insight .ag-header-viewport {
  height: 48px !important;
  overflow: visible;
}
.waterfall-keyword-insight .ag-header-cell {
  z-index: 1 !important;
}
.waterfall-keyword-insight .ag-header-container,
.waterfall-keyword-insight .ag-header-row {
  height: 48px !important;
  overflow: visible;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.waterfall-x-axis-label {
  display: inline-block;
  width: 70px;
  text-align: center;
}

.waterfall-x-axis-label:hover > div,
.waterfall-x-axis-label--active > div {
  font-weight: 500;
}
.search {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .search {
    display: flex;
    flex-flow: row nowrap;
  }
}
.search__content {
  flex: 1 1;
  min-width: 0;
  max-width: 80%;
  margin: 1px auto;
  padding-left: 10px;
  padding-right: 10px;
}

.search-line-charts-container {
  margin-top: 30px;
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .search-line-charts-container {
    margin-top: 0;
  }
  .search-line-charts-container .line-chart__header {
    margin-top: 0;
  }
}

.search-labels {
  width: 100%;
}

.search-products__title {
  font-size: 24px;
  margin: 20px 0 0 20px;
}

.search-products-list-grid {
  margin-top: 20px;
}
.search-products-list-grid .card {
  box-shadow: none;
  border-radius: 0;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

:export {
  regular-weight: 400;
  bold-weight: 500;
}

.compare {
  position: fixed;
  top: 170px;
  right: 0;
  width: 40px;
  height: 40px;
  border-radius: 2px 0 0 2px;
}
@media screen and (min-width: 1200px) {
  .compare {
    top: 109px;
  }
}
.compare__icon {
  width: 40px;
  height: 40px;
  background: #195aa2;
  fill: white;
  border-radius: 2px 0 0 2px;
}
.compare__group-menu-item, .compare__drop-down {
  stroke: #031425;
}
.compare__drop-down {
  vertical-align: top;
  width: 192px !important;
  font-size: 14px !important;
}
.compare__drop-down svg {
  width: 28px;
  height: 28px;
  margin-right: 4px;
  vertical-align: middle;
}
.compare__search {
  width: 196px !important;
  margin-right: -24px;
}
.compare__search > div:first-child {
  font-size: 14px !important;
  padding-bottom: 3px !important;
}
.compare__metric {
  font-size: 16px !important;
}

.comparison-panel__header {
  display: flex;
  background: #031425;
  color: white;
  width: 100%;
  padding: 0 10px;
  position: relative;
}
.comparison-panel__header-icon-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.comparison-panel__header-text {
  flex: 1 1;
  font-weight: 400;
  text-align: center;
  font-size: 24px;
}
.comparison-panel__header-button-container {
  flex: 1 1;
  align-self: center;
  max-width: 60px;
  text-align: right;
}
.comparison-panel__header-button {
  background: transparent;
  border: 0;
  outline: 0;
  color: white;
  font-size: 16px;
}
.comparison-panel .sl-form-input > div > hr:last-child {
  border-bottom: 1px solid #195aa2 !important;
}

.filter-panel__header {
  text-align: center;
  display: inline-block;
  background: #39b3ae;
  color: white;
  width: 100%;
  padding: 0 10px 0 40px;
}
.filter-panel__header-icon-container {
  display: inline-block;
  max-width: 48px;
}
.filter-panel__header-text {
  display: inline-block;
  text-align: right;
  font-size: 24px;
}
.filter-panel__header-button-container {
  flex: 1 1;
  align-self: center;
  max-width: 60px;
  text-align: right;
}
.filter-panel__header-button {
  background: transparent;
  border: 0;
  outline: 0;
  color: white;
  font-size: 16px;
}
.filter-panel .sl-form-input > div > hr:last-child {
  border-bottom: 1px solid #39b3ae !important;
}
.filter-panel .sl-form-input > input {
  color: #031425;
}

.metric-tab__title {
  margin-left: 10px;
}
.metric-tab__title div {
  font-weight: 500;
}
.metric-tab__subtitle {
  margin-bottom: 0px;
}
.metric-tab__subtitle div {
  font-weight: 400;
}
.metric-tab__menu-list {
  padding: 15px;
  list-style: none;
}
.metric-tab__menu-list__item {
  margin-top: 15px;
}
.metric-tab__menu-list__item:first-child {
  margin-top: 0;
}
.metric-tab__submenu-list {
  padding: 0;
  list-style: none;
}
.metric-tab__comparison-choice {
  border: 0;
  padding: 10px;
  width: 100%;
  text-align: left;
  outline: none;
}
.metric-tab__comparison-choice div {
  font-weight: 400;
}
.metric-tab__comparison-choice--active {
  background: #f6f9fc !important;
}

.retailer-tab__menu-list {
  padding: 15px;
  list-style: none;
}
.retailer-tab__comparison-choice {
  border: 0;
  padding: 10px;
  width: 100%;
  text-align: left;
  outline: none;
}
.retailer-tab__comparison-choice--active {
  background: #f6f9fc !important;
}

.compare-products-list-grid {
  display: block;
}
.compare-products-list-grid__item {
  flex: initial;
  max-width: initial;
}

.product-item {
  display: flex;
  flex-flow: row nowrap;
  font-size: 14px;
}
.product-item__img-container {
  flex: 1 1;
  max-width: 50px;
  text-align: center;
  align-self: center;
}
.product-item__img {
  max-width: 50px;
  max-height: 50px;
}
.product-item__name-container {
  flex: 1 1;
  padding-left: 20px;
  line-height: 20px;
}
.product-item__brand {
  font-weight: 500;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

:export {
  regular-weight: 400;
  bold-weight: 500;
}

.highcharts-xaxis-labels {
  font-size: 20px;
}

main.entity-page {
  display: flex;
  justify-content: center;
}

.highcharts-xaxis-labels-weekly-trend {
  display: flex;
  flex: 1 1;
  align-items: center;
  justify-content: center;
  margin-left: 4%;
}
.highcharts-xaxis-labels-weekly-trend span {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  flex-grow: 1;
}
.highcharts-xaxis-labels-weekly-trend span:first-child {
  text-align: center;
}

.entity-page-container {
  padding: 0 0 0 0;
  width: 100%;
}
@media screen and (min-width: 1950px) {
  .entity-page-container {
    padding: 0 0 0 0;
  }
}
.entity-page-container__line-chart .legend__comparison {
  padding: 0;
}
.entity-page-container__line-chart .line-chart__header {
  padding: 0;
}

.ag-material .ag-row-hover {
  background: #f6f9fc !important;
}
.ag-material .ag-header {
  border-bottom: 1px #f6f9fc solid;
}
.ag-material .ag-cell-focus {
  text-align: right;
  padding-right: 20px;
  border-left: 0;
  border-top: 0;
  border-right: 1px #f6f9fc solid;
  border-bottom: 1px #f6f9fc solid;
  outline: none;
}
.ag-material .ag-cell-no-focus {
  border-top: 0 #f6f9fc solid;
  border-bottom: 1px #f6f9fc solid;
}
.ag-material .ag-cell-not-inline-editing {
  padding-top: 2px;
}
.ag-material .ag-ltr .ag-cell-no-focus,
.ag-material .ag-ltr .ag-header-cell {
  border-right: transparent 1px solid;
}
.ag-material .ag-ltr .ag-header-cell {
  font-size: 14px;
}
.ag-material .ag-ltr .ag-header-cell span {
  font-weight: 400;
}
.ag-material .ag-ltr .ag-header-cell[col-id=rank],
.ag-material .ag-ltr .ag-cell-no-focus[col-id=rank],
.ag-material .ag-ltr .ag-cell-focus[col-id=rank] {
  border-right: 1px transparent solid;
}
.ag-material .ag-ltr .ag-header-cell .ag-header-cell-label,
.ag-material .ag-ltr .ag-cell-no-focus .ag-header-cell-label,
.ag-material .ag-ltr .ag-cell-focus .ag-header-cell-label {
  justify-content: flex-end;
  text-align: right;
  padding-right: 20px;
}
.ag-material .ag-ltr .ag-cell-no-focus:not([col-id=brand]),
.ag-material .ag-ltr .ag-cell-focus:not([col-id=brand]) {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.ag-material .ag-ltr .ag-header-cell[col-id=brand] {
  display: flex;
}
.ag-material .ag-ltr .ag-header-cell[col-id=brand] .ag-header-cell-label {
  justify-content: flex-start;
  text-align: left;
  padding-right: 0;
}
.ag-material .ag-ltr .ag-header-cell[col-id=brand] .ag-react-container {
  width: 100%;
}
.ag-material .ag-ltr .ag-header-cell[col-id=brand] .ag-react-container div div {
  align-self: center;
  flex: 0 0 45px;
}
.ag-material .ag-ltr .ag-header-cell[col-id=brand] .ag-react-container div div:last-child {
  flex: 1 1 0;
}
.ag-material .ag-ltr .ag-cell-no-focus[col-id=brand],
.ag-material .ag-ltr .ag-cell-focus[col-id=brand] {
  display: flex;
  align-items: center;
}
.ag-material .ag-ltr .ag-cell-no-focus[col-id=brand] .ag-header-cell-label,
.ag-material .ag-ltr .ag-cell-focus[col-id=brand] .ag-header-cell-label {
  justify-content: flex-start;
  text-align: left;
  padding-right: 0;
}
.ag-material .ag-ltr .ag-cell-no-focus[col-id=brand] .ag-react-container,
.ag-material .ag-ltr .ag-cell-focus[col-id=brand] .ag-react-container {
  width: 100%;
}
.ag-material .ag-ltr .ag-cell-no-focus[col-id=brand] .ag-react-container div div,
.ag-material .ag-ltr .ag-cell-focus[col-id=brand] .ag-react-container div div {
  align-self: center;
  flex: 0 0 45px;
}
.ag-material .ag-ltr .ag-cell-no-focus[col-id=brand] .ag-react-container div div:last-child,
.ag-material .ag-ltr .ag-cell-focus[col-id=brand] .ag-react-container div div:last-child {
  flex: 1 1 0;
}
.ag-material .ag-ltr .ag-cell-no-focus,
.ag-material .ag-ltr .ag-cell-focus {
  text-align: right;
  padding-right: 20px;
}
.ag-material .ag-ltr .ag-cell-no-focus span[title=Total] span,
.ag-material .ag-ltr .ag-cell-focus span[title=Total] span {
  font-weight: 400;
}
.ag-material .ag-ltr .ag-cell-no-focus[col-id=brand],
.ag-material .ag-ltr .ag-cell-focus[col-id=brand] {
  text-align: left;
  padding-right: 0;
}
.ag-material .ag-header-group-cell-label {
  text-align: center;
  font-size: 16px;
  padding-top: 0;
  padding-left: 60px;
}
.ag-material .last-line > div {
  font-weight: 400;
  border-bottom: 1px solid transparent;
}

.promotion-data-grid th {
  padding-top: 0;
  padding-bottom: 10px;
  font-size: 14px;
  color: #031425;
}
.promotion-data-grid th:nth-child(1) {
  text-align: left;
  width: auto;
  padding-right: 20px;
  padding-left: 0;
}
.promotion-data-grid th:nth-child(1) .data-grid_table-header {
  float: none;
}
.promotion-data-grid th:nth-child(2), .promotion-data-grid th:nth-child(3), .promotion-data-grid th:nth-child(4) {
  max-width: 200px;
  width: 180px;
  text-align: left;
}
.promotion-data-grid th > span {
  font-weight: 400 !important;
}
.promotion-data-grid td {
  padding: 15px 0;
  text-align: left;
}
.promotion-data-grid td:first-child {
  width: auto;
}
.promotion-data-grid td:nth-child(1) {
  width: auto;
  padding-right: 20px;
}
.promotion-data-grid td:nth-child(2), .promotion-data-grid td:nth-child(3), .promotion-data-grid td:nth-child(4) {
  max-width: 200px;
  text-align: left;
  width: 80px;
}
.promotion-data-grid tbody tr:last-child td {
  border-bottom: 0;
}
.promotion-data-grid tbody tr:last-child td > span {
  font-weight: 400;
}

.promotions-value--minus {
  color: #f35379;
}
.promotions-value--plus {
  color: #39b3ae;
}

.buybox-metrics__container {
  display: block;
  flex-flow: row nowrap;
}
.buybox-metrics__donut {
  flex: 1 1;
}
.buybox-metrics__line {
  flex: 1 1;
}
.buybox-metrics__search-bar {
  font-size: 48px !important;
  line-height: 56px !important;
  height: 80px !important;
  margin-top: 30px !important;
}
.buybox-metrics__search-bar > div:first-child {
  font-size: 46px !important;
  font-weight: 400 !important;
}

.line-chart {
  width: 100%;
}
.line-chart__loading {
  width: 100%;
  height: 650px;
}
.line-chart__header {
  display: flex;
  flex-flow: row wrap;
  margin: 10px 0 20px 0;
}
@media screen and (min-width: 768px) {
  .line-chart__header {
    flex-flow: row nowrap;
    padding: 0 10px 0 0;
  }
}
.line-chart__title {
  flex: 1 1;
}
.line-chart__legend {
  flex: 1 1;
  width: 100%;
  align-self: flex-start;
}
@media screen and (min-width: 768px) {
  .line-chart__legend {
    align-self: center;
  }
}
.line-chart__legend .legend {
  flex: 1 1;
  display: none;
}
@media screen and (min-width: 768px) {
  .line-chart__legend .legend {
    display: flex;
  }
}
.line-chart__legend .legend-container {
  justify-content: flex-end;
}
@media screen and (min-width: 768px) {
  .line-chart__legend-mobile {
    display: none;
  }
}
.line-chart__container {
  width: 98%;
}
@media screen and (min-width: 1700px) {
  .line-chart__container {
    width: 100%;
  }
}
.line-chart__yaxis-title {
  font-family: Roboto;
}
.line-chart__yaxis-title--primary {
  fill: #46a8f6;
}
.line-chart__yaxis-title--comparison {
  fill: #195aa2;
}
.line-chart .chart-title {
  font-size: 28px;
  font-weight: 400;
  color: #031425;
  fill: #031425;
}
.line-chart .chart-subtitle {
  font-size: 14px;
  font-family: Roboto, sans-serif;
  color: #031425;
  fill: #031425;
  text-align: left;
  font-weight: 400;
  margin-top: 3px;
}

.highcharts-container {
  position: unset !important;
  overflow: visible !important;
}
.highcharts-container * {
  overflow: visible;
}

.reviews__grid-item, .reviews__grid-sizer {
  width: 100%;
}
@media (min-width: 768px) {
  .reviews__grid-item, .reviews__grid-sizer {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .reviews__grid-item, .reviews__grid-sizer {
    width: 33.333333333%;
  }
}
.reviews__divider {
  width: 100%;
  margin: auto;
}
@media (min-width: 768px) {
  .reviews__divider {
    width: 440px;
  }
}
.reviews__load-more {
  text-align: center;
  padding: 30px 0;
}
.reviews__load-more-text {
  font-weight: 700;
  font-size: 14px;
  padding: 30px 0;
}

.widget-container-wrapper::-webkit-scrollbar {
  width: 7px;
}
.widget-container-wrapper::-webkit-scrollbar-track, .widget-container-wrapper::-webkit-scrollbar-thumb {
  border-radius: 6px;
}
.widget-container-wrapper::-webkit-scrollbar-thumb {
  background-color: #eff1f5;
  border: 3 solid transparent;
  min-height: 18px;
}
.widget-container-wrapper::-webkit-scrollbar:horizontal {
  height: 8px;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.user_account_upload {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.06), 0px 6px 10px 0px rgba(0, 0, 0, 0.042), 0px 1px 18px 0px rgba(0, 0, 0, 0.036);
  max-width: 700px;
  padding: 30px;
  margin: auto;
}
.user_account_upload .user_upload_header {
  font-size: 28px;
  font-weight: 400;
}
.user_account_upload .retailer_select {
  padding: 20px 0 0 0;
  display: flex;
}
.user_account_upload .retailer_select .last_update {
  padding: 5px 10px;
}
.user_account_upload .user_upload_body {
  margin: 37px 0 0 0;
}
.user_account_upload .user_upload_body .download_group > div {
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
}
.user_account_upload .user_upload_body .upload_group {
  min-height: 125px;
}
.user_account_upload .user_upload_body button label {
  cursor: pointer;
  height: 40px;
  width: 198px;
  margin: -6px -8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.user_account_upload .user_upload_body button label .account_upload_loading {
  height: 20px;
  width: 20px;
  margin-right: 20px;
}
.user_account_upload .user_upload_body button label span {
  font-weight: 500;
}
.user_account_upload .user_upload_body button input[type=file] {
  display: none;
}
.user_account_upload .user_upload_body .account_upload_tooltip {
  background: #f6f9fc;
  opacity: 0;
  display: inline-block;
  position: relative;
  border-radius: 4px;
  padding: 7px 18px;
  will-change: opacity, transform;
  transform: translateY(-16px);
  transition: visibility 0.71s, opacity 0.71s, transform 0.71s;
}
.user_account_upload .user_upload_body .button_with_tooltip:hover ~ .account_upload_tooltip {
  visibility: visible;
  opacity: 1;
  transform: translateY(-3px);
}
.user_account_upload .user_upload_body .account_upload_tooltip::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 5%;
  margin-left: 9px;
  border-width: 9px;
  border-style: solid;
  border-color: transparent transparent #f6f9fc transparent;
}
.user_account_upload .error_area h3 {
  font-size: 17px;
  font-weight: 500;
  color: rgba(126, 143, 168, 0.8);
}
.user_account_upload .error_area .error_list {
  padding: 0;
}
.user_account_upload .error_area .error_item {
  margin-top: 5px;
  list-style: none;
  display: flex;
}
.user_account_upload .error_area .error_item span {
  display: inline-block;
}
.user_account_upload .error_area .error_item span svg {
  width: 22px;
  fill: #f35379;
}
.user_account_upload .error_area .error_item div {
  padding: 2px;
  margin-left: 14px;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.profile,
.security,
.billing,
.team,
.custom-columns {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.06), 0px 6px 10px 0px rgba(0, 0, 0, 0.042), 0px 1px 18px 0px rgba(0, 0, 0, 0.036);
  max-width: 860px;
  padding: 30px;
  margin: auto;
}

.account-container {
  padding-top: 40px;
}
.account-container .nav-list-item-container {
  padding-bottom: 0 !important;
}
@media screen and (min-width: 768px) {
  .account-container {
    display: flex;
    flex-flow: row nowrap;
    padding-left: 10px;
  }
  .account-container .nav-list-item-container {
    padding-bottom: 10px !important;
  }
}

.account__title {
  text-align: center;
  margin-top: 20px;
}
.account__title--lg {
  margin-top: 70px;
}
.account__title-bar {
  width: 40px;
  border-top: 2px solid #031425;
  margin: auto;
}
.account__form-input {
  display: flex;
  flex-flow: row nowrap;
}
.account__label {
  font-size: 16px;
  flex: 0 1 auto;
  min-width: 160px;
  align-self: flex-end;
  padding-bottom: 10px;
}
.account__input {
  flex: 1 1;
}

.account-nav {
  margin-right: 20px;
  height: max-content;
  border-radius: 5px;
  position: sticky;
  top: 110px;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.06), 0px 6px 10px 0px rgba(0, 0, 0, 0.042), 0px 1px 18px 0px rgba(0, 0, 0, 0.036);
  padding-top: 20px;
}
@media screen and (min-width: 768px) {
  .account-nav {
    width: 250px;
  }
}
@media screen and (min-width: 1600px) {
  .account-nav {
    margin-left: 0;
  }
}

.nav-list-item--account {
  position: absolute;
  height: 32px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 14px;
  padding: 8px 8px 8px 56px;
}
.nav-list-item--account:hover {
  text-decoration: none;
}

.account-nav-list-container {
  margin: auto;
  list-style: none;
  padding: 0;
}
.account-nav-list-container ul {
  list-style: none;
  padding: 0;
}

.account-team--email {
  color: #cfd7df;
}

.alert_row {
  display: flex;
  margin: 12px 0;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.alert_row div {
  display: flex;
}
.alert_row div .platform_col {
  display: flex;
  align-items: center;
  width: 145px;
}
.alert_row div .email_col {
  width: 61px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.MuiListItem-button:hover {
  background-color: #f6f9fc !important;
}

.MuiListItem-button.Mui-selected {
  background-color: #f6f9fc !important;
}

.user-management-error-snackbar .MuiSnackbar-root .MuiPaper-root {
  justify-content: center;
  display: flex;
  align-items: center;
  font-weight: 500;
  color: #222155;
  background-color: #fcdde4;
}
.user-management-error-snackbar .MuiSnackbar-root .MuiPaper-root .MuiAlert-icon {
  color: #222155;
}

.user-management-success-snackbar .MuiSnackbar-root .MuiPaper-root {
  justify-content: center;
  display: flex;
  align-items: center;
  font-weight: 500;
  color: #222155;
  background-color: #ddefe6;
}
.user-management-success-snackbar .MuiSnackbar-root .MuiPaper-root .MuiAlert-icon {
  color: #222155;
}

.bulk-upload-description {
  line-height: 1.5;
  margin-block-start: 0;
}
.signup-header {
  margin-top: 20px;
  margin-bottom: 0;
}

.signup-form-head {
  color: #fff;
  text-align: center;
  font-weight: 400;
  margin: 40px 0;
}

.signup-input-container {
  margin: 24px 0;
  display: flex;
  justify-content: center;
}
.two-column-select {
  flex-direction: row;
  flex: 1;
  height: 400px;
  width: 30vw;
}
.two-column-select h4 {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

.one-column-select {
  flex-direction: column;
  flex: 1;
  height: 400px;
  width: 15vw;
}

.column-group > .one-column-select {
  align-items: center;
}

.two-column-select,
.one-column-select {
  display: flex;
  justify-content: center;
}
.two-column-select .select-item,
.one-column-select .select-item {
  cursor: pointer;
  width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  min-height: 21px;
}
.two-column-select .two-column-select-column,
.one-column-select .two-column-select-column {
  display: flex;
  flex-direction: column;
  height: 400px;
  overflow-y: auto;
  width: 220px;
}
.two-column-select .two-column-select-column .select-item:hover,
.one-column-select .two-column-select-column .select-item:hover {
  background-color: #a8d694;
}

.two-column-select-column.remove .select-item:hover,
.one-column-select > .two-column-select-column .select-item:hover {
  background-color: #e68386;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.segment-power-tools {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  padding-bottom: 40px;
}
.segment-power-tools .segment-edit {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.segment-power-tools .segment-edit .column-group {
  display: flex;
  flex-direction: column;
  margin-top: 22px;
  border-collapse: collapse;
  border-right: 1px solid #ccc;
  align-items: center;
}
.segment-power-tools .segment-edit .column-group h3 {
  font-size: 20px;
  display: flex;
}
.segment-power-tools .segment-edit .segment-edit-columns {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.segment-power-tools .segment-edit .error-text {
  color: #f35379;
}
.segment-power-tools .segment-edit .success-text {
  color: #39b3ae;
}
.segment-power-tools .segment-export {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  align-items: center;
  margin-top: 40px;
  padding-top: 16px;
  border-top: 1px solid #ddd;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.suggestions--highlight {
  font-weight: 700;
  color: black;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

:export {
  regular-weight: 400;
  bold-weight: 500;
}

.omni-search {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .omni-search {
    display: flex;
    flex-flow: row nowrap;
  }
}
.omni-search__content {
  flex: 1 1;
  min-width: 0;
  max-width: 80%;
  margin: 1px auto;
}

.search-line-charts-container {
  margin-top: 30px;
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .search-line-charts-container {
    margin-top: 0;
  }
  .search-line-charts-container .line-chart__header {
    margin-top: 0;
  }
}

.search-labels {
  width: 100%;
}

.search-products__title {
  font-size: 24px;
  margin: 20px 0 0 20px;
}

.search-products-list-grid {
  margin-top: 20px;
}
.search-products-list-grid .card {
  box-shadow: none;
  border-radius: 0;
}

.omni-search-nav-container {
  padding: 30px 0;
  margin-top: -8px;
}
@media screen and (min-width: 768px) {
  .omni-search-nav-container {
    padding: 0 25px 0 15px;
    max-width: 240px;
  }
}

.omni-search-form-container {
  width: 210px;
  margin-bottom: 35px;
}
.omni-search-form-container--sm {
  margin-top: 15px;
}
.omni-search-form-container--lg {
  margin-top: 30px;
}

.search-header {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 25px;
  text-align: left;
}

.search-labels {
  margin-bottom: 0;
  margin-top: 10px;
  display: block;
  font-weight: 400;
}

.search-chip-container {
  overflow-x: hidden;
  max-height: 200px;
}

.search-chip {
  float: left;
  width: auto !important;
  margin: 6px 5px 0 0;
  background-color: #f6f9fc !important;
}
.search-chip span {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  white-space: nowrap;
  overflow: hidden;
  line-height: initial !important;
  max-width: 162px;
}
.search-chip > svg {
  min-width: 24px;
  min-height: 24px;
  fill: #cfd7df !important;
  color: #cfd7df !important;
}

.LinesEllipsis {
  text-overflow: ellipsis;
  overflow: hidden;
}

.search-divider.sl-divider {
  margin-top: 30px;
  margin-bottom: 30px;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.filterHeader {
  width: 133px;
  height: 21px;
  margin: 0px 7.8px 30px 0px;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #031425;
  text-transform: capitalize;
}

.filter {
  height: 60px;
  padding-top: 5px;
}

.filters {
  display: flex;
}

.filter:last-child {
  border: none;
}

.buttonContainer {
  display: flex;
  justify-content: center;
}
.buttonContainer .Mui-disabled {
  background-color: rgba(0, 0, 0, 0.12) !important;
}

.applyButton {
  margin: 1em;
  text-transform: capitalize !important;
  width: 10rem;
  height: 3rem;
  border-radius: 23px;
  box-shadow: none !important;
  background-color: #031425;
}

.discoverFilterHeaderContainer {
  display: flex;
  justify-content: space-between;
  height: 30px !important;
}

.discoverFilterHeaderLabel {
  width: 62px;
  height: 29px;
  margin: 0 97px 52px 2.2px;
  font-family: Roboto;
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #031425;
}

.clearButton {
  width: 38px;
  height: 21px;
  margin: 4px 0 56px;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #6cbaec;
  justify-content: end;
}

.headerContainer {
  display: flex;
  margin-left: 0.75em;
}

.headerLabel {
  text-transform: capitalize;
  font-weight: 700;
  font-family: "Roboto";
  height: 21px;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  margin-bottom: 4%;
  color: #031425;
}

.minLabel {
  width: 175px;
  text-align: left;
  margin-right: 10px;
}

.maxLabel {
  width: 175px;
  text-align: left;
}

.applyButton {
  background-color: #031425 !important;
}

.filterDiv {
  color: #031425;
  margin-bottom: 3rem;
}

.filterToggle {
  display: flex;
  gap: 1%;
}
.filterToggle svg {
  width: 12px;
  height: 15px;
  margin-top: 14px;
  margin-bottom: 14px;
  margin-right: 7px;
}
.filterToggle span {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.84px;
  text-align: left;
  color: #031425;
}

.filterLegend {
  display: flex;
  justify-content: end;
  margin-right: 15px;
}

.textField_container {
  display: flex;
}
.textField_container input {
  background: #f6f9fd;
  border-color: #f2f2f2;
  border-radius: 4px;
}
.textField_container .MuiFormHelperText-root {
  color: red;
}

.textField_unit {
  position: absolute;
  width: 175px;
  text-align: right;
  font-size: 17px;
  z-index: 0;
  height: "1px";
  margin-top: 0.5em;
  margin-right: 0.1em;
}

.errorContainer {
  display: table;
  width: 100%;
  margin-top: 55px;
  color: red;
}

.errorContainer-row {
  display: table-row;
  height: 60px;
}

.errorContainer-column {
  display: inline-block;
  width: 200px;
  font-size: 0.75rem;
  vertical-align: top;
  margin-top: 1%;
}

.custom-radio-discover {
  color: #031425 !important;
}

.filtertagtitle {
  width: 175px;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #031425;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.chipGroup {
  display: flex;
  flex-direction: column;
  margin-bottom: 33px;
  gap: 20px;
  font-family: "Roboto";
  justify-content: start;
}
.chipGroup .MuiIconButton-colorSecondary:hover {
  background-color: rgba(0, 0, 0, 0.04) !important;
}

.discoverContainer {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
}

#tags-outlined-cat-popup .Autocomplete-option {
  padding: 0 0 0 16px;
}
#tags-outlined-cat-popup .MuiAutocomplete-option:hover {
  background-color: #f6f9fd;
}

#tags-outlined-subcat-popup .Autocomplete-option {
  padding: 0 0 0 16px;
}
#tags-outlined-subcat-popup .MuiAutocomplete-option:hover {
  background-color: #f6f9fd;
  color: #031425 !important;
}

.discoverFilterContainer {
  display: flex;
  margin-bottom: 7em;
  flex-direction: column;
  width: 100%;
}

.discover-chip-active {
  background-color: #031425 !important;
  border-color: #031425 !important;
  color: #f6f9fc !important;
}

.discover-chip-inactive {
  background-color: #f6f9fc !important;
  border-color: #f6f9fc !important;
  color: #031425 !important;
}

.discover-search-chip {
  float: left;
  width: auto !important;
  margin: 6px 5px 0 0;
  background-color: #f6f9fc;
}

.discoverStackContainer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 2rem;
  height: 5vh;
}

.multiSelectPanelContainer {
  display: flex;
  flex-direction: column;
  width: 50%;
  margin-left: 5em;
  margin-right: 5em;
}
.multiSelectPanelContainer .MuiInputBase-root input::placeholder {
  font-weight: 500 !important;
  color: #031425 !important;
  opacity: 1 !important;
}
.multiSelectPanelContainer .MuiInputBase-root input::-webkit-input-placeholder {
  font-weight: 500 !important;
  color: #031425 !important;
  opacity: 1 !important;
}

.skeletonLoading {
  margin-bottom: 2em;
}

.discoverFilter {
  margin-top: auto;
}

.filter {
  display: flex;
}

.moreFiltersContainer p {
  margin: 29.5px 50px 34.5px 0px;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #031425;
}

.ag-theme-material .ag-icon-desc:before {
  content: none;
}

.ag-theme-material .ag-icon-asc:before {
  content: none;
}

.brandCell {
  display: flex;
  flex-direction: row;
}

.multiSelectFilterHeader p {
  margin-bottom: 2px;
  font-size: 16px;
}

.discoverGridContainer {
  height: 80vh;
}
.discoverGridContainer .ag-header-cell {
  font-size: 16px;
  color: #031425 !important;
}
.discoverGridContainer .ag-paging-panel {
  border-top: none;
}
.discoverGridContainer .ag-row-last {
  border-bottom: none !important;
}
.discoverGridContainer .ag-header-row {
  background-color: rgb(246, 249, 253);
}
.discoverGridContainer .ag-header {
  border-bottom: none !important;
}
.discoverGridContainer .ag-cell {
  font-family: "Roboto";
  font-weight: 500 !important;
}
.discoverGridContainer .ag-react-container {
  font-family: "Roboto";
  font-weight: 500 !important;
}
.discoverGridContainer .ag-react-container div,
.discoverGridContainer .ag-react-container span {
  font-family: "Roboto";
  font-weight: 500 !important;
  color: #031425;
}
.discoverGridContainer .ag-header-cell-text {
  text-align: right !important;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 500 !important;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #031425 !important;
}
.discoverGridContainer .ag-paging-row-summary-panel {
  visibility: hidden;
}

.ag-theme-material {
  height: "100%";
}

.discoverDateRange {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  margin-bottom: auto;
}

.headerClass {
  max-width: 180px !important;
  width: 180px !important;
}

#cat-subcat-checkbox {
  display: flex;
  justify-content: flex-start;
}

.filterDiv {
  display: flex;
  flex-direction: row;
}

.brandManufacturerChipGroup {
  display: flex;
  gap: 0.65%;
}
.brandManufacturerChipGroup .MuiFormControl-root {
  width: auto;
}
.brandManufacturerChipGroup .MuiFormGroup-row {
  display: flex;
  gap: 60px;
}
.brandManufacturerChipGroup .MuiFormLabel-root {
  margin-bottom: 4% !important;
  margin-top: 4% !important;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #031425 !important;
  font-family: "Roboto";
}
.brandManufacturerChipGroup .MuiFormControlLabel-label {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #031425 !important;
}
.brandManufacturerChipGroup .MuiFormControlLabel-label .Mui-focused {
  color: #031425 !important;
}

.MuiDialogActions-root {
  display: flex;
  justify-content: center;
}

.filterContainer {
  width: auto;
}

.ag-theme-material .ag-header-cell,
.ag-theme-material .ag-header-group-cell {
  padding-left: 24px;
  padding-right: 24px;
}

.deptCatSubcatChipGroup {
  display: flex;
  gap: 0.65%;
}
.deptCatSubcatChipGroup .MuiFormControl-root {
  width: auto;
}
.deptCatSubcatChipGroup .MuiFormGroup-row {
  display: flex;
  gap: 60px;
}
.deptCatSubcatChipGroup .MuiFormLabel-root {
  margin-bottom: 3% !important;
  margin-top: 3% !important;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #031425 !important;
  font-family: "Roboto";
}
.deptCatSubcatChipGroup .MuiFormControlLabel-label {
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #031425 !important;
}
.deptCatSubcatChipGroup .MuiFormControlLabel-label .Mui-focused {
  color: #031425 !important;
}

.MuiAutocomplete-endAdornment {
  top: calc(50% - 17px) !important;
  right: 0;
  position: absolute;
}
.MuiAutocomplete-endAdornment .MuiIconButton-label {
  margin-top: 5px;
}

.MuiAutocomplete-input:first-child {
  margin-bottom: 0.5em;
}

.grid-cell {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: unset !important;
  font-weight: 500 !important;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  color: #031425 !important;
  text-overflow: ellipsis !important;
}

.grid-cell-category {
  padding-left: 0px;
}

.headerClass-rating {
  padding-right: 24px;
}

.headerClass-cat {
  padding-left: 10px;
}

.chipContainer {
  display: flex;
  flex-direction: row;
  gap: 0.2em;
  margin-top: 1em;
  flex-wrap: wrap;
}

.categoryFilter .subCategoryFilter {
  margin-bottom: "3em";
  border: "1px solid grey";
  border-radius: "5px";
  padding: "5px";
  width: "100%";
}

.discover-table {
  height: 79vh !important;
}

.filter-blue-dark {
  filter: invert(12%) sepia(18%) saturate(6781%) hue-rotate(191deg) brightness(88%) contrast(96%);
}

.popOverText li :hover {
  background-color: #f6f9fd;
}

.brand-search {
  margin: auto;
  padding-left: 10px;
  color: #6c8494;
}

.sl-form-input-discover hr {
  border: none !important;
  border-bottom: none !important;
}
.sl-form-input-discover div {
  font-weight: 500 !important;
  color: #031425 !important;
  opacity: 1;
  padding: 7px 6px;
}

div[disabled] {
  pointer-events: none;
  opacity: 0.7;
}

.grid-cell-brand {
  padding-left: 0px;
  padding-right: 0px;
}

.discover-search-chip span {
  color: #031425 !important;
  font-weight: 500 !important;
}

.brandChipsContainer span {
  color: #031425 !important;
  font-weight: 500 !important;
}
.paginationContainer {
  display: flex;
  justify-content: end;
  margin-top: 1%;
  margin-right: 1%;
  gap: 0.5%;
}

.takeHomeButtonContainer {
  margin-top: 0.2% !important;
}
.omni-keyword-search-loading {
  position: relative;
  text-align: center;
  width: 1256px;
}

.omni-search-list {
  margin-top: 40px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .omni-search-list {
    display: flex;
    flex-flow: row nowrap;
  }
}
.omni-search-list__content {
  flex: 1 1;
  justify-content: center;
  min-width: 0;
  max-width: 80%;
  margin-left: 100px;
}
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: #d0d7de !important;
  border-radius: 15px;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:hover {
  background: #d0d7de !important;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
  background: #d0d7de !important;
}

.os-theme-dark > .os-scrollbar-vertical {
  bottom: 12px;
  width: 12px;
}
.popup_container {
  background: #fff;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  padding: 50px;
}

.add_new_entity {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.add_new_entity .image {
  width: 200px;
  height: 200px;
}
.add_new_entity .label {
  width: 350px;
  color: #005ba6;
  font-size: 25px;
  font-weight: 500;
  margin: 20px;
}
.add_new_entity .detail {
  width: 350px;
}
.add_new_entity .detail a {
  color: #47a8f6;
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

:export {
  regular-weight: 400;
  bold-weight: 500;
}

.export-container {
  display: flex;
  flex-direction: column;
  color: #031425;
  background: #fff;
  outline: none;
}
.export-container * {
  margin: 0;
}
.export-container > h1 {
  padding: 27px 0 5px 27px;
  font-size: 27px;
  font-weight: 400;
}
.export-container > h2 {
  padding: 12px 0 5px 27px;
  font-size: 14px;
  font-weight: 400;
}
.export-container > p {
  padding: 5px 27px 15px 27px;
  font-size: 13px;
  font-weight: 400;
  border-bottom: 1px solid #f6f9fc;
}
.export-container .refresh {
  outline: none;
  position: absolute;
  border: none;
  background-color: rgba(255, 255, 255, 0);
  height: 26px;
  width: 124px;
  margin-top: 98px;
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-left: -10px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjM2M0ODU5Ij48cGF0aCBkPSJNMTcuNjUgNi4zNUMxNi4yIDQuOSAxNC4yMSA0IDEyIDRjLTQuNDIgMC03Ljk5IDMuNTgtNy45OSA4czMuNTcgOCA3Ljk5IDhjMy43MyAwIDYuODQtMi41NSA3LjczLTZoLTIuMDhjLS44MiAyLjMzLTMuMDQgNC01LjY1IDQtMy4zMSAwLTYtMi42OS02LTZzMi42OS02IDYtNmMxLjY2IDAgMy4xNC42OSA0LjIyIDEuNzhMMTMgMTFoN1Y0bC0yLjM1IDIuMzV6Ii8+PHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
}
.export-container .download-table {
  max-height: 522px;
  height: 522px;
  width: 670px;
  border-radius: 4px;
  overflow-y: auto;
}
.export-container .download-table .download-item {
  background: #fff;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #f6f9fc;
  padding: 15px 23px 15px 27px;
  transition: background-color 1000 linear;
}
.export-container .download-table .download-item p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 435px;
  font-size: 16px;
  font-weight: 400;
}
.export-container .download-table .download-item .download-item-left {
  flex: 6;
}
.export-container .download-table .download-item .download-item-left .item-info {
  display: flex;
  justify-content: flex-start;
}
.export-container .download-table .download-item .download-item-left span {
  padding: 0 79px 0 0;
}
.export-container .download-table .download-item .download-item-right {
  flex: 3;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.export-container .download-table .download-item .download-item-right .item-state {
  font-size: 14px;
  font-weight: 500;
  width: 97px;
  text-align: center;
}
.export-container .download-table .download-item .download-item-right .queued {
  color: #9ca2ab;
}
.export-container .download-table .download-item .download-item-right .in-progress {
  color: #39b3ae;
}
.export-container .download-table .download-item .download-item-right button {
  border: none;
  margin-left: 3px;
  outline: none;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  width: 97px;
  height: 31px;
  border-radius: 3px;
  padding: 1px 0 0 0;
}
.export-container .download-table .download-item .download-item-right button.delete {
  height: 20px;
  margin: 0px 0 0 24px;
  width: 20px;
  padding: 0;
  background: #f6f9fc;
  border-radius: 50%;
  transition: background-color 0.5s ease;
}
.export-container .download-table .download-item .download-item-right button.delete svg {
  fill: #7e8fa8;
  transition: fill 0.5s ease;
}
.export-container .download-table .download-item .download-item-right .download {
  background: #031425;
}
.export-container .download-table .download-item .download-item-right .downloaded {
  background: rgba(60, 72, 89, 0.5254901961);
}
.export-container .download-table .download-item .download-item-right .retry {
  background: #f35379;
}
.export-container .download-table .download-item .download-item-right .failed {
  background: #f35379;
}
.export-container .download-table .download-item:hover {
  background-color: #f6f9fc;
}
.export-container .download-table .download-item:hover button.delete {
  background: #7e8fa8;
}
.export-container .download-table .download-item:hover button.delete svg {
  fill: #f6f9fc;
}
.export-container .download-table .delete-item {
  animation: delete 1s ease;
}
.export-container .stats {
  display: flex;
  border-radius: 0 0 10px 10px;
  border-top: 1px solid #f6f9fc;
}
.export-container #count,
.export-container #completed {
  padding: 10px 27px;
  border-bottom: none;
}
.export-container .completed {
  text-decoration-line: line-through;
  color: #031425;
}

.unread-download {
  position: absolute;
  border-radius: 18px;
  padding: 3px;
  height: 10px;
  margin-left: -10px;
  min-width: 10px;
  font-family: sans-serif;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 10px;
  color: #fff;
  animation: bounceIn 1.5s linear;
}

.download-noti {
  position: absolute;
  color: white;
  border-radius: 4px;
  visibility: hidden;
  opacity: 0;
  transform: translateX(0px);
  font-size: 15px;
  white-space: nowrap;
  padding: 8px 18px;
  background: #031425;
  will-change: opacity, transform;
  transition: visibility 0.71s, opacity 0.71s, transform 0.71s;
}

.download-noti::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 100%; /* To the left of the tooltip */
  margin-top: -7px;
  border-width: 7px;
  border-style: solid;
  border-color: transparent #031425 transparent transparent;
}

.download-done {
  position: absolute;
  color: white;
  border-radius: 4px;
  visibility: hidden;
  opacity: 0;
  transform: translateX(0px);
  font-size: 15px;
  white-space: nowrap;
  padding: 8px 18px;
  background: #031425;
  will-change: opacity, transform;
  transition: visibility 0.71s, opacity 0.71s, transform 0.71s;
}

.download-done::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 100%; /* To the left of the tooltip */
  margin-top: -7px;
  border-width: 7px;
  border-style: solid;
  border-color: transparent #031425 transparent transparent;
}

.download-noti.show {
  visibility: visible;
  opacity: 1;
  transform: translateX(16px);
}

.download-done.show {
  visibility: visible;
  opacity: 1;
  transform: translateX(16px);
}

@keyframes delete {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-138px);
    opacity: 0;
  }
}
@keyframes animJelly {
  0% {
    -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  2.083333% {
    -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  4.166667% {
    -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  6.25% {
    -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  8.333333% {
    -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  10.416667% {
    -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  12.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  14.583333% {
    -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  16.666667% {
    -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.75% {
    -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  20.833333% {
    -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  22.916667% {
    -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  25% {
    -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  27.083333% {
    -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.166667% {
    -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  31.25% {
    -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  33.333333% {
    -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  35.416667% {
    -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  37.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  39.583333% {
    -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.666667% {
    -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  43.75% {
    -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  45.833333% {
    -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  47.916667% {
    -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  50% {
    -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  52.083333% {
    -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  54.166667% {
    -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  56.25% {
    -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  58.333333% {
    -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  60.416667% {
    -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  62.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  64.583333% {
    -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  66.666667% {
    -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  68.75% {
    -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  70.833333% {
    -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  72.916667% {
    -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  75% {
    -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  77.083333% {
    -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  79.166667% {
    -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  81.25% {
    -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  83.333333% {
    -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  85.416667% {
    -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  87.5% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  89.583333% {
    -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  91.666667% {
    -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  93.75% {
    -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  95.833333% {
    -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  97.916667% {
    -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 1;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
:export {
  actual-spend: #031425;
  projected-spend: #2a8ade;
  surplus-budget: #eaecf1;
  overpacing: #fec349;
  deep-green: #35aaa1;
  dark-blue: #031425;
  blue: #2a8ade;
  stackline-blue: #46a8f6;
  light-blue: #a5cfff;
  lightest-blue: #f6faff;
  comparison: #adbdcc;
  bright-blue: #69d5f8;
  blue-green: #3297d3;
  filter-blue: #337ab7;
  green: #39b3ae;
  greenButton: #56b788;
  light-green: #7ce4df;
  border-grey: #dedede;
  label-grey: rgba(126, 143, 168, 0.8);
  grey: #7e8fa8;
  light-grey: #cfd7df;
  lighter-grey: #e1e4e9;
  lightest-grey: #f6f9fc;
  darker-grey: #96a5b3;
  dark-grey: #9fabbd;
  black: #031425;
  white: #f6f9fc;
  purple: #6772e5;
  light-purple: #7b85e9;
  lightest-purple: #adb3f1;
  beacon-purple: #665fa3;
  pink: #d782d9;
  light-pink: #ffc6ef;
  orange: #ff965b;
  light-orange: #fcd669;
  red: #f35379;
  quartz: #d7d9e9;
  default: #031425;
  atlas-green: #5db3a1;
  atlas-dark-green: #239692;
  atlas-blue: #195aa2;
  atlas-dark-grey: #96aed4;
  atlas-grey: #b0c7ed;
  atlas-teal: #3ab2ae;
  advertising-blue: #3c4859;
  title-score: #46a8f6;
  bullets-score: #56b788;
  images-score: #635bff;
  videos-score: #ff0083;
  red-bright: #f44a36;
  userManagement-error-pink: #fcdde4;
  userManagement-success-green: #ddefe6;
  userManagement-bulk-error-pink: #f05479;
}

.navigation {
  flex: 1 1;
  transition: 100ms linear all;
  min-width: 50px;
  max-width: 50px;
  z-index: 1000;
}
.navigation--expanded {
  min-width: 100px;
  max-width: 100px;
}
.navigation--atlas {
  background-color: #031425;
}
.navigation--discover {
  background-color: #031425;
}
.navigation--beacon {
  background-color: #031425;
}
.navigation--omni {
  background-color: #031425;
}
.navigation--advertising {
  background-color: #031425;
  z-index: 3 !important;
}
.navigation__container {
  position: fixed;
  text-align: center;
  transition: 100ms linear width;
  width: 50px;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.navigation__container--expanded {
  width: 100px;
}
.navigation__menu-container {
  position: relative;
  height: 52px;
  text-align: center;
}
.navigation__menu {
  background: transparent;
  border: 0;
  outline: 0;
  padding: 0;
  position: relative;
  height: 38px;
  width: 38px;
  margin-top: 11px;
}
.navigation__close-icon, .navigation__menu-icon {
  height: 38px;
  width: 38px;
  fill: white;
  stroke: white;
  transition: 100ms linear opacity;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
}
.navigation__menu-icon {
  opacity: 1;
}
.navigation__menu-icon--expanded {
  opacity: 0;
}
.navigation__close-icon {
  opacity: 0;
  transform: rotate(90deg);
}
.navigation__close-icon--expanded {
  opacity: 1;
}
.navigation__avatar {
  color: #031425 !important;
  height: 24px !important;
  width: 24px !important;
  font-size: 14px !important;
  background: #cfd7df !important;
  margin-bottom: 9px;
}
.navigation__avatar--expanded {
  margin-bottom: 0;
}
.navigation__item {
  margin-top: 12px;
}
.navigation__item-link {
  width: 100%;
  display: inline-block;
}
.navigation__item-link--avatar {
  margin-left: 13px;
}
.navigation__item-link:hover {
  text-decoration: none !important;
}
.navigation__item-link svg {
  fill: white !important;
  stroke: white !important;
  transition: 0s;
  opacity: 0.7;
}
.navigation__item-link > div {
  color: white !important;
  transition: 0s;
  opacity: 0.5;
}
.navigation__item-link .navigation__avatar {
  background: rgba(0, 0, 0, 0.3) !important;
  color: white !important;
  opacity: 1;
  transition: 0s;
}
.navigation__item-link--active svg, .navigation__item-link:hover svg {
  opacity: 1;
}
.navigation__item-link--active div, .navigation__item-link:hover div {
  opacity: 1;
}
.navigation__item-link--active .navigation__avatar, .navigation__item-link:hover .navigation__avatar {
  background: rgba(0, 0, 0, 0.3) !important;
  color: rgba(0, 0, 0, 0.3);
  opacity: 1;
}
.navigation__item-link--tutorial:hover {
  cursor: pointer;
}
.navigation__item-link--tutorial button {
  opacity: 1 !important;
}
.navigation__item-link--tutorial > div.navigation__item-link > div.navigation__text--visible {
  margin-top: 0;
}
.navigation__item-link--logout {
  outline: 0;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.navigation__item-link--logout svg {
  opacity: 1 !important;
}
.navigation__item-icon {
  height: 38px;
  width: 38px;
}
.navigation__text {
  line-height: 11px;
  font-size: 13px;
  opacity: 0;
  transition: opacity linear 1s;
  height: 0;
  overflow: hidden;
}
.navigation__text--visible {
  height: 14px;
  opacity: 1;
  margin-top: -4px;
  margin-bottom: 9px;
}
.navigation__text--avatar {
  margin-top: 6px;
}
.navigation__bottom-container {
  width: 50px;
  transition: 100ms linear width;
  position: absolute;
  bottom: 6px;
  left: 0;
  padding-bottom: 10px;
}
.navigation__bottom-container--expanded {
  width: 100px;
}
.ag-font-style {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.ag-bl-full-height {
  overflow: hidden;
}

[role=button] {
  cursor: pointer;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.sl-rotate-animation {
  animation: rotation 2s linear infinite;
}

/* Hide reCAPTCHA badge globally */
.grecaptcha-badge {
  visibility: hidden !important;
}

/*# sourceMappingURL=main.f2b9d2e1aa79a0961a03f73286b53980.js.map*/