.range-bar-cell > .range {
  margin-bottom: 5px; }

.bar-chart-bootstrap .range {
  height: 15px;
  margin-top: 10px; }

.range.allow-overflow {
  overflow: visible; }

.range {
  overflow: hidden;
  height: 15px;
  margin-bottom: 10px;
  background-color: #e4e4e4;
  border-radius: 0;
  box-shadow: none; }

.range-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 13px;
  line-height: 21px;
  color: #fff;
  text-align: center;
  transition: width .6s ease;
  box-shadow: none; }

.with-median-circle::after {
  content: '';
  background-color: #fff;
  border: 3px solid #05678f;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  float: right;
  margin-right: -7.5px; }

.chartFooterLabel, .chartLabel {
  color: #999;
  font-size: 13px;
  float: left; }

.pull-right {
  float: right !important; }

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

body, p {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  font-weight: 400;
  color: #333333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

p {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0; }

.pxl-header-xxlarge {
  font-size: 80px;
  line-height: 1.2;
  font-weight: 900; }

.pxl-header-xlarge {
  font-size: 56px;
  line-height: 1.2;
  font-weight: 900; }
  @media (max-width: 576px) {
    .pxl-header-xlarge {
      font-size: 40px; } }

h1,
.pxl-header-large {
  font-size: 30px;
  line-height: 1.2;
  font-weight: 300;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0; }

.pxl-header-medium {
  font-size: 28px;
  line-height: 1.2;
  font-weight: 900; }
  @media (max-width: 576px) {
    .pxl-header-medium {
      font-size: 20px; } }

h2,
.pxl-header-small {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0; }

h3,
.pxl-header-xsmall {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 400;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0; }
  h3.pxl-subhead,
  .pxl-header-xsmall.pxl-subhead {
    color: #5a3580; }

h4,
.pxl-header-xxsmall {
  font-size: 14px;
  line-height: 1.2;
  font-weight: 700;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0; }

.pxl-text-pullquote {
  font-size: 24px;
  font-weight: 300; }

.pxl-text-small,
.pxl-small {
  font-size: 14px;
  font-weight: 400; }

.pxl-text-xsmall,
.pxl-xsmall {
  font-size: 12px;
  font-weight: 400; }

.pxl-text-xxsmall {
  font-size: 10px;
  font-weight: 700; }

.pxl-text-reversed,
.pxl-text-reversed *,
.pxl-reversed,
.pxl-reversed * {
  color: #fff; }

.pxl-text-muted,
a.pxl-text-muted:hover {
  color: #80807f; }

.pxl-text-center {
  text-align: center; }

.pxl-text-left {
  text-align: left; }

.pxl-text-right {
  text-align: right; }

.pxl-text-justify {
  text-align: justify; }

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

.pxl-text-underline {
  text-decoration: underline; }

.percentile-range-chart svg {
  overflow: visible !important; }

.percentile-range-chart .recharts-reference-line line {
  fill: none;
  stroke: #066790;
  stroke-width: 3;
  stroke-linecap: square;
  stroke-miterlimit: 10;
  stroke-dasharray: 5,10; }

.percentile-range-chart .recharts-reference-line path, .percentile-range-chart .recharts-reference-line polygon {
  fill: #066790; }

.percentile-range-chart .recharts-reference-line text {
  font-size: 14px;
  fill: #FFFFFF; }

.percentile-range-chart .recharts-reference-dot circle {
  fill: #FFFFFF;
  stroke: #066790;
  stroke-width: 2.7546;
  stroke-miterlimit: 10; }

.percentile-range-chart .recharts-bar.low-end path, .percentile-range-chart .recharts-bar.high-end path, .percentile-range-chart .recharts-bar .spiked-edge {
  fill: #ECECEC; }

.percentile-range-chart .labels {
  font-size: 13px;
  fill: #777777;
  text-anchor: "middle"; }

.percentile-range-chart tspan {
  text-anchor: middle; }

.percentile-range-chart .pxl-c1-xlight .recharts-bar-rectangle path {
  fill: #a7eff1; }

.percentile-range-chart .pxl-c1-light .recharts-bar-rectangle path {
  fill: #72e5e9; }

.percentile-range-chart .pxl-c1 .recharts-bar-rectangle path {
  fill: #22d6dd; }

.percentile-range-chart .pxl-c1-dark .recharts-bar-rectangle path {
  fill: #18969b; }

.percentile-range-chart .pxl-c1-xdark .recharts-bar-rectangle path {
  fill: #0e5658; }

.percentile-range-chart .pxl-c2-xlight .recharts-bar-rectangle path {
  fill: #68fffa; }

.percentile-range-chart .pxl-c2-light .recharts-bar-rectangle path {
  fill: #00e7df; }

.percentile-range-chart .pxl-c2 .recharts-bar-rectangle path {
  fill: #00aaa4; }

.percentile-range-chart .pxl-c2-dark .recharts-bar-rectangle path {
  fill: #00817d; }

.percentile-range-chart .pxl-c2-xdark .recharts-bar-rectangle path {
  fill: #004e4b; }

.percentile-range-chart .pxl-c3-xlight .recharts-bar-rectangle path {
  fill: #a2e1fc; }

.percentile-range-chart .pxl-c3-light .recharts-bar-rectangle path {
  fill: #71d2fa; }

.percentile-range-chart .pxl-c3 .recharts-bar-rectangle path {
  fill: #0fb2f6; }

.percentile-range-chart .pxl-c3-dark .recharts-bar-rectangle path {
  fill: #0891ca; }

.percentile-range-chart .pxl-c3-xdark .recharts-bar-rectangle path {
  fill: #05678f; }

.percentile-range-chart .pxl-c4-xlight .recharts-bar-rectangle path {
  fill: #84abe1; }

.percentile-range-chart .pxl-c4-light .recharts-bar-rectangle path {
  fill: #5389d5; }

.percentile-range-chart .pxl-c4 .recharts-bar-rectangle path {
  fill: #2d67b9; }

.percentile-range-chart .pxl-c4-dark .recharts-bar-rectangle path {
  fill: #235090; }

.percentile-range-chart .pxl-c4-xdark .recharts-bar-rectangle path {
  fill: #193967; }

.percentile-range-chart .pxl-c5-xlight .recharts-bar-rectangle path {
  fill: #b494d3; }

.percentile-range-chart .pxl-c5-light .recharts-bar-rectangle path {
  fill: #9a70c4; }

.percentile-range-chart .pxl-c5 .recharts-bar-rectangle path {
  fill: #7e4ab2; }

.percentile-range-chart .pxl-c5-dark .recharts-bar-rectangle path {
  fill: #5a3580; }

.percentile-range-chart .pxl-c5-xdark .recharts-bar-rectangle path {
  fill: #41265c; }

.percentile-range-chart .pxl-c6-xlight .recharts-bar-rectangle path {
  fill: #cae597; }

.percentile-range-chart .pxl-c6-light .recharts-bar-rectangle path {
  fill: #b5db6f; }

.percentile-range-chart .pxl-c6 .recharts-bar-rectangle path {
  fill: #a6d452; }

.percentile-range-chart .pxl-c6-dark .recharts-bar-rectangle path {
  fill: #86b62d; }

.percentile-range-chart .pxl-c6-xdark .recharts-bar-rectangle path {
  fill: #59791e; }

.percentile-range-chart .pxl-c7-xlight .recharts-bar-rectangle path {
  fill: #f7d4a3; }

.percentile-range-chart .pxl-c7-light .recharts-bar-rectangle path {
  fill: #f3be74; }

.percentile-range-chart .pxl-c7 .recharts-bar-rectangle path {
  fill: #f0ad4e; }

.percentile-range-chart .pxl-c7-dark .recharts-bar-rectangle path {
  fill: #d58512; }

.percentile-range-chart .pxl-c7-xdark .recharts-bar-rectangle path {
  fill: #8f590c; }

.percentile-range-chart .pxl-c8-xlight .recharts-bar-rectangle path {
  fill: #f8a66e; }

.percentile-range-chart .pxl-c8-light .recharts-bar-rectangle path {
  fill: #f6883e; }

.percentile-range-chart .pxl-c8 .recharts-bar-rectangle path {
  fill: #e1610b; }

.percentile-range-chart .pxl-c8-dark .recharts-bar-rectangle path {
  fill: #ac4a08; }

.percentile-range-chart .pxl-c8-xdark .recharts-bar-rectangle path {
  fill: #7b3506; }

.percentile-range-chart .pxl-c9-xlight .recharts-bar-rectangle path {
  fill: #a7d8a7; }

.percentile-range-chart .pxl-c9-light .recharts-bar-rectangle path {
  fill: #83c983; }

.percentile-range-chart .pxl-c9 .recharts-bar-rectangle path {
  fill: #5cb85c; }

.percentile-range-chart .pxl-c9-dark .recharts-bar-rectangle path {
  fill: #367d36; }

.percentile-range-chart .pxl-c9-xdark .recharts-bar-rectangle path {
  fill: #1f471f; }

.percentile-range-chart .pxl-c10-xlight .recharts-bar-rectangle path {
  fill: #e0858a; }

.percentile-range-chart .pxl-c10-light .recharts-bar-rectangle path {
  fill: #d0484f; }

.percentile-range-chart .pxl-c10 .recharts-bar-rectangle path {
  fill: #c33239; }

.percentile-range-chart .pxl-c10-dark .recharts-bar-rectangle path {
  fill: #96272c; }

.percentile-range-chart .pxl-c10-xdark .recharts-bar-rectangle path {
  fill: #7a1f24; }

.comparison-bar-chart svg {
  overflow: visible !important; }

.comparison-bar-chart .recharts-bar-rectangle > path:not(.recharts-bar-rectangle-overall) {
  fill: #0fb2f6; }

.comparison-bar-chart .recharts-text.recharts-cartesian-axis-tick-value > tspan,
.comparison-bar-chart .recharts-cartesian-axis-tick > text,
.comparison-bar-chart .recharts-text > tspan,
.comparison-bar-chart .recharts-reference-line-label > .recharts-text > tspan {
  font-size: 14px;
  color: #676766; }

.comparison-bar-chart .recharts-reference-line-label > .recharts-text {
  fill: #676766; }

.comparison-bar-chart .recharts-cartesian-axis-line, .comparison-bar-chart .recharts-cartesian-grid-vertical > line {
  stroke: #cecece; }

.comparison-bar-chart .recharts-reference-line > line {
  stroke: #c33239;
  stroke-width: 2px; }

.comparison-bar-chart .recharts-cartesian-axis-tick > text {
  dominant-baseline: central; }

.comparison-bar-chart .recharts-responsive-container {
  display: block;
  margin: auto;
  overflow: visible; }

.comparison-bar-chart .recharts-legend-wrapper {
  text-align: center; }

.delta-table {
  display: table;
  border-collapse: separate;
  width: 100%; }
  .delta-table .name, .delta-table .value, .delta-table .arrow {
    display: table-cell;
    text-align: left;
    padding-bottom: 10px; }
  .delta-table .entry:last-of-type .name, .delta-table .entry:last-of-type .value, .delta-table .entry:last-of-type .arrow {
    padding-bottom: 0; }
  .delta-table .value, .delta-table .arrow {
    padding-left: 15px; }
  .delta-table .entry {
    display: table-row; }
  .delta-table .negative, .delta-table .positive, .delta-table .clear {
    margin-right: 5px; }
  .delta-table .negative {
    color: #c33239; }
  .delta-table .positive {
    color: #5cb85c; }
  .delta-table .clear {
    color: transparent; }
.pay-spotlight {
  text-align: center;
  display: inline-block; }
  .pay-spotlight .pay-descriptor {
    font-size: 13px; }
  .pay-spotlight .pay-value {
    font-size: 30px; }

.switchable-divider-panel, .switchable-divider-panel.static {
  background-color: #fff;
  display: flex;
  justify-items: center;
  padding: 20px; }

@media screen and (max-width: 575px) {
  .switchable-divider-panel {
    display: flex;
    flex-direction: column; }
  .switchable-divider-item:first-child {
    border-bottom: 1px dashed #c3c3ca;
    padding-bottom: 20px; }
  .switchable-divider-item:last-child {
    padding-top: 20px; } }

@media screen and (min-width: 576px) {
  .switchable-divider-item:first-child {
    border-right: 1px dashed #c3c3ca;
    padding-right: 20px; }
  .switchable-divider-item:last-child {
    padding-left: 20px; } }

@media handheld, screen and (max-width: 480px) {
  .location-benefits .switchable-divider-item:last-child {
    display: none; }
  .location-benefits .switchable-divider-item:first-child {
    border: none;
    padding: 0; } }

.switchable-divider-item {
  width: 100%; }

.switchable-divider-panel.static {
  flex-direction: row; }
  .switchable-divider-panel.static .switchable-divider-item:first-child {
    border-bottom: none;
    border-right: 1px dashed #c3c3ca;
    padding: 0 20px 0 0; }
  .switchable-divider-panel.static .switchable-divider-item:last-child {
    padding: 0 0 0 20px; }

.single-panel {
  background-color: #fff;
  padding: 20px; }
  .single-panel .switchable-divider-item:first-child {
    border: none; }

.list-spotlight-div {
  color: #817c89;
  font-size: 13px; }

.list-spotlight-list-container {
  display: flex;
  width: 100%;
  padding: 5px 0; }
  .list-spotlight-list-container .list-spotlight-list {
    flex: 1 1 auto;
    list-style-position: outside;
    padding-left: 20px;
    margin-bottom: 0; }
  .list-spotlight-list-container li {
    margin-bottom: 4px; }

.survey-start-spotlight .header {
  color: #817c89;
  font-weight: bold;
  margin-bottom: 10px; }

.survey-start-spotlight .body {
  color: #817c89; }

.survey-start-spotlight a {
  font-size: 13px; }