/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
.bar-scale-wrapper {
  display: flex;
  flex-direction: column;
  padding-bottom: 2rem; }
  .bar-scale-wrapper > div {
    display: flex;
    padding: 0 1.5rem; }
  .bar-scale-wrapper .remaining-bar {
    height: 3rem;
    background-color: rgba(0, 180, 205, 0.05);
    border-top: 1px solid #00B4CD;
    border-right: 1px solid #00B4CD;
    border-bottom: 1px solid #00B4CD;
    opacity: 0.3;
    flex-grow: 1; }
  .bar-scale-wrapper .current-bar {
    height: 3rem;
    background-color: #00B4CD;
    border-right: 0.2rem solid #292929;
    display: flex;
    position: relative;
    align-items: center; }
  .bar-scale-wrapper .bar-scale-labels {
    position: absolute;
    bottom: -2.5rem; }
    .bar-scale-wrapper .bar-scale-labels:first-of-type {
      left: -1rem; }
    .bar-scale-wrapper .bar-scale-labels:last-of-type {
      right: -2rem; }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
.decision-slider {
  display: flex;
  align-items: center; }
  .decision-slider > * {
    margin-right: 1.5rem; }
  .decision-slider .slider-wrapper {
    display: flex;
    flex-grow: 1;
    position: relative;
    align-items: center; }
  .decision-slider input[type=text] {
    border: none;
    text-align: right;
    border-radius: 3px;
    margin-right: 0.25rem;
    padding: 0.25rem;
    width: 5rem; }
  .decision-slider input[type=range] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 100%;
    height: 2rem;
    background: transparent;
    cursor: pointer;
    position: relative; }
    .decision-slider input[type=range]:disabled {
      cursor: not-allowed; }
  .decision-slider input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
            appearance: none;
    visibility: hidden;
    width: 1rem; }
  .decision-slider input[type=range]::-moz-range-thumb {
    -moz-appearance: none;
         appearance: none;
    visibility: hidden;
    width: 1rem; }
  .decision-slider .left-bar {
    position: absolute;
    z-index: 2;
    height: 0.5rem;
    pointer-events: none; }
    .decision-slider .left-bar::after {
      content: '';
      display: flex;
      width: 0.75rem;
      height: 2rem;
      border: 0.2rem solid #ffffff;
      position: absolute;
      right: -0.5rem;
      top: -0.75rem;
      border-radius: 0.3rem; }
  .decision-slider .right-bar {
    position: absolute;
    right: 0;
    z-index: 1;
    height: 0.5rem;
    pointer-events: none; }
  .decision-slider.segment-a .left-bar {
    background-color: #521a3e; }
    .decision-slider.segment-a .left-bar::after {
      background-color: #8C2C6A; }
  .decision-slider.segment-a .right-bar {
    background-color: #8C2C6A; }
  .decision-slider.segment-a input[type=range]::-webkit-slider-thumb {
    background-color: #8C2C6A; }
  .decision-slider.segment-a input[type=range]::-moz-range-thumb {
    background-color: #8C2C6A; }
  .decision-slider.segment-b .left-bar {
    background-color: #36689f; }
    .decision-slider.segment-b .left-bar::after {
      background-color: #5A8EC7; }
  .decision-slider.segment-b .right-bar {
    background-color: #5A8EC7; }
  .decision-slider.segment-b input[type=range]::-webkit-slider-thumb {
    background-color: #5A8EC7; }
  .decision-slider.segment-b input[type=range]::-moz-range-thumb {
    background-color: #5A8EC7; }
  .decision-slider.segment-c .left-bar {
    background-color: #d65a0c; }
    .decision-slider.segment-c .left-bar::after {
      background-color: #F4823B; }
  .decision-slider.segment-c .right-bar {
    background-color: #F4823B; }
  .decision-slider.segment-c input[type=range]::-webkit-slider-thumb {
    background-color: #F4823B; }
  .decision-slider.segment-c input[type=range]::-moz-range-thumb {
    background-color: #F4823B; }
  .decision-slider.segment-d .left-bar {
    background-color: #026d5d; }
    .decision-slider.segment-d .left-bar::after {
      background-color: #03B89D; }
  .decision-slider.segment-d .right-bar {
    background-color: #03B89D; }
  .decision-slider.segment-d input[type=range]::-webkit-slider-thumb {
    background-color: #03B89D; }
  .decision-slider.segment-d input[type=range]::-moz-range-thumb {
    background-color: #03B89D; }
  .decision-slider.time-scrubber .left-bar {
    background-color: #bbbbbb; }
    .decision-slider.time-scrubber .left-bar::after {
      background-color: #710000; }
  .decision-slider.time-scrubber .right-bar {
    background-color: #E1E1E1; }
  .decision-slider.time-scrubber input[type=range]::-webkit-slider-thumb {
    background-color: #710000; }
  .decision-slider.time-scrubber input[type=range]::-moz-range-thumb {
    background-color: #710000; }
  .decision-slider.iphone-slider input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
            appearance: none;
    visibility: unset;
    height: 1rem;
    width: 0.5rem; }
  .decision-slider.iphone-slider input[type=range]::-moz-range-thumb {
    -moz-appearance: none;
         appearance: none;
    visibility: unset;
    height: 1rem;
    width: 0.5rem; }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
footer {
  height: 3.125rem;
  padding: 0 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1rem; }
  footer a {
    margin-left: 0.25rem;
    color: blue;
    text-decoration: underline; }
  footer > div:last-child {
    display: flex;
    white-space: nowrap; }
  footer img {
    height: 1rem;
    margin-left: 0.25rem; }
  footer .credits-link {
    padding: 0 2rem;
    margin-right: 2rem;
    border-right: 1px solid #292929;
    display: flex;
    align-items: center; }
  @media screen and (max-width: 1023px) {
    footer {
      font-size: 0.75rem; }
      footer .credits-link {
        padding: 0 1rem;
        margin-right: 1rem; } }

.impersonating-button {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%; }
  .impersonating-button:hover {
    color: rgba(255, 255, 255, 0.7); }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
#header {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 9; }
  #header.in-tutorial:not(.highlight) {
    position: relative; }
  #header .header-tutorial-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 14;
    background-color: rgba(0, 0, 0, 0.3); }
  #header h1 {
    font-size: 1.16rem;
    margin: 0;
    font-weight: 400;
    white-space: pre-wrap; }
  #header a {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative; }
  #header nav {
    display: flex;
    align-items: flex-end; }
  #header .top-nav-wrapper {
    height: 7rem;
    display: flex;
    justify-content: space-between;
    padding: 1rem 2rem 0; }
    #header .top-nav-wrapper > div {
      height: 100%;
      display: flex;
      align-items: center; }
    #header .top-nav-wrapper nav > * {
      padding: 0 0.8rem 2.5rem; }
  #header .sim-title-wrapper {
    padding-bottom: 1rem;
    white-space: nowrap; }
    #header .sim-title-wrapper span {
      font-size: 1.16rem; }
    #header .sim-title-wrapper img {
      height: 3.2rem;
      margin-right: 2rem; }
  #header .nav-underline {
    display: flex;
    width: 100%;
    border-bottom: 1px solid transparent; }
  #header .selected .nav-underline, #header a:hover .nav-underline {
    border-bottom: 1px solid #292929; }
  #header .selected {
    text-shadow: 0.5px 0px 0px #292929;
    background-color: #ffffff; }
    #header .selected.has-children {
      background-color: #DBE5EB; }
  #header .options-menu .selected {
    background: unset; }
  #header .bottom-nav {
    background-color: #DBE5EB;
    display: flex;
    flex-flow: row wrap;
    padding: 1rem 2rem; }
    #header .bottom-nav > * {
      margin-right: 1.6rem; }
    #header .bottom-nav .selected {
      background-color: #DBE5EB; }
      #header .bottom-nav .selected .nav-underline {
        border-bottom: 1px solid #292929; }
  @media screen and (max-width: 1023px) {
    #header h1 {
      line-height: 1.2; }
    #header nav {
      justify-content: space-around; }
    #header .top-nav-wrapper {
      height: 10rem;
      flex-direction: column; }
    #header .sim-title-wrapper {
      padding-right: 3rem;
      white-space: normal; }
      #header .sim-title-wrapper span {
        font-size: 1rem; }
      #header .sim-title-wrapper img {
        height: 2.5rem; }
    #header .bottom-nav {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      column-gap: 0.5rem;
      justify-content: flex-start; }
      #header .bottom-nav a {
        height: 1.75rem;
        padding: 0;
        margin: 0;
        justify-content: flex-start;
        margin-right: auto;
        font-size: 0.9rem; } }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
.line-chart text {
  alignment-baseline: auto; }

.line-chart .contour-legend {
  position: unset;
  top: unset;
  left: unset;
  right: unset;
  bottom: unset;
  border: none;
  font-family: "Lato";
  font-size: 1rem;
  padding: 0 3.5rem; }

.line-chart .point-marker .label-marker rect {
  border-radius: 0;
  background: #F7FBFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  line-height: 1.2;
  fill: #F7FBFF;
  stroke: #DBE5EB; }

.line-chart .point-marker .outside circle, .line-chart .point-marker .median circle {
  fill: #ffffff; }

.line-chart .point-marker text {
  fill: #292929;
  color: #292929;
  stroke: none;
  font-size: 1rem; }

.line-chart .label-marker text {
  color: unset !important;
  fill: unset !important;
  background: unset !important;
  stroke: unset !important; }

.line-chart .line-marker {
  stroke: #292929; }

.line-chart .grid-line {
  stroke-dasharray: 4; }

.line-chart .contour-legend .contour-legend-entry {
  margin-right: 0.5rem; }

.line-chart .contour-legend .contour-legend-entry .contour-legend-key:not(span) {
  background: none;
  overflow: visible; }

.line-chart .contour-chart text {
  font-family: "Lato" !important; }

.line-chart .contour-chart .axis-title {
  font-size: 1rem; }

.line-chart .s-2 {
  fill: rgba(98, 0, 0, 0.8);
  stroke: #710000;
  color: #710000;
  background: #710000; }
  .line-chart .s-2.markers {
    fill: #710000; }

.line-chart.company-comparsion .s-2 {
  fill: rgba(225, 78, 105, 0.8);
  stroke: #E35B74;
  color: #E35B74;
  background: #E35B74; }
  .line-chart.company-comparsion .s-2.markers {
    fill: #E35B74; }

.line-chart.company-comparsion .s-3 {
  fill: rgba(94, 110, 121, 0.8);
  stroke: #657682;
  color: #657682;
  background: #657682; }
  .line-chart.company-comparsion .s-3.markers {
    fill: #657682; }

.line-chart.large-small-comparison .s-2 {
  fill: rgba(0, 167, 190, 0.8);
  stroke: #00B4CD;
  color: #00B4CD;
  background: #00B4CD; }
  .line-chart.large-small-comparison .s-2.markers {
    fill: #00B4CD; }

.line-chart.large-small-comparison .s-3 {
  fill: rgba(221, 174, 10, 0.8);
  stroke: #ECB90B;
  color: #ECB90B;
  background: #ECB90B; }
  .line-chart.large-small-comparison .s-3.markers {
    fill: #ECB90B; }

.line-chart.segments-comparison .s-2 {
  fill: rgba(128, 40, 97, 0.8);
  stroke: #8C2C6A;
  color: #8C2C6A;
  background: #8C2C6A; }
  .line-chart.segments-comparison .s-2.markers {
    fill: #8C2C6A; }

.line-chart.segments-comparison .s-3 {
  fill: rgba(79, 134, 195, 0.8);
  stroke: #5A8EC7;
  color: #5A8EC7;
  background: #5A8EC7; }
  .line-chart.segments-comparison .s-3.markers {
    fill: #5A8EC7; }

.line-chart.segments-comparison .s-4 {
  fill: rgba(243, 121, 45, 0.8);
  stroke: #F4823B;
  color: #F4823B;
  background: #F4823B; }
  .line-chart.segments-comparison .s-4.markers {
    fill: #F4823B; }

.line-chart.segments-comparison .s-5 {
  fill: rgba(3, 169, 144, 0.8);
  stroke: #03B89D;
  color: #03B89D;
  background: #03B89D; }
  .line-chart.segments-comparison .s-5.markers {
    fill: #03B89D; }

.line-chart.segments-comparison .s-6 {
  fill: rgba(221, 174, 10, 0.8);
  stroke: #ECB90B;
  color: #ECB90B;
  background: #ECB90B; }
  .line-chart.segments-comparison .s-6.markers {
    fill: #ECB90B; }

.line-chart.financials-net-income .s-2 {
  fill: rgba(0, 96, 128, 0.8);
  stroke: #006B8F;
  color: #006B8F;
  background: #006B8F; }
  .line-chart.financials-net-income .s-2.markers {
    fill: #006B8F; }

.line-chart .series.Year,
.line-chart .markers.Year {
  visibility: hidden; }

.line-chart.large-sales-comparison .s-2 {
  fill: rgba(0, 167, 190, 0.8);
  stroke: #00B4CD;
  color: #00B4CD;
  background: #00B4CD; }
  .line-chart.large-sales-comparison .s-2.markers {
    fill: #00B4CD; }

.line-chart.large-sales-comparison .s-3 {
  fill: rgba(139, 241, 255, 0.8);
  stroke: #9af3ff;
  color: #9af3ff;
  background: #9af3ff; }
  .line-chart.large-sales-comparison .s-3.markers {
    fill: #9af3ff; }

.line-chart.small-sales-comparison .s-2 {
  fill: rgba(221, 174, 10, 0.8);
  stroke: #ECB90B;
  color: #ECB90B;
  background: #ECB90B; }
  .line-chart.small-sales-comparison .s-2.markers {
    fill: #ECB90B; }

.line-chart.small-sales-comparison .s-3 {
  fill: rgba(252, 236, 184, 0.8);
  stroke: #fcf0c7;
  color: #fcf0c7;
  background: #fcf0c7; }
  .line-chart.small-sales-comparison .s-3.markers {
    fill: #fcf0c7; }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
@keyframes pulse {
  50% {
    background: #ffffff; } }

.loading {
  position: relative;
  z-index: 16; }
  .loading .pulse-loading {
    animation: pulse 750ms infinite;
    animation-delay: 250ms;
    background: rgba(0, 0, 255, 0.45);
    border-radius: 0.25rem;
    height: 4rem;
    position: fixed;
    width: 1rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .loading .pulse-loading:before, .loading .pulse-loading:after {
      animation: pulse 750ms infinite;
      background: rgba(0, 0, 255, 0.45);
      border-radius: 0.25rem;
      content: '';
      display: block;
      height: 2.66667rem;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 1rem; }
    .loading .pulse-loading:before {
      left: -2rem; }
    .loading .pulse-loading:after {
      animation-delay: 500ms;
      left: 2rem; }

.loading-background-cover {
  background: rgba(128, 128, 128, 0.75);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0; }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
#login {
  padding: 0 10rem;
  margin: 2rem; }
  #login:not(.ie) {
    border: 1px solid #CBD6FF;
    border-radius: 1px;
    background-color: #ffffff;
    padding: 1.25rem 1.25rem 2.5rem;
    box-shadow: 0 10px 20px 0 rgba(31, 72, 137, 0.07);
    padding: 10rem; }
  #login #login-form, #login #reset-grid {
    max-width: 30rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem; }
  #login .input-dropdown-wrapper {
    grid-column-start: span 2;
    justify-self: flex-start; }
  #login .login-error {
    text-align: center;
    color: #B10021;
    grid-column-start: span 2;
    justify-self: center; }
  #login .link-button {
    background-color: transparent;
    background: none;
    border: none;
    box-shadow: none;
    color: #1F4889;
    box-shadow: none;
    width: auto;
    height: auto;
    text-decoration: underline;
    justify-self: flex-end;
    align-self: flex-end;
    padding: 0; }
    #login .link-button:active {
      background: none;
      border: none;
      box-shadow: none;
      color: #1F4889; }
  #login .link-button:focus {
    outline: none; }
  #login #password-reset #reset-content {
    padding: 1rem 0.5rem 0rem 0.5rem;
    display: flex;
    justify-content: center;
    flex-direction: column; }
  #login #password-reset #reset-grid {
    width: 100%; }
  #login #password-reset .login-error {
    margin: 1rem 0 0 0; }
  #login #password-reset .modal-buttons-wrapper {
    justify-content: space-around; }
  #login #password-reset h2 {
    text-align: center;
    font-size: 1rem;
    margin-bottom: 2rem;
    font-weight: 700; }
  #login #password-reset button {
    margin: 0 1rem; }
  @media screen and (max-width: 1023px) {
    #login {
      padding: 5rem 2rem; }
      #login #login-form {
        width: 100%; }
      #login:not(.ie) {
        padding: 5rem 2rem; } }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
.news-wrapper {
  position: relative; }
  .news-wrapper.highlight {
    background-color: #ffffff; }
  .news-wrapper button {
    padding: unset;
    border: none;
    background: transparent;
    color: #292929; }
  .news-wrapper .news-modal {
    display: flex;
    flex-direction: column;
    width: 34rem;
    max-height: 35rem;
    position: absolute;
    right: 0;
    top: 3rem;
    padding: 0;
    background-color: #3E484F;
    color: #ffffff;
    z-index: 10; }
    .news-wrapper .news-modal::before {
      content: '';
      display: flex;
      width: 0;
      height: 0;
      position: absolute;
      top: -1rem;
      right: 2rem;
      border-left: 0.75rem solid transparent;
      border-right: 0.75rem solid transparent;
      border-bottom: 1rem solid #3E484F; }
  .news-wrapper .news-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
  .news-wrapper h2 {
    font-size: 1.167rem;
    font-weight: 400;
    padding: 1.25rem;
    margin: 0; }
  .news-wrapper .close-news {
    color: #ffffff;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem 1rem !important;
    line-height: 1; }
  .news-wrapper ul {
    padding: 0 1rem 0 0;
    list-style: none;
    margin: 0;
    overflow-y: auto; }
  .news-wrapper ul > li {
    display: grid;
    grid-template-columns: 7.5rem 1fr;
    min-height: 7.125rem; }
  .news-wrapper .img-container {
    text-align: center;
    background: #007670;
    display: flex;
    align-items: flex-start;
    padding-top: 1rem;
    padding-bottom: 1rem; }
  .news-wrapper .img-container.year-img {
    padding-top: 3.875rem; }
  .news-wrapper .news-item-container {
    padding-left: 2rem; }
  .news-wrapper .item-0 {
    border-top: 1px solid rgba(255, 255, 255, 0.4); }
  .news-wrapper .news-item-container h3 {
    margin: 1rem 0;
    font-size: 1.16rem; }
  .news-wrapper .news-item:first-of-type > .news-item-container.item-0 {
    border-top: none; }
  .news-wrapper img {
    width: 3.4rem;
    margin: 0 auto; }
  .news-wrapper .hidden {
    display: none; }
  .news-wrapper .new-news {
    position: absolute;
    top: -0.5rem;
    right: -0.25rem;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1rem;
    height: 1rem;
    background-color: #B10021;
    color: #ffffff;
    border-radius: 50%;
    font-size: 0.7rem; }
  @media screen and (max-width: 1023px) {
    .news-wrapper .news-modal {
      width: calc(90vw);
      max-height: 50vh; } }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
#options-menu-wrapper {
  position: relative; }
  #options-menu-wrapper .options-menu {
    background-color: #3E484F;
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 26rem;
    right: 1rem;
    padding: 1.5rem;
    margin-top: 1rem;
    z-index: 10; }
    #options-menu-wrapper .options-menu::before {
      content: '';
      display: flex;
      width: 0;
      height: 0;
      position: absolute;
      top: -1rem;
      right: 0.25rem;
      border-left: 0.75rem solid transparent;
      border-right: 0.75rem solid transparent;
      border-bottom: 1rem solid #3E484F; }
    #options-menu-wrapper .options-menu a {
      color: #ffffff;
      margin-bottom: 2rem; }
      #options-menu-wrapper .options-menu a span:first-child {
        font-size: 1.25rem; }
      #options-menu-wrapper .options-menu a:hover {
        color: #ffffff; }
        #options-menu-wrapper .options-menu a:hover span:first-child {
          text-decoration: underline; }
    #options-menu-wrapper .options-menu .team-members {
      color: #ffffff;
      margin-bottom: 2rem; }
      #options-menu-wrapper .options-menu .team-members div:first-child {
        font-size: 1.25rem; }
  #options-menu-wrapper button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 2rem; }
    #options-menu-wrapper button img {
      transform: rotate(90deg);
      transition: all 0.2s;
      height: 100%;
      width: 100%; }
      #options-menu-wrapper button img:hover {
        transform: rotate(125deg); }
    #options-menu-wrapper button.vertical-dots > img {
      transform: rotate(180deg); }
  #options-menu-wrapper .hidden {
    display: none; }
  #options-menu-wrapper .selected > span:first-child {
    text-decoration: underline; }
  @media screen and (max-width: 1023px) {
    #options-menu-wrapper {
      position: absolute;
      right: 1rem;
      top: 2rem; }
      #options-menu-wrapper .options-menu {
        width: 20rem;
        right: 0.8rem; } }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
.pie-chart {
  width: 100%;
  height: 100%; }
  .pie-chart .nw-tooltip {
    border-radius: 0;
    background: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    line-height: 1.2;
    z-index: 6; }
    .pie-chart .nw-tooltip .text {
      color: #292929;
      font-size: 1rem; }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
#test-page {
  display: flex;
  flex-direction: column; }
  #test-page > * {
    margin-bottom: 1rem;
    border: 1px solid #CBD6FF;
    border-radius: 1px;
    background-color: #ffffff;
    padding: 1.25rem 1.25rem 2.5rem;
    box-shadow: 0 10px 20px 0 rgba(31, 72, 137, 0.07); }
  #test-page .pie-chart-row {
    display: flex;
    justify-content: space-between; }
  #test-page .pie-chart-wrapper {
    width: 49%;
    display: flex;
    justify-content: center;
    align-items: center; }
  #test-page #test-pie-2 .s-1, #test-page #test-pie-2 .s-2 {
    stroke-width: 0.2rem; }
  #test-page #test-pie-2 .s-1 {
    stroke: orange;
    color: orange;
    fill: orange; }
  #test-page #test-pie-2 .s-2 {
    stroke: rgba(255, 165, 0, 0.25);
    color: rgba(255, 165, 0, 0.25);
    fill: rgba(255, 165, 0, 0.25); }
  #test-page .test-line-chart-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between; }
  #test-page .graph-table .graph {
    display: grid;
    grid-template-columns: 1fr 1fr; }
  #test-page #test-bar-scale-2 {
    margin-top: 4rem; }
    #test-page #test-bar-scale-2 .current-bar {
      background-color: red; }
    #test-page #test-bar-scale-2 .remaining-bar {
      border-color: red;
      background-color: rgba(255, 0, 0, 0.5); }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
#timeline {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: flex-end;
  width: 20rem; }
  #timeline span {
    font-style: italic; }
  #timeline .timeline-points {
    padding: 0;
    margin: 0;
    display: flex;
    list-style: none;
    justify-content: space-between; }
  #timeline .point {
    position: relative;
    height: 1rem;
    width: 1rem;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTNweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMTMgMTMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5PdmFsIENvcHkgMTI8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IlllYXJzLS8tRW1wdHktRG90IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgMi4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiM2NTc2ODIiPgogICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLUNvcHktMTIiIGN4PSI0LjUiIGN5PSI0LjUiIHI9IjQuNSI+PC9jaXJjbGU+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; }
    #timeline .point:not(:nth-child(4n)):after {
      position: absolute;
      content: '';
      height: 1px;
      width: 1rem;
      background-color: #777777;
      top: 50%;
      left: calc(100% - 2px); }
    #timeline .point:nth-child(4n):not(:last-child) {
      margin-right: 0.5rem; }
  #timeline .past {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTNweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMTMgMTMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5ZZWFycyAvIE9sZCBEb3Q8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iWWVhcnMtLy1PbGQtRG90IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgMi4wMDAwMDApIj4KICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLUNvcHktMTIiIGZpbGw9IiM2NTc2ODIiIGN4PSI0LjUiIGN5PSI0LjUiIHI9IjQuNSI+PC9jaXJjbGU+CiAgICA8L2c+Cjwvc3ZnPg==); }
  #timeline .current {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTNweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMTMgMTMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5PdmFsIENvcHkgMTM8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8Y2lyY2xlIGlkPSJwYXRoLTEiIGN4PSI0LjUiIGN5PSI0LjUiIHI9IjQuNSI+PC9jaXJjbGU+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IlllYXJzLS8tU2VsZWN0ZWQtRG90IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgMi4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ik92YWwtQ29weS0xMyI+CiAgICAgICAgICAgICAgICA8dXNlIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIzIiBmaWxsPSIjQjEwMDIxIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgPHVzZSBzdHJva2U9IiMzMzMzMzMiIHN0cm9rZS13aWR0aD0iMSIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==); }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
.decisions-wrapper {
  padding-bottom: 2rem; }
  .decisions-wrapper .decision-header-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem; }
    .decisions-wrapper .decision-header-wrapper > div:first-child {
      display: flex;
      align-items: center; }
  .decisions-wrapper .editor-container {
    position: relative; }
  .decisions-wrapper section {
    border: 1px solid #CBD6FF;
    border-radius: 1px;
    background-color: #ffffff;
    padding: 1.25rem 1.25rem 2.5rem;
    box-shadow: 0 10px 20px 0 rgba(31, 72, 137, 0.07);
    display: flex;
    flex-direction: column; }
    .decisions-wrapper section > *:nth-child(8), .decisions-wrapper section *:nth-child(9) {
      padding-left: 2rem; }
  .decisions-wrapper .segment-sales-force-decisions {
    margin-bottom: 3rem; }
  .decisions-wrapper .decision-slider {
    padding: 0 10rem;
    margin-top: 2rem; }
  .decisions-wrapper .allocation-remaining {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    font-weight: 700;
    padding-right: 5rem; }
  .decisions-wrapper .gray-header {
    background-color: #F7FBFF;
    border-bottom: 2px solid #DBE5EB;
    margin-bottom: 1rem; }
  .decisions-wrapper .calculator-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem; }
    .decisions-wrapper .calculator-grid > div {
      display: flex;
      flex-direction: column; }
    .decisions-wrapper .calculator-grid > div > * {
      padding-left: 0.5rem; }
  .decisions-wrapper .calculator-input {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .decisions-wrapper .calculator-input input {
      height: 1.75rem;
      border: 1px solid #DBE5EB;
      text-align: right; }
  .decisions-wrapper .calculator-two-col-input-row {
    display: grid;
    grid-template-columns: 1fr 5rem;
    grid-gap: 1rem;
    margin-bottom: 1rem; }
    .decisions-wrapper .calculator-two-col-input-row > div {
      display: flex;
      flex-direction: column; }
    .decisions-wrapper .calculator-two-col-input-row input {
      height: 1.75rem;
      width: 5rem; }
    .decisions-wrapper .calculator-two-col-input-row h3 {
      font-weight: 400;
      font-size: 1rem; }
    .decisions-wrapper .calculator-two-col-input-row span {
      font-size: 0.8rem; }
  .decisions-wrapper .calculator-three-col-input-row {
    display: grid;
    grid-template-columns: 1fr 7rem 7rem;
    grid-gap: 1rem;
    margin-bottom: 1rem;
    align-items: flex-start; }
    .decisions-wrapper .calculator-three-col-input-row h3 {
      font-weight: 400;
      font-size: 1rem; }
    .decisions-wrapper .calculator-three-col-input-row input {
      height: 1.75rem;
      width: 7rem; }
    .decisions-wrapper .calculator-three-col-input-row span {
      text-align: right;
      font-weight: 700; }
  .decisions-wrapper .calculator-result-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    font-weight: 700; }
    .decisions-wrapper .calculator-result-row span:first-child {
      font-size: 1rem;
      font-weight: 700; }
  .decisions-wrapper .decision-result-row {
    display: grid;
    grid-template-columns: 1fr 7rem 15rem;
    font-weight: 700;
    margin-bottom: 1rem;
    grid-gap: 2rem; }
    .decisions-wrapper .decision-result-row > *:not(:first-child) {
      text-align: right; }
  .decisions-wrapper .remaining-budget {
    margin-top: 1rem; }
  .decisions-wrapper .decision-input-row {
    display: grid;
    grid-template-columns: 1fr 7rem 7rem 15rem;
    grid-gap: 2rem;
    padding-left: 1rem;
    margin-bottom: 1rem; }
    .decisions-wrapper .decision-input-row > *:first-child {
      display: flex;
      align-items: center; }
    .decisions-wrapper .decision-input-row > *:not(:first-child) {
      text-align: right; }
    .decisions-wrapper .decision-input-row input {
      height: 1.75rem;
      width: 100%; }
  .decisions-wrapper .total-budget {
    display: flex;
    justify-content: space-between;
    border-top: 2px solid #DBE5EB;
    border-bottom: 2px solid #DBE5EB; }
    .decisions-wrapper .total-budget.no-top-border {
      border-top: none; }
    .decisions-wrapper .total-budget > * {
      width: 100%;
      margin: 0; }
  .decisions-wrapper .decision-section-title {
    margin-bottom: 0.5rem; }
  .decisions-wrapper .bar-wrapper {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: flex-start; }
    .decisions-wrapper .bar-wrapper > *:first-child {
      height: 100%;
      background-color: #DBE5EB;
      transition: all 0.5s ease-out; }
    .decisions-wrapper .bar-wrapper > *:last-child {
      height: 100%;
      background-color: #006B8F;
      position: absolute;
      transition: all 0.5s ease-out; }
  .decisions-wrapper .i-button {
    margin-left: 0.5rem; }
  .decisions-wrapper .submit-button-wrapper {
    display: flex;
    justify-content: flex-end; }
  .decisions-wrapper .spending-market-research-checkbox-wrapper {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 0; }
    .decisions-wrapper .spending-market-research-checkbox-wrapper label {
      position: relative;
      margin-left: 2rem; }
    .decisions-wrapper .spending-market-research-checkbox-wrapper label::before {
      content: ' ';
      position: absolute;
      height: 1rem;
      width: 1rem;
      right: calc(100% + 0.5rem);
      top: calc(50% - 0.5rem);
      background: #DBE5EB; }
    .decisions-wrapper .spending-market-research-checkbox-wrapper input {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      width: 1rem;
      height: 1rem;
      border: 2px solid rgba(51, 51, 51, 0.7);
      border-radius: 1px;
      position: relative;
      background: #ffffff; }
    .decisions-wrapper .spending-market-research-checkbox-wrapper input:checked + span {
      pointer-events: none;
      content: '';
      display: flex;
      width: 0.5rem;
      height: 1.25rem;
      border-right: 0.2rem solid #3E484F;
      border-bottom: 0.2rem solid #3E484F;
      transform: rotate(45deg);
      position: absolute;
      left: 0.5rem;
      bottom: 0.5rem; }
    .decisions-wrapper .spending-market-research-checkbox-wrapper input {
      width: 1.5rem;
      height: 1.5rem;
      border: 0.1rem solid #3E484F; }
    .decisions-wrapper .spending-market-research-checkbox-wrapper input:checked + span {
      width: 0.75rem;
      height: 1.75rem;
      left: unset;
      bottom: 0.3rem; }
  .decisions-wrapper button:disabled {
    opacity: 0.3;
    cursor: not-allowed; }
  .decisions-wrapper .has-error {
    background-color: rgba(177, 0, 33, 0.1); }
  .decisions-wrapper .error-msg {
    padding: 0 1rem;
    font-style: italic;
    color: #B10021; }
  .decisions-wrapper .alert {
    color: #B10021;
    position: relative; }
  .decisions-wrapper .editor-button-wrapper {
    margin-left: 1rem; }
  .decisions-wrapper .edit-button {
    background-color: transparent;
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    color: #3E484F; }
    .decisions-wrapper .edit-button img {
      margin-right: 0.5rem; }
    .decisions-wrapper .edit-button:hover {
      opacity: 0.7; }
  .decisions-wrapper .current-editor {
    text-align: right; }
  .decisions-wrapper #set-editor-modal > div:nth-child(2) {
    left: 14rem;
    top: 12rem; }
    .decisions-wrapper #set-editor-modal > div:nth-child(2)::after {
      content: '';
      display: flex;
      width: 0;
      height: 0;
      position: absolute;
      top: -1rem;
      left: 2rem;
      border-left: 0.75rem solid transparent;
      border-right: 0.75rem solid transparent;
      border-bottom: 1rem solid #F7FBFF; }
  .decisions-wrapper .no-changes-made .modal-buttons-wrapper {
    flex-direction: row-reverse;
    justify-content: flex-start; }
  .decisions-wrapper .link-btn {
    color: #1F4889;
    margin-right: 2rem; }
  .decisions-wrapper .editor-status {
    font-style: italic;
    font-weight: 700;
    margin: 0; }
  @media screen and (min-width: 1441px) {
    .decisions-wrapper #set-editor-modal > div:nth-child(2) {
      left: calc((100vw - 1440px)/2 + 14rem);
      top: 12rem; } }
  @media screen and (max-width: 1023px) {
    .decisions-wrapper .decision-header-wrapper {
      flex-direction: column; }
      .decisions-wrapper .decision-header-wrapper > div:first-child {
        align-self: flex-start; }
      .decisions-wrapper .decision-header-wrapper > div:last-child {
        align-self: flex-end; }
    .decisions-wrapper .error-msg {
      padding: 0;
      font-size: 0.8rem; }
    .decisions-wrapper .segment-sales-force-decisions .error-msg {
      display: flex;
      justify-content: flex-end;
      padding: 2rem 1.5rem 1rem; }
    .decisions-wrapper .allocation-remaining {
      margin-top: 2rem;
      padding-right: 1.5rem; }
    .decisions-wrapper .decision-slider {
      padding: 0; }
    .decisions-wrapper .calculator-grid {
      grid-template-columns: 1fr; }
    .decisions-wrapper .decision-input-row {
      grid-template-columns: 1fr 7rem 7rem;
      grid-gap: 0; }
    .decisions-wrapper .decision-result-row {
      grid-template-columns: 1fr 7rem;
      grid-gap: 0; }
    .decisions-wrapper .bar-wrapper {
      display: none;
      height: 2rem; }
    .decisions-wrapper .i-button {
      margin-right: 1rem; }
      .decisions-wrapper .i-button .i-button-content {
        width: 13rem; }
    .decisions-wrapper #set-editor-modal > div:nth-child(2) {
      left: 13rem;
      top: 14.5rem; }
    .decisions-wrapper .spending-market-research-checkbox-wrapper input:checked + span {
      bottom: 1.2rem; } }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
.analyze-wrapper #analyze-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.25rem;
  align-items: center; }

.analyze-wrapper .subtitle {
  font-style: italic;
  margin-top: 0; }

.analyze-wrapper section {
  border: 1px solid #CBD6FF;
  border-radius: 1px;
  background-color: #ffffff;
  padding: 1.25rem 1.25rem 2.5rem;
  box-shadow: 0 10px 20px 0 rgba(31, 72, 137, 0.07);
  max-width: calc(100vw - 3rem); }

.analyze-wrapper section:not(:last-child) {
  margin-bottom: 2rem; }

@media screen and (max-width: 1023px) {
  .analyze-wrapper #analyze-header {
    flex-direction: column; }
    .analyze-wrapper #analyze-header > div:first-child {
      align-self: flex-start; }
    .analyze-wrapper #analyze-header > div:last-child {
      align-self: flex-end;
      padding-right: 1rem; } }


/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
#dashboard #market-share {
  display: grid;
  grid-template-columns: 60% 40%;
  align-items: flex-start; }
  #dashboard #market-share h2 {
    grid-column: span 2;
    margin-bottom: 1rem; }
  #dashboard #market-share #large-customers h3, #dashboard #market-share #small-customers h3 {
    margin-bottom: 1rem; }
  #dashboard #market-share #small-customers {
    padding-left: 5rem; }
  #dashboard #market-share #large-customers {
    border-right: 1px solid #DBE5EB; }
  #dashboard #market-share .change-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end; }
    #dashboard #market-share .change-container img {
      height: 3rem; }
  #dashboard #market-share #small-customers .change-container {
    justify-content: flex-start; }
  #dashboard #market-share .market-change {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    justify-content: center;
    text-align: center; }
  #dashboard #market-share .market-change span:first-child {
    font-size: 1rem;
    flex-basis: 100%;
    margin-bottom: 1rem; }
  #dashboard #market-share .market-change span:not(:first-child) {
    font-size: 1.25rem; }
  #dashboard #market-share #small-customers .market-change {
    margin-left: 2rem; }

#dashboard #segment-share h2 {
  text-align: left;
  margin-bottom: 2rem; }

#dashboard #segment-share .segment-share-headers {
  display: grid;
  grid-template-columns: 50% 50%; }

#dashboard #segment-share .segment-share-row {
  display: grid;
  grid-template-columns: 5% 45% 50%;
  align-items: center;
  margin-bottom: 2rem; }
  #dashboard #segment-share .segment-share-row h3 {
    white-space: nowrap; }
  #dashboard #segment-share .segment-share-row > *:nth-child(2) {
    position: relative; }
    #dashboard #segment-share .segment-share-row > *:nth-child(2)::before {
      content: '';
      display: flex;
      position: absolute;
      height: 80%;
      top: 10%;
      right: 0;
      border-right: 1px solid #DBE5EB; }
  #dashboard #segment-share .segment-share-row figure.pie-chart, #dashboard #segment-share .segment-share-row figure.pie-chart > div {
    height: 100%; }

#dashboard #segment-share #small-customers-segment-share .s-1, #dashboard #segment-share #small-customers-segment-share .s-2 {
  stroke-width: 1px; }

#dashboard #segment-share #small-customers-segment-share .s-1 {
  stroke: #ECB90B;
  color: #ECB90B;
  fill: #ECB90B; }

#dashboard #segment-share #small-customers-segment-share .s-2 {
  stroke: rgba(236, 185, 11, 0.5);
  color: rgba(236, 185, 11, 0.05);
  fill: rgba(236, 185, 11, 0.05); }

#dashboard #segment-share #large-customers-segment-share .s-1, #dashboard #segment-share #large-customers-segment-share .s-2 {
  stroke-width: 1px; }

#dashboard #segment-share #large-customers-segment-share .s-1 {
  stroke: #00B4CD;
  color: #00B4CD;
  fill: #00B4CD; }

#dashboard #segment-share #large-customers-segment-share .s-2 {
  stroke: rgba(0, 180, 205, 0.5);
  color: rgba(0, 180, 205, 0.05);
  fill: rgba(0, 180, 205, 0.05); }

#dashboard #segment-share #large-customers-scale.bar-scale-wrapper .remaining-bar {
  height: 3rem;
  background-color: rgba(0, 180, 205, 0.05);
  border-top: 1px solid #00B4CD;
  border-right: 1px solid #00B4CD;
  border-bottom: 1px solid #00B4CD;
  opacity: 0.3;
  flex-grow: 1; }

#dashboard #segment-share #large-customers-scale.bar-scale-wrapper .current-bar {
  height: 3rem;
  background-color: #00B4CD;
  border-right: 0.2rem solid #292929;
  display: flex;
  position: relative;
  align-items: center; }

#dashboard #segment-share #small-customers-scale.bar-scale-wrapper .remaining-bar {
  height: 3rem;
  background-color: rgba(236, 185, 11, 0.05);
  border-top: 1px solid #ECB90B;
  border-right: 1px solid #ECB90B;
  border-bottom: 1px solid #ECB90B;
  opacity: 0.3;
  flex-grow: 1; }

#dashboard #segment-share #small-customers-scale.bar-scale-wrapper .current-bar {
  height: 3rem;
  background-color: #ECB90B;
  border-right: 0.2rem solid #292929;
  display: flex;
  position: relative;
  align-items: center; }

#dashboard #segment-share .pie-chart {
  display: flex;
  justify-content: space-around;
  align-items: center; }

#dashboard #data-charts {
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: calc(50% - 1rem) calc(50% - 1rem); }
  @media screen and (max-width: 1023px) {
    #dashboard #data-charts {
      grid-template-columns: 100%; } }
  #dashboard #data-charts h2 {
    margin-bottom: 1.25rem; }

@media screen and (max-width: 1023px) {
  #dashboard #market-share {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    #dashboard #market-share > *:not(:last-child) {
      margin-bottom: 2rem; }
    #dashboard #market-share #large-customers {
      border: none; }
    #dashboard #market-share #small-customers {
      padding: 0; }
      #dashboard #market-share #small-customers .title {
        height: 0;
        margin: 0; }
  #dashboard #segment-share .segment-share-row {
    grid-template-columns: 50% auto;
    padding-top: 3rem;
    position: relative; }
    #dashboard #segment-share .segment-share-row h3 {
      position: absolute;
      top: 0.5rem; }
  .bar-scale-labels:first-child {
    display: none; } }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
#container {
  height: 100%;
  display: flex;
  padding-bottom: 2rem; }
  #container #prepare {
    border: 1px solid #CBD6FF;
    border-radius: 1px;
    background-color: #ffffff;
    padding: 1.25rem 1.25rem 2.5rem;
    box-shadow: 0 10px 20px 0 rgba(31, 72, 137, 0.07);
    display: flex;
    overflow-y: auto;
    height: calc(100vh - 7rem - 3.125rem - 4rem);
    padding: 0;
    position: relative; }
    #container #prepare h1 {
      outline: none; }
    #container #prepare #main-content {
      width: 57%;
      padding: 1.25rem 5rem 0 1.25rem; }
    #container #prepare .img-wrapper {
      position: -webkit-sticky;
      position: sticky;
      width: 43%;
      top: 0rem;
      pointer-events: none; }
    #container #prepare.is-safari {
      will-change: transform; }
      #container #prepare.is-safari .img-wrapper {
        position: fixed;
        right: 0rem;
        height: 100%; }
    #container #prepare #image-content {
      width: 100%;
      height: 100%;
      background: url(6a7be97fef5c17c904c8c15057078718.png);
      background-size: cover;
      background-position: center; }
    #container #prepare #main-content p {
      text-align: justify; }
    #container #prepare #main-content a:not(.start-button) {
      color: #B10021;
      text-decoration: underline; }
    #container #prepare .start-btn-container {
      margin-top: 2rem;
      display: flex;
      justify-content: flex-end;
      padding-bottom: 2rem; }
    #container #prepare .start-button {
      margin-left: auto;
      margin-right: 0;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      padding: 0.25rem 2rem;
      background-color: #B10021;
      color: #ffffff;
      border-color: 1px solid rgba(99, 0, 19, 0.8); }
    #container #prepare strong.fac-note {
      margin-right: 0.5rem; }
  @media screen and (max-width: 1023px) {
    #container #prepare {
      flex-direction: column-reverse;
      align-items: center;
      height: 100%; }
      #container #prepare #main-content {
        width: 100%;
        padding: 0 2rem; }
      #container #prepare .img-wrapper {
        width: 100%;
        padding: 2rem; }
      #container #prepare #image-content {
        height: 25rem; } }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
.i-button {
  display: flex;
  position: relative; }
  .i-button button {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.75rem;
    font-style: italic;
    background-color: transparent;
    color: #006B8F;
    padding: 0;
    width: 1rem;
    height: 1rem;
    border: 1px solid #006B8F;
    border-radius: 50%;
    z-index: 4;
    cursor: pointer; }
  .i-button .i-button-content {
    visibility: hidden;
    width: 25rem;
    height: auto;
    position: absolute;
    top: -0.5rem;
    left: -100rem;
    color: #292929;
    background-color: #ffffff;
    padding: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    z-index: 5; }
    .i-button .i-button-content.visible {
      display: flex;
      flex-direction: column;
      visibility: visible;
      left: 1.5rem; }
      .i-button .i-button-content.visible > div {
        outline: none; }
    .i-button .i-button-content p {
      margin: 0; }
    .i-button .i-button-content::before {
      content: '';
      display: flex;
      width: 0;
      height: 0;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-right: 10px solid #ffffff;
      position: absolute;
      top: 0.5rem;
      left: -0.5rem; }
    .i-button .i-button-content.shifted-up {
      top: 0;
      transform: translateY(calc(-100% + 1.5rem)); }
      .i-button .i-button-content.shifted-up::before {
        top: unset;
        bottom: 0.35rem; }
  .i-button hr {
    background-color: #ffffff;
    margin: 1.5rem 0; }
  .i-button .hidden {
    display: none;
    visibility: hidden; }
  .i-button .click-to-disable {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 3; }
  .i-button .close-tooltip-button {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    border-radius: 0;
    border: none; }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
.input-text-wrapper {
  position: relative;
  font-size: 1rem;
  display: flex; }
  .input-text-wrapper input[type=text],
  .input-text-wrapper input[type=password] {
    border: 1px solid #C1C1C1;
    background-color: #FFFFFF;
    text-align: right;
    padding: 0.33rem 0.5rem;
    box-sizing: border-box; }
  .input-text-wrapper textarea {
    height: 186px;
    width: 600px;
    border: 1px solid #333333;
    background-color: #FFFFFF; }
  .input-text-wrapper label {
    margin-right: 1rem; }
  .input-text-wrapper input:disabled, .input-text-wrapper textarea:disabled {
    opacity: 0.5;
    cursor: not-allowed; }
  .input-text-wrapper.textarea {
    display: flex;
    flex-direction: column; }
  .input-text-wrapper.textarea label {
    margin-left: 0;
    margin-bottom: 1.25rem; }
  .input-text-wrapper .number-arrow-wrapper {
    background-color: #ffffff;
    width: 2.5rem;
    border: 1px solid #292929;
    border-radius: 3px;
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-right: 0.5rem; }
    .input-text-wrapper .number-arrow-wrapper > button {
      background: none;
      padding: 0;
      width: 100%;
      height: 50%;
      display: flex;
      justify-content: center;
      align-items: center; }
      .input-text-wrapper .number-arrow-wrapper > button:hover {
        cursor: pointer; }
    .input-text-wrapper .number-arrow-wrapper > button:disabled {
      opacity: 0.5;
      cursor: not-allowed; }
  .input-text-wrapper .up-arrow {
    width: 0;
    height: 0;
    border-left: .5rem solid transparent;
    border-right: .5rem solid transparent;
    border-bottom: 0.7rem solid #B10021;
    border-radius: 3px; }
  .input-text-wrapper .down-arrow {
    width: 0;
    height: 0;
    border-left: .5rem solid transparent;
    border-right: .5rem solid transparent;
    border-top: 0.7rem solid #B10021;
    border-radius: 3px; }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
.likert-scale-wrapper {
  display: flex;
  align-items: center; }
  .likert-scale-wrapper span {
    margin-right: 1rem; }
  .likert-scale-wrapper > div {
    display: flex;
    align-items: center;
    width: 70%; }
  .likert-scale-wrapper .bar {
    display: flex;
    width: 25%;
    height: 1rem;
    margin-right: 0.25rem;
    align-items: center;
    justify-content: center;
    text-align: center; }
  .likert-scale-wrapper .likert-label {
    font-size: 0.5rem; }
  .likert-scale-wrapper .selected {
    height: 2.5rem;
    padding: 0.25rem; }
  .likert-scale-wrapper .segment-a > div {
    background-color: #8C2C6A; }
  .likert-scale-wrapper .segment-a .selected {
    background-color: rgba(140, 44, 106, 0.6); }
  .likert-scale-wrapper .segment-b > div {
    background-color: #5A8EC7; }
  .likert-scale-wrapper .segment-b .selected {
    background-color: rgba(90, 142, 199, 0.6); }
  .likert-scale-wrapper .segment-c > div {
    background-color: #F4823B; }
  .likert-scale-wrapper .segment-c .selected {
    background-color: rgba(244, 130, 59, 0.6); }
  .likert-scale-wrapper .segment-d > div {
    background-color: #03B89D; }
  .likert-scale-wrapper .segment-d .selected {
    background-color: rgba(3, 184, 157, 0.6); }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
#prices section {
  display: grid;
  grid-template-columns: calc(50% - 1rem) calc(50% - 1rem);
  grid-gap: 2rem;
  width: 100%; }

#prices section h2 {
  grid-column: span 2; }

#prices .table section {
  display: flex;
  width: 100%;
  min-height: 25rem;
  overflow-x: auto; }

@media screen and (max-width: 1023px) {
  #prices section {
    display: block; }
    #prices section > * {
      margin-bottom: 2rem; } }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
.radio-group.pill {
  font-size: 1.167rem;
  padding: 0.5rem 0; }
  .radio-group.pill input[type="radio"] {
    z-index: -100;
    opacity: 0;
    pointer-events: none;
    width: 1px; }
  .radio-group.pill .faux-legend {
    padding-right: 0.83rem; }
  .radio-group.pill .option label {
    padding: 0.15rem 0.5rem;
    margin-right: 1.67rem;
    border: 1px solid rgba(0, 66, 63, 0.5);
    border-radius: 4px;
    background-color: #DFF7F6;
    color: #292929;
    cursor: pointer;
    box-shadow: none; }
  .radio-group.pill input[type="radio"]:checked + label {
    background-color: #007670;
    color: #ffffff; }
  .radio-group.pill input[type="radio"]:focus + label, .radio-group.pill input[type="radio"]:hover + label {
    outline-width: medium;
    outline-style: groove;
    outline-color: Highlight;
    outline: 5px auto -webkit-focus-ring-color;
    box-shadow: none; }

.radio-group.data {
  font-size: 1rem;
  color: rgba(41, 41, 41, 0.7);
  justify-self: flex-end; }
  .radio-group.data input[type="radio"] {
    z-index: -100;
    opacity: 0;
    pointer-events: none;
    width: 1px; }
  .radio-group.data .faux-legend {
    padding-right: 0.83rem; }
  .radio-group.data .option label {
    margin-right: 0.5rem;
    cursor: pointer; }
  .radio-group.data input[type="radio"]:checked + label,
  .radio-group.data input[type="radio"]:hover + label {
    text-decoration: underline; }
  .radio-group.data input[type="radio"]:focus + label {
    outline-width: medium;
    outline-style: groove;
    outline-color: Highlight;
    outline: 5px auto -webkit-focus-ring-color; }

.radio-group.fac-radio {
  margin-right: 1.875rem;
  margin-bottom: 1.875rem; }
  .radio-group.fac-radio input[type="radio"] {
    opacity: 0;
    pointer-events: none;
    width: 1px; }
  .radio-group.fac-radio label {
    position: relative;
    padding-left: 2rem;
    font-size: 1.15rem; }
  .radio-group.fac-radio label:before {
    content: '';
    width: 1.375rem;
    height: 1.375rem;
    border: 1px solid #292929;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer; }
  .radio-group.fac-radio label:after {
    content: '';
    width: 0.75rem;
    height: 0.75rem;
    background: #292929;
    border-radius: 50%;
    position: absolute;
    left: calc((1.375rem - 0.75rem) / 2);
    top: calc((1.375rem - 0.75rem) / 2);
    cursor: pointer;
    display: none; }
  .radio-group.fac-radio input[type="radio"]:checked + label:after {
    display: block; }
  .radio-group.fac-radio input:disabled + label:before, .radio-group.fac-radio input:disabled + label:after {
    opacity: 0.5;
    cursor: not-allowed; }
  .radio-group.fac-radio.horizontal .option {
    margin-left: 2.5rem;
    margin-bottom: 0; }

.radio-group.highlight {
  pointer-events: none; }
  .radio-group.highlight .faux-legend, .radio-group.highlight .option {
    background: #ffffff; }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
#sales-force section {
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: calc(50% - 1rem) calc(50% - 1rem);
  overflow: auto; }
  @media screen and (max-width: 1023px) {
    #sales-force section {
      grid-template-columns: 100%; } }

#sales-force .table section {
  display: flex; }

#sales-force #pie-container .pie-chart {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  #sales-force #pie-container .pie-chart .arc.segmentA {
    fill: #8C2C6A;
    stroke: #8C2C6A;
    color: #8C2C6A;
    background: #8C2C6A; }
  #sales-force #pie-container .pie-chart .arc.segmentB {
    fill: #5A8EC7;
    stroke: #5A8EC7;
    color: #5A8EC7;
    background: #5A8EC7; }
  #sales-force #pie-container .pie-chart .arc.segmentC {
    fill: #F4823B;
    stroke: #F4823B;
    color: #F4823B;
    background: #F4823B; }
  #sales-force #pie-container .pie-chart .arc.segmentD {
    fill: #03B89D;
    stroke: #03B89D;
    color: #03B89D;
    background: #03B89D; }

#sales-force #likert-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

@media screen and (max-width: 1023px) {
  #sales-force .likert-scale-wrapper {
    margin-bottom: 0.5rem; } }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
.sales {
  padding-bottom: 2rem; }
  .sales section {
    display: grid;
    grid-gap: 2rem;
    grid-template-columns: calc(50% - 1rem) calc(50% - 1rem);
    width: 100%; }
    @media screen and (max-width: 1023px) {
      .sales section {
        grid-template-columns: 100%; } }
  .sales .table section {
    grid-template-columns: 1fr;
    width: 100%;
    overflow-x: auto; }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
#purchases section {
  overflow: auto; }

#purchases .graph h2 {
  margin-bottom: 1.25rem;
  font-size: 1.17rem; }

#purchases #graphs {
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: calc(50% - 1rem) calc(50% - 1rem); }
  @media screen and (max-width: 1023px) {
    #purchases #graphs {
      grid-template-columns: 100%; } }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
#performance #graphs {
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: calc(50% - 1rem) calc(50% - 1rem); }
  @media screen and (max-width: 1023px) {
    #performance #graphs {
      grid-template-columns: 100%; } }

@media screen and (max-width: 1023px) {
  #performance section {
    overflow: auto; } }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
#research .table .data-table-scroll-wrapper {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden; }

#research .table section {
  padding-top: 1rem; }

#research .table table thead tr:first-child th {
  border-bottom: 2px solid #292929; }

#research #research-chart-display {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: 1fr 30%;
  grid-template-rows: 1fr auto 1fr; }

#research #view-selector {
  grid-column: span 2;
  display: flex;
  justify-content: space-between; }

#research #feature-selector {
  display: flex;
  justify-content: flex-start; }

#research #feature-selector .chart-dropdown {
  margin-right: 2rem; }

#research #time-scrubber {
  background-color: rgba(51, 51, 51, 0.05);
  border-radius: 2px;
  padding: 0.5rem 1.25rem; }
  #research #time-scrubber button {
    background: transparent;
    border: none;
    color: #292929;
    padding: 0.5rem;
    margin: 0.5rem 0.5rem 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center; }
    #research #time-scrubber button img {
      height: 1.25rem; }
    #research #time-scrubber button span {
      display: inline-block;
      font-size: 1.05rem;
      padding-left: 0.5rem; }
  #research #time-scrubber > div:first-child {
    text-align: center; }
  #research #time-scrubber > div:last-child {
    align-items: center;
    display: flex; }
  #research #time-scrubber .decision-slider {
    flex-grow: 1; }
    #research #time-scrubber .decision-slider .slider-wrapper {
      margin: 0 0.75rem !important; }

#research #segment-selector {
  padding-left: 1rem; }

#research .checkbox-container {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative; }
  #research .checkbox-container label {
    position: relative;
    margin-left: 2rem; }
  #research .checkbox-container label::before {
    content: ' ';
    position: absolute;
    height: 1rem;
    width: 1rem;
    right: calc(100% + 0.5rem);
    top: calc(50% - 0.5rem);
    background: #DBE5EB; }
  #research .checkbox-container input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 1rem;
    height: 1rem;
    border: 2px solid rgba(51, 51, 51, 0.7);
    border-radius: 1px;
    position: relative;
    background: #ffffff; }
  #research .checkbox-container input:checked + span {
    pointer-events: none;
    content: '';
    display: flex;
    width: 0.5rem;
    height: 1.25rem;
    border-right: 0.2rem solid #3E484F;
    border-bottom: 0.2rem solid #3E484F;
    transform: rotate(45deg);
    position: absolute;
    left: 0.5rem;
    bottom: 0.5rem; }
  #research .checkbox-container label#segment-a::before {
    background: #8C2C6A; }
  #research .checkbox-container label#segment-b::before {
    background: #5A8EC7; }
  #research .checkbox-container label#segment-c::before {
    background: #F4823B; }
  #research .checkbox-container label#segment-d::before {
    background: #03B89D; }
  #research .checkbox-container label#small-customers::before {
    background: #ECB90B; }
  #research .checkbox-container label#competitor::before {
    background: #657682; }

#research #research-chart-container.svg-container {
  display: inline-block;
  position: relative;
  width: 100%;
  vertical-align: top;
  overflow: hidden; }

#research #research-chart-container .svg-content {
  display: inline-block;
  top: 0;
  left: 0; }

#research #research-chart-container .axis path,
#research #research-chart-container .axis line {
  fill: none;
  stroke: black; }

#research #research-chart-container .line {
  fill: none;
  stroke: blue;
  stroke-width: 2px; }

#research #research-chart-container .tick text {
  font-size: 12px; }

#research #research-chart-container .tick line {
  opacity: 0.2;
  stroke-dasharray: 2; }

#research #research-chart-container .main-label {
  font-weight: 700; }

#research .dot-label {
  margin-left: 1rem;
  position: relative; }
  #research .dot-label:after {
    position: absolute;
    right: calc(100% + 0.5rem);
    top: calc(50% - 0.25rem);
    content: ' ';
    height: 0.5rem;
    width: 0.5rem;
    background: #DBE5EB;
    border-radius: 100%; }
  #research .dot-label.segment-a::after {
    background: #8C2C6A; }
  #research .dot-label.segment-b::after {
    background: #5A8EC7; }
  #research .dot-label.segment-c::after {
    background: #F4823B; }
  #research .dot-label.segment-d::after {
    background: #03B89D; }
  #research .dot-label.small-customers::after {
    background: #ECB90B; }
  #research .dot-label.competitor::after {
    background: #657682; }
  #research .dot-label.company::after {
    background: #E35B74; }

#research .iphone-slider input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  visibility: hidden; }

#research .iphone-slider input[type=range]::-moz-range-thumb {
  -moz-appearance: none;
       appearance: none;
  visibility: hidden; }

@media screen and (max-width: 1023px) {
  #research #research-customers {
    display: flex;
    flex-direction: column; }
    #research #research-customers > *:first-child {
      margin-top: 0.5rem;
      margin-bottom: 1rem; }
    #research #research-customers label {
      white-space: nowrap;
      margin: 0; }
  #research #view-selector {
    display: flex;
    flex-direction: row-reverse; }
    #research #view-selector > * {
      margin-bottom: 1rem; }
  #research #customer-selector {
    display: flex;
    justify-content: flex-start; }
  #research #feature-selector {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between; }
    #research #feature-selector > *:last-child {
      margin-bottom: 1rem; }
    #research #feature-selector .input-dropdown-wrapper:last-of-type {
      margin-right: 0; }
  #research #research-chart-display {
    display: flex;
    flex-direction: column; }
  #research #segment-selector {
    display: grid;
    grid-template-columns: 1fr 1fr; } }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
.financials {
  position: relative;
  width: 100%; }
  .financials .radio-group {
    margin-bottom: 2rem; }
  .financials .ctc-button-container {
    display: flex;
    justify-content: flex-end; }
  .financials .scrollable-table-wrapper {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    margin-bottom: 3rem; }
  .financials table {
    width: 100%;
    margin-top: 2rem; }
  .financials td, .financials th {
    white-space: nowrap; }
  .financials thead > tr > td,
  .financials thead > tr > th {
    text-align: right;
    padding-right: 1rem;
    border-bottom: 1px solid #292929; }
  .financials tbody > tr > th {
    text-align: left; }
  .financials td:not(:first-child) {
    text-align: right;
    padding-right: 1rem; }
  .financials thead > tr > td:first-child,
  .financials tbody > tr > th:first-child {
    padding-left: 0.5rem;
    position: -webkit-sticky;
    position: sticky;
    background-clip: padding-box;
    left: 0;
    background-color: #ffffff;
    border-right: 1px solid #292929; }
  .financials td.negative {
    color: #B10021; }
  .financials .bold {
    font-weight: 700; }
  .financials .gray {
    background-color: #F7FBFF; }
    .financials .gray > td {
      background-color: #F7FBFF; }
    .financials .gray > th {
      background-color: #F7FBFF !important; }
  .financials .bottom-bar > td, .financials .bottom-bar > th {
    border-bottom: 0.2rem solid #DBE5EB; }
  .financials .financials-chart-wrapper {
    display: grid;
    grid-gap: 2rem;
    grid-template-columns: calc(50% - 1rem) calc(50% - 1rem); }
    @media screen and (max-width: 1023px) {
      .financials .financials-chart-wrapper {
        grid-template-columns: 100%; } }
  @media screen and (max-width: 1023px) {
    .financials .option {
      display: inline-block;
      margin-bottom: 1rem; }
    .financials td:first-child, .financials th:first-child {
      min-width: 10rem;
      max-width: 10rem;
      white-space: normal; } }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
#sim-closed-page section {
  border: 1px solid #CBD6FF;
  border-radius: 1px;
  background-color: #ffffff;
  padding: 1.25rem 1.25rem 2.5rem;
  box-shadow: 0 10px 20px 0 rgba(31, 72, 137, 0.07); }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
.input-dropdown-wrapper {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  /*Hiding the select arrow for IE10*/ }
  .input-dropdown-wrapper label {
    padding-right: 1rem; }
  .input-dropdown-wrapper .input-wrapper {
    position: relative;
    display: inline-block; }
  .input-dropdown-wrapper select:disabled {
    opacity: 0.8;
    pointer-events: none; }
  .input-dropdown-wrapper select {
    background-color: #ffffff;
    color: #292929;
    font-size: inherit;
    padding: 0.5rem;
    padding-right: 2.5rem;
    border: 1px solid #292929;
    margin: 0;
    border-radius: 3px;
    text-indent: 0.01px;
    text-overflow: '';
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
  .input-dropdown-wrapper select::-ms-expand {
    display: none; }
  .input-dropdown-wrapper .input-wrapper::before,
  .input-dropdown-wrapper .input-wrapper::after {
    content: "";
    position: absolute;
    pointer-events: none; }
  .input-dropdown-wrapper .input-wrapper::after {
    /*    Custom dropdown arrow */
    content: "\25BC";
    height: 1rem;
    font-size: 1rem;
    line-height: 1;
    right: 0.5rem;
    top: 50%;
    margin-top: -0.5rem;
    color: #ffffff; }
  .input-dropdown-wrapper .input-wrapper::before {
    /*    Custom dropdown arrow cover */
    width: 2rem;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0 3px 3px 0;
    border: 1px solid #292929;
    background-color: #B10021; }

.input-dropdown-wrapper.chart-dropdown {
  display: flex;
  align-items: baseline;
  /*Hiding the select arrow for IE10*/ }
  .input-dropdown-wrapper.chart-dropdown label {
    padding-right: 1rem; }
  .input-dropdown-wrapper.chart-dropdown .input-wrapper {
    position: relative; }
  .input-dropdown-wrapper.chart-dropdown select:disabled {
    opacity: 0.8;
    pointer-events: none; }
  .input-dropdown-wrapper.chart-dropdown select {
    background-color: transparent;
    color: #292929;
    font-size: inherit;
    padding: 0.5rem;
    padding-right: 2.5rem;
    border: 1px solid #292929;
    margin: 0;
    border-radius: 2px;
    text-indent: 0.01px;
    text-overflow: '';
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
  .input-dropdown-wrapper.chart-dropdown select::-ms-expand {
    display: none; }
  .input-dropdown-wrapper.chart-dropdown .input-wrapper::before,
  .input-dropdown-wrapper.chart-dropdown .input-wrapper::after {
    content: "";
    position: absolute;
    pointer-events: none; }
  .input-dropdown-wrapper.chart-dropdown .input-wrapper::after {
    /*    Custom dropdown arrow */
    content: "\25BC";
    height: 1rem;
    font-size: 0.8rem;
    line-height: 1;
    right: 0.5rem;
    top: 50%;
    margin-top: -0.4rem;
    color: #292929; }
  .input-dropdown-wrapper.chart-dropdown .input-wrapper::before {
    /*    Custom dropdown arrow cover */
    display: none; }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
.archived-runs-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .archived-runs-wrapper section {
    border: 1px solid #CBD6FF;
    border-radius: 1px;
    background-color: #ffffff;
    padding: 1.25rem 1.25rem 2.5rem;
    box-shadow: 0 10px 20px 0 rgba(31, 72, 137, 0.07);
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin: 1rem 0 2rem;
    overflow: auto; }
  .archived-runs-wrapper table {
    width: 100%; }
  .archived-runs-wrapper thead th {
    height: 5rem; }
  .archived-runs-wrapper td, .archived-runs-wrapper th {
    text-align: left; }
    .archived-runs-wrapper td:last-child, .archived-runs-wrapper th:last-child {
      text-align: right; }
  .archived-runs-wrapper tbody td {
    border-bottom: 2px solid #DBE5EB; }
  .archived-runs-wrapper a {
    text-decoration: underline;
    color: #1F4889; }
    .archived-runs-wrapper a:hover {
      opacity: 0.75; }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
.results-wrapper section {
  border: 1px solid #CBD6FF;
  border-radius: 1px;
  background-color: #ffffff;
  padding: 1.25rem 1.25rem 2.5rem;
  box-shadow: 0 10px 20px 0 rgba(31, 72, 137, 0.07);
  display: flex;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  height: calc(100vh - 7rem - 3.125rem - 4rem);
  overflow-y: auto;
  position: relative; }

.results-wrapper h3 {
  margin-bottom: 1rem;
  font-size: 1rem;
  font-weight: 700; }

.results-wrapper .results-content {
  padding: 1rem 1rem 1rem 0;
  width: 57%; }
  .results-wrapper .results-content > p {
    outline: none; }
  .results-wrapper .results-content > *:not(:first-child) {
    padding-left: 1rem; }

.results-wrapper .fired-img, .results-wrapper .success-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 43%;
  pointer-events: none; }

.results-wrapper .is-safari {
  will-change: transform; }
  .results-wrapper .is-safari .fired-img, .results-wrapper .is-safari .success-img {
    right: 0;
    height: 100%;
    position: fixed; }

.results-wrapper .fired-img {
  background-image: url(7689f1c6f58b4508202cacb49440ee69.png); }

.results-wrapper .success-img {
  background-image: url(9774b6fce107058a910fac19d44b98c0.png); }

.results-wrapper .row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  margin-right: 5rem; }

.results-wrapper .gray-bottom {
  border-bottom: 2px solid #DBE5EB; }

.results-wrapper .customer-satisfaction {
  display: flex;
  flex-direction: column;
  margin-top: 1.5rem; }
  .results-wrapper .customer-satisfaction > div {
    margin-bottom: 0.5rem; }

.results-wrapper .play-again-wrapper {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 2rem;
  padding-right: 5rem; }
  .results-wrapper .play-again-wrapper button {
    padding: 0.5rem 2.5rem; }

@media screen and (max-width: 1023px) {
  .results-wrapper section {
    display: flex;
    flex-direction: column-reverse;
    padding: 2rem;
    height: 100%; }
  .results-wrapper .results-content {
    width: 100%;
    padding: 0; }
  .results-wrapper .fired-img, .results-wrapper .success-img {
    width: 100%;
    height: 25rem;
    background-position: center center; } }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
.modal-wrapper {
  height: 100vh;
  width: 100vw;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 0; }
  .modal-wrapper .modal-background {
    z-index: 11;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3); }
  .modal-wrapper .modal {
    z-index: 13;
    background: #F7FBFF;
    color: #292929;
    padding: 1.25rem 2rem;
    position: fixed;
    max-width: 30rem;
    margin: 0 1rem;
    box-shadow: 0 2px 16px 5px rgba(0, 0, 0, 0.5); }
  .modal-wrapper h1 {
    margin: 0;
    padding: 0;
    padding-bottom: 0.5rem; }
  .modal-wrapper h2 {
    font-weight: 400;
    font-size: 1.25rem;
    margin-top: 0; }
  .modal-wrapper p {
    font-weight: 400;
    margin-left: 0.42rem;
    margin-right: 0.42rem; }
  .modal-wrapper .modal-buttons-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 2rem 0.42rem 0;
    overflow: visible; }
    .modal-wrapper .modal-buttons-wrapper button, .modal-wrapper .modal-buttons-wrapper a {
      cursor: pointer;
      overflow: visible; }
    .modal-wrapper .modal-buttons-wrapper a {
      text-decoration: underline; }
  .modal-wrapper button.modal-close {
    background: transparent;
    border: none;
    color: #292929;
    font-style: normal;
    font-weight: 700;
    margin: 0;
    padding: 0.2rem;
    position: absolute;
    top: 0.625rem;
    right: 0.625rem;
    box-shadow: none;
    display: flex; }
  .modal-wrapper .start-game-button {
    background: none;
    color: #292929;
    padding: 0;
    text-decoration: underline; }
  .modal-wrapper .hidden {
    display: none; }

#tutorial-modal .modal {
  width: 100%;
  max-width: unset;
  margin: 0;
  bottom: 0;
  left: 0; }

#tutorial-modal .modal-buttons-wrapper {
  margin-bottom: 1rem; }

#tutorial-modal .tutorial-step {
  position: absolute;
  left: 50%;
  bottom: -0.42rem;
  transform: translate(-50%, -50%); }

#tutorial-modal .prev {
  margin-right: auto;
  border-color: #710000;
  background: #F7FBFF;
  color: #710000;
  width: 9rem; }

#tutorial-modal .next {
  margin-left: auto;
  width: 9rem; }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
#tutorial-modal .tutorial-buttons {
  display: flex;
  justify-content: space-between; }

#tutorial-modal .tutorial-buttons a:not(.end-tutorial-link) {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0.25rem 2rem;
  background-color: #B10021;
  color: #ffffff;
  border-color: 1px solid rgba(99, 0, 19, 0.8); }

#tutorial-modal .end-tutorial-link {
  font-weight: 700;
  color: #3E484F;
  text-decoration: underline; }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
.decision-history-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-bottom: 2rem; }
  .decision-history-wrapper h1 {
    margin-bottom: 0.625rem; }
  .decision-history-wrapper section {
    border: 1px solid #CBD6FF;
    border-radius: 1px;
    background-color: #ffffff;
    padding: 1.25rem 1.25rem 2.5rem;
    box-shadow: 0 10px 20px 0 rgba(31, 72, 137, 0.07);
    max-width: calc(100vw - 3rem);
    flex-grow: 1; }
  .decision-history-wrapper .ctc-button-container {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1.5rem; }
  .decision-history-wrapper .scrollable-table-wrapper {
    width: 100%;
    max-width: 100%;
    overflow-x: scroll; }
  .decision-history-wrapper table {
    width: 100%; }
  .decision-history-wrapper td, .decision-history-wrapper th {
    white-space: nowrap;
    text-align: right;
    padding-right: 1rem; }
  .decision-history-wrapper tbody th {
    text-align: left; }
  .decision-history-wrapper thead > tr > th {
    border-bottom: 1px solid #292929; }
  .decision-history-wrapper td:not(:first-child) {
    text-align: right;
    padding-right: 1rem; }
  .decision-history-wrapper td:first-child, .decision-history-wrapper th:first-child {
    padding-left: 0.5rem;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    background-color: #ffffff;
    border-right: 1px solid #292929;
    background-clip: padding-box; }
  .decision-history-wrapper thead td:first-child {
    border-bottom: 1px solid #292929; }
  .decision-history-wrapper tbody tr:nth-child(odd) td, .decision-history-wrapper tbody tr:nth-child(odd) th {
    background-color: #F7FBFF;
    border-bottom: 1px solid #DBE5EB; }
  @media screen and (max-width: 1023px) {
    .decision-history-wrapper td:first-child, .decision-history-wrapper th:first-child {
      min-width: 15rem;
      max-width: 15rem;
      overflow: hidden;
      text-overflow: ellipsis; } }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
#customer-satisfaction .review-row {
  display: grid;
  grid-template-columns: 17.5rem 12rem 1fr;
  margin-bottom: 2rem; }

#customer-satisfaction .stars-container {
  padding: 0.75rem 1.25rem; }

#customer-satisfaction .stars-label {
  margin: 0.25rem 0;
  font-size: 1.25rem; }

#customer-satisfaction .stars {
  display: flex;
  justify-content: space-between;
  height: 1.5rem; }

#customer-satisfaction .stars img {
  height: 100%; }

#customer-satisfaction .review-container {
  padding-top: 0.25rem;
  display: flex;
  align-items: flex-start; }
  #customer-satisfaction .review-container p {
    margin: 0 2rem 2rem; }

#customer-satisfaction .customer-container {
  display: flex;
  align-items: flex-start; }
  #customer-satisfaction .customer-container img {
    position: relative;
    height: 5rem; }
  #customer-satisfaction .customer-container span {
    font-size: 1.25rem;
    margin: 0.5rem 1rem; }

#customer-satisfaction .checkbox-container {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative; }
  #customer-satisfaction .checkbox-container label {
    position: relative;
    margin-left: 2rem; }
  #customer-satisfaction .checkbox-container label::before {
    content: ' ';
    position: absolute;
    height: 1rem;
    width: 1rem;
    right: calc(100% + 0.5rem);
    top: calc(50% - 0.5rem);
    background: #DBE5EB; }
  #customer-satisfaction .checkbox-container input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 1rem;
    height: 1rem;
    border: 2px solid rgba(51, 51, 51, 0.7);
    border-radius: 1px;
    position: relative;
    background: #ffffff; }
  #customer-satisfaction .checkbox-container input:checked + span {
    pointer-events: none;
    content: '';
    display: flex;
    width: 0.5rem;
    height: 1.25rem;
    border-right: 0.2rem solid #3E484F;
    border-bottom: 0.2rem solid #3E484F;
    transform: rotate(45deg);
    position: absolute;
    left: 0.5rem;
    bottom: 0.5rem; }
  #customer-satisfaction .checkbox-container label#segment-a::before {
    background: #8C2C6A; }
  #customer-satisfaction .checkbox-container label#segment-b::before {
    background: #5A8EC7; }
  #customer-satisfaction .checkbox-container label#segment-c::before {
    background: #F4823B; }
  #customer-satisfaction .checkbox-container label#segment-d::before {
    background: #03B89D; }
  #customer-satisfaction .checkbox-container label#small-customers::before {
    background: #ECB90B; }

#customer-satisfaction #line-chart-container {
  display: grid;
  grid-template-columns: 70% 1fr;
  margin-bottom: 4rem; }

#customer-satisfaction .line-chart {
  padding-left: 4rem; }

#customer-satisfaction #checkboxes {
  padding-left: 2rem; }

#customer-satisfaction .hide-s-2 .s-2:not(.contour-legend-key) {
  display: none; }

#customer-satisfaction .hide-s-3 .s-3:not(.contour-legend-key) {
  display: none; }

#customer-satisfaction .hide-s-4 .s-4:not(.contour-legend-key) {
  display: none; }

#customer-satisfaction .hide-s-5 .s-5:not(.contour-legend-key) {
  display: none; }

#customer-satisfaction .hide-s-6 .s-6:not(.contour-legend-key) {
  display: none; }

#customer-satisfaction .hide-s-7 .s-7:not(.contour-legend-key) {
  display: none; }

#customer-satisfaction .customer-container img {
  border-radius: 100%;
  height: 4rem;
  background: #DBE5EB; }
  #customer-satisfaction .customer-container img.segment-a {
    background: #8C2C6A; }
  #customer-satisfaction .customer-container img.segment-b {
    background: #5A8EC7; }
  #customer-satisfaction .customer-container img.segment-c {
    background: #F4823B; }
  #customer-satisfaction .customer-container img.segment-d {
    background: #03B89D; }
  #customer-satisfaction .customer-container img.small-customers {
    background: #ECB90B; }

@media screen and (max-width: 1023px) {
  #customer-satisfaction #line-chart-container {
    grid-template-columns: 100%;
    grid-gap: 2rem; }
  #customer-satisfaction .line-chart {
    padding: 0; }
  #customer-satisfaction .review-row {
    grid-template-columns: 1fr; }
  #customer-satisfaction .stars {
    margin-bottom: 1.5rem; }
  #customer-satisfaction .stars-container {
    width: 15rem;
    padding-top: 1.5rem;
    padding-bottom: 0; }
  #customer-satisfaction #customer-satisfaction-chart-legend {
    display: none; } }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
.leaderboard-wrapper {
  padding-bottom: 2rem;
  display: flex;
  flex-direction: column;
  height: 100%; }
  .leaderboard-wrapper h1 {
    margin-bottom: 0.625rem; }
  .leaderboard-wrapper section {
    border: 1px solid #CBD6FF;
    border-radius: 1px;
    background-color: #ffffff;
    padding: 1.25rem 1.25rem 2.5rem;
    box-shadow: 0 10px 20px 0 rgba(31, 72, 137, 0.07);
    flex-grow: 1;
    overflow: auto; }
  .leaderboard-wrapper table {
    width: 100%; }
  .leaderboard-wrapper th, .leaderboard-wrapper td {
    text-align: left; }
    .leaderboard-wrapper th:last-of-type, .leaderboard-wrapper td:last-of-type {
      width: 60%; }
    .leaderboard-wrapper th:first-of-type, .leaderboard-wrapper td:first-of-type {
      width: 20%; }
  .leaderboard-wrapper tbody td, .leaderboard-wrapper th {
    border-bottom: 0.2rem solid #DBE5EB;
    padding-top: 1rem;
    padding-bottom: 1rem; }
  .leaderboard-wrapper .leaderboard-header {
    display: flex;
    justify-content: space-between; }
    .leaderboard-wrapper .leaderboard-header button {
      width: 2.5rem;
      height: 2.5rem;
      padding: 0; }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
#sim-setup .fac-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem; }
  #sim-setup .fac-header h1 {
    margin-top: 0; }

#sim-setup #setup-container {
  display: grid;
  grid-template-columns: 65% auto; }

#sim-setup #setup-container > div:nth-child(odd) {
  border-top: 1px solid #292929;
  padding: 1rem 0;
  margin-right: 0.25rem; }

#sim-setup #setup-container > div:nth-child(even) {
  background: #D8D8D8;
  margin-bottom: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  padding: 1rem; }
  #sim-setup #setup-container > div:nth-child(even).user-status {
    flex-direction: column; }
  #sim-setup #setup-container > div:nth-child(even).user-status p {
    margin: 0; }

#sim-setup h2 {
  font-size: 1.75rem;
  margin-bottom: 2rem;
  margin-top: 1rem; }

#sim-setup #setup-container h3 {
  font-weight: 700;
  font-size: 1.5rem;
  margin-bottom: 1rem; }

#sim-setup #setup-container > div > *:not(h3) {
  padding-left: 2rem; }

#sim-setup #new-run-button {
  border-radius: 5rem;
  font-size: 1.25rem; }

#sim-setup #weighted-measures {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 15rem;
  padding-bottom: 1.5rem; }

#sim-setup #weighted-measures p {
  grid-column: span 2; }

#sim-setup #weighted-measures > div {
  display: flex;
  flex-direction: column;
  justify-content: space-around; }

#sim-setup #weighted-measures .input-text-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center; }

#sim-setup #weighted-measures .input-text-wrapper input {
  width: 5rem; }

#sim-setup #weighted-measures .input-text-wrapper label {
  margin-left: 2rem;
  position: relative; }
  #sim-setup #weighted-measures .input-text-wrapper label::before {
    position: absolute;
    content: ' ';
    height: 1rem;
    width: 1rem;
    background: #292929;
    right: calc(100% + 0.5rem);
    top: calc(50% - 0.5rem); }
  #sim-setup #weighted-measures .input-text-wrapper label#label-customerSatisfaction::before {
    background: #03B89D; }
  #sim-setup #weighted-measures .input-text-wrapper label#label-marketShare::before {
    background: #F4823B; }
  #sim-setup #weighted-measures .input-text-wrapper label#label-cumProfit::before {
    background: #8C2C6A; }
  #sim-setup #weighted-measures .input-text-wrapper label#label-cumRevenue::before {
    background: #5A8EC7; }

#sim-setup #weighted-measures .pie-chart {
  height: unset; }
  #sim-setup #weighted-measures .pie-chart .s-1 {
    background: #03B89D;
    fill: #03B89D;
    stroke: #03B89D; }
  #sim-setup #weighted-measures .pie-chart .s-2 {
    background: #F4823B;
    fill: #F4823B;
    stroke: #F4823B; }
  #sim-setup #weighted-measures .pie-chart .s-3 {
    background: #8C2C6A;
    fill: #8C2C6A;
    stroke: #8C2C6A; }
  #sim-setup #weighted-measures .pie-chart .s-4 {
    background: #5A8EC7;
    fill: #5A8EC7;
    stroke: #5A8EC7; }

#sim-setup #customizations > div {
  margin-bottom: 1.5rem; }

#sim-setup .radio-group .faux-legend,
#sim-setup .input-text-wrapper:not(.percent) label,
#sim-setup .input-dropdown-wrapper label,
#sim-setup #weighted-measures p strong {
  font-size: 1.25rem; }

#sim-setup #weighted-measures p span {
  margin-left: 0.5rem; }

#sim-setup #customizations .option {
  margin-left: 0.5rem; }

#sim-setup #status {
  display: flex;
  flex-direction: column; }
  #sim-setup #status .option {
    margin-bottom: 0.5rem; }

#sim-setup a {
  font-size: 1.25rem;
  text-decoration: underline; }

#sim-setup .input-text.invalid {
  background: rgba(177, 0, 33, 0.25); }

#sim-setup span.invalid {
  color: #B10021;
  font-weight: 700; }

#sim-setup .has-error {
  background-color: rgba(177, 0, 33, 0.1); }

#sim-setup #show-scores {
  margin-right: 0.5rem;
  margin-bottom: 0; }
  #sim-setup #show-scores #show-scores-tooltip__tooltip {
    width: 20rem; }

#sim-setup .show-scores-container {
  display: flex;
  align-items: center;
  margin-bottom: 2.25rem; }

#sim-setup .tooltip-legend {
  display: inline-block;
  margin-right: 1rem; }
  #sim-setup .tooltip-legend .tooltip {
    margin-left: 0.5rem; }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
.data-table-wrapper {
  width: 100%;
  position: relative; }
  .data-table-wrapper section {
    padding-top: 2rem; }
  .data-table-wrapper .hidden {
    display: none; }
  .data-table-wrapper .toggle-view-wrapper {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative; }
    .data-table-wrapper .toggle-view-wrapper #graphOrData {
      position: absolute;
      top: 0.5rem;
      right: 1rem; }
  .data-table-wrapper .ctc-button {
    position: absolute;
    right: 0.5rem;
    top: 2.5rem; }
  .data-table-wrapper table {
    width: 100%;
    margin-top: 3.5rem; }
    .data-table-wrapper table th {
      font-weight: 700; }
    .data-table-wrapper table th, .data-table-wrapper table td {
      position: relative;
      white-space: nowrap; }
      .data-table-wrapper table th:first-child, .data-table-wrapper table td:first-child {
        text-align: center; }
    .data-table-wrapper table thead tr:last-child th:not(:first-child), .data-table-wrapper table thead tr:last-child td:not(:first-child), .data-table-wrapper table tbody tr th:not(:first-child), .data-table-wrapper table tbody tr td:not(:first-child) {
      text-align: right; }
    .data-table-wrapper table tr:nth-child(even) td, .data-table-wrapper table tr:nth-child(even) th {
      background-color: #F7FBFF;
      border-bottom: 2px solid #DBE5EB; }
    .data-table-wrapper table tr:nth-child(odd) td, .data-table-wrapper table tr:nth-child(odd) th {
      background-color: #ffffff; }
    .data-table-wrapper table thead > tr:last-child td, .data-table-wrapper table thead > tr:last-child th {
      border-bottom: 2px solid #292929; }
    .data-table-wrapper table td:first-child, .data-table-wrapper table th:first-child {
      position: -webkit-sticky;
      position: sticky;
      left: 0;
      border-right: 2px solid #292929;
      background-clip: padding-box;
      z-index: 1; }
      .data-table-wrapper table td:first-child::after, .data-table-wrapper table th:first-child::after {
        content: '';
        display: flex;
        position: absolute;
        top: 0;
        left: -1.25rem;
        width: 1.25rem;
        height: 110%;
        background-color: #ffffff; }
    .data-table-wrapper table .border-right:not(:last-child) {
      border-right: 2px solid #292929; }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
.filter {
  background-color: #F5F5F5;
  border: 1px solid #292929;
  border-radius: 2px;
  box-shadow: 0px 0px 12px 0px #e6e5e5;
  padding: 0.5rem 2rem 2rem; }
  .filter .fitler-view, .filter .filter-show, .filter .filter-text {
    font-size: 1.167rem !important; }
  .filter .filter-show {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    padding: 1.25rem 0; }
    .filter .filter-show .input-dropdown-wrapper {
      display: flex;
      flex-flow: row nowrap;
      align-items: center; }
    .filter .filter-show .input-wrapper select {
      max-width: 15rem; }
    .filter .filter-show span {
      margin-left: 0.5rem; }
  .filter .input-text-wrapper {
    font-size: 1.167rem; }
  .filter .checkbox-container {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    margin-bottom: 0;
    margin-left: 1rem; }
    .filter .checkbox-container label {
      position: relative;
      margin-left: 2rem; }
    .filter .checkbox-container label::before {
      content: ' ';
      position: absolute;
      height: 1rem;
      width: 1rem;
      right: calc(100% + 0.5rem);
      top: calc(50% - 0.5rem);
      background: #DBE5EB; }
    .filter .checkbox-container input {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      width: 1rem;
      height: 1rem;
      border: 2px solid rgba(51, 51, 51, 0.7);
      border-radius: 1px;
      position: relative;
      background: #ffffff; }
    .filter .checkbox-container input:checked + span {
      pointer-events: none;
      content: '';
      display: flex;
      width: 0.5rem;
      height: 1.25rem;
      border-right: 0.2rem solid #3E484F;
      border-bottom: 0.2rem solid #3E484F;
      transform: rotate(45deg);
      position: absolute;
      left: 0.5rem;
      bottom: 0.5rem; }
    .filter .checkbox-container input:checked + span {
      left: 0;
      bottom: 0.6rem; }
    .filter .checkbox-container input {
      background: #ffffff; }
    .filter .checkbox-container label {
      margin-left: 0.5rem; }
      .filter .checkbox-container label::before {
        display: none; }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
#class-summary .episode-select-container {
  margin-bottom: 1.25rem; }

#class-summary .fac-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem; }
  #class-summary .fac-header h1 {
    margin-top: 0; }

#class-summary .filter-wrapper {
  display: flex;
  justify-content: flex-start; }

#class-summary .filter {
  min-width: 50rem;
  width: 50%;
  margin-right: 1rem; }

#class-summary ul, #class-summary .star-summary {
  list-style: none;
  padding: 0; }
  #class-summary ul li, #class-summary .star-summary li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.25rem; }
  #class-summary ul .star-label, #class-summary .star-summary .star-label {
    display: flex;
    align-items: center;
    width: 3.25rem;
    justify-content: space-evenly;
    background-color: #DBE5EB;
    border-radius: 100px;
    padding: 0 0.5rem; }
    #class-summary ul .star-label.star-1, #class-summary .star-summary .star-label.star-1 {
      background-color: #F7665C; }
    #class-summary ul .star-label.star-2, #class-summary .star-summary .star-label.star-2 {
      background-color: #F7AB7C; }
    #class-summary ul .star-label.star-3, #class-summary .star-summary .star-label.star-3 {
      background-color: rgba(244, 221, 34, 0.8); }
    #class-summary ul .star-label.star-4, #class-summary .star-summary .star-label.star-4 {
      background-color: rgba(196, 216, 46, 0.9); }
    #class-summary ul .star-label.star-5, #class-summary .star-summary .star-label.star-5 {
      background-color: rgba(11, 184, 157, 0.7); }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
#user-summary {
  background-color: #F5F5F5;
  border: 1px solid #292929;
  border-radius: 2px;
  box-shadow: 0px 0px 12px 0px #e6e5e5;
  padding: 0.5rem 2rem 2rem; }
  #user-summary div {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between; }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
.fac-table-buttons {
  margin-top: 2rem;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between; }
  .fac-table-buttons .fac-table-buttons-left, .fac-table-buttons .fac-table-buttons-right {
    display: flex;
    align-items: center; }
  .fac-table-buttons .fac-table-buttons-left {
    justify-content: flex-start; }
  .fac-table-buttons .fac-table-buttons-right {
    justify-content: flex-end; }
  .fac-table-buttons .fac-ctc-button {
    background: none;
    border: none;
    padding: 0;
    box-shadow: none; }
  .fac-table-buttons .download-slides {
    cursor: pointer;
    font-size: 1.25rem;
    margin-left: auto;
    border-radius: 5rem; }
  .fac-table-buttons .checkbox-container {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    margin-right: 1rem; }
    .fac-table-buttons .checkbox-container label {
      position: relative;
      margin-left: 2rem; }
    .fac-table-buttons .checkbox-container label::before {
      content: ' ';
      position: absolute;
      height: 1rem;
      width: 1rem;
      right: calc(100% + 0.5rem);
      top: calc(50% - 0.5rem);
      background: #DBE5EB; }
    .fac-table-buttons .checkbox-container input {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      width: 1rem;
      height: 1rem;
      border: 2px solid rgba(51, 51, 51, 0.7);
      border-radius: 1px;
      position: relative;
      background: #ffffff; }
    .fac-table-buttons .checkbox-container input:checked + span {
      pointer-events: none;
      content: '';
      display: flex;
      width: 0.5rem;
      height: 1.25rem;
      border-right: 0.2rem solid #3E484F;
      border-bottom: 0.2rem solid #3E484F;
      transform: rotate(45deg);
      position: absolute;
      left: 0.5rem;
      bottom: 0.5rem; }
    .fac-table-buttons .checkbox-container label {
      margin-left: 0.5rem; }
    .fac-table-buttons .checkbox-container label::before {
      display: none; }
  .fac-table-buttons #delete-runs-button {
    margin-left: 1rem; }

.fac-table {
  border-collapse: collapse;
  width: 100%; }
  .fac-table thead tr {
    border-bottom: 2px solid #292929; }
  .fac-table tbody tr {
    border-bottom: 1px solid #DBE5EB; }
    .fac-table tbody tr:first-of-type td {
      padding-top: 0.5rem; }
    .fac-table tbody tr:hover {
      background-color: rgba(177, 0, 33, 0.1);
      text-shadow: 0px 0px 1px #292929; }
  .fac-table tbody th, .fac-table tbody td {
    padding: 0 0.5rem; }
  .fac-table th, .fac-table td {
    text-align: left;
    vertical-align: text-top; }
    .fac-table th.short, .fac-table td.short {
      width: 7rem; }
    .fac-table th.no-sort, .fac-table td.no-sort {
      cursor: default; }
  .fac-table th.right, .fac-table td.right {
    text-align: right; }
  .fac-table thead th, .fac-table thead td {
    cursor: pointer;
    padding: 0.5rem;
    vertical-align: bottom; }
  .fac-table.hidden {
    display: none; }

.pagination-btns {
  width: 100%;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  margin-top: 1rem; }

.page-btn {
  padding: 0.25rem 0.35rem 0.15rem;
  font-size: 0.85rem;
  background: none;
  color: #292929;
  font-weight: 400;
  margin-left: 0.5rem; }

.page-btn.active {
  color: #ffffff;
  background-color: #B10021; }

.action-btn {
  background-color: transparent;
  padding: 0.5rem;
  border: none; }
  .action-btn:hover {
    opacity: 0.5; }

#fac-sim-status {
  text-align: right; }
  #fac-sim-status p {
    margin: 0; }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
#manage-teams .fac-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem; }
  #manage-teams .fac-header h1 {
    margin-top: 0; }

#manage-teams .auto-assign-container {
  width: 65%;
  margin: 0 auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  background-color: #F5F5F5;
  border: 1px solid #292929;
  border-radius: 2px;
  box-shadow: 0px 0px 12px 0px #e6e5e5;
  padding: 0.5rem 2rem 2rem; }
  #manage-teams .auto-assign-container h2 {
    flex-basis: 100%; }
  #manage-teams .auto-assign-container .input-text-wrapper {
    font-size: 1.167rem; }
  #manage-teams .auto-assign-container .assign-button, #manage-teams .auto-assign-container .clear-button {
    box-shadow: none;
    font-size: 1.5rem;
    font-weight: 400;
    border-radius: 5px;
    background: #710000; }
    #manage-teams .auto-assign-container .assign-button:disabled, #manage-teams .auto-assign-container .clear-button:disabled {
      cursor: not-allowed;
      opacity: 0.5; }
  #manage-teams .auto-assign-container .clear-button {
    background: #ffffff;
    color: #710000; }
  #manage-teams .auto-assign-container #maxUsers {
    width: 4.375rem;
    border: 1px solid #292929;
    border-radius: 3px 0 0 3px; }

#manage-teams .number-arrow-wrapper button {
  box-shadow: none;
  border: none;
  background: #B10021; }

#manage-teams .up-arrow {
  border-bottom-color: #ffffff; }

#manage-teams .down-arrow {
  border-top-color: #ffffff; }

#manage-teams .input-field-wrapper {
  display: flex;
  align-items: center; }

#manage-teams .input-field-wrapper .input-field {
  height: 100%; }

#manage-teams .input-field-wrapper label {
  margin-right: 2rem; }

#manage-teams .user-full-name {
  position: relative; }
  #manage-teams .user-full-name .hover-target {
    content: '';
    display: block;
    position: absolute;
    width: calc(100% + 2rem);
    height: 2.5rem;
    top: -0.65rem;
    left: 0; }
  #manage-teams .user-full-name:hover .user-name-tooltip, #manage-teams .user-full-name .hover-target:hover + .user-name-tooltip {
    display: block; }

#manage-teams .user-name-tooltip {
  display: none;
  position: absolute;
  top: -2rem;
  left: 95%;
  width: 20rem; }
  #manage-teams .user-name-tooltip span {
    display: inline-block;
    color: #ffffff;
    background: #B10021;
    padding: 0.25rem 0.5rem;
    border-radius: 3px; }

#manage-teams .team-select select {
  width: 10rem; }

#manage-teams table {
  border-collapse: collapse;
  width: 100%; }

#manage-teams table td, #manage-teams table th {
  text-align: left;
  padding-left: 1.5rem; }

#manage-teams table td:first-child, #manage-teams table th:first-child {
  width: 20rem; }

#manage-teams table tr {
  border-bottom: 1px solid #292929;
  height: 3rem; }

#manage-teams table tbody tr {
  border-color: rgba(41, 41, 41, 0.5); }

#manage-teams table tbody td:last-child {
  padding-left: 0; }

#manage-teams .manage-users-message {
  margin-top: 1rem;
  color: #B10021;
  min-height: 2rem; }

#manage-teams .sortable {
  position: relative;
  cursor: pointer; }

#manage-teams .sortable:before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border: 0.5rem solid;
  border-color: transparent transparent #C7C7C7 transparent;
  left: 0;
  bottom: 60%; }

#manage-teams .sortable:after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border: 0.5rem solid;
  border-color: #C7C7C7 transparent transparent transparent;
  left: 0;
  top: 60%; }

#manage-teams .sortable.sorted.ascending:before {
  border-color: transparent transparent #B10021 transparent; }

#manage-teams .sortable.sorted:not(.ascending):after {
  border-color: #B10021 transparent transparent transparent; }

#manage-teams .fac-ctc-button {
  border-radius: 50%;
  height: 2.5rem;
  width: 2.5rem;
  padding: 0; }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
#best-scores .summary-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.83rem;
  margin-top: 1.67rem; }

#best-scores .fac-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem; }
  #best-scores .fac-header h1 {
    margin-top: 0; }

#best-scores .filter-wrapper {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem; }
  #best-scores .filter-wrapper .filter {
    min-width: 50rem; }

#best-scores .tab {
  padding: 0.5rem;
  background: #F7FBFF;
  border-color: #DBE5EB;
  box-shadow: none;
  font-size: 1.25rem;
  color: #292929;
  font-weight: 400;
  opacity: 0.57;
  position: relative;
  top: 1px;
  width: 14rem; }

#best-scores .tab.active {
  opacity: 1;
  border-bottom-color: #F7FBFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  position: relative; }
  #best-scores .tab.active::after {
    content: ' ';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0.5rem;
    width: 100%;
    transform: translateY(50%);
    z-index: 8;
    background: #F7FBFF; }

#best-scores .tabs {
  margin-top: 1rem;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between; }

#best-scores .tab-panel {
  padding: 3rem;
  border: solid 1px #DBE5EB;
  position: relative;
  z-index: 7;
  background: #F7FBFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }

#best-scores .tabs-wrapper {
  display: grid;
  grid-template-rows: auto auto;
  width: 100%;
  position: relative; }

#best-scores .column-chart .x.axis text {
  text-transform: initial; }

#best-scores .checkbox-container {
  margin-top: 1rem;
  text-align: right; }
  #best-scores .checkbox-container label {
    margin-left: 0.83rem; }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
.column-chart {
  margin: 0;
  position: relative; }
  .column-chart .mouseover-tooltip {
    background: aliceblue;
    padding: 0.1rem 0.3rem;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, calc(-100% - 0.45rem));
    white-space: nowrap; }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
#market-position #market-position-tabs {
  margin-top: 2rem; }

#market-position #tabs-container button {
  background: #ffffff;
  color: #292929;
  font-size: 1.2rem;
  margin-right: 1rem;
  border: 1px solid #DBE5EB;
  padding: 0.5rem 3rem; }

#market-position #tabs-container button.active {
  border-bottom: none;
  position: relative; }
  #market-position #tabs-container button.active::after {
    position: absolute;
    content: ' ';
    width: 100%;
    height: 0.25rem;
    top: calc(100% - 0.125rem);
    left: 0;
    background: #ffffff; }

#market-position #tab-content {
  background: #ffffff;
  padding: 3rem;
  display: grid;
  grid-template-columns: 60% auto;
  border: 1px solid #DBE5EB;
  min-height: 25rem; }

#market-position .fac-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem; }
  #market-position .fac-header h1 {
    margin-top: 0; }

#market-position .filter-wrapper {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center; }
  #market-position .filter-wrapper .filter {
    min-width: 50rem; }

#market-position .chart-dropdown {
  margin-bottom: 5rem;
  justify-content: flex-end; }

#market-position .contour-chart {
  width: 100%; }

#market-position .nw-tooltip {
  font-size: 1rem;
  background: #F7FBFF;
  border: 1px solid #DBE5EB;
  opacity: 1; }
  #market-position .nw-tooltip .text {
    color: #292929; }

#market-position .trend-line {
  stroke: #292929;
  stroke-width: 0.15rem;
  stroke-dasharray: 4; }

#market-position .hide-regression .trend-line {
  display: none; }

.episode-select-wrapper {
  display: flex;
  flex-direction: column; }
  .episode-select-wrapper > div:first-child {
    display: flex;
    align-items: center;
    margin-bottom: 1.25rem; }
  .episode-select-wrapper .refresh-btn {
    margin: 0 1rem;
    padding: 0.5rem;
    border-radius: 3px;
    display: inline-flex;
    justify-content: center;
    align-items: center; }
    .episode-select-wrapper .refresh-btn img {
      width: 1.25rem;
      height: 1.25rem; }
    .episode-select-wrapper .refresh-btn + span {
      font-weight: bold;
      font-size: 1rem; }
  .episode-select-wrapper .past-settings-wrapper {
    display: flex;
    flex-direction: column;
    margin-left: 2rem;
    width: 55rem; }
  .episode-select-wrapper .past-settings-summary {
    display: flex; }
    .episode-select-wrapper .past-settings-summary > div:first-child {
      margin-right: 2rem; }
  .episode-select-wrapper .setting-title-description {
    display: flex;
    flex-direction: column;
    margin-top: 1rem; }
    .episode-select-wrapper .setting-title-description p {
      margin: 0; }
  .episode-select-wrapper .pie-data {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1rem; }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
#fac-materials .fac-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem; }
  #fac-materials .fac-header h1 {
    margin-top: 0; }

#fac-materials section {
  display: flex;
  flex-direction: column;
  gap: 2rem; }
  #fac-materials section h3 {
    font-weight: 700;
    padding: 0 0 0.5rem 0.25rem; }

#fac-materials .overlay-portal {
  z-index: 1; }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
.credits h1 {
  margin-bottom: 1rem; }

.credits section {
  border: 1px solid #CBD6FF;
  border-radius: 1px;
  background-color: #ffffff;
  padding: 1.25rem 1.25rem 2.5rem;
  box-shadow: 0 10px 20px 0 rgba(31, 72, 137, 0.07); }

.credits .credits-row {
  display: grid;
  grid-template-columns: 20rem 1fr;
  grid-gap: 2rem; }
  .credits .credits-row > *:first-child {
    width: 100%; }
  .credits .credits-row img {
    width: 100%; }

.credits .credits-button-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-end; }

@media screen and (max-width: 1023px) {
  .credits .credits-row {
    grid-template-columns: unset;
    display: flex;
    flex-direction: column; }
    .credits .credits-row img {
      width: 60%;
      margin-bottom: 0.5rem; } }

.tooltip {
  display: inline-block;
  height: 0.875rem;
  min-height: 0.875rem;
  width: 0.875rem;
  min-width: 0.875rem;
  position: relative;
  /* Tooltip orientation */ }
  .tooltip span.tooltip-text {
    background: #710000;
    border-radius: 5px;
    color: #ffffff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    opacity: 0;
    position: absolute;
    padding: 0.4rem 0.6rem;
    text-align: left;
    transition: opacity 0.25s;
    z-index: z("tooltip");
    pointer-events: none;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
  .tooltip .tooltip-trigger {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 9999px;
    border: solid 2px #B10021;
    font-style: normal;
    font-weight: 700;
    font-size: 0.5rem;
    line-height: 0.625rem;
    text-align: center;
    padding: 0;
    position: absolute;
    cursor: pointer; }
    .tooltip .tooltip-trigger .letter {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .tooltip .tooltip-trigger:hover {
      background: #DBE5EB; }
  .tooltip .left {
    transform: translate(calc(-100% - 1.5rem), calc(-50% + (0.875rem / 2))); }
    .tooltip .left:after {
      pointer-events: none;
      content: "";
      position: absolute;
      top: 50%;
      left: 100%;
      transform: translateY(-50%);
      border-width: 5px;
      border-style: solid;
      border-color: transparent transparent transparent #710000; }
  .tooltip .right {
    transform: translate(1.5rem, calc(-50% + (0.875rem / 2))); }
    .tooltip .right:after {
      pointer-events: none;
      content: "";
      position: absolute;
      top: 50%;
      right: 100%;
      transform: translateY(-50%);
      border-width: 5px;
      border-style: solid;
      border-color: transparent #710000 transparent transparent; }
  .tooltip .top {
    left: 50%;
    transform: translate(-50%, calc(-100% - 5px - 0.65rem)); }
    .tooltip .top:after {
      pointer-events: none;
      content: "";
      position: absolute;
      top: 100%;
      right: 50%;
      transform: translateX(50%);
      border-width: 5px;
      border-style: solid;
      border-color: #710000 transparent transparent transparent; }
  .tooltip .top-left {
    left: 50%;
    transform: translate(calc(-100% + 1rem), calc(-100% - 5px - 0.65rem)); }
    .tooltip .top-left:after {
      pointer-events: none;
      content: "";
      position: absolute;
      top: 100%;
      right: 1rem;
      transform: translateX(50%);
      border-width: 5px;
      border-style: solid;
      border-color: #710000 transparent transparent transparent; }
  .tooltip .tooltip-trigger:hover + .tooltip-text,
  .tooltip .tooltip-trigger:focus + .tooltip-text {
    color: #ffffff;
    opacity: 1; }

/*********
* COLORS
*********/
/*********
* VALUES
*********/
/*********
* FONT COLORS
*********/
/*********
* SHADOWS
*********/
/*********
* MEDIA VALUES
*********/
/*********
* BORDERS
*********/
/*********
* MIXINS
*********/
@font-face {
  font-family: 'Lato';
  src: url(7f690e503a254e0b8349aec0177e07aa.ttf);
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Lato';
  src: url(56c4cb26fd6a48b9c0ebcc07b376ee38.ttf);
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: 'Lato';
  src: url(44dfe8cc676882243911a3197a50169e.ttf);
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Lato';
  src: url(1ba4767ee37aab7e8d34fc339c3538cc.ttf);
  font-weight: 700;
  font-style: italic; }

html {
  background: #ffffff;
  box-sizing: border-box;
  color: #292929;
  font-size: 1em;
  font-weight: 400;
  font-family: "Lato";
  line-height: 1.63; }
  @media screen and (max-width: 1023px) {
    html {
      font-size: 0.75em; } }

h1, h2, h3 {
  margin: 0; }

body, #app, main {
  overflow: auto;
  background-color: #F7FBFF; }

body {
  padding: 0;
  margin: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center; }

main {
  width: 100%; }
  main > * {
    padding: 2rem; }
  @media screen and (max-width: 1023px) {
    main > * {
      padding: 1rem; } }

#app {
  overflow: unset;
  height: 100%;
  min-height: 100vh;
  display: grid;
  grid-template-rows: auto 1fr auto;
  max-width: 1440px;
  width: 100%; }

.header-background {
  position: fixed;
  top: 0;
  height: calc(7rem + 2px);
  left: 0;
  right: 0;
  background: #ffffff;
  border-bottom: 1px solid #DBE5EB; }

.subheader-background {
  position: fixed;
  top: 7rem;
  left: 0;
  right: 0;
  height: 3.7rem;
  background: #DBE5EB; }

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

hr {
  height: 1px;
  background: #292929;
  border: none;
  max-width: 48rem;
  width: 100%; }

.accessibility-text {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px; }

.link-btn {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  color: #292929;
  cursor: pointer; }

a {
  text-decoration: none;
  color: #292929; }

a.regular-link {
  text-decoration: underline;
  color: #1F4889; }
  a.regular-link:hover {
    opacity: 0.75; }

figcaption {
  margin-bottom: 1.25rem;
  font-size: 1.17rem; }

h1 {
  font-size: 1.67rem;
  font-weight: 700;
  padding: 0;
  margin: 0; }

h2 {
  font-size: 1.33rem;
  font-weight: 400; }

h3 {
  font-size: 1.167rem;
  font-weight: 400; }

figure {
  margin: 0; }

fieldset {
  padding: 0;
  margin: 0;
  border: none; }

button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0.5rem 2rem;
  background-color: #B10021;
  color: #ffffff;
  border-color: 1px solid rgba(99, 0, 19, 0.8);
  cursor: pointer; }
  button:disabled {
    opacity: 0.5;
    cursor: initial; }
  button.unbutton {
    background: none;
    border: none;
    text-decoration: underline;
    padding: 0;
    box-shadow: none; }
  button.ctc-button {
    background: none;
    border: none;
    text-decoration: underline;
    padding: 0;
    box-shadow: none;
    color: #3E484F;
    font-weight: 400;
    position: relative;
    margin-right: 2rem; }
    button.ctc-button:not(.fac-ctc-button):after {
      position: absolute;
      content: ' ';
      height: 100%;
      width: 2rem;
      top: 0;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5jb3B5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IktlbGxvZ2ciIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSIwMy1DbGFzcy1SZXN1bHRzLShETCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzgyLjAwMDAwMCwgLTY3NC4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9ImNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEzODIuMDAwMDAwLCA2NzQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuODAwMDAwLCA0LjAwMDAwMCkiIHN0cm9rZT0iIzNFNDg0RiIgc3Ryb2tlLXdpZHRoPSIxLjYiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03LjIsMC44IEM2Ljk3OTA4NjEsMC44IDYuOCwwLjk3OTA4NjEgNi44LDEuMiBMNi44LDE2LjQgQzYuOCwxNi42MjA5MTM5IDYuOTc5MDg2MSwxNi44IDcuMiwxNi44IEwxOCwxNi44IEMxOC4yMjA5MTM5LDE2LjggMTguNCwxNi42MjA5MTM5IDE4LjQsMTYuNCBMMTguNCw0LjU4MjAxOTE3IEMxOC40LDQuNDc3NTI0OCAxOC4zNTkxMDk0LDQuMzc3MTc5MDMgMTguMjg2MDc0OSw0LjMwMjQ0NTk5IEwxNC45ODA5MTk4LDAuOTIwNDI2ODIxIEMxNC45MDU2NTgyLDAuODQzNDE1MDAxIDE0LjgwMjUyNTUsMC44IDE0LjY5NDg0NDksMC44IEw3LjIsMC44IFoiIGlkPSJSZWN0YW5nbGUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTIuNCwxNy43OTkxODU4IEw1LjcxMTQxNDU4LDUuMiBMMS4yLDUuMiBDMC45NzkwODYxLDUuMiAwLjgsNS4zNzkwODYxIDAuOCw1LjYgTDAuOCwyMC44IEMwLjgsMjEuMDIwOTEzOSAwLjk3OTA4NjEsMjEuMiAxLjIsMjEuMiBMMTIsMjEuMiBDMTIuMjIwOTEzOSwyMS4yIDEyLjQsMjEuMDIwOTEzOSAxMi40LDIwLjggTDEyLjQsMTcuNzk5MTg1OCBaIiBpZD0iUGF0aCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMy4wMjg1NzE0LDAuNCBMMTMuMDI4NTcxNCw0LjggQzEzLjAyODU3MTQsNS40NjI3NDE3IDEzLjU2NTgyOTcsNiAxNC4yMjg1NzE0LDYgTDE5LjAyODU3MTQsNiIgaWQ9IlBhdGgtNSI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat top left;
      background-size: 70%; }
    @media screen and (max-width: 1023px) {
      button.ctc-button {
        align-self: flex-end;
        margin-bottom: 1rem; }
        button.ctc-button:after {
          height: 2rem;
          top: -0rem;
          background-size: 2rem; } }

.highlight {
  position: relative;
  z-index: 12 !important;
  pointer-events: none;
  cursor: default; }
  .highlight#header {
    padding: 0 !important;
    border-radius: 0 !important; }
  .highlight.selected, .highlight.news-wrapper {
    border-radius: 0 !important;
    z-index: 15 !important; }
  @media screen and (min-width: 1023px) {
    .highlight.news-wrapper {
      padding-top: 1.9rem !important; }
      .highlight.news-wrapper .new-news {
        top: 1.4rem; } }
  .highlight.bottom-nav {
    border-radius: 0 !important;
    z-index: 15 !important; }
  .highlight:not(td) {
    border-radius: 5px !important; }

.facilitator h1, .facilitator h2 {
  margin: 1rem 0; }

.facilitator h2 {
  font-weight: 700; }